@charset "utf-8";
@import url('//at.alicdn.com/t/font_803065_6gembcrlrh2.css');
html{
	font-size: 50px;
}
/* =====common css=========== */
.fl{float: left;}
.fr{float: right;}
input,textarea,button{font-family: 'PingFang SC','Microsoft Yahei','Arail';}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit*/  
    color: #999; 
}
.modalOpen{
	overflow: hidden;
}
button:disabled{
	background-color: #999 !important;
	color: #fff !important;
}
[v-cloak], .hidden{
  display: none !important;
}
/* Index */
.indextop-slider{
	height: 3.58rem;
	width: 100%;
	overflow: hidden;
}
.slider-item img{
	height: 100%;
}
.indextop-slider .slider-pagination > .slider-pagination-item{
	width: 0.4rem;
	height: 2px;
	border-radius: 0;
	background-color: #fff;
	-webkit-transform: scaleY(0.4);
	        transform: scaleY(0.4);
}
.indextop-slider .slider-pagination>.slider-pagination-item.slider-pagination-item-active{
	background-color: #000;
}
.slider-pagination{
	bottom: 0.2rem;
}
/* 我型我秀 图片 */
.custorm-photos{
	padding-top: 2px;
	background-color: #c2c2c2;
}
.custorm-photos .title{
	text-align: center;
	background-color: #ee4f2a;
	color: #fff;
	padding-bottom: 2px;
	margin-bottom: 1px;
}
.custorm-photos .swiper-slide{
	width: 1.7rem;
	height: 1.8rem;
}
.custorm-photos .swiper-slide img{
	width: 100%;
	height: 100%;
}
.custorm-photos .swiper-slide{
	position: relative;
}
.swiper-slide .hair-desc{
	width: 100%;
	height: .3rem;
	line-height: .3rem;
	background-color: rgba(255,255,255, .3);
	color: #d7d7d7;
	font-size: .16rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;

}
/* index-menu */
.index-menu-wrap{
	height: 3.5rem;
	overflow: hidden;
	background-color: #c2c2c2;
	padding-top: 2px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
}
.index-menu-grid{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.index-menu-item img{
	width: 100%;
	display: block;
}
.left-ad-wrap{
	padding-right: 1px;
}
.left-ad-wrap img{
	height: 3.5rem;
}
.right-ad-wrap{
	padding-left: 1px;
}
.right-ad-wrap img{
	height: 1.74rem;
}
.right-ad-wrap .index-menu-item:first-child{
	margin-bottom: 2px;
	display: block;
}

.index-news{
	width: 100%;
	padding-bottom: .4rem;
	background-color: #fff;
}
.index-news .item{
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	border-bottom: 1px solid #f1f1f1;
}
.index-news .item .info{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	padding-right: 0.3rem;
	padding-left: .27rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-ms-flex-line-pack: justify;
	    align-content: space-between;
}
.index-news .item .info h3{
	font-size: .3rem;
	color: #333;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.index-news .item .info p{
	font-size: .24rem;
	color: #999;
	line-height: .54rem;
	margin-bottom: .23rem;
}
.index-news .item .info .icon-jiantou{
	color: #c89603;
	line-height: .54rem;
}
.index-news .item .img{
	width: 2.2rem;
	height: 2.2rem;
	background-color: #f5f5f5;
	overflow: hidden;
}
.index-news .item .img img{
	width: 100%;
	height: 100%;
}
/* ads */
.propAds{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	background-color: rgba(0, 0, 0, 0.8);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.propAdsBox {
	width: 5rem;
	height: 6.7rem;
	overflow: hidden;
}
.propAdsBox a img{
	width: 100%;
	display: block;
}
.propAds .icon-i-close {
	position: absolute;
	bottom: 1.5rem;
	left: 50%;
	margin-left: -.2rem;
	color: #fff;
	font-size: .4rem;
	
}
.propAds .m-slider{
	height: 100%;
}
/* footBar */
.nav-bar{
	width: 100%;
	height: 1rem;
	position: fixed;
	left: 0;
	bottom: 0;
	background-color: #252525;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
}
.nav-bar-item{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	text-align: center;
	padding-top: 0.13rem;
}
.nav-bar-item a{
	color: #8c8c8c;
}
.nav-bar-item a.disabled{
	color: #444;
}
.nav-bar-item.active {
	background-color: #ee4f2a;
}
.nav-bar-item.active a{
	color: #fff;
}
.nav-bar-item i{
	font-size: 0.36rem;
}
.nav-bar-item span{
	display: block;
	font-size: 0.22rem;
}
.nav-bar-fixed{
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 99;
}
.nav-bar.nav-bar-fixed + .fixed-holder{
	height: 1rem;
}
/*m-navbar*/
.m-navbar {
    height: 0.9rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #252525;
}
.navbar-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}
.fixed-top-90{
	top: 0.9rem; 
}
.navbar-item {
    height: 0.9rem;
    min-width: 25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    padding: 0 0.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.3rem;
    white-space: nowrap;
    overflow: hidden;
    color: #fff;
}
.navbar-item:first-child {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-right: -25%;
}
.navbar-item:last-child {
	-webkit-box-ordinal-group: 4;
	    -ms-flex-order: 3;
	        order: 3;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}
.navbar-center {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    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;
    height: 0.9rem;
    width: 50%;
    margin-left: 25%;
}
.navbar-center .navbar-title {
    text-align: center;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    font-size: 0.36rem;
    color: #fff;
}

/* tab-slider */
.tab-slider{
	width: 100%;
	height: 0.78rem;
	border-bottom: #d6d6d6 1px solid;
	background-color: rgba(255, 255, 255, 0.95);
	overflow-x: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.tab-slider::-webkit-scrollbar {display:none}
.tab-slider .tab-slider-item{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	max-width: 25%;
	min-width: 20%;
	text-align: center;
	line-height: 0.78rem;
	color: #666;
	font-size: 0.28rem;
}
.tab-slider .tab-slider-item.active{
	position: relative;
	color: #000;
	font-weight: bold;
}
.tab-slider .tab-slider-item.active:after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0px;
	margin-left: -1em;
	border-bottom: #000 1px solid;
	width: 2em;
	height: 0;
}
/* thumb-list-wrap */
.thumb-list-wrap{
	width: 100%;
	padding: 0.2rem;
	position: relative;
	overflow: hidden;
}
.thumb-list-item{
	width: 50%;
	display: block;
	margin-bottom: 0.1rem;
	float: left;
}
.thumb-list-content{
	position: relative;
	width: 100%;
}
.thumb-list-name{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0.9rem;
	line-height: 0.9rem;
	font-size: 0.3rem;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.5);
	padding-left: 0.2rem;
}
.thumb-list-wrap .thumb-list-item:nth-child(odd){
	padding-right: 0.05rem;
}
.thumb-list-wrap .thumb-list-item:nth-child(even){
	padding-left: 0.05rem;
}
.thumb-list-img{
	width: 100%;
}
.thumb-list-img img{
	display: block;
	width: 100%;
}
.thumb-list-mes{
	padding: 0.3rem 0.2rem;
	font-size: 0.26rem;
	color: #333;
	overflow: hidden;
	background-color: #ebebeb;
}
.thumb-list-price{
	font-size: 0.28rem;
	font-weight: bold;
}
.thumb-list-price i{
	font-size: 0.26rem;
}
/* thumb-list-mini-wrap */
.thumb-list-mini-wrap{
	padding: 0.3rem 0.2rem;
}
.thumb-list-mini-item{
	width: 100%;
	height: 1.2rem;
	background-color: #eeeeee;
	color: #333;
	margin-bottom: 0.3rem;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
}
.thumb-list-mini-item:after{
	content: "";
	width: 0.29rem;
	height: 0.18rem;
	display: inline-block;
	background: url('../img/arrow-r.png') center no-repeat;
	background-size: cover;
	position: absolute;
	right: 0.22rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.thumb-list-mini-img{
	width: 2.05rem;
	height: 1.2rem;
	overflow: hidden;
}
.thumb-list-mini-img img{
	width: 2.05rem;
	height: 1.2rem;
	display: block;
}
.thumb-list-mini-title{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	line-height: 1.2rem;
	text-align: center;
	font-size: 0.32rem;
	color: #000;
}
/* form-fill */
.form-field-item{
	width: 100%;
	height: 1.22rem;
	padding: 0 0.28rem;
	background-color: #fff;
	border-bottom: #e6e6e6 1px solid;
	line-height: 1.22rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	position: relative;
}
.form-field-item.arrow:after{
	content: "\e668";
	font-family: "iconfont";
	font-size: 0.24rem;
	color: #666;
	position: absolute;
	right: 0.27rem;
	top: 0;
}
.form-field-item .field-name{
	width: 2.4rem;
	min-width: 1.7rem;
	font-size: 0.28rem;
	color: #333;
}
.form-field-item .field-name i{
	font-style: normal;
	font-size: 0.2rem;
}
.form-field-item .field-value{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	font-size: 0.28rem;
	font-weight: bold;
	padding-right: 0.4rem;
	text-align: right;
}
.field-input{
	border: none;
	width: 100%;
	height: 100%;
	font-size: 0.28rem;
	background-color: none;
}
.align-right .field-input{
	text-align: right;
}
.field-textarea{
	border: none;
	width: 100%;
	height: 100%;
	font-size: 0.28rem;
	background-color: none;
	line-height: 0.4rem;
	resize: none;
	padding: 0.1rem 0;
	min-height: 1.4rem;
}
.form-text-tip{
	line-height: 0.36rem;
    font-size: 0.22rem;
    color: #666;
    padding: 0.2rem 0.28rem;
}
.form-submit-bot{
	padding: 0.6rem 0.28rem;
}
.m-btn{
	border: none;
	font-size: 0.32rem;
	color: #fff;
	background-color: #000;
	text-align: center;
	cursor: pointer;
}
.m-btn-max{
	width: 100%;
	height: 0.88rem;
	line-height: 0.88rem;
}
.m-btn:disabled{
	background-color: #ccc !important;
}
.hair-designer{
	text-align: right;
	height: 1.22rem;
}
.hair-designer img{
	width: 0.6rem;
	height: 0.6rem;
	vertical-align: middle;
	background-color: #f0f0f0;
	border-radius: 100%;
	margin-right: 0.1rem;
	display: inline-block;
}
.service-selected li{
	width: 1.2rem;
	height: 0.5rem;
	text-align: center;
	line-height: 0.5rem;
	background-color: #EEE;
	color: #000;
	position: relative;
	display: inline-block;
	font-weight: normal;
	margin-left: 0.3rem;
}
.service-selected li .iconfont{
	font-size: 0.35rem;
	color: #000;
	position: absolute;
	top: -0.2rem;
	right: -0.15rem;
}
.fill-placeholder{
	color: #999;
	font-weight: normal;
}
.mark-fill{
	width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 4.1rem;
    display: inline-block;
}
.slot-button{
	padding: 0 0.3rem;
    width: 100%;
}
.service-item-wrap{
	padding: 0.3rem;
	overflow: hidden;
}
.service-item-wrap .service-item{
	width: 100%;
	height: 0.8rem;
	line-height: 0.8rem;
	color: #000;
	background-color: #eee;
	margin-bottom: 0.4rem;
	font-size: 0.28rem;
	padding: 0 0.3rem;
}
.service-item-wrap .service-item .no-service{
	float: right;
	font-size: 0.24rem;
	font-style: italic;
}
.service-item-wrap .service-item .price{
	float: right;
	font-size: 0.32rem;
}
.service-item-wrap .service-item .price em{
	font-style: normal;
	font-size: .2rem;
}
.service-item-wrap .service-item:nth-child(odd){
	margin-right: 0.46rem;
}
.service-item-wrap .service-item:before{
	content: "+ ";
	font-size: 0.34rem;
}
.service-item-wrap .service-item.active:before{
	content: none;
}
.service-item-wrap .service-item.active{
	background-color: #000;
	color: #fff;
	position: relative;
}
.store-item-wrap{
	margin-bottom: 0.8rem;
}
.store-item-wrap li{
	padding: 0.3rem 0.32rem;
	position: relative;
}
.store-item-wrap li h3{
	font-weight: normal;
	font-size: 0.3rem;
	line-height: 0.5rem;
	color: #333;
	overflow: hidden;
}
.store-item-wrap li h3 .stop{
	padding-left: 0.3rem;
	font-size: 0.28rem;
	color: #EA5455;
}
.store-item-wrap li h3 .distance{
	font-size: 0.2rem;
	color: #333;
	float: right;
}
.store-item-wrap li p{
	color: #666;
	line-height: 0.4rem;
    font-size: 0.24rem;
    padding-right: 1rem;
    margin-top: 0.1rem;
}
.store-item-wrap li .money{
	position: absolute;
	right: .32rem;
	color: #EA5455;
	bottom: 0.3rem;
	line-height: 0.5rem;
}
.store-item-wrap li.active{
	background-color: #f5f5f5;
}
.store-item-wrap li.active h3{
	color: #000;
}
.store-item-wrap li.active:before{
	content: "\e601";
	color: #1bc03a;
	font-family: 'iconfont';
	font-size: 0.45rem;
	position: absolute;
	right: 0.3rem;
	top: 0.2rem;
}
.border-space li:after{
	content: "";
	width: 100%;
	height: 1px;
	background-color: #e6e6e6;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: scaleY(.5);
	-webkit-transform: scaleY(.5);
}
.hairer-item-wrap li{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	padding: 0.36rem 0.32rem;
	position: relative;
}
.hairer-item-wrap li .money{
	position: absolute;
	right: .32rem;
	color: #EA5455;
	bottom: 0.3rem;
	line-height: 0.5rem;
}
.hairer-item-wrap li .hairer-photo{
	width: 1.0rem;
	height: 1.0rem;
	border-radius: 100%;
	overflow: hidden;
}
.hairer-photo img{
	width: 100%;
	height: 100%;
	display: block;
}
.hairer-item-wrap li .hairer-info{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	padding-left: 0.26rem;
	color: #333;
}
.hairer-info .hairer-name{
	font-size: 0.3rem;
}
.hairer-info .hairer-name i{
	font-size: 0.22rem;
	font-style: normal;
}
.hairer-desc{
	font-size: 0.22rem;
	color: #666;
	line-height: 0.46rem;
}
.hairer-score{
	width: auto;
	display: inline-block;
	background-color: #eee;
	border-radius: 4px;
	padding: 0 0.2rem;
	height: 0.4rem;
	line-height: 0.4rem;
	color: #333;
	font-size: .22rem;
}
.hairer-score label{
	color: #666;
}
.hairer-score span{
	color: #666;
	padding: 0 0.25rem;
}
.hairer-btn-area{
	width: 1.1rem;
	height: 0.5rem;
}
.hairer-btn-area .m-btn{
	height: 0.45rem;
	line-height: 0.45rem;
	font-size: 0.22rem;
}
.dateSelect-tab-wrap{
	width: 100%;
	height: 0.9rem;
	background-color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.dateSelect-tab-wrap li{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	text-align: center;
	color: #666;
}
.dateSelect-tab-wrap li i{
	font-size: 0.18rem;
	display: block;
	width: 100%;
	font-style: normal;
}
.dateSelect-tab-wrap li.active{
	color: #000;
	position: relative;
}
.dateSelect-tab-wrap li.active:after{
	content: "";
	width: 100%;
	height: 1px;
	background-color: #000;
	position: absolute;
	bottom: 0;
	left: 0;
}
.notime_app{
	padding: 1rem 0;
	text-align: center;
	font-size: 0.28rem;
	color: #999;
}
.timeSelect-item-wrap{
	overflow: hidden;
	padding: 0.5rem 0.3rem; 
}
.timeSelect-item-wrap span{
	float: left;
	width: 1.5rem;
	height: 0.5rem;
	line-height: 0.5rem;
	text-align: center;
	background-color: #fff;
	font-size: 0.22rem;
	color: #000;
	margin-right: 0.3rem;
	margin-bottom: 0.3rem;
}
.timeSelect-item-wrap span:nth-child(4n){
	margin-right: 0;
}
.timeSelect-item-wrap span.active{
	background-color: #000;
	color: #fff;
}
.timeSelect-item-wrap span.disabled{
	background-color: #f1f1f1;
	color: #666;
	border: #fff 1px solid;
}
.timeSelect-Tips{
	padding: 0.3rem;
	font-size: 0.22rem;
	color: #666;
	text-align: right;
}
.icon-dian{
	display: inline-block;
	width: 0.1rem;
	height: 0.1rem;
	border-radius: 100%;
	background-color: #ffa800;
	vertical-align: middle;
}
.mark-fill-wrap{
	margin-bottom: 0.5rem;
}
.mark-fill-wrap textarea{
	width: 100%;
	outline: none;
	resize: none;
	border: none;
	padding: 0.26rem;
	line-height: 0.4rem;
	color: #333;
	min-height: 4.0rem;
	font-size: 0.3rem;
	border-bottom: 1px solid #f5f5f5;
}
.fill-num-person {
	position: relative;
}
.fill-num-person .number-box{
	position: absolute;
	right: 0;
	top: .34rem;
}
.other-tags{
	padding: 0.26rem;
}
.other-tags h3{
	font-size: 0.28rem;
	font-weight: normal;
	line-height: 0.5rem;
	margin-bottom: 0.2rem;
}
.other-tags ul{
	overflow: hidden;
}
.other-tags ul li{
	float: left;
	height: 0.5rem;
	line-height: 0.5rem;
	text-align: center;
	background-color: #f5f5f5;
	font-size: 0.22rem;
	padding: 0 0.2rem;
	color: #000;
	margin-right: 0.3rem;
	margin-bottom: 0.2rem;
}
.other-tags ul li.active{
	background-color: #000;
	color: #fff;
}
.appoint-success{
	padding: 1.0rem 0.3rem;
}
.appoint-success-info{
	padding-top: 1.5rem;
	text-align: center;
}
.appoint-success-info h3{
	font-weight: 700;
	color: #333;
	font-size: 0.3rem;
	margin-bottom: 0.3rem;
}
.appoint-success-info h3 .iconfont{
	font-size: 0.5rem;
	vertical-align: middle;
	color: #1bc03a;
	margin-right: 0.2rem;
}
.appoint-success-info p{
	font-size: 0.24rem;
	color: #666;
	line-height: 0.4rem;
}
.appoint-success-tip{
	width: 100%;
	background-color: #eee;
	padding: 0.2rem 0.3rem;
	position: relative;
	margin-top: 2rem;
	overflow: hidden;
}
.appoint-success-tip h3{
	font-size: 0.28rem;
	color: #333;
	margin-bottom: 0.2rem;
}
.appoint-success-tip p{
	line-height: 0.4rem;
	color: #333;
}
.appoint-success-tip p label{
	color: #666;
}
.appoint-success-tip p .iconfont{
	font-size: .34rem;
	color: #000;
	vertical-align: middle;
	margin-left: .2rem;
}
.appoint-success-tip .tip{
	display: block;
	width: 1.7rem;
    height: 0.54rem;
    line-height: 0.54rem;
    background: #000;
    color: #fff;
    -webkit-transform: skew(30deg);
    transform: skew(30deg);
    position: absolute;
    right: -0.2rem;
    top: 0;
}
.appoint-success-tip .tip i{
	font-style: normal;
	display: block;
	padding-left: 0.45rem;
	-webkit-transform: skew(-30deg);
    transform: skew(-30deg);
}
/* m-modal components */
.m-modal-wrap{
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: fixed;
	z-index: 999;
	background-color: #fff;
	overflow: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s  ease-in-out;
	transition: all 0.3s  ease-in-out;
}
.m-modal-content{
	padding-top: 0.9rem;
	height: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling : touch;
}
.pageLeft-enter-active {
  -webkit-animation-name: pageLeft-in;
          animation-name: pageLeft-in;
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
}
.pageLeft-leave-active {
  -webkit-animation-name: pageLeft-out;
          animation-name: pageLeft-out;
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
}
@-webkit-keyframes pageLeft-in {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes pageLeft-in {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes pageLeft-out {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes pageLeft-out {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}


/*商城首页*/
.sort{
	display: inline-block;
	text-align: center;
	width: 0.1rem;
	height: 0.2rem;
	line-height: 0.22rem;
	vertical-align: middle;
}
.sort:before{
	content: "";
	display: inline-block;
	border: 0.08rem solid transparent;
	border-bottom-color: #ccc;
	width: 0;
	height: 0;
}
.sort:after{
	content: "";
	display: inline-block;
	border: 0.08rem solid transparent;
	border-top-color: #ccc;
	width: 0;
	height: 0;
}
.sort-asc:before{
	border-bottom-color: #000;
}
.sort-desc:after{
	border-top-color: #000;
}
.shop-sort-filed .sort{
	margin-top: -0.3rem;
}
.goods-list-wrap{
	padding-top: 0.78rem;
	padding-bottom: 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
}
.goods-item-box{
	width: 50%;
	max-width: 50%;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	padding: 0.2rem 0.25rem 0.15rem 0.25rem;
	border-right: #d6d6d6 1px solid;
	border-bottom: #d6d6d6 1px solid; 
}
.goods-list-wrap .goods-item-box:nth-child(even){
	border-right: 0;
}
.goods-item-box .goods-img{
	width: 100%;
	height: 3.52rem;
	display: block;
}
.goods-item-box .goods-title{
	width: 100%;
	line-height: 0.6rem;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #333;
	font-size: 0.28rem;
}
.goods-item-box .goods-price{
	font-size: 0.28rem;
	color: #ff0f0f;
}
.goods-item-box .goods-praise{
	font-size: 0.2rem;
	color: #999;
	float: right;
}
/*商品详情*/
.goods-detail-header{
	background-color: #f9f9f9;
	display: none;
	opacity: 0;
}
.goods-detail-header .m-navbar{
	background-color: #f9f9f9;
}
.goods-detail-header .m-navbar .navbar-item{
	color: #999;
	padding: 0 0.3rem;
}
.head-goodimg{
	width: 0.7rem;
	height: 0.7rem;
}
.goods-detail-menu{
	background-color: #f9f9f9;
	height: 0.5rem;
	line-height: 0.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row nowrap;
	        flex-flow: row nowrap;
}
.goods-detail-menu li{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	color: #666;
	text-align: center;
}
.goods-detail-menu li.crt{
	color: #f95500;
}
.goods-detail-menu li.crt:before{
	content: "\e61f";
	font-family: 'iconfont';
	margin-right: 0.1rem;
}
.details_content{
	position: relative;
}
.goback-btn{
	position: fixed;
    left: 0.16rem;
    top: 0.16rem;
	width: 0.6rem;
	height: 0.6rem;
	background-color: rgba(0, 0, 0, 0.4);
	color: #fff;
	text-align: center;
	line-height: 0.6rem;
	z-index: 9;
	border-radius: 100%;
}
.cart-btn{
	position: fixed;
	right: 0.16rem;
    top: 0.16rem;
	width: 0.6rem;
	height: 0.6rem;
	background-color: rgba(0, 0, 0, 0.4);
	color: #fff;
	text-align: center;
	line-height: 0.6rem;
	z-index: 9;
	border-radius: 100%;
}
.good-images-group{
	border-bottom: #e6e6e6 1px solid;
}
.good-images-group .swiper-slide img{
	width: 100%;
}
.good-images-group .swiper-pagination{
	width: auto;
	height: auto;
	left: auto;
	right: 0.23rem;
	bottom: 0.23rem;
	border-radius: 0.2rem;
	background-color: rgba(0, 0, 0, 0.4);
	color: #fff;
	font-size: 0.24rem;
	font-family: Arial;
	font-weight: normal;
	padding: 0.06rem 0.14rem;
}
.good-info-group{
	background-color: #fff;
	padding: 0.2rem 0.28rem;
	margin-bottom: 0.15rem;
}
.good-info-group .good-name{
	line-height: 0.4rem;
	font-size: 0.32rem;
	padding-top: 0.1rem;
	padding-bottom: 0.2rem;
	color: #333;
}
.good-info-group .good-desc{
	font-size: 0.22rem;
	color: #999;
	line-height: 0.30rem;
	margin-bottom: 0.25rem;
}
.good-info-group .good-newPrice{
	color: #fc4d00;
	font-size: 0.45rem;
	font-weight: 500;
}
.good-info-group .good-newPrice i{
	font-size: 0.30rem;
	font-style: normal;
}
.cuxiao{
	font-size: 0.2rem;
	display: inline-block;
	padding: 0 0.05rem;
	background-color: #f9f6e7;
	color: #fc4d00;
	border-radius: 0.1rem;
}
.good-info-group .good-oldPrice{
	color: #666;
}
.good-info-group .good-oldPrice span{
	text-decoration: line-through;
}
/* 图文介绍 */
.good-picture{
	margin-bottom: 0.1rem;
}
.m-tab-goodTab .tab-nav-item.tab-active{
	color: #000;
}
.m-tab-goodTab .tab-nav:after{
	content: none;
}
.m-tab-goodTab .tab-nav-item.tab-active:before{
    width: 1.4em;
    height: 2px;
    position: absolute;
    left: 50%;
    bottom: 0.1rem;
    margin-left: -0.7em;
    z-index: 4;
    color: #fc4d00;
}
.tab-panel-goodContent img{
	width: 100%;
}
.goods-detail-footer{
	background-color: #fff;
}
.goods-detail-footer .nav-bar-item{
	padding-top: 0;
}
.link-collection{
	width: 1.5rem;
	max-width: 1.5rem;
	border-top: #e6e6e6 1px solid;
	-webkit-box-flex: 0;
	    -ms-flex: none;
	        flex: none;
	background-color: #fff;
	padding-top: 0.1rem !important;
}
.link-addCart{
	background-color: #000;
	color: #fff;
	font-size: 0.3rem;
	line-height: 1rem;
}
.link-goBuynow{
	background-color: #f95500;
	color: #fff;
	font-size: 0.3rem;
	line-height: 1rem;
}
/* 评价 */
.good-wvaluate,.good-recommend{
	overflow: hidden;
}
.good-part-title{
	padding: 0 0.28rem;
	background-color: #fff;
	height: 0.9rem;
	line-height: 0.9rem;
	overflow: hidden;
	margin-bottom: 0.1rem;
	font-size: 0.28rem;
}
.good-part-title span:first-child{
	float: left;
}
.good-part-title span:last-child{
	float: right;
	color: #f95500;
}
.good-evaluate-title .icon-arrow-right{
	font-size: 0.22rem;
}
.good-evaluate-list{
	padding: 0.22rem 0.28rem;
	background-color: #fff;
	margin-bottom: 0.1rem;
}
.eval-user{
	height: 0.5rem;
}
.evalUser-photo{
	width: 0.5rem;
	height: 0.5rem;
	overflow: hidden;
	border-radius: 100%;
	background-color: #f9f9f9;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.1rem;
}
.evalUser-photo img{
	width: 0.5rem;height: 0.5rem;
}
.evalUser-name{
	display: inline-block;
	color: #000;
	font-size: 0.28rem;
	line-height: 0.5rem;
	vertical-align: middle;
}
.eval-content{
	padding-left: 0.66rem;
}
.eval-content-text{
	color: #333;
	font-size: 0.24rem;
	line-height: 0.34rem;
	padding: 0.1rem 0;
}
.eval-content-images{
	margin: 0.12rem 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
}
.eval-content-images .imageShow{
	width: 1.0rem;
	height: 1.0rem;
	overflow: hidden;
	margin-right: 0.12rem;
	display: block;
}
.eval-content-images .imageShow img{
	width: 100%;
}
.eval-datetime{
	font-size: 0.18rem;
	color: #999;
}
/* 推荐 */
.good-recommend .goods-list-wrap{
	padding: 0;
	background-color: #fff;
}
.betweenSpaceTitle {
    line-height: .8rem;
    white-space: nowrap;
    text-align: center;
    width: 100%;
}
.betweenSpaceTitle .title:before, .betweenSpaceTitle .title:after {
    content: "";
    display: inline-block;
    width: .8rem;
    height: 1px;
    vertical-align: middle;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}
.betweenSpaceTitle .title:before {
    background: -webkit-gradient(linear,right top, left top,from(#999),to(#eee));
    background: linear-gradient(to left,#999,#eee);
}
.betweenSpaceTitle .title:after {
    background: -webkit-gradient(linear,left top, right top,from(#999),to(#eee));
    background: linear-gradient(to right,#999,#eee);
}
.betweenSpaceTitle .title i {
    padding: 0 .2rem;
    font-style: normal;
    display: inline-block;
    color: #999;
}
/* 购买弹框 */
.goodBuyModalWrap{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 999;

	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
	display: none;
}
.goodBuyModalWrap.open{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;	
}
.goodBuyModal{
	position: relative;
	width: 100%;
	background-color: #fff;
	padding-top: 0.24rem;
	border-top-right-radius: 0.1rem;
	border-top-left-radius: 0.1rem;
}
.goodBuyModal .icon-i-close{
	position: absolute;
    right: 0.35rem;
    top: 0.24rem;
    font-weight: bold;
    color: #999;
}
.pay-good-info{
	width: 100%;
	position: relative;
	border-bottom: #f7f7f7 1px solid;
	padding-bottom: 0.8rem;
}
.pay-good-img{
	width: 2.0rem;
	height: 2.0rem;
	display: block;
	border: #f7f7f7 1px solid;
	overflow: hidden;
	position: absolute;
	top: -0.86rem;
    left: 0.35rem;
    border-radius: 0.08rem;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,.1);
    padding: 1px;
    background-color: #fff;

}
.pay-good-img img{
	width: 2.0rem;
	height: 2.0rem;
	display: block;
}
.pay-good-text{
	padding-left: 2.65rem;
}
.pay-good-price{
	color: #fc4d00;
	font-size: 0.32rem;
}
.goodBuyModalBody{
	max-height: 5.2rem;
	overflow-y: auto;
	padding: 0 0.35rem;
}
.pay-good-selectItem{
	padding: 0.35rem 0;
	border-bottom: #f7f7f7 1px solid;
}
.p-g-itemTitle{
	font-size: 0.24rem;
	display: inline-block;
	color: #333;
	margin-bottom: 0.2rem;
}
.p-g-itemTags{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
}
.p-g-itemTags li{
	padding: 0 0.3rem;
	min-width: 1.3rem;
	height: 0.48rem;
	line-height: 0.48rem;
	text-align: center;
	color: #333;
	font-size: 0.24rem;
	background-color: #ebebeb;
	margin-right: 0.26rem;
}
.p-g-itemTags li.crt{
	background-color: #000;
	color: #fff;
}
.pay-goodBuyNum{
	border-bottom: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row nowrap;
	        flex-flow: row nowrap;
}
.pay-goodBuyNum .p-g-itemTitle{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	line-height: 0.72rem;
}
.number-box {
    height: 0.52rem;
    width: 1.72rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
}
.number-box button {
    border: none;
    outline: 0;
    height: 0.5rem;
    width: 0.5rem;
    font-size: 0.4rem;
    border: 1px solid #f5f5f5;
    background-color: #f5f5f5;
    font-family: Arial;
}
.number-box .decrease {
    border-right: 1px solid #fff;
}
.number-box .increase {
    border-left: 1px solid #fff;
}
.number-box .disabled, .number-box button:disabled {
	color: #cfcfcf !important;
	background-color: #F5F5F5 !important;
}
.number-box input[type=number] {
    line-height: 0.5rem;
    height: 0.5rem;
    width: 0.7rem;
    text-align: center;
    font-size: 0.26rem;
    font-weight: 700;
    border: 1px solid #f5f5f5;
    background-color: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    margin: 0;
}
.goodBuyModalFoot{
	margin: 0 -0.35rem;
}
.goodBuyModalFoot .okPayBtn,.max-button{
	display: block;
    font-size: 0.34rem;
    line-height: 1.0rem;
    text-align: center;
    display: inline-block;
    width: 100%;
    height: 1.0rem;
    color: #fff;
    border: none;
    background-color: #ff0f0f;
}
/* 购物车 */
.cart-ul{
	width: 100%;
	background-color: #fff;
	overflow-x: hidden;
}
.cart-ul li{
	width: 100%;
	padding: 0.35rem 0;
	border-bottom: #e6e6e6 1px solid;
	position: relative;
}
.cart-ul li:last-child{
	border-bottom: none;
}
.cart-ul li .item-delete {
    position: absolute;
    top: 0;
    right: -1.2rem;
    background-color: #ff0f0f;
    color: #fff;
    width: 1.2rem;
    height: 100%;
    text-align: center;
    display: inline-block;
    font-size: 0.24rem;
    border: 1px solid #fff;
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.cart-goods{
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row nowrap;
	        flex-flow: row nowrap;
}
.cart-list-radio{
	width: 0.84rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.cart-good-content{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row nowrap;
	        flex-flow: row nowrap;
}
/* checkbox */
.skin-check {
    display: inline-block;
    width: .4rem;
    height: .4rem;
    border-radius: 100%;
    border: #ccc 1px solid;
    background-color: #fff;
	vertical-align: middle;
	margin-right: .2rem;
}
.skin-check.disabled{
	border-color: #e6e6e6;
}
.skin-check .icon-duihao {
    visibility: hidden;
}
.skin-checked {
    border: #000 1px solid;
    background-color: #000;
    text-align: center;
    line-height: 0.36rem;
}
.skin-checked .icon-duihao {
    visibility: visible;
    color: #fff;
    font-weight: bold;
    font-size: 0.22rem;
}
/* checkbox radio */
.checkbox, .radio{
    position: relative; 
    height: 30px;
}
.checkbox input[type='checkbox'] , .radio input[type='radio'] { 
    position: absolute; 
    left: 0; 
    top: 0; 
    width: 20px; 
    height: 20px; 
    opacity: 0; 
} 
.checkbox label, .radio label{
    color: #333;
    font-size: 18px;
}
.checkbox label:before, .radio label:before{
    content: "\e615";
    font-family: 'iconfont';
    font-size: 28px;
    vertical-align: middle;
    margin-right: 5px;
}
.radio label:before{
	content: "\e6b9";
}
.checkbox input[type='checkbox']:checked + label::before{
    content: "\e64c";
}
.radio input[type='radio']:checked + label::before{
    content: "\e614";
}

.cart-good-img{
	width: 1.2rem;
	height: 1.2rem;
	display: block;
	overflow: hidden;
	border: #e6e6e6 1px solid;
}
.cart-good-img img{
	width: 1.2rem;
	height: 1.2rem;
}
.cart-good-info{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	position: relative;
	padding-left: 0.2rem;

}
.cart-good-info h3{
	font-size: 0.26rem;
	font-weight: normal;
	color: #333;
}
.cart-good-info p{
	font-size: 0.2rem;
	color: #999;
	margin-bottom: 0.2rem;
}
.cart-good-price{
	color: #333;
	font-size: 0.28rem;
}
.cart-good-price em{
	font-size: 10px;
}
.cart-good-info .number-box{
	position: absolute;
	right: 0.3rem;
	bottom: 0;
}
.cart-foot-bar{
	background-color: #fff;
	border-top: #e6e6e6 1px solid;
}
.cart-foot-bar .all-check{
	width: 1.6rem;
	text-align: center;
	padding-top: 0.26rem;
}
.cart-foot-bar .total-money{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	text-align: right;
	padding-right: 0.2rem;
	font-size: 0.24rem;
	padding-top: 0.14rem;
}
.cart-foot-bar .total-money i{
	color: #ff0f0f;
	font-size: 0.26rem;
}
.cart-foot-bar .pay-button{
	width: 2.2rem;
	height: 1.0rem;
	background-color: #ff0f0f;
	color: #fff;
	font-size: 0.3rem;
	text-align: center;
	border: none;
}
/* 选择付款方式 */
.payable{
	height: 0.9rem;
	line-height: 0.9rem;
	background-color: #fff;
	padding-left: 0.3rem;
	margin-bottom: 0.18rem;
}
.payable span{
	color: #ff0f0f;
	font-weight: bold;
	font-size: 0.34rem;
}
.paymode-group{
	background-color: #fff;
	padding-left: 0.3rem;
	margin-bottom: 0.18rem;
}
.paymode-group li{
	border-bottom: #e6e6e6 1px solid;
	padding: 0.34rem 0;
	font-size: 0.26rem;
	padding-right: 0.3rem;
	overflow: hidden;
	clear: both;
}
.paymode-group li .pay-icon{
	vertical-align: middle;
	width: 0.64rem;
	display: inline-block;
	margin-left: 0.28rem;
	margin-right: 0.16rem;
}
.pay-disabled{
	color: #999;
}
.paymode-group li .balance{
	color: #999;
	float: right;
	padding-top: 0.14rem;
}
/* 订单确定 */
.select-address{
	height: 1.6rem;
	background: #fffcf0 url('../img/borderbg.png') left bottom repeat-x;
	background-size: 1.27rem 0.08rem;
	padding-bottom: 0.08rem;
	margin-bottom: 0.2rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.noselect-address{
	width: 100%;
	padding: 0 0.26rem 0 0.36rem;
	font-size: 0.3rem;
	line-height: 0.4rem;
}
.noselect-address .icon-dizhi{
	font-size: 0.34rem;
	margin-right: 0.2rem;
}
.add-address-link{
	float: right;
	font-size: 0.28rem;
}
.add-address-link .iconfont{
	font-size: 0.24rem;
	vertical-align: middle;
}
.selected-address{
	width: 100%;
	position: relative;
	font-size: 0.24rem;
	padding-left: 0.8rem;
	padding-right: 0.6rem;
}
.selected-address .icon-dizhi{
	position: absolute;
	left: 0.2rem;
	top: 0.15rem;
}
.selected-address .icon-arrow-right{
	position: absolute;
	right: 0.2rem;
	top: 0.3rem;
	font-size: 0.24rem;
}
.selected-person p{
	overflow: hidden;
	margin-bottom: 0.1rem;
}
.selected-person p .sp-phone{
	float: right;
}
.selected-person .sp-address{
	line-height: 0.3rem;
}
.order-confirm-wrap .cart-ul{
	padding-left: 0.3rem;
	margin-bottom: 0.2rem;
}
.order-good-num{
	position: absolute;
	right: 0.3rem;
	top: 0rem;
}
.order-confirm-price{
	padding: 0 0.3rem;
	background-color: #fff;
}
.order-confirm-price li{
	height: 0.9rem;
	line-height: 0.9rem;
	border-bottom: #e6e6e6 1px solid;
	color: #333;
	overflow: hidden;
	font-size: 0.26rem;
}
.order-confirm-price li span{
	float: right;
}
.order-confirm-foot{
	background-color: #fff;
}
.order-confirm-foot .payable-money{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	padding-left: 0.3rem;
	line-height: 1.0rem;
}
.order-confirm-foot .payable-money b{
	color: #ff0f0f;
	font-size: 0.34rem;
}
.order-confirm-foot .order-button{
	width: 2.2rem;
	height: 1.0rem;
	background-color: #ff0f0f;
	color: #fff;
	font-size: 0.3rem;
	text-align: center;
	border: none;
}
/* 支付结果 */
.pay-result-wrap{
	padding: 1.8rem 0.77rem 0 0.77rem;
	text-align: center;
}
.pay-result-icon{
	font-size: 1rem;
}
.pay-result-wrap h3{
	color: #000;
	font-size: 0.36rem;
	font-weight: normal;
	margin-bottom: 0.05rem;
}
.pay-result-wrap p{
	color: #666;
	font-size: 0.26rem;
}
.default-btn{
	width: 2.5rem;
	height: 0.8rem;
	line-height: 0.8rem;
	display: inline-block;
	background-color: #fff;
	color: #333;
	text-align: center;
	font-size: 0.24rem;
	border: none;
}
.default-btn.max{
	width: 100%;
}
.red-btn{
	background-color: #fd2525;
	color: #fff;
}
.black-btn{
	background-color: #000;
	color: #fff;
}
.pay-result-btns{
	margin-top: 0.7rem;
	text-align: center;
}
/* 收货地址列表 */
.noData-list{
	padding-top: 2.5rem;
	text-align: center;
}
.noData-list .no-icon{
	width: 1.5rem;
	border-radius: 100%;
	display: inline-block;
	margin-bottom: 0.2rem;
}
.noData-list .no-iconfont{
	font-size: 1.5rem;
	color: #999;
	margin-bottom: 10px;
	display: inline-block;
}
.noData-list p{
	font-size: 0.24rem;
	color: #666;
}
.address-footer{
	background-color: #f2f2f2;
	padding: 0 0.36rem;
}
.address-item{
	background-color: #fff;
	margin-bottom: 0.15rem;
}
.address-item .selected-person{
	padding: 0.2rem
}
.address-item .selected-person .sp-name{
	font-size: 0.28rem;
}
.address-option{
	border-top: #e6e6e6 1px solid;
	height: 0.7rem;
	line-height: 0.7rem;
	padding: 0 0.2rem;
	font-size: 0.22rem;
}
.address-option .set-default{
	float: left;
	width: 2.0rem;
}
.address-option .set-default .skin-check{
	-webkit-transform: scale(0.65);
	        transform: scale(0.65);
}
.address-option .address-btn-group{
	float: right;
}
.address-btn-group a:first-child{
	margin-right: 0.2rem;
}
.address-btn-group .iconfont{
	font-size: 0.26rem;
}
.address-form-fill .form-field-item{
	min-height: 0.8rem;
	line-height: 0.8rem;
}
.address-form-fill .form-field-item .field-value{
	padding-right: 0;
}
/* 会员中心 */
.my-header{
	height: 3.6rem;
	width: 100%;
	background: url('../img/mybg.jpg') center no-repeat;
	background-size: cover;
	margin-bottom: 0.2rem;
	position: relative;

}
.my-header-zindex{
	width: 100%;
	height: 0.9rem;
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 9;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row nowrap;
	        flex-flow: row nowrap;
}
.my-header-zindex li{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	text-align: center;
	color: rgba(255, 255, 255, .8);
	padding-top: 0.1rem;
	font-size: 0.24rem;
	position: relative;
}
.my-header-zindex li:after{
	content: '';
	width: 1px;
	height: 2em;
	background-color: rgba(255, 255, 255, 0.2);
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -1em;
}
.my-header-zindex li span{
	color: #fff;
	font-size: 0.26rem;
	display: block;
}
.userCenterHeader{
	padding: .7rem .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.userCenterHeader .userPhoto {
    width: 1.24rem;
    height: 1.24rem;
    overflow: hidden;
    position: relative;
}
.userCenterHeader .userPhoto img {
    width: 1.24rem;
    height: 1.24rem;
    display: block;
    border-radius: 100%;
}
.userCenterHeader .userInfo {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: .3rem;
    padding-top: 0.2rem;
}
.userCenterHeader .userInfo p {
    font-size: .24rem;
    color: #fff;
    margin-bottom: 0;
}
.userCenterHeader .userInfo p .badge{
	font-size: 0.14rem;
}
.userCenterHeader .userInfo p:first-child {
    font-weight: bold;
    font-size: .32rem;
}

/* UL-list */
.ul-cell{
	background-color: #FFF;
    position: relative;
    z-index: 1;
    margin-bottom: .2rem;
    padding-left: 0.24rem;
}
.ul-link-a{
	padding-left: 0;
}
.ul-cell-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #FFF;
    position: relative;
    height: 1.0rem;
    overflow: hidden;
    border-bottom: #e6e6e6 1px solid;
}
.ul-link-a .ul-cell-item{
	padding-left: 0.3rem;
}
.ul-cell-left {
    color: #333;
    font-size: 0.3rem;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.ul-cell-left .iconfont{
	font-size: 0.4rem;
	margin-right: 0.2rem;
	color: #666;
}
.ul-cell-arrow{
	line-height: 1rem;
	position: absolute;
	right: 0.3rem;
	top: 0;
	color: #999;
}
/* 我的订单 */
.order-tabnav{
	margin-bottom: 0.2rem;
}
.tab-nav-item.tab-active{
	color: #000;
}
.tab-nav-item.tab-active:before{
	background-color: #000;
	width: 30%;
	margin-left: -15%;
}
.order-item{
	margin-bottom: 0.2rem;
	background-color: #fff;
}
.order-no{
	height: 0.7rem;
	line-height: 0.7rem;
	overflow: hidden;
	color: #333;
	padding: 0 0.3rem;
	border-bottom: #e6e6e6 1px solid;
}
.order-no .time{
	color: #999;
	float: right;
}
.order-goods .cart-ul{
	background-color: #f8f8f8;
}
.order-goods .cart-ul li{
	padding-left: 0.3rem;
}
.order-item-total{
	line-height: 0.85rem;
	text-align: right;
	padding-right: 0.3rem;
	border-bottom: #e6e6e6 1px solid;
	font-size: 0.24rem;
}
.order-item-total .cart-good-price{
	font-size: 0.24rem;
	color: #fd2525;
}
.order-item-btns{
	padding: 0.2rem 0;
	text-align: right;
}
.order-item-btns .default-btn{
	width: 1.6rem;
	height: 0.56rem;
	line-height: 0.56rem;
	border: #e6e6e6 1px solid;
	color: #333;
	margin-right: 0.3rem;
}
.order-item-btns .red-btn{
	border-color: #fd2525;
	color: #fff;
	background-color: #fd2525;
}
.order-item-btns .red-border-btn{
	color: #fd2525;
	border-color: #fd2525;
}
/* 我的预约 */
.appoint-content .order-no{
	background-color: #f8f8f8;
}
.appoint-content .order-goods .cart-ul{
	background-color: #fff;
}
.appoint-goods{
	padding: 0.2rem 0.3rem;
	border-bottom: #e6e6e6 1px solid;
}
.appoint-goods p{
	line-height: 0.4rem;
	margin-bottom: 0.1rem;
	color: #333;
	height: 0.4rem;
	overflow: hidden;
}
.appoint-goods p label{
	display: inline-block;
	width: 2rem;
	color: #999;
}
.appoint-goods p span{
	float: right;
}
.order-status{
	float: right;
}
.order-status.statusing{
	color: #fd2525;
}
/* 预约详情 */
.appoint_datails_title {
    background-color: #000;
    width: 5.85rem;
    line-height: 1rem;
    margin: 0.4rem auto 0 auto;
    text-align: center;
    color: #fff;
    font-size: 0.26rem;
}
.appoint_datails_title em {
    font-style: normal;
    font-size: 0.36rem;
    font-weight: bold;
}
.appoint_datails_center {
    background: #fff;
    -webkit-box-shadow: 0 -4px 5px 0px rgba(0,0,0,0.1);
            box-shadow: 0 -4px 5px 0px rgba(0,0,0,0.1);
}
.appoint_datails_dl {
    border-bottom: 1px solid #e6e6e6;
    line-height: 0.8rem;
    font-size: 0.28rem;
    padding-left: 0.2rem;
    color: #000;
}
.appoint_datails_dl .iconfont{
	font-size: 0.3rem;
	vertical-align: middle;
	margin-right: 0.1rem;
}
/* 步骤条 */
.step-container{
	background-color: #f2f2f2;
	padding-bottom: 0.15rem;
}
.step-list{
	width: 100%;
	padding: 0.5rem 0.64rem;
	padding-bottom: 0.3rem;
	background-color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-wrap: nowrap;
	        flex-wrap: nowrap;
}
.step-list li{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	text-align: center;
	font-size: 0.26rem;
	position: relative;
	color: #b8b8b8;
}
.step-list li span{
	width: 0.56rem;
	height: 0.56rem;
	line-height: 0.48rem;
	margin: 0 auto;
	margin-bottom: 0.15rem;
	display: block;
	border: #c7c7c7 0.04rem solid;
	border-radius: 100%;
	background-color: #d9d9d9;
	color: #fff;
	font-size: 0.28rem;
	font-weight: bold;
	text-align: center;
}
.step-list li.active{
	color: #000;
}
.step-list li.active span{
	background-color: #000;
	border-color: #999;
}
.step-list li:after,.step-list li:before{
	content: "";
	width: 34%;
	height: 0.11rem;
	background-color: #c7c7c7;
	
	position: absolute;
	top: 0.22rem;
}
.step-list li:before{
	left: 0;
	border-top-right-radius: 0.1rem;
	border-bottom-right-radius: 0.1rem;
}
.step-list li:after{
	right: 0;
	border-top-left-radius: 0.1rem;
	border-bottom-left-radius: 0.1rem;
}
.step-list li:first-child:after{
	right: 0;
	border-top-left-radius: 0.1rem;
	border-bottom-left-radius: 0.1rem;
}
.step-list li:first-child:before,.step-list li:last-child:before{
	content: none;
}
.step-list li:last-child:after{
	left: 0;
	border-radius: 0;
	border-top-right-radius: 0.1rem;
	border-bottom-right-radius: 0.1rem;
}
.step-list li.active:before,.step-list li.active:after{
	background-color: #000;
}
/* end */

.appoint_list_result {
    padding: 0.2rem 0.4rem 0.2rem 0.4rem;
}
.appoint_list_result ul li {
    list-style: none;
    line-height: 0.8rem;
    font-size: 0.26rem;
    color: #7f7f7f;
	overflow: hidden;
}
.appoint_list_result ul li:last-child{
	border-bottom: none;
}
.appoint_datails .appoint_list_result ul li label{
    width: 40%;
    text-align: left;
    display: inline-block;
    padding-right: 0;
}
.appoint_datails .appoint_list_result ul li span{
	color: #000;
	width: 60%;
	display: inline-block;
	text-align: right;
	float: right;
}
/* 我的收藏 */
.collection-list-wrap{
	padding-top: 0;
}
.collection-list-wrap .goods-item-box{
	border: none;
	width: 46%;
	margin: 2%;
	background-color: #fff;
	border-radius: 0.2rem;
	position: relative;
}
.collection-list-wrap .goods-item-box .skin-check{
	position: absolute;
	right: 0.2rem;
	top: 0.2rem;
}

/* 账户余额 */
.format-money{
	color: #ff0f0f !important;
	font-weight: 600;
}
.format-money:before{
	content: '￥';
	color: #fff;
	font-size: .2rem;
}
.wallet-header{
	height: 2.65rem;
	background-color: #fff;
	text-align: center;
	font-size: 0.26rem;
	color: #666;
	padding-top: 0.6rem;
	margin-bottom: 0.2rem;
}
.wallet-money{
	font-size: 0.6rem;
	font-weight: bold;
	color: #ff0f0f;
	display: block;
}
.wallet-header .iconfont{
	vertical-align: middle;
}
.deal-wrap{
	background-color: #fff;
}
.deal-title{
	height: 0.8rem;
	line-height: 0.8rem;
	color: #333;
	border-bottom: #e6e6e6 1px solid;
	background-color: #f8f8f8;
	font-size: 0.3rem;
	padding-left: 0.3rem;
}
.deal-list li{
	overflow: hidden;
	border-bottom: #e6e6e6 1px solid;
	padding: 0.2rem 0.3rem;
}
.deal-list li .deal-info{
	float: left;
}
.deal-list li .deal-info b{
	font-size: 0.26rem;
	color: #333;
	display: block;
}
.deal-list li .deal-info i{
	font-style: normal;
	font-size: 0.2rem;
	color: #999;
}
.deal-list li .deal-monetary{
	float: right;
	font-size: 0.32rem;
	color: #333;
}
.deal-list li .deal-monetary.add{
	color: #EA5455;
}
/* 充值 */
.recharge-fill{
	padding-top: 0.2rem;
}
.recharge-fill .field-value{
	padding-right: 0;
}
/* 文章列表 */
.article-list{
	padding: 0.28rem;
	background-color: #fff;
	border-bottom: #e6e6e6 1px solid;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row nowrap;
	        flex-flow: row nowrap;
}
.article-list:after{
	content: '\e668';
	font-family: 'iconfont';
	font-size: 0.3rem;
	color: #999;
	position: absolute;
	right: 0.28rem;
	top: 1rem;
}
.article-img{
	min-width: 1.9rem;
	width: 1.9rem;
	height: 1.5rem;
	overflow: hidden;
	text-align: center;
}
.article-img img{
	display: inline-block;
	height: 1.5rem;	
	max-width: 1.9rem;
}
.article-info{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	padding-left: 0.3rem;
	padding-right: 0.4rem;
	width: 2.7rem;
}
.article-info h3{
	font-size: 0.3rem;
	color: #333;
	margin-top: 0.1rem;
	margin-bottom: 0.2rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.article-info h3 span{
	font-size: 0.24rem;
	font-weight: normal;
	color: #999;
	margin-left: 10px;
}
.article-desc{
	line-height: 0.36rem;
	font-size: 0.24rem;
	color: #999;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.cancelSelect{
	padding: 10px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.cancelSelect label{
	width: 70px;
	line-height: 30px;
}
.cancelSelect span{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.cancelSelect .cell-select{
	width: 100%;
	height: 30px;
	-webkit-appearance: menulist;
}

.icon-radius-btn {
    position: fixed;
    bottom: 1.5rem;
    right: .1rem;
	border-radius: 100%;
	border: #999 1px solid;
	background-color: rgba(255, 255, 255, 1);
	color: #333;
    width: .7rem;
	height: .7rem;
	line-height: .65rem;
    text-align: center;
	cursor: pointer;
	display: none;
	
}
.icon-radius-btn img {
	width: .7rem;
	height: .7rem;
	margin-top: .12rem;
	border-radius: 100%;
}
.getSendCode {
    background-color: transparent;
    border: #000 1px solid;
    border-radius: 4px;
    font-size: 0.22rem;
    width: 1.5rem;
    height: 0.7rem;
    color: #000;
    position: absolute;
    right: 0;
    bottom: 0;
}
.safe-getcode-item .getSendCode{
	right: .28rem;
	top: .24rem;
	width: 1.8rem;
}

/* 支付密码Modal */
.payMentModal{
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.payMentModal .box{
	width: 100%;
	height: 50%;
	background-color: #fff;
	position: relative;
}
.payMentModal .box .icon-i-close{
	font-size: .4rem;
	position: absolute;
	right: .2rem;
	top: .2rem;
	color: #333;
}
.payMentModal .box .tab-panel-item{
	padding: .5rem .6rem;
}
.payMentModal .box .pwd-input{
	width: 100%;
	height: .9rem;
	font-size: .28rem;
	padding-left: .4rem;
	border-radius: 0;
	border: #F5F5F5 1px solid;
}
.payMentModal .box .forgetpwd {
	color: #999;
	line-height: .6rem;
	margin-bottom: .1rem;
	text-align: right;
	text-decoration: underline;
}
.payMentModal .box .sub-btn {
	margin-top: .3rem;
	cursor: pointer;
}
/* input-code-group */
.input-code-group {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.input-code-group span{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.input-code-group .m-btn{
	width: 2rem;
}
.input-code-group .m-btn.disabled{
	background-color: #ccc;
}
/* 订单评价 */
.evaluate-wrap {
	min-height: 100%;
}
.evaluate-box{
	background-color: #fff;
	padding: 0 .04rem;
}
.evaluate-box .header {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.evaluate-box .header .pro-img{
	width: 2.2rem;
	min-width: 2.2rem;
	height: 2.2rem;
	padding: .3rem;
}
.evaluate-box .header .pro-img img{
	width: 100%;
	height: 100%;
	border-radius: .1rem;
}
.evaluate-box .header .pro-info{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	padding-top: .3rem;
}
.evaluate-box .header .pro-info h3{
	font-size: .3rem;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: .2rem;
}
.evaluate-box .header .pro-info .star{
	width: 100% !important;
	overflow: hidden;
}
.evaluate-box .header .pro-info .star img{
	display: inline;
	margin-right: .2rem;
	-webkit-transform: scale(1.2);
	        transform: scale(1.2);
}
.evaluate-box .header .pro-info .star-txt{
	font-size: .3rem;
	color: #999;
	margin-top: .1rem;
}
.evaluate-box .content-txt {
	resize: none;
	background-color: #f9f9f9;
	color: #333;
	padding: .2rem .3rem;
	line-height: .45rem;
	font-size: .28rem;
	width: 100%;
	height: 2.4rem;
	border: none;
	margin-bottom: .3rem;
}
.evaluate-box .tags .tag-item{
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.evaluate-box .tags span{
	width: 30%;
	text-align: center;
	height: .6rem;
	line-height: .6rem;
	margin-bottom: .2rem;
	margin-right: .2rem;
	background-color: #f9f9f9;
}
.evaluate-box .tags span.active{
	background-color: #000;
	color: #fff;
}
.evaluate-box .tags span:nth-child(3n) {
	margin-right: 0;
}
.evaluate-btns{
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
}
.upload-group{
	width: 100%;
	padding-left: .2rem; 
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.upload-group .item{
	width: 1.6rem;
	height: 1.6rem;
	display: block;
	margin-right: .2rem;
	margin-bottom: .2rem;
	position: relative;
}
.upload-group .item.upload-input{
	text-align: center;
	-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	color:#bdbcc2;
	font-size: .22rem;
	cursor: pointer;
}
.upload-group input[type="file"] {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	cursor: pointer;
}
.upload-group .item.upload-input .iconfont{
	font-size: .6rem;
}
.upload-group .item > img{
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 4px;
}
.upload-group .item .removeBtn{
	position: absolute;
	right: -0.25rem;
	top: -0.25rem;
	z-index: 3;
}
.upload-group .item .removeBtn:before{
	content: '\e77b';
	font-family: 'iconfont';
    color: #EA5455;
    font-size: 0.5rem;
}
.upload-group .item .progress {
	text-align: center;
	line-height: 1.6rem;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.6);
	z-index: 1;
	color: #333;
}

/* pwdInput */
.pwd-control .box{
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
}
.pwd-control .box .flex-1{
	display: block;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	width: 0;
}
.pwd-control {
	text-align: center;
}
.pwd-control .item {
	margin: 0 0.1rem;
	position: relative;
}
.pwd-control .item.circle:after {
	content: "";
	width: 8px;
	height: 8px;
	background: #000;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -4px;
	margin-left: -4px;
}
.pwd-control .normal input {
	color: #000;
}
.pwd-control input {
	display: block;
	width: inherit;
	border-radius: 3px;
	text-align: center;
	border: 1px solid #888;
	width: 100%;
	color: #fff;
	line-height: 35px
}
.pwd-control input:focus {
	-webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.4);
	        box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.4);
}
/* new Index */
.indexPart{
	padding: 0 .3rem;
}
.title-style .enlish{
	display: inline-block;
	width: 2.32rem;
}
.title-style .china{
	color: #000;
	font-size: .34rem;
	display: block;
}
.title-style:after{
	content: '';
	width: 2em;
	height: 2px;
	display: inline-block;
	background-color: #c99704;
}
.ourStylists{
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	padding-top: .73rem;
}
.ourStylists .col-2 {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.ourStylists .title-style{
	margin-bottom: 1.75rem;
}
.designer-box {
	position: relative;
	border: #c89603 1px solid;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	margin-bottom: 1.74rem;
}
.ourStylists .col-2 .designer-box:last-child{
	margin-bottom: 0;
}
.ourStylists .col-2:first-child .leftOffset{
	margin-left: .3rem;
}
.ourStylists .col-2:last-child{
	padding-top: .64rem;
}
.ourStylists .col-2:last-child .rightOffset{
	margin-right: .3rem;
}
.ourStylists .col-2:last-child .designer-box {
	float: right;
}
.designer-box .photo{
	width: 100%;
	height: 100%;
	position: absolute;
	top: -.64rem;
}
.leftOffset .photo{
	left: -0.3rem;
}
.rightOffset .photo{
	right: -0.3rem;
}
.designer-box .title{
	width: 100%;
	padding: 0 .23rem;
	font-size: .24rem;
	color: #000;
	line-height: .64rem;
	font-weight: normal;
}
.designer-box .title .icon-jiantou{
	color: #c89603;
	float: right;
	font-weight: bold;
}
.designer-box.max {
	width: 3.2rem;
	height: 4rem;
}
.designer-box.min {
	width: 2.7rem;
	height: 3.4rem;
}

/* appointment */
.makeAppointment {
	padding-right: .3rem;
}
.makeAppointment .title-style{
	margin-left: .38rem;
	margin-bottom: .52rem;
}
.makeAppointment .title-style .enlish{
	width: 3.92rem;
}
.makeAppointment .designer-box{
	width: 100%;
	border-left: none;
	padding-left: 1.5rem;
	height: 6.8rem;
	margin-bottom: .54rem;
}
.makeAppointment .designer-box .photo{
	width: 6rem;
	height: 7rem;
	top: -.95rem;
}

/* e-mall */
.e-mall {
	padding-left: .3rem;
}
.e-mall .title-style{
	text-align: right;
	margin-right: .38rem;
	margin-bottom: .54rem;
}
.e-mall .title-style .enlish{
	width: 1.9rem;
}
.e-mall .designer-box{
	width: 100%;
	border-right: none;
	height: 4.8rem;
	margin-bottom: .54rem;
}
.e-mall .designer-box .photo{
	width: 6rem;
	height: 5rem;
	top: -1rem;
}
.e-mall .designer-box .title
{
	margin-right: 1.2rem;
}

/* our-salons */
.our-salons {
	position: relative;
	padding-left: .3rem;
	padding-top: .72rem;
	margin-bottom: .6rem;
}
.our-salons .title-style{
	margin-bottom: .5rem;
	position: absolute;
	top: 0;
	left: .3rem;
}
.salons-list-wrap{
	padding-top: 1.9rem;
	width: 100%;
}
.salons-item{
	position: relative;
	border: #c89603 1px solid;
	border-right: none;
	padding: .62rem .37rem 1rem .37rem;
	display: block;
	width: 100%;
}
.salons-item .name{
	font-weight: bold;
	color: #000;
	font-size: .28rem;
	margin-bottom: .1rem;
}
.salons-item .desc{
	line-height: .4rem;
	font-size: .24rem;
	color: #999;
	text-align: justify;
}
.salons-item .img{
	width: 3.82rem;
	height: 2.62rem;
	position: absolute;
	right: 0.3rem;
	top: -1.9rem;
}
.our-salons .slider-pagination{
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	padding-left: .38rem;
	bottom: .4rem;
}
.our-salons .slider-pagination>.slider-pagination-item{
	background-color: transparent;
	border: #c89603 1px solid;
}
.our-salons .slider-pagination>.slider-pagination-item.slider-pagination-item-active{
	background-color: #c89603;
}
.our-salons .icon-jiantou{
	position: absolute;
	bottom: .26rem;
	color: #c89603;
	right: .3rem;
}