abbr,address,article,aside,audio,b,blockquote,body,body div,caption,cite,code,dd,del,details,dfn,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: 400;
	vertical-align: baseline;
	background: transparent
}

article,aside,details,figure,footer,header,main,nav,section,summary {
	display: block
}

html {
	box-sizing: border-box
}

a {
	text-decoration: none;
	outline: none;
	color: inherit
}

body {
	font: 400 14px/1 Microsoft yahei,Roboto,sans-serif;
	color: #000;
	color: rgba(0,0,0,.87)
}

*,:after,:before {
	box-sizing: inherit
}

embed,img,object {
	max-width: 100%
}

img {
	vertical-align: top;
	border: none
}

html {
	overflow-y: scroll
}

ul {
	list-style: none
}

blockquote,q {
	quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
	content: "";
	content: none
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}

del {
	text-decoration: line-through
}

abbr[title],dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help
}

table {
	border-collapse: separate;
	border-spacing: 0
}

th {
	font-weight: 700;
	vertical-align: bottom
}

td {
	font-weight: 400;
	vertical-align: top
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}

input,select {
	vertical-align: middle
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	white-space: pre-line;
	word-wrap: break-word
}

input[type=radio] {
	vertical-align: text-bottom
}

input[type=checkbox] {
	vertical-align: bottom
}

.ie7 input[type=checkbox] {
	vertical-align: baseline
}

.ie6 input {
	vertical-align: text-bottom
}

input,select,textarea {
	font: 99% sans-serif
}

table {
	font-size: inherit;
	font: 100%
}

small {
	font-size: 85%
}

strong {
	font-weight: 700
}

td,td img {
	vertical-align: top
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

code,kbd,pre,samp {
	font-family: monospace,sans-serif
}

.clickable,button,input[type=button],input[type=file],input[type=submit],label {
	cursor: pointer
}

button,input,select,textarea {
	margin: 0
}

button,input[type=button] {
	width: auto;
	overflow: visible
}

@-webkit-keyframes a {
	0%,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		opacity: 0;
		-webkit-transform: translate3d(0,-3000px,0);
		transform: translate3d(0,-3000px,0)
	}

	60% {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		opacity: 1;
		-webkit-transform: translate3d(0,25px,0);
		transform: translate3d(0,25px,0)
	}

	75% {
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0)
	}

	90% {
		-webkit-transform: translate3d(0,5px,0);
		transform: translate3d(0,5px,0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes a {
	0%,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		opacity: 0;
		-webkit-transform: translate3d(0,-3000px,0);
		transform: translate3d(0,-3000px,0)
	}

	60% {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		opacity: 1;
		-webkit-transform: translate3d(0,25px,0);
		transform: translate3d(0,25px,0)
	}

	75% {
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0)
	}

	90% {
		-webkit-transform: translate3d(0,5px,0);
		transform: translate3d(0,5px,0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes b {
	0% {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		opacity: 1
	}

	to {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}
}

@keyframes b {
	0% {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		opacity: 1
	}

	to {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}
}

.show {
	-webkit-animation: a 1s both;
	animation: a 1s both
}

.hide {
	-webkit-animation: b .5s ease-in-out both;
	animation: b .5s ease-in-out both
}

.lib-head {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding: .46296296296296297rem .4074074074074074rem 0
}

.lib-head__logo {
	display: block;
	width: 4.0rem;
	height: 1.5rem
}

.lib-head__logo img,.lib-menu {
	width: 100%
}

.lib-menu {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	background-color: #fff;
	background-color: hsla(0,0%,100%,.95);
	z-index: 99
}

.lib-menu__head {
	margin-bottom: 1.1481481481481481rem;
	height: 1.4166666666666667rem;
	padding: .46296296296296297rem .4074074074074074rem 0;
	background-color: #fff
}

.lib-menu__nav {
	margin: 0 auto;
	width: 8.796296296296296rem
}

.lib-menu__nav li {
	text-align: center;
	line-height: 1.6666666666666667rem;
	height: 1.6666666666666667rem;
	border-bottom: 1px solid #d2d2d2;
	color: #1d1d1d;
	font-size: .3888888888888889rem
}

.lib-menu__nav li:nth-child(3) {
	line-height: 1.5740740740740742rem;
	height: 1.5740740740740742rem
}

.lib-menu__btn {
	position: fixed;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	right: .4074074074074074rem;
	top: .46296296296296297rem;
	width: 25px;
	height: 20px;
	z-index: 999
}

.lib-menu__btn i {
	display: block;
	width: 100%;
	height: 2.5px;
	background-color: #fff
}

.lib-menu__btn i:first-child,.lib-menu__btn i:nth-child(3) {
	transition: all .3s ease
}

.lib-menu__btn.active i:first-child {
	-webkit-transform: rotate(45deg) translate(6.25px,6.25px);
	transform: rotate(45deg) translate(6.25px,6.25px);
	background-color: #000
}

.lib-menu__btn.active i:nth-child(2) {
	visibility: hidden
}

.lib-menu__btn.active i:nth-child(3) {
	-webkit-transform: rotate(-45deg) translate(6.25px,-6.25px);
	transform: rotate(-45deg) translate(6.25px,-6.25px);
	background-color: #000
}

.lib-menu__logo {
	display: block;
	width: 2.1481481481481484rem;
	height: .6203703703703703rem
}

.lib-menu__logo img {
	width: 100%
}

.lib-foot {
	background-color: #3d3c42;
	padding: .42592592592592593rem 0
}

.lib-foot.fixed {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%
}

.lib-foot__nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: .35185185185185186rem;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.lib-foot__nav a {
	font-size: .39814814814814814rem;
	position: relative;
	display: inline-block;
	margin: 0 .4351851851851852rem;
	color: #cdcdcd
}

.lib-foot__nav a:nth-child(2):before {
	left: -.46296296296296297rem
}

.lib-foot__nav a:nth-child(2):after,.lib-foot__nav a:nth-child(2):before {
	content: "";
	position: absolute;
	top: .046296296296296294rem;
	width: 1px;
	height: .3055555555555556rem;
	background-color: #515151
}

.lib-foot__nav a:nth-child(2):after {
	right: -.46296296296296297rem
}

.lib-foot__group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: .25925925925925924rem;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.lib-foot__group a {
	margin: 0 .18518518518518517rem;
	font-size: .3333333333333333rem;
	vertical-align: top;
	color: #75787d
}

.lib-foot__copy {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.lib-foot__copy a {
	margin: 0 .09259259259259259rem;
	font-size: .3333333333333333rem;
	color: #d4d4d4
}

.lib-foot__copy a img {
	width: .37037037037037035rem;
	height: .37037037037037035rem;
	margin-right: .09259259259259259rem
}

.ban {
	background: url(../images/mobile/bg.jpg) top;
	background-size: cover;
	height: 10rem;
	padding-top: 2.9444444444444446rem;
	text-align: center
}

.ban h1 {
	margin-bottom: .5rem;
	font-size: .7407407407407407rem;
	line-height: 1.2037037037037037rem;
	color: #fff
}

.ban img {
	margin-bottom: .7592592592592593rem;
	width: 5.833333333333333rem;
	height: .23148148148148148rem
}

.ban a {
	display: block;
	margin: 0 auto;
	color: #fff;
	font-size: .3888888888888889rem;
	letter-spacing: 2px;
	width: 3.888888888888889rem;
	line-height: 1.2592592592592593rem;
	border: 1px solid #fff;
	border-radius: .6296296296296297rem
}

.ban a img {
	margin-right: .18518518518518517rem;
	margin-bottom: auto;
	vertical-align: middle;
	width: .3648148148148149rem;
	height: .4048148148148149rem;
}

.ban a span {
	display: inline-block;
	vertical-align: middle
}

.intro {
	margin-bottom: 1.3888888888888888rem;
	text-align: center
}

.intro h1 {
	font-family: PingFang SC Medium;
	line-height: 1.4259259259259258rem;
	color: #282828;
	font-size: .4444444444444444rem
}

.intro-list {
	display: inline-block;
	width: 8.981481481481481rem;
	height: 3.425925925925926rem
}

.intro-list img {
	width: 1.5648148148148149rem;
	height: 1.5648148148148149rem;
	margin-bottom: .2777777777777778rem
}

.lib-head__pay {
	position: absolute;
	right: 1.6666666666666667rem;
	top: .46296296296296297rem;
	height: 20px;
	line-height: 20px;
	font-size: .46296296296296297rem;
	color: #fff
}