/* -----------公用------------ */
/* Reset */
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html{
	position: relative;
	height: 100%;
}

body{
	width: 7.5rem;
	height: 100%;
	line-height: normal;
	color: #333;
	font-size: 0.3rem;
	font-family: "Microsoft YaHei", arial;
	background: #fff;
	visibility: hidden;
	overflow-x: hidden;
}

ul,
li,
ol,
dl,
dt,
dd{
	list-style: none;
}

img{
	border: none;
}

a,
a:hover,
a:active,
a:visited{
	text-decoration: none;
}

a{
	color:#333;
}

a:hover,
a:active{
	color: #0d88d7;
}

p{
	text-indent: 0;
}

h1,
h2,
h3,
h4,
h5{
	font-weight: normal;
}
/* Reset End */

/* Function */
.clearfix:after,
.row-list:after,
.row-menu:after{
	content: " ";
	display: table;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html .clearfix{
	zoom: 1;	/* IE6 */
} 

.display-block{
	display: block;
}

.display-none{
	display: none;
}

.row-list,
.row-menu{
	text-align: center;
}

.row-list{
	margin: .1rem auto;
}

.list-cell,
.menu-cell{
	float: left;
	overflow: hidden;
}

.list-cell-3,
.menu-cell-3{
	width: 33.333333%;
}

.list-cell-2,
.menu-cell-2{
	width: 50%;
}

.list-cell-4,
.menu-cell-4{
	width: 25%;
}

.menu-cell-5{
	width: 20%;
}

.menu-cell-6{
	width: 16.66666%;
}

.list-cell>a,
.menu-cell>a{
	display: block;
}

.dialog{
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	z-index: 1000;
	cursor: pointer;
}

.dialog-content{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
	background-color: #fff;
	border-radius: .1rem;
}

.dialog-content .dialog-close{
	position: absolute;
	top: .5rem;
	right: .5rem;
	width: .36rem;
	height: .36rem;
	cursor: pointer;
}

.dialog .dialog-content .dialog-close img{
	width: 100%;
	height: 100%;
}

.img-box img{
	width: 100%;
	height: 100%;
}
/* Function End */

/* IOS button */
input[type=button], select{
	-webkit-appearance:none;
	outline:none;
}
/* IOS button End */

/* Float */
.float-left{
	float: left;
}

.float-right{
	float: right;
}
/* Float End */

/* Flex */
.flex {
	display: flex;
}
/* Flex End */

/* Background-color */
.bg-white{
	background-color: #fff !important;
}

.bg-green{
	background-color: #00c06d !important;
}

.bg-blue{
	background-color: #00b7ee !important;
}

.bg-yellow{
	background-color: #fdb405 !important;
}

.bg-orange{
	background-color: #ff6900 !important;
}

.bg-gray{
	background-color: #f0f0f0 !important;
}

.bg-gray2{
	background-color: #fafafa !important;
}

.bg-gray3{
	background-color: #f3f3f3 !important;
}

.bg-more{
	background-image: url(../images/icon_23.png);
	background-position:  100% center;
	background-repeat: no-repeat;
	background-size: .18rem .3rem;
}
/* Background-color End */

/* Font-color */
.font-white{
	color: #fff !important;
}

.font-gray{
	color: #999 !important;
}

.font-gray2{
	color: #666 !important;
}

.font-gray3{
	color: #757575 !important;
}

.font-red{
	color: #f7595d !important;
}

.font-blue{
	color: #0d88d7 !important;
}

.font-blue2{
	color: #0099db !important;
}

.font-green{
	color: #53c408 !important;
}

.font-yellow{
	color: #ff9901 !important;
}

.font-orange{
	color: #ff6900 !important;
}
/* Font-color End */

/* Text-align */
.text-center{
	text-align: center !important;
}

.text-left{
	text-align: left !important;
}

.text-right{
	text-align: right !important;
}
/* Text-align End */

/* Text-overflow */
.text-overflow {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/* Text-overflow End*/

/* Form */
.form-control{
	display: block;
	width: 100%;
	height: .9rem;
	padding: .12rem .24rem;
	font-size: .34rem;
	color: #333;
	background-color: #fff;
	background-image: none;
	border: none;
	border-radius: .06rem;
	/*-webkit-box-shadow: inset 0 -1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 -1px 1px rgba(0,0,0,.075);*/
}

.form-control:focus {
	border: 1px solid #0099db;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0,153,219,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0,153,219,0.6);

}

input[type="month"]:not(.has-value):before{
  color: lightgray;
  content: attr(placeholder);
}

/*input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-calendar-picker-indicator{
	visibility: hidden;
} */

textarea,
textarea.form-control{
	height: auto;
	resize: vertical;
}

select{
	border:none;
	outline:none;
	background:none;
}

::-webkit-input-placeholder { /* WebKit browsers */
	color:#9aa2af;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:#9aa2af;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:#9aa2af;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color:#9aa2af;
}
/* Form End */

/* Button */
.button{
	display: inline-block;
	font-size: .32rem;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle; 
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none; 
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	background-image: none;
	border: 1px solid #000; 
}

.button:hover,
.button:active {
	outline: none;
	box-shadow: none;
}

.button-round{
	border-radius: .1rem;
}

.button-large{
	font-size: .34rem;
}
 

.button-sm{
	font-size: .24rem;
}

.button-xs{
	font-size: .24rem;
}

.button-xs.button-round{
	border-radius: .12rem;
}

.button.button-block{
	display: block;
	width: 100%;
}

.button.button-block.button-round{
	height: .9rem;
	line-height: .9rem;
	font-size: .34rem;
	border-radius: .45rem;
}

.button.button-block.button-roundbig{
	height: .9rem;
	line-height: .66rem;
	font-size: .34rem;
	border-radius: .45rem;
}

.button.button-block.button-round.button-margin,
.button.button-block.button-roundbig.button-margin{
	width: 94%;
	margin: .4rem auto;
}

.button.button-white{
	color: #999;
	background-color: #fff;
	border-color: #fff;
}

.button.button-red{
	color: #fff;
	background-color: #f7595d;
	border-color: #f7595d;
}

.button.button-gray{
	color: #fff;
	background-color: #ccc;
	border-color: #ccc;
}

.button.button-orange{
	color: #fff;
	background-color: #ff7605;
	border-color: #ff7605;
	box-shadow: 0 0 5px 0 #ff7605;
}

.button.button-orange2{
	color: #fff;
	background-color: #ff800d;
	border-color: #ff800d;
}
.buttonp.button-orange2p{
	color: #fff;
	background-color: #ff800d;
	border-color: #ff800d;
}

.button.button-orange3{
	color: #fff;
	background-color: #ffa94c;
	border-color: #ffa94c;
}

.button.button-blue{
	color: #fff;
	background-color: #ff8004;
	border-color: #ff8004;
	box-shadow: 0 0 5px 0 #ff8004;
}

.button.button-green{
	color: #fff;
	background-color: #00c06d;
	border-color: #00c06d;
}

.button.button-dark{
	color: #fff;
	background: #32323e;
	border-color: #32323e;
}

.button.button-outline.button-gray{
	color: #666;
	background-color: transparent;
	border-color: #666;
}

.button.button-outline.button-blue{
	color: #2980ff;
	background-color: transparent;
	border-color: #2980ff;
}

.button.button-outline.button-orange{
	color: #ff6900;
	background-color: transparent;
	border-color: #ff6900;
}

.button.button-outline.button-orange2{
	color: #ff800d;
	background-color: transparent;
	border-color: #ff800d;
}

.button.button-outline.button-orange3{
	color: #ffa94c;
	background-color: transparent;
	border-color: #ffa94c;
}

.button:disabled{
	color: #fff;
	background-color: #ccc;
	border-color: #ccc;
}
/* Button End */

/* Border */
.box-wrapper{
	margin-left: auto;
	margin-right: auto;
	border-radius: .08rem;
}

.content-wrapper{
	padding: .3rem;
}

.content-header{
	padding: .5rem 0;
}

.content-title{
	font-size: .44rem;
}

.content-time{
	margin-top: .25rem;
	font-size: .27rem;
}

.content-wrapper img{
	width: 100%;
	height: auto;
}

.padding-bottom-xs{
	padding-bottom: .1rem;
}

.padding-bottom-lg{
	padding-bottom: 1.5rem;
}

.shadow-box{
	box-shadow: 0 0 10px #ccc;
}
/* Border End */

/* Tab */
.tab-content{
	display: none;
}

.tab-content.active{
	display: block;
}
/* Tab End */
/* ------------公用 End------------ */

/* ------------Library------------ */
/*iscroll*/
.scroll-body{
	overflow: hidden;
}

#wrapper{
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	touch-action: none;
}

#scroller{
	min-height: 100.2%;
	overflow: hidden;
}

.alert-info{
	height: .6rem;
	margin: .1rem 0;
	padding: .1rem;
	text-align: center;
	color: #666;
	font-size: .3rem;
	overflow: hidden;
}
/*iscroll End*/

/*Switch*/
#switch, #circle {
	height: 0.5rem;
	transition: .4s;
	box-sizing: content-box;
}

#switch {
	width: 1rem;
	margin-top:0.09rem;
	border: 2px solid #E8EAEC;
	border-radius: 0.27rem;
	background: #FAFAFB;
}

#circle {
	width: 50%;
	border-radius: 0.25rem;
	box-shadow: 0 4px 4px rgba(26,53,71,.25), 0 0 0 1px rgba(26,53,71,.07);
	background: #fff;
}

#switch.active {
	border-color: #41C955;
	background: #00c06d;
}

#switch.active #circle {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}
/*End Switch*/

/*swipe*/
.swipe {
	overflow: hidden;
	visibility: hidden;
	position: relative;
	width:7.5rem;
	height: 3rem;
}

.swipe-wrapper {
	overflow: hidden;
	position: relative;
	width: 7.5rem;
	height: 100%;
}

.swipe-wrapper>div {
	float:left;
	width:100%;
	height: 100%;
	position: relative;
}

.swipe-wrapper>div img{
	width: 100%;
	height: 100%;
}

.swipe-list{
	position:absolute;
	width:100%;
	height:10px;
	bottom:.3rem;
	line-height:10px;
	text-align:center;
}

.swipe-list li{
	display:inline;
	line-height: 0;
	margin: 0 5px;
	border:5px solid #fff;
	border-radius:5px;
	font-size:0;
	opacity: 0.5;
}

.swipe-list li.active{
	border:5px solid #fff;
	opacity:0.9;
}
/* Swipe End */
/* ------------Library End------------ */

/* 页面 */
/* 页面公用 */
.form-new>div:after,
.form-body:after,
.product-info>div:after,
.receipt-info>div:after,
.form-details>div:after,
.order-body:after,
.order-form>div:after,
.add-address>div:after,
.points-list>div>div:after,
.knowledge-menu>div:after,
.knowledge-result>div>div:after{
	content: " ";
	display: table;
	height: 0;
	clear: both;
	visibility: hidden;
}

.form-item {
	height: 1rem;
	line-height: 1rem;
	border-bottom: 1px solid #e5e7e9;
}

.form-item input,
.form-item select {
	height: .9rem;
	line-height: .9rem;
	font-size: .3rem;
	border: none;
	outline: none;
}

.full-wrapper{
	top: 0;
	bottom: 0;
}

.dialog-share{
	background-image: url(../images/icon_12.png);
	background-position: 5.3rem .2rem;
	background-repeat: no-repeat;
	background-size: 1.93rem 3.45rem;
}

.link-arrow{
	background-image: url(../images/icon-link-arrow.png);
	background-position: 98% center;
	background-size: .14rem .23rem;
	background-repeat: no-repeat;
}

.section-title {
	margin: .2rem 0;
	padding: .2rem 0;
	padding-left: .1rem;
	line-height: .32rem;
	color: #666;
	font-size: .32rem;
	background: url(../images/icon-section-title.png) 0 center no-repeat;
	background-size: .04rem .32rem;
}

.section-title.border-bottom {
	border-bottom: 1px solid #e7e7e7;
}

.section-title .title-more {
	float: right;
	padding-right: .2rem;
	color: #666;
	background: url(../images/icon-section-more.png) 100% center no-repeat;
	background-size: .15rem .28rem;
}

.footer-padding {
	min-height: 100%;
	padding-bottom: 1rem;
}

.page-footer{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: .98rem;
	text-align: center;
	box-shadow: 0 2px 10px 0 rgba(0,0,0,0.5);
	z-index: 100;
}

.footer-menu {
	background-color: #fff;
}

.footer-menu a {
	height: 100%;
	padding-top: .6rem;
	font-size: .2rem;
	color: #757575;
	background-repeat: no-repeat;
}

.footer-menu a.active {
	color: #f77b00;
}

.footer-menu .menu-index {
	background-image: url(../images/icon-menu-home.png);
	background-position: center .1rem;
	background-size: .38rem .37rem;
}

.footer-menu .menu-index.active {
	background-image: url(../images/icon-menu-home-active.png);
}

.footer-menu .menu-user {
	background-image: url(../images/icon-menu-user.png);
	background-position: center .1rem;
	background-size: .4rem;
}

.footer-menu .menu-user.active {
	background-image: url(../images/icon-menu-user-active.png);
}


.footer-menu .menu-wenzhang {
	background-image: url(../images/wenzhang.png);
	background-position: center .1rem;
	background-size: .4rem;
}

.footer-menu .menu-wenzhang.active {
	background-image: url(../images/wenzhang-active.png);
}

.footer-menu .menu-shipin {
	background-image: url(../images/shipin.png);
	background-position: center .1rem;
	background-size: .4rem;
}

.footer-menu .menu-shipin.active {
	background-image: url(../images/shipin-active.png);
}

.footer-menu .menu-ketang {
	background-image: url(../images/ketang.png);
	background-position: center .1rem;
	background-size: .4rem;
}

.footer-button-wrapper {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1.5rem;
	padding: .3rem;
}
/* 页面公用 End */

/* 01 login */
.login {
	min-height: 100%;
	padding: .4rem 0;
	background: url(../images/bg-login.png) center 100% no-repeat #ff8004;
	background-size: 7.5rem auto;
}

.login-form {
	width: 6.9rem;
	height: 9.2rem;
	margin: 0 auto;
	padding: 4rem .55rem 0;
	background: url(../images/logo.png) center .9rem no-repeat #fff;
	background-size: 4.5rem 2rem;
	border-radius: .16rem;
	box-shadow: 0 0 5px 0 #ff8004;
	overflow: hidden;
}

.login-form .form-item {
	margin: .1rem 0;
}

.login-form .form-item input {
	padding-left: .6rem;
}

.login-form .form-account input {
	width: 100%;
	background: url(../images/icon-login-account.png) .16rem center no-repeat;
	background-size: .25rem .32rem;
}

.login-form .form-password {
	text-align: justify;
}

.login-form .form-password:after{
	content: '';
	display: inline-block;
	width: 100%;
	height: 0;
}

.login-form .form-password input {
	width: 75%;
	background: url(../images/icon-login-password.png) .16rem center no-repeat;
	background-size: .26rem .31rem;
}

.login-form .form-password button {
	width: 20%;
	height: .9rem;
	border: none;
	outline: none;
	vertical-align: middle;
}

.login-form .form-password button.hide {
	background: url(../images/icon-login-hide.png) center no-repeat;
	background-size: .44rem .16rem;
}

.login-form .form-password button.show {
	background: url(../images/icon-login-show.png) center no-repeat;
	background-size: .35rem .22rem;
}

.login-form .form-footer {
	margin-top: 1rem;
}

.login-form .footer-text {
	height: .14rem;
	margin-top: .5rem;
	line-height: .3rem;
	text-align: center;
	border-bottom: 1px solid #eeee;
}

.login-form .footer-text span {
	padding: 0 .4rem;
	color: #acacac;
	background-color: #fff;
}

/* 02 index */
.index-swipe {
	position: relative;
	width: 100%;
	height: 4.07rem;
	overflow: hidden;
	z-index: 0;
}

.index-swipe .search-bar {
	position: absolute;
	top: .3rem;
	left: .65rem;
	width: 6.2rem;
	height: .6rem;
	z-index: 1;
}

.index-swipe .search-bar input {
	width: 100%;
	height: .6rem;
	padding-left: .6rem;
	border: none;
	border-radius: .45rem;
	outline: none;
	background: url(../images/icon-home-search.png) .2rem center no-repeat rgba(255,255,255,0.9);
	background-size: .28rem;
}

.index-swipe .swipe-wrapper {
	width: 100%;
	height: 4.07rem;
	overflow: hidden;
}

.index-swipe .swipe-list {
	bottom: .7rem;
}

.index-menu-wrapper {
	position: relative;
	width: 7.5rem;
	margin-top: -.4rem;
	overflow: hidden;
	z-index: 1;
}

.index-menu {
	width: 12rem;
	height: 2.2rem;
	margin-left: -2.25rem;
	padding: .5rem 0;
	background-color: #fff;
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
}

.index-menu .row-menu {
	width: 5.4rem;
	margin: 0 auto;
}

.index-menu a {
	height: 1.2rem;
	padding-top: .9rem;
	color: #666;
	font-size: .24rem;
	background-position: center 0;
	background-repeat: no-repeat;
	background-size: .8rem;
}

.index-menu .menu-helper {
	background-image: url(../images/icon-home-helper.png)
}

.index-menu .menu-knowledge {
	background-image: url(../images/icon-home-knowledge.png)
}

.index-menu .menu-activity {
	background-image: url(../images/icon-home-activity.png)
}

.index-hot {
	width: 7.1rem;
	height: 1.5rem;
	margin: .1rem auto;
	padding: .2rem .1rem;
	border-radius: .16rem;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.2)
}

.index-hot .hot-title {
	float: left;
	width: 1.2rem;
	margin: .1rem 0;
	padding-right: .1rem;
	text-align: center;
	color: #666;
	font-size: .32rem;
	font-weight: bold;
	border-right: 1px solid #c4c4c4;
}

.index-hot .hot-title div {
	margin: .1rem 0;
	color: #fff;
	font-size: .26rem;
	background: url(../images/icon-home-hot.png) .18rem center no-repeat;
	background-size: .92rem .34rem;
}

.index-hot .hot-list {
	float: right;
	width: 5.6rem;
	padding: 0 .1rem;
	overflow: hidden;
}

.index-hot .hot-list a {
	display: block;
	margin: .15rem 0;
	color: #b1b1b1;
	font-size: .24rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.index-hot .hot-list span {
	margin-right: .1rem;
	padding: .04rem .08rem;
	color: #ff8d00;
	background: url(../images/icon-home-border.png) center no-repeat;
	background-size: 100% .3rem;
}

.index-test {
	width: 7.3rem;
	margin: .4rem auto .2rem;
}

.index-test .section-title {
	margin: .2rem .1rem;
}

.index-test .list-cell {
	position: relative;
	width: 3.45rem;
	height: 2.13rem;
	margin: .1rem;
	border-radius: .16rem;
	overflow: hidden;
}

.index-test .list-cell .cell-title {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: .2rem;
	text-align: left;
	color: #fff;
	font-size: .24rem;
	font-weight: bold;
}

.index-test .list-cell .cell-title h5 {
	font-size: .34rem;
}

.index-test .list-cell .cell-title > * {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* 02.2 helper */
.helper,
.knowledge,
.marriage {
	padding: 0 .2rem;
}

.helper-menu,
.knowledge-menu {
	margin: .2rem 0;
	padding: .25rem 0;
}

.helper-menu a,
.knowledge-menu a {
	color: #666;
	font-size: .24rem;
}

.helper-menu img,
.knowledge-menu img{
	width: .8rem;
	height: .8rem;
}

.helper-test .img-box,
.knowledge-video .img-box {
	position: relative;
	display: block;
	width: 100%;
	height: 3.2rem;
	margin: .2rem 0;
	border-radius: .16rem;
	overflow: hidden;
}

.helper-test .test-title {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #fff;
	font-size: .24rem;
	background-color: rgba(0,0,0,0.2);
}

.helper-test .test-title h4 {
	margin: .4rem 0 .2rem;
	font-size: .34rem;
	font-weight: bold;
}

.helper-test .test-title .test-button {
	display: block;
	width: 1.2rem;
	height: .45rem;
	margin: .2rem auto;
	line-height: .45rem;
	color: #fff;
	font-size: .22rem;
	background-color: rgba(41,128,255,0.3);
	border: 1px solid rgba(255,255,255,0.3);
	border-radius: .24rem
}

.helper-recommend .recommend-item {
	display: block;
	width: 100%;
	margin: .2rem 0;
	line-height: .4rem;
	color: #777;
	font-size: .22rem;

}

.helper-recommend .item-img {
	float: left;
	width: 1.9rem;
	height: 2.6rem;
	border-radius: .08rem;
}

.helper-recommend .item-info {
	float: right;
	width: 5rem;
}

.helper-recommend .item-info .info-name {
	color: #000;
	font-size: .32rem;
	font-weight: bold;
}

.helper-recommend .item-info .info-stats {
	color: #000;
	font-weight: bold;
}

.helper-recommend .item-info .info-stats span{
	color: #2980ff;
}

/* 02.3 knowledge */
.knowledge-video .video-title {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top: .4rem;
	text-align: center;
	color: #fff;
	font-size: .34rem;
	background: url(../images/icon-knowledge-play.png) center 65% no-repeat rgba(0,0,0,0.2);
	background-size: .62rem;
}

.knowledge-recommend .item-info {
	float: left;
	width: 5rem;
}

.knowledge-recommend .recommend-item {
	display: block;
	padding: .2rem 0;
	border-bottom: 1px solid #f0f0f0;
}

.knowledge-recommend .item-info .info-title{
	color: #333;
	font-size: .32rem;
	/* font-weight: bold; */
}

.knowledge-recommend .item-info .info-time{
	margin-top: .1rem;
	color: #999;
	font-size: .26rem;
}

.knowledge-recommend .item-img {
	float: right;
	width: 1.87rem;
	height: 1.26rem;
	border-radius: .08rem;
}

/* 03 user */
.user-banner {
	width: 100%;
	height: 3.73rem;
	padding-top: .7rem;
	color: #fff;
	background: url(../images/bg-user.png) center 0 no-repeat;
	background-size: cover;
}

.user-banner > div {
	margin: .1rem auto;
	text-align: center;
}

.user-banner .user-avatar {
	width: 1.2rem;
	height: 1.2rem;
	border: 5px solid rgba(255,255,255,0.2);
	border-radius: 50%;
	overflow: hidden;
}

.user-banner .user-name {
	font-size: .34rem;
	font-weight: bold;
}

.user-banner .user-position {
	font-size: .3rem;
}

.user-banner .user-number {
	font-size: .22rem;
}

.user-link {
	padding: 0 .3rem;
}

.user-link div {
	height: 1rem;
	padding-left: .6rem;
	line-height: 1rem;
	background-position: 0 center;
	background-repeat: no-repeat;
	border-bottom: 1px solid #eee;
}

.user-link .link-info {
	background-image: url(../images/icon-user-infomation.png);
	background-size: .39rem .29rem;
}

.user-link .link-password {
	background-image: url(../images/icon-user-password.png);
	background-size: .34rem .4rem;
}

.user-link .link-reserve {
	background-image: url(../images/icon-user-reserve.png);
	background-size: .3rem .39rem;
}

.user-link div a {
	display: block;
}

.user-button {
	margin-top: .4rem;
	padding: 0 .3rem;
}

/* 04 password */
.password-form {
	padding: 0 .3rem;
}

.password-form .password-old input {
	width: 100%;
}

.password-form .password-with-button {
	text-align: justify;
}

.password-form .password-with-button:after{
	content: '';
	display: inline-block;
	width: 100%;
	height: 0;
}

.password-form .password-with-button input {
	width: 75%;
}

.password-form .password-with-button button {
	width: 20%;
	height: .9rem;
	border: none;
	outline: none;
	vertical-align: middle;
}

.password-form .password-with-button button.hide {
	background: url(../images/icon-login-show.png) center no-repeat;
	background-size: .35rem .22rem;
}

.password-form .password-with-button button.show {
	background: url(../images/icon-password-show.png) center no-repeat;
	background-size: .35rem .22rem;
}

/* 05 userInfo */
.user-info > div {
	position: relative;
	display: flex;
	padding: 0 .3rem;
	justify-content: space-between;
}

.user-info .info-avatar {
	height: 2rem;
	line-height: 1.8rem;
	border-bottom: .2rem solid #f0f0f0;
}

.user-info .info-avatar img {
	width: 1.1rem;
	height: 1.1rem;
	margin: .35rem 0;
	border-radius: 50%;
}

.user-info .link-arrow {
	padding-right: .3rem;
}

.user-info > div > input,
.user-info > div > select {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	opacity: 0;
}

.user-info > div > input {
	width: 60%;
}

.user-info > div > select {
	width: 100%;
}

.user-info > div.active > .link-arrow {
	opacity: 0;
}

.user-info > div.active > input,
.user-info > div.active > select {
	opacity: 1;
}

/* 06 myReserve */
.my-reserve,
.marriage {
	top: .8rem;
}

.my-reserve-menu,
.marriage-menu {
	width: 100%;
	height: .8rem;
	margin-bottom: .1rem;
	line-height: .8rem;
	background-color: #fff;
}

.my-reserve-menu .menu-cell，
.marriage-menu .menu-cell {
	height: 100%;
}

.my-reserve-menu .menu-cell span,
.marriage-menu .menu-cell span {
	display: inline-block;
	font-size: .28rem;
}

.my-reserve-menu .menu-cell.active span,
.marriage-menu .menu-cell.active span {
	height: .78rem;
	padding: 0 .3rem;
	color: #2980ff;
	font-size: .28rem;
	border-bottom: 2px solid #2980ff;
	vertical-align: top;
}

.my-reserve-item {
	margin: .1rem 0;
	padding: .3rem;
	background-color: #fff;
}

.my-reserve-item > div {
	display: flex;
}

.my-reserve-item .my-reserve-time {
	padding-right: .3rem;
}

.my-reserve-item .label,
.reserve-details .details-row .label,
.reserve-score .score-row .label{
	flex: 0 0 1.9rem;
	color: #999;
	font-size: .3rem;
}

.my-reserve-item .consultant-info {
	color: #777;
	font-size: .22rem;
}

/* 06.2 reserveDetails */
.reserve-details {
	padding: 0 .3rem;
}

.reserve-details .details-row,
.reserve-score .score-row {
	line-height: 1rem;
	border-top: 1px solid #ececec;
}

.reserve-details div:first-child {
	border: none;
}

.reserve-details .details-row .details-content {
	line-height: .55rem;
	word-break: break-all;
}

.reserve-details .button-wrapper {
	margin-top: .4rem;
}

/* 06.3 reserveScore */
.reserve-score {
	min-height: 100%;
	padding: 0 .3rem 1.5rem;
}

.reserve-score .score-star img{
	width: .49rem;
	height: .49rem;
	margin: .2rem .1rem;
}

.reserve-score .score-evaluate textarea {
	width: 100%;
	min-height: 2.5rem;
	padding: .25rem;
	border: none;
	outline: none;
	background: #f5f5f5;
}

/* 07 EAP */
.eap {
	padding: 0 .3rem 1rem;
}

.eap .eap-banner {
	width: 5.29rem;
	height: 3.96rem;
	margin: .2rem auto;
}

.eap .eap-details p{
	margin-bottom: .2rem;
	text-indent: 2em;
	word-wrap: break-word;
	word-break: break-all;
}

/* 08 examination */
.examination-menu {
	width: 100%;
	height: .8rem;
	white-space: nowrap;
	overflow-x: scroll;
	overflow-y: hidden;
	touch-action: auto;
}

.examination-menu .menu-cell {
	float: none;
	display: inline-block;
	width: 1.8rem;
	height: 100%;
	line-height: .8rem;
	color: #666;
	font-size: .28rem;
}

.examination-menu .menu-cell.active {
	line-height: .8rem;
	color: #2980ff;
	border-bottom: 2px solid #2980ff;
}

#wrapper.examination {
	top: .8rem;
	bottom: 1rem;
	height: auto;
}

.examination-list {
	padding: 0 .2rem;
}

.examination-item {
	position: relative;
	display: block;
	width: 100%;
	height: 2.9rem;
	margin: .2rem auto;
	border-radius: .08rem;
	overflow: hidden;
}

.examination-item .img-box {
	width: 100%;
	height: 100%;
}

.examination-item .examination-info {
	position: absolute;
	left: 0;
	bottom: .2rem;
	width: 100%;
	height: .8rem;
	padding: 0 .2rem;
	line-height: .4rem;
	color: #fff;
}

.examination-info .examination-title {
	font-size: .34rem;
}

.examination-info .examination-abstract {
	font-size: .24rem;
}

.examination-info .examination-abstract .float-right {
	padding-right: .2rem;
	background: url(../images/icon-arrow-white.png) 100% center no-repeat;
	background-size: .12rem .23rem;
}

/* 08.2 examinationDetails */
.examination-details {
	min-height: 100%;
}

.examination-details .details-banner {
	position: relative;
	width: 100%;
	height: auto;
}

.examination-details .details-banner .details-title {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding-top: 1rem;
	text-align: center;
	color: #fff;
	font-size: .36rem;
	font-weight: bold;
}

.examination-details .details-title {
	margin: .2rem 0;
	padding: .2rem .3rem;
}

.examination-details .details-title h4 {
	font-weight: bold;
}

.examination-details .details-title .border-box {
	width: .6rem;
	height: 0;
	border-bottom: 2px solid #2980ff;
}

.examination-details .details-title .float-right {
	line-height: .6rem;
	font-size: .22rem;
}

.examination-details .details-content {
	padding: 0 .3rem;
}

/* 08.3 onlineTest */
.online-test {
	padding: .3rem .3rem 2.7rem;
}

.test-answer {
	margin-top: .4rem;
}

.test-answer .answer-item {
	width: 100%;
	height: .7rem;
	margin: .3rem 0;
	padding: 0 .3rem;
	line-height: .7rem;
	background-color: #f7f7f7;
	border-radius: .16rem;
	cursor: pointer;
}

.test-answer .answer-item.active {
	background: url(../images/icon-test-checked.png) 95% center no-repeat #d4e5ff;
	background-size: .44rem .32rem;
}

.test-footer {
	height: 2.7rem;
}

.test-footer .test-progress {
	margin-bottom: .7rem;
	text-align: center;
	font-size: .32rem;
}

.test-footer .row-menu {
	height: .9rem;
}

.test-footer .menu-cell {
	height: .9rem;
	padding: 0 .2rem;
}

.test-footer .menu-cell .button {
	height: .9rem;
	border-radius: .16rem;
}

.test-footer .menu-cell .button:disabled {
	color: #ccc;
	background-color: #f7f7f7;
	border: 1px solid #f7f7f7;
	box-shadow: 0 0 5px 0 #f7f7f7;
}

/* 08.5 testResult */
.test-result {
	height: 3.8rem;
	padding: .2rem 0;
	text-align: center;
	color: #666;
	border-bottom: .2rem solid #f0f0f0;
}

.test-result .result-icon {
	margin: .2rem 0;
}

.test-result .result-icon img {
	width: 1.36rem;
	height: 1.35rem;
}

.test-result .result-score {
	color: #f23030;
	font-size: .6rem;
}

.result-content {
	padding: .3rem;
}

.result-content .content-title {
	color: #999;
	padding-left: .5rem;
	background: url(../images/icon-result-edit.png) 0 center no-repeat;
	background-size: .4rem;
}

/* 09 onlineReserve */
.online-reserve-menu {
	position: relative;
	height: .8rem;
	overflow: hidden;
	z-index: 10;
}

.online-reserve-menu .menu-title {
	display: none;
	height: .8rem;
	padding-left: .3rem;
	line-height: .8rem;
	text-align: left;
	color: #999;
	font-size: .24rem;
	border-bottom: 1px solid #f0f0f0;
	background-color: #fff;
}

.online-reserve-menu .menu-cell {
	height: .8rem;
	padding: 0 .4rem;
	line-height: .8rem;
	color: #666;
	font-size: .28rem;
}

.online-reserve-menu .menu-cell.active {
	height: .78rem;
	color: #277fff;
	border-bottom: 2px solid #277fff;
}

.online-reserve-menu .show-all {
	position: absolute;
	top: 0;
	right: 0;
	width: .6rem;
	height: .8rem;
	background: url(../images/icon-arrow-down.png) center no-repeat;
	background-size: .21rem .12rem;
}

.online-reserve-menu.active {
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	z-index: 200;
}

.online-reserve-menu.active .menu-title {
	display: block;
}

.online-reserve-menu.active .row-menu{
	background-color: #fff;
}

.online-reserve-menu.active .menu-cell {
	margin: .1rem;
	padding: 0;
}

.online-reserve-menu.active .menu-cell.active {
	height: .8rem;
	border: none;
}

.online-reserve-menu.active .menu-cell span{
	padding: .1rem .2rem;
	border: 1px solid #666;
	border-radius: .08rem;
}

.online-reserve-menu.active .menu-cell.active span{
	padding: .1rem .2rem;
	border: 1px solid #277fff;
	border-radius: .08rem;
}

.online-reserve-menu.active .show-all {
	transform: rotate(180deg)
}

#wrapper.online-reserve {
	top: .8rem;
	bottom: 1rem;
	height: auto;
	z-index: 0;
}

.online-reserve-item {
	display: block;
	padding: .5rem .3rem;
	border-bottom: 1px solid #e5e5e5;
}

.online-reserve-item .img-box {
	float: left;
	width: 1.9rem;
	height: 2.6rem;
}

.online-reserve-item .item-content {
	float: right;
	width: 4.8rem;
	color: #000;
	font-size: .22rem;
}

.online-reserve-item .content-name {
	color: #000;
	font-size: .32rem;
	font-weight: bold;
}

.online-reserve-item .content-abstract {
	margin: .1rem 0;
}

.online-reserve-item .content-abstract span {
	margin-right: .2rem;
	color: #777;
}

/* 09.3 reserveConsultant */
.consultant-banner {
	min-height: 4.2rem;
	padding: 0 .75rem .2rem;
	text-align: center;
	color: #fff;
	font-size: .22rem;
	background: url(../images/bg-consultant.png) center 0 no-repeat;
	background-size: cover;
	overflow: hidden;
}

.consultant-banner .consultant-avatar {
	margin: .4rem auto .2rem;
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 50%;
	border: 2px solid rgba(255,255,255,0.6);
	overflow: hidden;
}

.consultant-banner .consultant-avatar img {
	height: 130%
}

.consultant-banner .consultant-name {
	font-size: .34rem;
}

.consultant-banner .consultant-qualification {
	margin: .2rem 0 .4rem;
}

.consultant-info {
	padding: 0 .5rem;
	border-bottom: 4px solid #f0f0f0;
}

.consultant-info > div {
	padding: .3rem 0;
	font-size: .22rem;
	border-bottom: 1px solid #f0f0f0;
}

.consultant-info > div h4 {
	margin-bottom: .2rem;
	font-size: .3rem;
}

.consultant-info > div:first-child h4 {
	padding-left: .4rem;
	background: url(../images/icon-consultant-qualification.png) 0 center no-repeat;
	background-size: .26rem .3rem;
}

.consultant-info > div:last-child h4 {
	padding-left: .4rem;
	background: url(../images/icon-consultant-field.png) 0 center no-repeat;
	background-size: .27rem .29rem;
}

.consultant-info > div:last-child span {
	padding: 0 .1rem;
	color: #277fff;
	border: 1px solid #277fff;
	border-radius: .08rem;
}

.consultant-details {
	padding: 0 .5rem;
}

.consultant-details .details-title {
	padding: .2rem 0;
	font-weight: bold;
}

.consultant-details p {
	margin: .1rem 0;
}

.consultant-details p img {
	width: 100%;
}

/* 09.4 reserve */
.reserve {
	padding: 0 .3rem;
}

.reserve .form-item {
	display: flex;
	justify-content: space-between;
}

.reserve .form-item .label {
	flex: 0 0 2rem;
}

.reserve .form-item .link-arrow {
	width: 4.8rem;
	padding-right: .3rem;
}
.reserve .form-item select {
	width: 100%;
}

.reserve .textarea-wrapper .label {
	line-height: 1rem;
}

.reserve .textarea-wrapper textarea {
	width: 100%;
	min-height: 2.5rem;
	padding: .25rem;
	border: none;
	outline: none;
	background: #f5f5f5;
}

.reserve .reserve-rules input {
	width: .3rem;
    height: .3rem;
    vertical-align: middle;
}

.reserve .reserve-rules a{
	color: #2980ff;
}

/* 10.2 marriageDetails */
.marriage-details {
	padding: .3rem .3rem 1rem;
}

.marriage-details .details-title {
	margin-bottom: .1rem;
	font-size: .44rem;
	/* font-weight: bold; */
}

.marriage-details .details-time {
	margin-bottom: .3rem;
	color: #999;
	font-size: .28rem;
}

.details-content p img {
	width: 100%;
}

/* 11.1 video */
.video#wrapper {
	top: 0;
	bottom: 1rem;
	height: auto;
	background-color: #f0f0f0;
}

.video-list {
	padding: .2rem .3rem;
	background-color: #f0f0f0;
}

.video-list > a {
	margin: .2rem 0;
	padding-bottom: .1rem;
	background-color: #fff;
	border-radius: .16rem;
	overflow: hidden;
}

.video-item {
	display: block;
}

.video-item .img-box {
	width: 100%;
	height: 3.2rem;
	overflow: hidden;
}

.video .video-title {
	margin: .1rem 0;
	padding: 0 .1rem;
	font-size: .34rem;
	font-weight: bold;
}

.video-abstract {
	padding: 0 .1rem;
	color: #999;
	font-size: .26rem;
}

/* 11.2 videoDetails */
.video-details-banner {
	width: 100%;
	height: 4.2rem;
}

.video-details-banner video {
	width: 100%;
	height: 4.2rem;
}

.video-details .video-title {
	padding: .2rem .3rem;
	font-size: .34rem;
	font-weight: bold;
}