/*******promotionBinding推广绑定*start*/
*{
  margin: 0;
  padding: 0;
}
.promotionBinding{
	background: #FFFFFF;
	touch-action: none;
}
.promotionBinding header{
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.promotionBinding .promotionBinding-content{
    padding: 2.5rem 0.5rem 0;
}
.promotionBinding-content input.input-yp{
    border: 0;
    font-size: 0.75rem;
    color: #333333;
    padding-left: 0.5rem;
    border-bottom: 1px solid #e24333;
}
.promotionBinding-content button.btn-push{
	box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.3);
    border-radius: 40px;
    color: #FFFFFF;
    width: 90%;
    margin: 1.7rem 5%;
    height: 2.1rem;
    background: #ccc;
}
.promotionBinding-content button.choice{
	background: #d93b2a;
}
/*******promotionBinding推广绑定*end*/
/*******detailedHb换币明细*start*/
.detailedHb{
	background: #FFFFFF;
	touch-action: none;
}
.detailedHb header{
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
/*******detailedHb换币明细*end*/
/*******transfer兑换*start*/
.transfer{
	background: #FFFFFF;
	touch-action: none;
}
.transfer header{
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.transfer .m-999{
	height: 0.5rem;
}
.transfer .main-content{
	margin-top: 0.2rem;
}
.main-content p.title{
	font-size: 0.9rem;
	color: #666;
	line-height: 2rem;
    padding: 0 5%;
}
.main-content .mathematics-content{
    padding: 0 5%;
    border-bottom: 1px solid #eee;
}
.mathematics-content span.symbol{
	font-size: 1.5rem;
	color: #666;
	vertical-align: middle;
}
.mathematics-content input.mathematics{
	border: 0;
	color: #666;
	font-size: 0.7rem;
    width: 70%;
}
.main-content p.soldier{
	color: #666; 
	font-size: 0.7rem;
	padding: 0 5%;
	line-height: 2rem;
}
.main-content p.soldier>span{
	color: #E24333;
}
.main-content p.tips{
	color: #999;
	font-size: 0.7rem;
	padding: 0 5%;
	line-height: 2rem 
}
.main-content button.btn-push{
    box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.3);
    border-radius: 40px;
    color: #FFFFFF;
    width: 90%;
    margin: 0.7rem 5%;
    height: 2.1rem;
    background: #ccc;
}
.main-content button.choice{
	background: #d93b2a;
}
/*******transfer兑换*end*/
/*******feedbackBill反馈账单*start*/
.feedbackBill{
	background: #FFFFFF;
	touch-action: none;
}
.feedbackBill header{
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.feedbackBill .bill-content{
    margin: 3%;
}
.bill-content p.title{
    color: #333;
    font-size: 0.7rem;
    padding: 0 4%;
    padding-top: 3%;
}
.bill-content>ul{
	overflow: hidden;
    padding: 3%;
}
.bill-content>ul>li{
    width: 31%;
    float: left;
}
.bill-content>ul>li:nth-child(2) {
	 margin: 0 3%;
}
.bill-content>ul>li img.img-img{
    width: 100%;
    height: 5rem;
    border-radius: 0.3rem;
}
.bill-content>ul>li .upload-img{
	border: 1px dashed #999999;
    border-radius: 0.3rem;
    text-align: center;
    padding: 1.3rem 0.5rem;
}
.bill-content .explain-content{
	border: 1px dashed #999;
    border-radius: 0.3rem;
    padding: 0.1rem 0.3rem;
}
.explain-content>textarea{
    font-size: 0.65rem;
    border: 0;
    height: 3.5rem;
    margin-bottom: 6%;
}
.bill-content button.btn-push{
    box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.3);
    border-radius: 40px;
    color: #FFFFFF;
    width: 90%;
    margin: 1.6rem 5%;
    height: 2.3rem;
    background: #ccc;
}
.bill-content button.choice {
    background: #d93b2a;
}
/*******feedbackBill反馈账单*end*/
/*******userOrderNow订单详情（邱强）*start*/
.mgOrderDetailJp-main .upload-content{
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    margin: 3%;
    border-radius: 0.5rem;
}
.upload-content .btn-content{
    padding: 0 4%;
    padding-bottom: 4%;
}
.btn-content button.ok{
	font-size: 0.6rem;
    background: #d93b2a;
    color: #eee;
    padding: 1% 3%;
}
.btn-content button.no{
	font-size: 0.6rem;
    background: #d93b2a;
    color: #eee;
    padding: 1% 2%;
}
.btn-content button.prohibit{
	background: #999999;
}
.mgOrderDetailJp-main .big-c{
	display: none;
	background: #000;
    z-index: 9999;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
}
.mgOrderDetailJp-main .big-n{
	display: none;
	position: absolute;
    width: 90%;
    height: 19rem;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 0.3rem;
    padding: 0 0.2rem;
    z-index: 9999;
}
.mgOrderDetailJp-main .big-n>img{
    width: 100%;
    height: 100%;
    border-radius: 0.3rem;
}
/*******userOrderNow订单详情（邱强）*end*/
/*******mgOrderDetailWd订单详情（邱强）*start*/
.mgOrderDetailJp-main .upload-content{
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    margin: 3%;
    border-radius: 0.5rem;
}
.upload-content p.title{
    color: #333;
    font-size: 0.7rem;
    padding: 0 4%;
    padding-top: 3%;
}
.upload-content>ul{
    overflow: hidden;
    padding: 3%;
}
.upload-content>ul>li{
    width: 31%;
    float: left;
}
.upload-content>ul>li:nth-child(2){
	margin: 0 3%;
}
.upload-content>ul>li .upload-img{
    border: 1px dashed #999999;
    border-radius: 0.3rem;
    text-align: center;
    padding: 1.3rem 0.5rem;
}
.upload-content>ul>li img.img-img{
	width: 100%;
    height: 5rem;
    border-radius: 0.3rem;
}
.upload-img>img{
	width: 1.5rem;
}
.upload-img>p{
	font-size: 0.6rem;
	color: #999;
}
.upload-content input.upload-input{
	color: #333333;
	width: 94%;
	margin: 0 3%;
	border: 0;
	font-size: 0.7rem;
	/*padding-bottom: 0.3rem;*/
	border-bottom: 1px solid #999999;
}
.upload-content button.btn-push{
    box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.3);
    border-radius: 40px;
    color: #FFFFFF;
    width: 90%;
    margin: 1rem 5%;
    height: 2.1rem;
    background: #ccc;
}
.upload-content button.btn-push-o{
	background: #d93b2a;
}
/*******mgOrderDetailWd订单详情（邱强）*end*/
/*******openPartners激活合伙人*start*/
.openPartners{
	background: #FFFFFF;
	touch-action: none;
}
.openPartners header{
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.openPartners .main-content{
    margin: 1.5rem 3% 0;
}
.main-content .money-content{
    height: 4.55rem;
    margin: 0.5rem 1rem 0 1rem;
    overflow: hidden;
    background: url(../images/balance-num-bg.png) center center no-repeat;
    background-size: contain;
    text-align: center;
}
.money-content span.symbol{
	color: #e24333;
    font-size: 1rem;
    font-weight: 600;
    margin-top: 2rem;
    display: inline-block;
}
.money-content span.money{
    color: #e24333;
    font-size: 1.9rem;
    font-weight: 600;
}
.openPartners .btn-push{
	box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.3);
    border-radius: 40px;
    color: #FFFFFF;
    width: 90%;
    margin: 1rem 5%;
    height: 2.3rem;
    background: #ccc;
}
.openPartners .choice{
	background: #d93b2a;
}
.openPartners .big-shadow{
	z-index: 9999;
	background: #000000;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
}
.openPartners .payment-content{
	z-index: 9999;
	width: 90%;
	position: absolute;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #fff;
    height: 7.8rem;
    border-radius: 0.3rem;
}
.openPartners .payment-content-height{
	height: 10.2rem;
}
.payment-content .payment{
	padding: 0 0.3rem;
}
.payment p.payment-title{
	color: #333333;
	font-size: 0.8rem;
	padding-left: 0.5rem;
    border-bottom: 1px solid #eee;
    line-height: 2rem;
}
.payment>ul{
	
}
.payment>ul>li{
	
}
.payment>ul>li .payment-type{
    padding: 0.75rem 0 0 0.5rem;
}
.payment>ul>li:nth-child(1) .payment-type>img{
    height: 1.85rem;
}
.payment-type>img{
    vertical-align: middle;
    width: 1.7rem;
    height: 1.7rem;
}
.payment-type>span{
    margin-left: 0.5rem;
    color: #333;
    font-size: 0.8rem;
}
/*******openPartners激活合伙人*end*/
/*******upgradeSee会员中心*start*/
.upgradeSee{
	background: #FFFFFF;
	touch-action: none;
}
.upgradeSee .m-999{
	height: 0.5rem;
	margin-top: 0.85rem;
}
.upgradeSee header{
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.upgradeSee .upgradeSee-head{
	padding: 0 0.5rem;
	background: url(../images/upgradeSee-head-back.png) no-repeat;
	background-size: 100% 100%;
}
.upgradeSee-head .information-content{
	padding-top: 0.5rem;
    overflow: hidden;
}
.information-content .information-l{
	float: left;
}
.information-l>img{
	width: 2.3rem;
    height: 2.3rem;
    border-radius: 50%;
}
.information-content .information-r{
    margin-left: 0.5rem;
    float: left;
}
.information-r>p{
    font-size: 0.7rem;
    color: #EEEEEE;
    margin-top: 0.2rem;
}
.information-r>p>span{
	color: #e24333;
}
.information-r>p:nth-child(1){
	margin-top: 0;
}
.upgradeSee-head>ul{
	overflow: hidden;
}
.upgradeSee-head>ul>li{
	width: 25%;
	text-align: center;
	float: left;
}
.upgradeSee-head>ul>li .clothes{
	position: relative;
}
.clothes>p{
	text-align: center;
	font-size: 0.7rem;
	color: #eee;
}
.clothes .clothes-strip{
	width: 0.35rem;
	height: 1rem;
	border-radius: 0.5rem 0.5rem 0 0;
	background: #999;
    margin: 0 auto;
    margin-top: 0.4rem;
    margin-bottom: 0.5rem;
}
.clothes .clothes-strip-OK{
	background: linear-gradient(#e24333,#ff9e94);
}
.clothes .clothes-v{
	background: #999;
    height: 0.8rem;
    width: 1.9rem;
    text-align: center;
    border-radius: 0.3rem;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.clothes .clothes-v-OK{
	background: linear-gradient(to right,#ff9e94,#e24333);
}
.clothes-v>img{
    width: 0.7rem;
    height: 0.7rem;
    position: absolute;
    top: 0.05rem;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.clothes .clothes-v-line{
	position: absolute;
	width: 100%;
	height: 1px;
	background: #eee;
	bottom: 0.35rem;
}
.upgradeSee-head p.hum{
	font-size: 0.7rem;
	color: #eee;
	line-height: 2rem;
	margin-top: 0.2rem;
}
.hum>span{
	color: #E24333;
}
.upgradeSee .main{
	padding: 0 0.5rem;
}
.main .title{
	font-size: 0.75rem;
	color: #333333;
	line-height: 2rem;
}
.main>ul{
    padding: 0 0.5rem;
}
.main>ul>li{
	
}
.main>ul>li .main-bb{
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.75rem;
    margin-bottom: 0.5rem;
    width: 100%;
    height: 2.87rem;
    border: solid 1px #e6e6e6;
    border-radius: 0.5rem;
}
.main>ul>li .pitch{
	background-color: rgba(0, 0, 0, 0.31);
    box-shadow: 0px 10px 26px 0px rgba(0, 0, 0, 0.16);
}
.main-bb .main-l{
	
}
.main-l>h3{
    font-size: 0.75rem;
    color: #333;
}
.main-l>p{
    font-size: 0.6rem;
    color: #999;
    padding-top: 0.2rem;
}
.main-bb .main-r{
	
}
.main-r>em{
	display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    background: url(../images/icon_jb.png) center no-repeat;
    background-size: 1.17rem auto;
    vertical-align: middle;
}
.main-r>span{
	font-size: 0.8rem;
    color: #b56a24;
}
.upgradeSee .rule{
	padding: 0 0.5rem;
	padding-bottom: 2.7rem;
}
.rule .title{
	font-size: 0.75rem;
    color: #333333;
        line-height: 1.8rem;
    margin-top: 0.2rem;
}
.rule .item{
	font-size: 0.65rem;
	color: #999999;
    margin-top: 0.3rem;
}
.upgradeSee .foo{
    z-index: 9;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 2.25rem;
    background: #fff;
    border-top: solid 0.03rem #e6e6e6;
}
.foo .price{
    flex: 1;
    -webkit-flex: 1;
    text-align: center;
    font-size: 0.9rem;
}
.price span:nth-child(1){
    color: #333333;
}
.price span:nth-child(2){
    color: #d93b2a;
}
.foo .btn{
    width: 7.5rem;
    height: 100%;
    font-size: 0.9rem;
    color: #fff;
    background: #d93b2a;
    border-radius: 0;
}
/*******upgradeSee会员中心*end*/
/*******newRecharge充值*start*/
.newRecharge{
	background: #FFFFFF;
	touch-action: none;
}
.newRecharge header{
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.newRecharge .m-999{
    height: 0.5rem;
}
.newRecharge .newRecharge-content{
	padding: 0 0.5rem;
}
.newRecharge-content .newRecharge-tips{
    font-size: 0.7rem;
    color: #999999;
    padding-left: 0.3rem;
    margin-top: 0.5rem;
}
.newRecharge-content .newRecharge-title{
    line-height: 2rem;
    font-size: 0.8rem;
    color: #333333;
    border-bottom: 1px solid #EEEEEE;
    padding-left: 0.3rem;
}
.newRecharge-content .newRecharge-a{
	position: absolute;
    top: 1.9rem;
    left: 4.5rem;
    font-size: 0.65rem;
    /*text-decoration: underline;*/
    color: #e24333;
}
.newRecharge-content .newRecharge-a-h{
	top: 0.6rem;
}
.newRecharge-content>ul{
	padding: 0 0.3rem;
    overflow: hidden;
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 3%;
}
.newRecharge-content>ul>li{
    width: 31%;
    float: left;
    margin-top: 3%;
}
.newRecharge-content>ul .mlr{
	margin-left: 3%;
	margin-right: 3%;
}
.newRecharge-content>ul>li .hb-type{
	border: 1px solid #E24333;
    border-radius: 0.3rem;
}
.hb-type p:nth-child(1){
    font-size: 0.8rem;
    color: #E24333;
    text-align: center;
    line-height: 1.5rem;
}
.hb-type p:nth-child(2){
	font-size: 0.65rem;
    color: #ffa096;
    text-align: center;
    padding-bottom: 0.5rem;

}
.newRecharge-content>ul>li .selected{
	background: #E24333;
}
.selected>p{
	color: #EEEEEE !important;
}
.newRecharge-content .hb-super{
	overflow: hidden;
	padding: 3% 0.3rem;
}
.hb-super img.qd{
    height: 1.8rem;
}
.hb-super>img{
    width: 1.3rem;
    height: 1.39rem;
	vertical-align: middle;
}
.hb-super>span{
	color: #E24333;
    font-size: 0.8rem;
    margin-left: 0.3rem;
}
.hb-super>input{
    width: 40%;
    text-align: right;
    font-size: 0.75rem;
    color: #333333;
    border: 0;
    float: right;
    height: 1.39rem;
}
.newRecharge button.btn-sub{
    box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.3);
    border-radius: 40px;
    color: #FFFFFF;
    width: 90%;
    margin: 1.6rem 5%;
    height: 2.3rem;
    background: #ccc;
} 
.newRecharge button.choice{
	background: #d93b2a;
}
.newRecharge .big-shadow{
	z-index: 9999;
	background: #000000;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
}
.newRecharge .payment-content{
	z-index: 9999;
	width: 90%;
	position: absolute;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #fff;
    height: 12.8rem;
    border-radius: 0.3rem;
}
.newRecharge .payment-content-height{
	height: 10.2rem;
}
.payment-content .payment{
	padding: 0 0.3rem;
}
.payment p.payment-title{
	color: #333333;
	font-size: 0.8rem;
	padding-left: 0.5rem;
    border-bottom: 1px solid #eee;
    line-height: 2rem;
}
.payment>ul{
	
}
.payment>ul>li{
	
}
.payment>ul>li .payment-type{
    padding: 0.75rem 0 0 0.5rem;
}
.payment>ul>li:nth-child(1) .payment-type>img{
    height: 1.85rem;
}
.payment-type>img{
    vertical-align: middle;
    width: 1.7rem;
    height: 1.7rem;
}
.payment-type>span{
    margin-left: 0.5rem;
    color: #333;
    font-size: 0.8rem;
}
/*******newRecharge充值*end*/
/*******activityAll用户年终答谢活动*start*/
.activityAll{
	background: url(../images/activityAll.png);
	background-size: 100% 100%;
	touch-action: none;
}
.activityAll .ys-scroll-top{
	color: #FFFFFF;
}
.activityAll .ys-scroll-btm{
	color: #FFFFFF;
}
.activityAll .mt6{
	margin-top: 3.4rem;
}
.activityAll .option-ul{
	overflow: hidden;
	padding: 0 5%;
	position: absolute;
    width: 100%;
    top: 0.5rem;
    z-index: 99;
}
.option-ul>li{
    width: 21%;
    text-align: center;
    float: left;
    margin-right: 5%;
    height: 1.85rem;
    position: relative;
}
.option-ul>li:nth-child(4){
    margin-right: 0;
}
.option-ul>li>div{
	opacity: 0.5;
    width: 100%;
    height: 100%;
    border-radius: 0.3rem;
    background: rgb(118,4,0);
}
.option-ul>li>p{
	position: absolute;
    top: 0;
	font-size: 0.75rem;
    color: #FFFFFF;
    line-height: 1.75rem;
    border: 1px solid #ff0006;
    border-radius: 0.3rem;
    width: 100%;
}
.option-ul>li>div.selected{
	background: rgb(255,10,2);
}
.activityAll .info-content{
    background: url(../images/activityAll-Info.png) no-repeat;
    background-size: 100% 100%;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    height: 16rem;
    margin-top: 25%;
    position: relative;
}
.info-content .word-p{
    position: absolute;
    top: -1rem;
    font-size: 0.9rem;
    left: 3rem;
    color: #ffffff;
}
.info-content .data-content{
    margin: 0 15%;
    padding-top: 15%;
    text-align: center;
}
.info-content .data-content .data{
	overflow: hidden;
	border-bottom: 1px dashed #FFFFFF;
	padding-bottom: 0.4rem;
    margin-bottom: 1.75rem;
}
.info-content .data-content .data>p{
    color: #FFFFFF;
    font-size: 0.8rem;
    float: left;
    padding-left: 0.4rem;
}
.info-content .data-content .data>input{
    font-size: 0.7rem;
    color: #FFFFFF;
    float: left;
    background: transparent;
    border: 0;
    padding-left: 0.4rem;
    width: 60%;
}
.info-content .data-content .submission-content{
	position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    padding-top: 15%;
}
.submission-content .submission-op{
    opacity: 0.5;
    background: rgb(118,4,0);
    border-radius: 0.3rem;
    width: 100%;
    height: 2rem;
}
.submission-content .submission{
    position: absolute;
    bottom: 0;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    font-size: 0.8rem;
    width: 100%;
    line-height: 2rem;
    border-radius: 0.3rem;
}
.activityAll .ending{
    text-align: left;
    margin: 0 15%;
}
.ending>p{
    font-size: 0.7rem;
    color: #FFFFFF;
    line-height: 1.25rem;
}

.activityAll .rule-content{
	position: relative;
    padding: 0 5%;
}
.rule-content .rule{
    opacity: 0.6;
    border-radius: 0.5rem;
    background: rgb(118,4,0);
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 24rem;
    margin-top: 19%;
}
.rule-content .rule-p{
	position: absolute;
    top: 0;
    padding: 0.55rem 0.3rem;
    width: 90%;
}
.rule-p>p{
	font-size: 0.7rem;
	color: #FFFFFF;
	text-align: left;
    letter-spacing: 0.02rem;
    line-height: 1rem;
    margin-top: 0.4rem;
    margin-bottom: 0.6rem;
}
.rule-p>p:nth-child(2){
    margin-top: 1rem;
    margin-bottom: 0.7rem;
}
.rule-p>p>span{
    font-size: 0.8rem;
    color: #FFFFFF;
    letter-spacing: 0.04rem;
    margin-right: 0.2rem;
}
.rule-content .rule-img{
    position: absolute;
    width: 2rem;
    height: 2rem;
    right: 1.2rem;
    bottom: 0.65rem;
}

.activityAll .ranking-content{
	position: relative;
}
.ranking-content .count-down{
	margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.count-down>p{
	color: #FFFFFF;
	font-size: 0.85rem;
    line-height: 3rem;
    text-align: center;
}
.count-down>p>span{
	font-size: 1.15rem;
}
.ranking-content .title{
	overflow: hidden;
	width: 100%;
	top: 3rem;
}
.title>li{
	float: left;
	width: 20%;
	position: relative;
}
.title>li:nth-child(3){
	float: left;
	width: 40%;
}
.title>li>div{
    width: 100%;
    opacity: 0.4;
    height: 2rem;
    background: rgb(0,0,0);
}
.title>li>p{
	position: absolute;
	top: 0;
	color: #FFFFFF;
	width: 100%;
	text-align: center;
	font-size: 0.85rem;
	line-height: 2rem;
}
.ranking-mine{
    background: url(../images/ranking_mine.png) no-repeat;
    width: 62%;
    height: 2.5rem;
    margin: 1rem auto;
    font-size: 0.75rem;
    color: #fff;
    background-size: 100% 100%;
}
.ranking-mine span{
    margin-top: 1rem;
    display: inline-block;
    margin-left: 0.5rem;
}
.data-ul>li{
	overflow: hidden;
    margin-bottom: 1.25rem;
}
.data-ul>li>p> .ranking-img{
    width: 1.6rem;
    height: 1.5rem;
}
.data-ul>li>p:nth-child(3)>img{
    width: 1.2rem;
    height: 1.2rem;
    vertical-align: middle;
    margin-left: 25%;
}
.data-ul>li>p:nth-child(3)>span{
    margin-left: 0.4rem
}
.data-ul>li>p{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	width: 20%;
    float: left;
    color: #FFFFFF;
    text-align: center;
    font-size: 0.75rem;
    height: 1.5rem;
    line-height: 1.5rem;
}
.data-ul>li>p:nth-child(3){
	width: 40%;
	text-align: left;
}
.data-ul>li>.ranking-num{
	position: relative;
    width: 20%;
    float: left;
}
.ranking-num>div{
    opacity: 0.5;
    background: rgb(70,125,200);
    width: 40%;
    height: 1.5rem;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0.2rem;
}
.ranking-num>p{
    color: #FFFFFF;
    font-size: 0.75rem;
    position: absolute;
    top: 15%;
    left: 45%;
}
.ranking-num>p.left{
	left: 38%;
}
/*******activityAll用户年终答谢活动*end*/
/*******activityCenter活动中心*start*/
.activityCenter{
	touch-action: none;
	background: #FFFFFF;
}
.activityCenter header{
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.activityCenter .img-content{
	padding: 0 0.5rem;
}
.img-content>img{
    width: 100%;
    height: 100%;
    margin-top: 0.5rem;
    display: block;
}
/*******activityCenter活动中心*end*/
/*******adminToolbar经理人管理*start*/
.adminToolbar{
	background: #FFFFFF;
	touch-action: none;
}
.adminToolbar header{
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.adminToolbar ul{
	
}
.adminToolbar ul>li{
	padding: 0 0.55rem;
}
.adminToolbar ul>li .trouble{
	position: relative;
    overflow: hidden;
    padding: 0.75rem 0;
    border-bottom: 1px solid #eee;
}
.adminToolbar .trouble>img{
	float: left;
	width: 1.5rem;
    height: 1.5rem;
}
.adminToolbar .trouble>span{
	font-size: 0.75rem;
    margin-left: 0.55rem;
    line-height: 1.5rem;
}
.adminToolbar .trouble>.trouble-i{
    /*width: .5rem;
    height: .5rem;
    background-color: #d93b2a;
    position: absolute;
    left: 5rem;
    border-radius: 50%;
    font-size: 0.4rem;
    color: #fff;
    text-align-last: center;
    z-index: 99999;
    top: 1rem;*/
    background-color: #d93b2a;
    position: absolute;
    display: inline-block;
    top: 0.8rem;
    left: 5rem;
    width: 0.75rem;
    font: 0.45rem/0.75rem "";
    color: #fff;
    text-align: center;
    border-radius: 50%;
}
/*******adminToolbar经理人管理*end*/
/*******adminToolbarOne经理人管理-我的用户*start*/
.adminToolbarOne{
	background: #FFFFFF;
}
.adminToolbarOne header{
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.adminToolbarOne .mui-content{
	touch-action: none;
	background: #FFFFFF;
}
/*******adminToolbarOne经理人管理-我的用户*end*/
/*******adminToolbarTwo经理人管理-我的团队*start*/
.adminToolbarTwo{
	background: #FFFFFF;
}
.adminToolbarTwo header{
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.adminToolbarTwo .mui-content{
	touch-action: none;
	background: #FFFFFF;
}
/*******adminToolbarTwo经理人管理-我的团队*end*/
/*******adminToolbarThree经理人管理-我的收益*start*/
.adminToolbarThree{
	background: #FFFFFF;
}
.adminToolbarThree header{
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.adminToolbarThree .mui-content{
	touch-action: none;
	background: #FFFFFF;
}
/*******adminToolbarThree经理人管理-我的收益*end*/
/*******adminToolbarFour经理人管理-编辑网店*start*/
.adminToolbarFour{
	background: #FFFFFF;	
}
.adminToolbarFour header{
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.adminToolbarFour .mui-content{
	touch-action: none;
	background: #FFFFFF;
}
/*******adminToolbarFour经理人管理-编辑网店*end*/
/*******adminToolbarFour经理人管理-管理网店*start*/
.adminToolbarFive{
	background: #FFFFFF;
}
.adminToolbarFive header{
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.adminToolbarFive .mui-content{
	touch-action: none;
	background: #FFFFFF;
}
.adminToolbarFive .table-view2 .adminTool-rule{
    color: #fff;
    font-size: 0.75rem;
    line-height: 1.3rem;
}
/*******adminToolbarFour经理人管理-管理网店*end*/

/*******mine我的主页*start*/
.mine{
	touch-action: none;
	background: #fff;
}
.mine .mine-info{
	text-align: center;
    padding: 0.5rem 2.7rem 0;
}
.mine-info>img{
	border-radius: 50%;
    width: 4.0767rem;
    height: 4.031rem;
    margin-top: 0.5rem;
    margin-bottom: 0.2rem;
}
.mine-info .info-name{
	color: #333333;
	font-size: 0.8rem;
}
.mine-info .info-yp{
	color: #999999;
	font-size: 0.65rem;
    margin-top: 0.15rem;
}
.mine-info .editbtn-count{
	position: relative;
    margin: 0.5rem 0;
}
.mine-info .editbtn-count>div{
    border-bottom: 1px solid #eee;
    position: absolute;
    margin-top: 0.8rem;
    width: 100%;
}
.mine-info .editbtn-count>button{
    width: 5.8rem;
    height: 1.275rem;
    background-color: #999;
    border-radius: 2rem;
    color: #fff;
    font-size: 0.7rem;
}
.mine-info .mine-value{
    background: linear-gradient(to right, #b56a24, #fedd57);
    -webkit-background-clip: text;
    color: transparent;
    font: 600 0.457rem / 1rem "";
    height: 0.8rem;
}
.mine-info .mine-value1 .value-spac{
    margin: 0 0.2rem;
}
.mine-info .mine-grade-count{
	line-height: 0;
    margin: 0.3rem 0;
}
.mine-info .mine-grade-count .grade-lv{
	background: linear-gradient(to right, #b56a24, #fedd57);
    -webkit-background-clip: text;
    color: transparent;
    font: 600 0.5rem / 1rem "";
    font-style: italic;
    line-height: 0;
}
.mine-info .mine-grade-count .grade-articlecharm{
	display: inline-block;
    width: 75%;
    height: 0.5rem;
    border-radius: 10rem;
    overflow: hidden;
    border: 1px solid #EEEEEE;
}
.mine-info .mine-grade-count .grade-articlecharm>em{
	display: block;
    width: 100%;
    height: 100%;
    background: url(../images/mine-em.png) 0 0;
}
.mine .mine-four{
	
}
.mine .myfrands{
    /*width: .5rem;
    height: .5rem;
    background-color: #d93b2a;
    position: absolute;
    left: 2.8rem;
    border-radius: 50%;
    font-size: 0.4rem;
    color: #fff;
    text-align-last: center;
    z-index: 99999;
    top: 0;*/
    background-color: #d93b2a;
    position: absolute;
    display: inline-block;
    top: 0;
    width: 0.75rem;
    font: 0.45rem/0.75rem "";
    color: #fff;
    text-align: center;
    right: 1rem;
    border-radius: 50%;
}
.mine-four>ul{
	overflow: hidden;	
}
.mine-four>ul>li{
	position: relative;
	text-align: center;
	float: left;
	width: 25%;
	margin: 0.5rem 0;
}
.mine-four>ul>li>img{
    width: 1.831rem;
    height: 1.831rem;
}
.mine-four>ul>li>p{
    font-size: 0.75rem;
    color: #333333;
}
.mine-four>ul>li .friends-i{
    position: absolute;
    top: 0;
    right: 1.3rem;
    width: 0.45rem;
    height: 0.45rem;
    background-color: #f24130;
    border-radius: 50%;
}
.mine .mine-tool{
	padding: 0 0.7rem;
}
.mine-tool .mt0{
	margin-top: 0;
}
.mine-tool .tool-title{
	color: #333333;
    font-size: 0.75rem;
    line-height: 2rem;
}
.mine-tool>ul{
	overflow: hidden;
	border-bottom: 1px solid #EEEEEE;
}
.mine-tool>ul>li{
	float: left;
	text-align: center;
	width: 25%;
	margin: 0.65rem 0;
	position: relative;
}
.mine-tool>ul>li>img{
    width: 1.331rem;
    height: 1.331rem;
}
.mine-tool>ul>li>p{
	color: #333333;
	font-size: 0.6rem;
}
.mine-tool>ul:last-child{
	border: 0;
}
/*******mine我的主页*end*/
/*******sound语音签名*start*/
.sound{
	touch-action: none;
	background: #FFFFFF;
}
.sound header.mui-bar>span{
	font-size: 0.75rem;
	color: #E24333;
	float: right;
    line-height: 2.2rem;
}
.sound .sound-body{
    text-align: center;
}
.sound-body .big{
    width: 40%;
    height: 40%;
    padding: 25% 0 45%;
}
.sound-body>p{
    height: 2rem;
    background: url(../images/sound-con.png) no-repeat center;
    font-size: 0.75rem;
    color: #e24333;
    background-size: 20% 100%;
    line-height: 1.45rem;
}
.sound-body .ash{
    width: 20%;
    height: 20%;
    margin-top: 0.35rem;
}
.sound-body .nn{
	display: none;
	width: 20%;
    height: 20%;
    margin-top: 0.35rem;
}
/*******sound语音签名*end*/
/*******dope消息*start*/
.dope{
	touch-action: none;
	background: #FFFFFF;
}
.dope header{
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.dope .dope-spot{
    position: absolute;
    top: 0.75rem;
    right: 2.85rem;
    width: 0.3rem;
    height: 0.3rem;
    background-color: #f24130;
    border-radius: 50%;
}
.dope .dope-head{
    position: absolute;
    width: 100%;
    z-index: 3;
    top: 2.1rem;
    background-color: #fff;
    border-bottom: 1px solid #eee;
}
.dope-head>ul{
	overflow: hidden;
}
.dope-head>ul>li{
	width: 50%;
	float: left;
	text-align: center;
	position: relative;
}
.dope-head>ul .choose{
    color: #E24333;
    border-bottom: 1px solid #e24333;
}
.dope-head>ul>li>span{
	font-size: 0.75rem;
	color: #333333;
	width: 40%;
	display: inline-block;
    line-height: 2.5rem;
}
.dope .dope-list{
	
}
.dope-list>ul{
    padding: 0 0.65rem;
}
.dope-list>ul>li{
	padding: 0.65rem 0;
	border-bottom: 1px solid #EEEEEE;
	width: 100%;
	left: 0;
    position: relative;
    transition: left 350ms;
    -webkit-transition: left 350ms;
}
.dope-list>ul>li .list-content{
	overflow: hidden;
}
.list-content .list-left{
	float: left;
	width: 2.45rem;
	height: 2.45rem;
	position: relative;
}
.list-content .list-left span{
    position: absolute;
    top: 0;
    right: -0.1rem;
    width: 0.65rem;
    font: 0.45rem/0.65rem "";
    color: #fff;
    text-align: center;
    border-radius: 50%;
    background-color: #f24130;
}
.list-content .listImg{
	width: 2.45rem;
	height: 2.45rem;
	border-radius: 50%;
}
.list-content .list-right{
	float: right;
	width: 83%;
}
.list-content .list-right .rt-name{
	overflow: hidden;
	height: 1.2rem;
}
.list-content .list-right .rt-name>span:nth-child(1){
	float: left;
    color: #333333;
	font-size: 0.8rem;
	line-height: 1.2rem;
}
.list-content .list-right .rt-name>span:nth-child(2){
	float: right;
    color: #CCCCCC;
    font-size: 0.6rem;
	line-height: 1.2rem;
}
.list-content .list-right>p{
	width: 65%;
	color: #999999;
    overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.65rem;
    margin-top: 0.35rem;
}
.dope-list>ul>li .delect{
    position: absolute;
    top: 0;
    right: -3.5rem;
    width: 3rem;
    height: 100%;
    background: url(../images/icon_delete2.png) center no-repeat;
    background-size: 0.65rem auto;
}
.dope-list>ul>li .sw{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.dope-list>ul .l3{
	left: -3rem;
}
.dope-list>ul .l0{
	left: 0rem;
}
/*******dope消息*end*/
/*******managerOrder经理人订单*start*/
.managerOrder{
	background-color: #FFFFFF;
}
/*******managerOrder经理人订单*end*/
/*******luckDraw抽奖中心*start*/
.luckDraw{
	z-index: 1;
  background-color: #FB471E;
    background: url(../images/index_bg.png) no-repeat;
	background-size:100% 100%;
	background-position: center;
  /* max-width: 750px; */
  max-width:540px;
  margin: 0 auto;
}
@media screen and (min-width:540px) {
	.luckDraw{
		background-size:540px 100%;
		}
		
}

.luckDraw header{
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.luckDraw .pool-content{
	text-align: center;
	padding: 0 0.7rem;
}
.luckDraw .pool-img{
    background: url(../images/luckDraw-rule.png) no-repeat;
    background-size: 100% 100%;
    width: 4.3rem;
    height: 1.7rem;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0.57rem;
    z-index: 1;
}
.pool-content .pool-img span{
    font-size: 0.6rem;
    color: #E24333;
    display: inline-block;
    margin-top: 0.5rem;
}
.pool-content .pool{
    width: 100%;
    background: rgba(255,255,255,0.5);
    border-radius: 0.35rem;
    padding: 0.3rem 0.5rem 0;
    margin-top: 1.37rem;
    position: relative;
}
.pool .count-rmb{
	color: #E24333;
	font-size: 0.4rem;
	position: absolute;
    left: 0.3rem;
    top: 0.3rem;
}
.pool .leftover-rmb{
    padding: 0.9rem 0 0.3rem 0;
    color: #E24333;
}
.pool .leftover-rmb b{
    position: absolute;
    right: 0rem;
}
.pool .leftover-rmb .lspan-content{
	width: 1rem;
    display: inline-block;
    background-color: #E24333;
    height: 1.4rem;
    border-radius: 0.2rem;
    margin-right: 0.1rem;
    color: #FFFFFF;
}
.pool .leftover-rmb .lspan-content>span{
	color: #FFFFFF;
	line-height: 1.4rem;
}
.pool .leftover-rmb .spot{
    width: 0.4rem;
    display: inline-block;
    height: 1.4rem;
    position: relative;
}
.pool .leftover-rmb .spot>img{
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
    position: absolute;
    top: 1.8rem;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
}
.pool .leftover-rmb .decimal-content{
    position: relative;
    width: 0.6rem;
    display: inline-block;
    height: 1.4rem;
}
.pool .leftover-rmb .decimal{
	width: 0.6rem;
    display: inline-block;
    background-color: #E24333;
    height: 0.85rem;
    border-radius: 0.2rem;
    color: #FFFFFF;
    position: absolute;
    left: 0;
    top: 0.85rem;
}
.pool .leftover-rmb .decimal>span{
    color: #FFFFFF;
    line-height: 0.85rem;
    position: absolute;
    font-size: 0.5rem;
    left: 0;
    right: 0;
    top: 0.1rem;
    bottom: 0;
    margin: auto;
}
.luckDraw .news-content{
	padding: 0.7rem;
}
.luckDraw div.news{
	width: 100%;
	background: rgba(255,255,255,0.5);
    border-radius: 0.35rem;
    padding: 0.5rem 0;
}
.news .news-lie{
    height: 4rem;
    overflow: hidden;
    position: relative;
}
.news-lie>ul{
	position: absolute;
}
.news-lie>ul>li{
	height: 1.3rem;
}
.news-lie>ul>li>img{
    width: 1rem;
    margin-left: 0.4rem;
    vertical-align: middle;
	
}
.news-lie>ul>li>p{
	display: inline-block;
	font-size: 0.6rem;
	color: #E24333;
}
.news-lie>ul>li>p :nth-child(2){
	color: #FFFFFF;
	margin-right: 0.2rem;
}
.p-cs{
	color: #fff;
	font-size: 1rem;
  text-align: center;
  line-height: 1.5rem;
  margin: 0;
}
.luckDraw .rule{
	text-align: center;
}
.rule .rule-img{
	background: url(../images/luckDraw-rule.png) no-repeat;
	background-size: 100% 100%;
	width: 4.3rem;
    height: 1.7rem;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}
.rule .rule-img span{
	font-size: 0.6rem;
	color: #E24333;
	display: inline-block;
    margin-top: 0.5rem;
}
.r-word-contetn{
	padding: 0.8rem;
}
.r-word-contetn .r-word{
	width: 100%;
    background: rgba(255,255,255,0.5);
    border-radius: 0.35rem;
    padding: 1.3rem 0.5rem 0.5rem;
    text-align: left;
}
.r-word p{
	font-size: 0.7rem;
	color: #fff;
	line-height: 1rem;
}
.luckDraw .marquee_top{
	transition: all 0.5s;
	margin-top: -30px;
}
/*******luckDraw抽奖中心*end*/

/*******managerDraw经理人激活抽奖*start*/
/*******managerDraw经理人激活抽奖*start*/
.managerDraw{
	background: #fff;
}
.managerDraw header{
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.managerDraw div.mode{
	padding: 0rem 0.8rem;
}
.mode .mode-p{
	font-size: 0.8rem;
	color: #333;
	margin-top: 0.75rem;
}
.mode .mode-small{
	padding: 0.55rem 0.3rem;
	border-bottom: 1px solid #eee;
}
.mode .mode-small img{
    width: 1.5rem;
    vertical-align: middle;
}
.mode .mode-small span{
	font-size: 0.75rem;
    color: #333;
    margin-left: 0.4rem;
}
.mode .mode-small input{
	float: right;
    margin: 0.5rem 0;
}
.mode .mode-small .surplus{
    color: #999;
    font-size: 0.6rem;
    margin-left: 0.1rem;
}
.mode .mode-small .surplus>span{
	color: #E24333;
	font-size: 0.6rem;
	margin-left: 0;
}
.managerDraw div.nopay{
	padding: 0 0.8rem;
}
.nopay input{
	float: right;
    margin: 0.5rem 0;
}
.nopay :nth-child(1){
	font-size: 0.8rem;
	color: #333;
    line-height: 2.5rem;
    display: inline-block;
}
.nopay :nth-child(2){
	color: #999;
	float: right;
	line-height: 2.5rem;
}
.nopay :nth-child(3){
	font-size: 0.7rem;
	color: #999;
	float: right;
    line-height: 2.5rem;
    margin-right: 0.3rem;
}
.managerDraw .select-footer{
	border-bottom: 1px solid #eee;
    padding: 0.5rem 0.8rem 0.6rem;
    display: -webkit-flex;
}
.managerDraw .select-footer-l{
	-webkit-flex: 1;
}
.managerDraw .select-footer-l span{
	font-size: 0.6rem;
	color: #999;
}
.managerDraw .select-footer-r{
    width: 80%;
    line-height: 1rem;
    margin-top: 0.3rem;
}
.managerDraw .select-footer-r p{
	font-size: 0.6rem;
	color: #999;
}
.managerDraw div.last{
	text-align: center;	
}	
.last p{
    margin: 1.75rem 0 0.6rem;
	color: #E24333;
	font-size: 0.8rem;
}	
.last button{
    background-color: #e24333;
    width: 80%;
    color: #fff;
    height: 2rem;
    border-radius: 2rem;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.41);
}
/*******managerDraw经理人激活抽奖*end*/

/*******auctionRecord竞拍记录*start*/
.auctionRecord{
	background: #fff;
}
.auctionRecord header{
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.auctionRecord div.record{
    padding: 0 0.8rem;
}
.record>ul{
	
}
.record>ul>li{
	padding: 0.5rem 0.2rem;
	border-bottom: 1px solid #eee;
	text-align: center;
	overflow: hidden;
}
.record .record-li>span{
	color: #E24333;
}
.record>ul>li>span{
	font-size: 0.7rem;
	color: #333;
	float: left
}
.record>ul>li :nth-child(1){
	float: left;
	width: 10%;
}
.record>ul>li :nth-child(2){
	width: 57%;	
}
.record>ul>li :nth-child(4){
	float: right;
}
/*******auctionRecord竞拍记录*end*/

/*******todayPreferential今日特惠*start*/
.todayPreferential{
	background-color: #fff;
	touch-action: none;/*避免浏览器滑动报错*/
}
.todayPreferential header{
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.todayPreferential .mui-content{
	background-color: #fff;
}
.todayPreferential .today-title-content{
	position: fixed;
    width: 100%;
    background: #fff;
    z-index: 3;
}
.todayPreferential div.today-title{
   padding: 0 0.8rem;
   overflow: hidden;
}
.today-title span{
    line-height: 2rem;
    display: inline-block;
    font-size: 0.7rem;
    color: #e24333;
    float: left;
    width: 33%;
}
.today-title :nth-child(1){
	text-align: left;
}
.today-title :nth-child(2){
	text-align: center;
}
.today-title :nth-child(3){
	text-align: right;
}
.todayPreferential div.today-content{
    padding: 0 0.8rem;
}
.today-content .pp{
    font-size: 0.85rem;
    color: #e24333;
    line-height: 2.5rem;
}
.todayPreferential div.today-data{
    margin-bottom: 0.5rem;
	padding: 0.5rem;
    border-radius: 0.2rem;
	box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.1);
}
.today-data .to-div1{
    border-bottom: 1px solid #eee;
    overflow: hidden;
}
.today-data .to-div1 .div1-lfet{
	float: left;
}
.to-div1 .div1-lfet>img{
    width: 1.5rem;
    height: 1.5rem;
}
.to-div1 .div1-lfet .region{
    vertical-align: super;
    color: #333;
    font-size: 0.85rem;
    margin: 0 0.2rem;
}
.today-data span.span-super{
	vertical-align: super;
}
.today-data span.today-span{
	color: #999;
    font-size: 0.6rem;
    line-height: 2rem;
}
.today-data .to-div1 .div1-right{
	float: right;
}
.today-data div.to-div2{
    padding: 0.5rem 0;
    border-bottom: 1px solid #eee;
}
.to-div2 .div2-one{
    text-align: center;
}
.to-div2 .div2-one .one1{
    display: inline-block;
    width: 32%;
	text-align: left;
}
.to-div2 .div2-one .type-img{
    width: 1.2rem;
    height: 1rem;
}
.to-div2 .div2-one span{
	color: #666;
    font-size: 0.8rem;
    vertical-align: text-top;
}
.to-div2 .div2-one .bar-span{
    width: 32%;
    text-align: center;
    display: inline-block;
}
.to-div2 .div2-one .coin{
    width: 32%;
    text-align: right;
    display: inline-block;
}
.to-div2 .div2-two{
	line-height: 0.8rem;
    overflow: hidden;
    padding: 0 0.25rem 0 0.8rem;
    text-align: center;
}
.div2-two .leixin-span{
	float: left;
	margin-top: 0.15rem;
}
.div2-two .qian-span{
	float: right;
    margin-top: 0.15rem;
}
.to-div2 .div2-two span{
	color: #999;
    font-size: 0.6rem;
}
.to-div2 .div2-two .money{
	color: #E24333;
}
.today-data div.to-div3{
    padding-top: 0.4rem;
}
.to-div3 :nth-child(1){
 	font-size: 0.6rem;
 	color: #E24333;
}
.to-div3 :nth-child(2){
    color: #999;
    font-size: 0.6rem;
    margin: 0 12%;
}
.to-div3 :nth-child(3){
	float: right;
    font-size: 0.8rem;
    background: #e24333;
    color: #fff;
    width: 3rem;
    text-align: center;
    border-radius: 1rem;
    height: 1.15rem;	
    margin-top: 0.2rem;
    line-height: 1.15rem;
}
/*******todayPreferential今日特惠*end*/

/*******activationSuccess激活成功*start*/
.activationSuccess{
	background: #fff;
}
.activationSuccess header{
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.activationSuccess .activation-upper-contetn{
	padding: 0 1.5rem;
}
.activationSuccess div.activation-upper{
    margin: 1rem 0;
	width: 100%;
	height: 6.4rem;
	background: url(../images/agent-line.png) no-repeat;
	background-size: 100% 100%;
    text-align: center;
}
.activation-upper img{
    width: 2.5rem;
    margin-top: 0.5rem;
}
.activation-upper p{
    color: #32bd65;
    font-size: 1.5rem;
    line-height: 2.5rem;
}
.activationSuccess .data-word-content{
	padding: 0 0.8rem;
}
.activationSuccess div.data-word{
    padding: 0 0.3rem;
	overflow: hidden;
	height: 2.5rem;
    border-bottom: 1px solid #eee;
}
.data-word span:nth-child(1){
	float: left;
    color: #333;
    line-height: 2.5rem;
    font-size: 0.8rem;
}
.data-word span:nth-child(2){
	float: right;
	color: #999;
    font-size: 0.6rem;
    line-height: 2.5rem;
}
.activationSuccess div.activationSuccess-footer{
	text-align: center;
}
.activationSuccess-footer p{
	font-size: 0.7rem;
	color: #999;
    padding: 1rem 0;
}
.foot-button{
	z-index: 3;
	position: fixed;
    bottom: 2rem;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #e24333;
    width: 80%;
    color: #fff;
    height: 2rem;
    border-radius: 2rem;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.41);
}
/*******activationSuccess激活成功*end*/

/*******activationDraw激活抽奖*start*/
.activationDraw{
	background: #fff;
}
.activationDraw header{
	border: 1px solid #eee;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.activationDraw .activationDraw-big-content{
	padding: 1.5rem 0.5rem 0;
}
.activationDraw div.activationDraw-big{
    border-radius: 0.3rem;
	width: 100%;
	box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.1);
}
.activationDraw-big .activationDraw-word{
	padding: 1rem 0rem 0;
	text-align: center;
}
.activationDraw-big .activationDraw-word p{
    padding-bottom: 0.35rem;
    font-size: 0.65rem;
    color: #333;
}
.activationDraw-big .activationDraw-word p i{
    color: #E24333;
}
.activationDraw-big .activationDraw-img{
	text-align: center;
	padding: 1rem 0 0.7rem;
}
.activationDraw-img img{
    width: 75%;
}
.activationDraw-big .activationDraw-tips{
	display: -webkit-box;
    padding: 0 2.2rem 1rem 2.2rem;
}
.activationDraw-tips .tips-left{
	-webkit-box-flex: 1;
	font-size: 0.8rem;
}
.activationDraw-tips .tips-right{
	font-size: 0.8rem;
    width: 70%;
}
/*******activationDraw激活抽奖*end*/


/*******meOrder我的订单*start*/
.meOrder{
	background: #fff;
	touch-action: none;/*避免浏览器滑动报错*/
}
.meOrder header{
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.meOrder img.cash-img{
    position: absolute;
    right: 0.3rem;
    top: 85%;
    width: 3.2rem;
    height: 3.2rem;
    z-index: 9999;
}
.meOrder .mui-content{
	background-color: #fff;
}
.statistics{
	position: absolute;
    top: 2.2rem;
    width: 100%;
}
.statistics>li{
	overflow: hidden;
}
.statistics>li>p{
    float: left;
    text-align: center;
    font-size: 0.6rem;
    color: #E24333;
    width: 25%;
    line-height: 2rem;
}
.statistics>li>p:nth-child(2){
    width: 50%;
}
.tagg-ul{
    position: fixed;
    width: 100%;
    z-index: 3;
    top: 4.6rem;
    background-color: #fff;
	overflow: hidden;
	border-bottom: 1px solid #eee;
}
.tagg-ul li{
	float: left;
    width: 30%;
    text-align: center;
    height: 2.5rem;
    color: #999;
}
.tagg-ul .click-li{
	/*color: #E24333;*/
	/*border-bottom: 1px solid #E24333;*/
	color: #333333;
}
.tagg-ul li span{
    line-height: 2.5rem;
    height: 2.5rem;
    display: inline-block;
    width: 70%;
    font-size: 0.9rem;
}

/*发布订单*/
.release-content{
    padding: 0 0.8rem;
}
.release{
	
}
.release .conduct{
	overflow: hidden;
	width: 100%;
	height: 2rem;
}
.conduct span:nth-child(1){
	float: left;
	display: inline-block;
	line-height: 2.5rem;
	color: #333;
	font-size: 0.8rem;
}
.conduct span:nth-child(2){
	float: right;
	display: inline-block;
	line-height: 2.5rem;
	color: #e24333;
	font-size: 0.7rem;
}
.conduct-data{
	overflow: hidden;
	position: relative;
    padding: 0.65rem 0;
    border-bottom: 1px solid #eee;
}
.conduct-data p.look-info{
    float: right;
    font-size: 0.7rem;
    color: #e24333;
    margin-top: 0.8rem;
    line-height: 1.2rem;
}
p.managerStastus{
	margin-top: 0 !important;
    color: #E24333 !important;
    font-size: 0.6rem !important;
    position: absolute;
    right: 2rem;
    top: 1.55rem;
    display: block;
}
.cd-pb{
	padding: 0.65rem 0;
	border-bottom: 1px solid #eee;
}
.cd-left{
	float: left;
	overflow: hidden;
}
.cd-left .img-left{
	float: left;
}
.cd-left .img-left img{
    width: 2.25rem;
    border-radius: 50%;
}
.cd-left .lab-right{
	float: right;
    margin-left: 0.5rem;
}
.cd-left .lab-right div:nth-child(1){
	overflow: hidden;
}
.cd-left .lab-right div:nth-child(1)
span:nth-child(1){
    font-size: 0.8rem;
    color: #333;
    float: left;
}
.cd-left .lab-right .ktv{
	background: url(../images/meOrder-KTV.png) no-repeat;
    width: 1rem;
    background-size: 100% 100%;
    height: 1rem;
    float: left;
    margin: 0 0.5rem;
}
.cd-left .lab-right .bar{
	background: url(../images/meOrder-BAR.png) no-repeat;
    width: 1rem;
    background-size: 100% 100%;
    height: 1rem;
    float: left;
    margin: 0 0.5rem;
}
.cd-left .lab-right i.lab-rightKTV{
	background: url(../images/meOrder-KTV.png) no-repeat !important;
    width: 1rem !important;
    background-size: 100% 100% !important;
    height: 1rem !important;
    float: left !important;
    margin: 0 0.5rem !important;
}
.cd-left .lab-right i.lab-rightBAR{
	background: url(../images/meOrder-BAR.png) no-repeat !important;
    width: 1rem !important;
    background-size: 100% 100% !important;
    height: 1rem !important;
    float: left !important;
    margin: 0 0.5rem !important;
}
.cd-left .lab-right div:nth-child(1)
span:nth-child(3){
	float: left;
    font-size: 0.7rem;
    color: #999;
}
.cd-left .lab-right p{
	color: #999;
	font-size: 0.75rem;
    margin-top: 0.2rem;
}
.conduct-data-content{
	overflow: hidden;
    position: relative;
}
.conduct-data-content .cd-right{
	float: right;
	border: 1px solid #E24333;
	border-radius: 1rem;
	margin-top: 0.5rem;
    padding: 0.1rem 0.4rem;
    position: absolute;
    right: 0.8rem;
    top: 0.85rem;
}
.conduct-data-content .cd-right p{
    font-size: 0.75rem;
    color: #e24333;
}
.complete{
	padding:  0 0.8rem;
}
.complete p:nth-child(1){
	color: #333;
	font-size: 0.8rem;
	line-height: 2rem;
    height: 2rem;
}
.complete p span{
	color: #999;
	font-size: 0.75rem;
	line-height: 2rem;
}
.conduct-data .okcd-right{
	float: right;
    margin-top: 0.6rem;
}
.okcd-right span:nth-child(1){
    color: #999;
    font-size: 1.4rem;
}
.del-content{
	position: relative;
}
.del-content .del-content-span{
	color: #E24333;
	font-size: 0.6rem;
	position: absolute;
    right: 2rem;
    top: 1.55rem;
    display: block;
}
.del-content .cd-right{
    float: right;
    border: 1px solid #E24333;
    border-radius: 1rem;
    padding: 0.1rem 0.4rem;
    position: absolute;
    right: 0;
    top: 1.45rem;
}
.del-content .cd-right span{
    display: block;
    font-size: 0.6rem;
    color: #e24333;
}
.del-content .sta-content-span,
.specialpriceOrder .sta-content-span{
    color: #E24333;
    font-size: 0.6rem;
    position: absolute;
    right: 3.5rem;
    top: 1.55rem;
    display: block;
}
.del-content .del-content-img{
    width: 0.7rem;
    position: absolute;
    right: 0.2rem;
    top: 1.45rem;
}
/*收到订单*/
.cd-left .lab-right div:nth-child(1)
span:nth-child(2){
    font-size: 0.8rem;
    color: #999;
    float: left;
}
.conduct span:nth-child(3){
    color: #999;
    font-size: 0.75rem;
    line-height: 2.5rem;
}
/*******meOrder我的订单*end*/

/*******specialpriceOrder特惠订单*start*/
.mt-0{
    margin-top: 2.5rem;
}
.specialpriceOrder{
	background: #fff;
	touch-action: none;
}
.specialpriceOrder header{
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.specialpriceOrder header .span-ok,
.meOrder header .span-ok{
	color: #E24333;
	font-size: 0.7rem;
    float: right;
    line-height: 2.2rem;
}
.tagg-ul .tagg-li{
	/*width: 50%;*/
}
.tagg-ul .tagg-li span{
	/*width: 50%;*/
}
/*******specialpriceOrder特惠订单*end*/

/*******administration管理中心*start*/
[v-cloak] {
    display: none;
}
input[type=radio] {
    display: inline-block;
    vertical-align: middle;
    width: 20px !important;
    height: 20px;
    -webkit-appearance: none;
    background-color: transparent;
    border: 0;
    outline: 0 !important;
    line-height: 20px;
    color: #d8d8d8;
    margin-top: 0.4rem !important;;
    margin: 0.7rem 0.5rem;
}

input[type=radio]:after {
    content: "";
    background: url(../images/radio-mo.png) no-repeat;
    background-size: 100% 100%;
    display:block;
    width: 20px;
    height: 20px;
}

input[type=radio]:checked:after {
    content: "";
    background: url(../images/chance_sy.png) no-repeat;
	background-size: 100% 100%;
}
input[type=checkbox] {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    -webkit-appearance: none;
    background-color: transparent;
    border: 0;
    outline: 0 !important;
    line-height: 20px;
    color: #d8d8d8;
    margin-top: 0.7rem;
    margin: 0.7rem 0.5rem;
}

input[type=checkbox]:after {
    content: "";
    background: url(../images/radio-mo.png) no-repeat;
    background-size: 100% 100%;
    display:block;
    width: 20px;
    height: 20px;
}

input[type=checkbox]:checked:after {
    content: "";
    background: url(../images/chance_sy.png) no-repeat;
	background-size: 100% 100%;
}
.click-span{
	color: #e24333;
}
.admininistration{
	background-color: #fff;
	touch-action: pan-y;
}
.admininistration .poimit-table1{
	z-index: 999999;
  	display: none;
  	position: fixed;
  	top: 50%;
  	left: 10%;
  	width: 80%;
  	height: 24.2rem;
  	background-color: rgba(0, 0, 0, 0.9);
  	box-shadow: 0px 10px 26px 0px rgba(0, 0, 0, 0.38);
  	border-radius: 0.5rem;
  	opacity: .8;
  	transform: translate(0, -50%);
  	-webkit-transform: translate(0, -50%);
}
.admininistration .table-title {
  	margin: 0 5%;
  	text-align: center;
  	font: 0.8rem / 2.6rem "";
  	color: #fff;
  	border-bottom: 1px solid #8f8f8f;
}
.admininistration .table-text {
    padding: 0.95rem 5%;
    height: 19rem;
    overflow: hidden;
    overflow-y: scroll;
}
.admininistration .table-text p {
    font: 0.7rem / 2 "";
    color: #fff;
}
.admininistration .promit {
  z-index: 999998;
}
.admininistration .mui-content{
	padding-top: 0;
	background-color: #fff;
}
.admininistration .mui-scroll-wrapper{
	padding-top: 6.7rem !important;
}
.admininistration header{
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.crux-count{
	z-index: 3;
    position: absolute;
    top: 2.1rem;
    width: 100%;
    background: #fff;
    padding: 0.5rem 0;
}
.mt-12{
	margin-top: 6.5rem;
}
.crux-count ul{
	overflow: hidden;
}
.crux-count ul li{
	text-align: center;
	width: 33%;
	float: left;
}
.crux-count ul li .crux-count-img{
	width: 2.2rem;
    height: 2.2rem;
    display: block;
    margin: 0 auto;
}
.crux-count ul li .crux-count-span{
	font-size: 0.7rem;
    margin-top: 0.2rem;
}
/*我的经理人内容 strat*/
.mymanager-count{
    text-align: center;
    overflow: hidden;
}
.mymanager-count .mymanager-img{
    width: 40%;
    height: 40%;
    display: block;
    margin: 11.5rem auto 0;
}
.mymanager-count .mymanager-span{
	display: inline-block;
    margin-top: 1rem;
}
.mymanager-count .mymanager-btn{
	margin-top: 40%;
    background-color: #e24333;
    width: 80%;
    color: #fff;
    height: 2rem;
    border-radius: 2rem;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.41);
}
/*我的经理人内容 end*/

/*经理人管理内容 start*/
.disnone{
	display: none;
}
.title-img{
	border-top: 1px solid #eee;
	display: block;
    padding: 0.6rem 0.6rem 0;
    font-size: 0.8rem;
}
.manager-ul{
	overflow: hidden;
}
.manager-ul .ul-span{
	display: inline-block;
    line-height: 3rem;
    font-size: 0.8rem;
    color: #999;
    width: 22%;
    margin: 0 0.8%;
    text-align: center;
}
.manager-ul .ul-three{
	position: relative;
}
.manager-ul .ul-three .ul-three-i{
    display: none;
    position: absolute;
    width: 0.3rem;
    height: 0.3rem;
    top: 0.9rem;
    right: 0.2rem;
    border-radius: 50%;
    background-color: #E24333;
}
.manager-ul .click-ul-span{
	border-bottom: 1px solid #E24333;
    color: #E24333;
}

.newuser-content{
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
    overflow: hidden;
}
.newuser-content span.newuser-explain{
	line-height: 2rem;
	font-size: 0.8rem;
    margin: 0 0.2rem 0 0.8rem;
    float: left;
}
.newuser-content span.newuser-butt{
	font-size: 0.5rem;
	line-height: 2rem;
	color: #999;
}
.newuser-content span.down-arrow{
    display: inline-block;
    right: 0;
    line-height: 2rem;
    color: #999;
    margin-right: 0.5rem;
    float: right;
}
.newuser-content span.newuser-butt b{
	color: #E24333;
}

.others-content{
	display: block;
    overflow: hidden;
}
.others-content ul{
    overflow: hidden;
    display: block;
}
.others-content li{
	margin: 0.6rem;
	width: 25%;
	position: relative;
	float: left;
}
.others-content .others-img{
    width: 2rem;
    height: 2rem;
	border-radius: 50%;
}
.others-content .others-name{
    width: 58%;
	position: absolute;
	font-size: 0.7rem;
    margin: 0 0.3rem;
    overflow:hidden; 
	text-overflow:ellipsis; 
	white-space:nowrap; 
}
.others-content .others-btn{
    position: absolute;
    margin: 1.1rem 0.3rem;
	border: 1px solid #E24333;
	color: #E24333;
	font-size: 0.7rem;
	width: 50%;
	border-radius: 2rem;
}

.request-content{
	
}
.divuntie{
	padding: 0.6rem;
	border-bottom: 1px solid #eee;
    height: 3.5rem;
}
.left{
	float: left;
}
.left .reqinfo{
	float: right;
}
.request-content .request-img{
	line-height: 2rem;
	width: 2rem;
	border-radius: 50%;
}
.request-content .reqinfo .request-name{
    font-size: 0.7rem;
    margin-left: 0.3rem;
    display: block;
}
.request-content .reqinfo .age-content{
    background-color: #f45ac0;
    padding: 0 0.3rem;
    border-radius: 2rem;
    height: 0.8rem;
    line-height: 0.5rem;
    display: block;
    margin-left: 0.2rem;
    margin-top: 0.2rem;
}
.request-content .reqinfo .age-content img{
    width: 0.35rem;
}
.request-content .reqinfo .age-content span{
	margin-left: 0.2rem;
	font-size: 0.4rem;
	color: #fff;
}
.request-content .age-content-body{
	display: inline-block;
	background-color: #4db6ff;
    margin: 1.2rem 0 0 2.4rem;
    padding: 0 0.3rem;
    border-radius: 2rem;
    height: 0.8rem;
    line-height: 0.5rem;
    position: fixed;
}
.request-content .age-content-body img{
    width: 0.35rem;
}
.request-content .age-content-body span{
	margin-left: 0.2rem;
	font-size: 0.4rem;
	color: #fff;
}
.right{
	float: right;
}
.right .yes{
	border: 1px solid #E24333;
	color: #E24333;
	font-size: 0.7rem;
	border-radius: 2rem;
	width: 2.4rem;
    margin-bottom: 0.2rem;
    display: block;
}
.right .no{
	border: 1px solid #999;
	color: #999;
	font-size: 0.7rem;
	border-radius: 2rem;
	width: 2.4rem;
	display: block;
}
.right .useryes{
	border: 1px solid #E24333;
	color: #E24333;
	font-size: 0.7rem;
	border-radius: 2rem;
	width: 2.4rem;
    margin-bottom: 0.2rem;
}
.right .userno{
	border: 1px solid #999;
	color: #999;
	font-size: 0.7rem;
	border-radius: 2rem;
	width: 2.4rem;
}
.manager-hypimg-content{
	padding: 0.7rem 0.5rem;
	height: 4rem;
}
.manager-hypimg-content img{
	width: 2.5rem;
	vertical-align: middle;
}
.manager-hypimg-content span{
    font-size: 0.9rem;
    margin-left: 0.4rem;
    color: #333;
}
.manager-hypimg-content button{
	float: right;
	font-size: 0.7rem;
    margin: 0.7rem 0;
    border: 1px solid #E24333;
    color: #E24333;
    border-radius: 2rem;
    width: 3.5rem;
    height: 1.2rem;
}

.shop-img-content{
    overflow: hidden;
}
.shop-o-count{
	width: 30%;
	height: 5.5rem;
	/*display: inline-flex;*/
    margin: 0.5rem 0 0 0.45rem;
    position: relative;
    float: left;	
}
.shop-img-content .shop-o-count 
.shop-img{
	width: 100%;
	border-radius: 0.3rem;
}
.shop-img-content .shop-o-count 
.shop-sc{
	position: absolute;
	width: 1rem;
    top: 0;
    left: 4.6rem;
    right: 0;
    bottom: 0;
}
.mm-999{
    background-color: #eee;
    height: 0.4rem;
    margin-top: 0.3rem;
}
.tips-content{
    margin: 0 0.6rem;
    border-bottom: 1px solid #eee;
    /*overflow: hidden;*/
}
.tips-content .radiospan{
	position: relative;
	float: right;
	color: #999;
	font-size: 0.75rem;
}
.tips-content span{
	font-size: 0.8rem;
	line-height: 2.5rem;
	display: inline-block;
}
.tips-content input{
    border: 0;
    text-align: right;
    font-size: 0.8rem;
    width: 60%;
    float: right;
    padding: 0.4rem 0;
    margin-top: 0.2rem;
}
.tips-content input.tips-input{
	width: 70%;
}
.tips-content input::-webkit-input-placeholder{
	font-size: 0.7rem;
	text-align: right;
}
.bor-b-0{
	border-bottom: 0;
}
.tips-content textarea{
	border-style:dashed;
	border-color: #999;
	padding: 0.3rem;
    height: 7.5rem;
    font-size: 0.7rem;
    color: #666;
}
.tips-content textarea::-webkit-input-placeholder{
	font-size: 0.7rem;
}
.warm-content{
	display: -webkit-box;
	padding: 0.5rem 1rem;
}
.warm-content p{
	font-size: 0.6rem;
	color: #999;
	line-height: 0.9rem;
}
.warm-content .warm-left{
	-webkit-box-flex: 1;
}
.warm-content .warm-right{
	width: 82%;
}
.shop-btn-content{
    margin-top: 1rem;
	text-align: center;
}
.shop-btn-content .shop-complete{
    margin-bottom: 1rem;
    background-color: #e24333;
    width: 80%;
    color: #fff;
    height: 2rem;
    border-radius: 2rem;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.41);
}

.tioninfo{
	border-top: 1px solid #eee;
    padding: 0 0.8rem;
}
.info-spancolor{
    line-height: 2rem;
    font-size: 0.8rem;
    border-bottom: 1px solid #eee;
    display: block;
    color: #E24333;
}
.info-span{
	line-height: 2rem;
    font-size: 0.8rem;
    float: left;
    color: #333333;
}
.m-999{
	background-color: #eee;
    height: 0.4rem;
}
.info-span-content{
    overflow: hidden;
    border-bottom: 1px solid #eee;
}
.info-span-content .info-span-count{
	line-height: 2rem;
	float: right;
    color: #999;
    font-size: 0.7rem;
}
.tionifo-ul{
    padding: 0.7rem 0;
    overflow: hidden;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.tionifo-ul li{
    width: 25%;
    text-align: center;
    float: left;
    border-right: 1px solid #eee;
}
.tionifo-ul li:last-child{
	border: 0;
}
.tionifo-ul li p:first-child{
	font-size: 0.8rem;
    color: #333;
}
.tionifo-ul li p:last-child{
    font-size: 0.7rem;
    margin-top: 0.1rem;
}
.look-ul{
	padding: 0.7rem 0;
    overflow: hidden;
}
.look-ul li{
	width: 33.3%;
    text-align: center;
    float: left;
    border-right: 1px solid #eee;
}
.look-ul li:last-child{
	border: 0;
}
.look-ul li p:first-child{
	font-size: 0.8rem;
    color: #E24333;
}
.look-ul li p:last-child{
	font-size: 0.7rem;
    margin-top: 0.1rem;
}

.look-ul2{
	padding: 0.7rem 0;
    overflow: hidden;
}
.look-ul2 li{
	width: 33.3%;
    text-align: center;
    float: left;
    border-right: 1px solid #eee;
}
.look-ul2 li p:first-child{
	font-size: 0.8rem;
    color: #E24333;
}
.look-ul2 li p:last-child{
	font-size: 0.7rem;
    margin-top: 0.1rem;
}
.special-content{
	padding: 0.5rem 0.8rem;
    display: block;
}
.special-word{
	
}
.special-word span:first-child{
	font-size: 0.8rem;
	color: #333333;
}
.special-word span:last-child{
	font-size: 0.7rem;
	color: #666;
}
.special-content .special-explain{
	font-size: 0.75rem;
    padding: 0.3rem 0.5rem;
    border-radius: 0.5rem;
    border: 1px dashed #999;
    height: 8rem;
    margin-top: 0.5rem;
}
.sumption{
	padding: 0 0.8rem;
}
.sumption .info-input{
	float: right;
	border: 0;
	font-size: 0.7rem;
    text-align: right;
    width: 70%;
    padding: 0.5rem 0;
}
.sumption .dissimilarity-content{
	overflow: hidden;
}
.dissimilarity-content .dissimilarity-span{
	line-height: 2rem;
    font-size: 0.8rem;
    float: left;
    color: #333333;
}
.dissimilarity-content .dissimilarity-ldent{
	float: right;
    line-height: 2rem;
}
.dissimilarity-content .larity-content{
	
}
.larity-content .larity{
	padding-bottom: 0.5rem;
	border-bottom: 1px solid #EEEEEE;
	margin-top: 0.4rem;
}
.larity-content :nth-last-child(2){
	border-bottom: 0;
	padding-bottom: 0;
}
.larity .larity-time{
    font-size: 0.6rem;
    line-height: 0.9rem;
    padding-bottom: 0.2rem;
    color: #999999;
}
.larity .larity-word{
	color: #666666;
	font-size: 0.6rem;
	line-height: 0.9rem;
}


.discount-content{
	overflow: hidden;
}
.discount-content .ldent{
	float: right;
	line-height: 2rem;
}
.dis-content{
	padding-bottom: 0.5rem;
    overflow: hidden;
}
.dis-content .dis-word{
	background-color: #eee;
    display: inline-block;
    font-size: 0.75rem;
    color: #333;
    line-height: 1.5rem;
    width: 23%;
    height: 1.5rem;
    text-align: center;
    border-radius: 0.3rem;
    margin-bottom: 0.4rem;
    position: relative;
    float: left;
    margin-right: 2%;
}
.dis-content .mr-0{
	margin-right: 0;
}
.dis-word img{
    position: absolute;
    width: 0.75rem;
    left: 3.25rem;
    top: 0;
}
.dis-content .choose-disword{
	color: #fff;
	background-color: #E24333;
}
.dis-content input.dis-plus{
    background-size: 100% 100% !important;
    width: 3.94rem;
    background: url(../images/discount-img.png)center;
    border: 0;
    border-radius: 0.3rem;
    height: 1.5rem;
    font-size: 0.75rem;
    color: #333;
}
/*优惠类型，“加”图片*/
.plat-content{
	overflow: hidden;
    padding: 0 0.8rem;
}
.plat-content .ldent{
	float: right;
	line-height: 2rem;
}
.plat-tab{
    padding: 0 0.8rem;
}
.plat-tab p:first-child{
    color: #666;
    text-align: center;
}
.plat-tab p:first-child span{
    color: #666;
    font-size: 0.65rem;
    display: inline-block;
    width: 25%;
    vertical-align: middle;
}
.plat-tab p.plat-data{
    text-align: center;
    padding-top: 0.2rem;
}
.plat-tab p.plat-data span{
	font-size: 0.6rem;
    display: inline-block;
    width: 25%;
}
.plat-tab p.plat-data .text-r{
	/*text-align: right;*/
}
.plat-tab p span:last-child{
    margin: 0;
}
.increase-content{
    overflow: hidden;
    padding: 0.5rem 0;
}
.increase-content img{
    float: right;
    width: 1.2rem;
}
.plat-popover{
    background: #000;
    z-index: 9999;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
}
.frame-content{
	display: none;
    position: absolute;
    width: 90%;
    height: 13rem;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #fff;
    border-radius: 0.3rem;
    padding: 0 0.2rem;
    z-index: 9999;
}
.frame-height{
	height: 28rem;
}
.frame-height-meal{
	height: 19.1rem;
}
.frame-content .frame-title{
    line-height: 2rem;
    font-size: 0.8rem;
    color: #333333;
}
.frame-content .frame-d-content{
	border-bottom: 1px solid #eee;
	overflow: hidden;
}
.frame-content .frame-d-content:last-of-type{
	border: 0;
}
.frame-d-content span.frame-data{
    color: #333;
    font-size: 0.65rem;
    float: left;
    line-height: 2rem;
    margin-left: 0.3rem;
}
.frame-d-content span.types{
    margin-top: 0.4rem;
    line-height: 1.2rem;
}
.frame-d-content .frame-type{
    float: right;
    width: 100%;
    padding-bottom: 0.5rem;
}
.frame-type>div{
	width: 25%;
    float: left;
    text-align: center;
    padding-bottom: 0.3rem;
}
.frame-type>div>input{
	margin: 0 0 0 0;
	margin-top: 0 !important;
}
.frame-type>div .ml{
    width: 2.25rem;
    height: 0.95rem;
    position: absolute;
    left: 0.5rem;
    top: 0.35rem;
    border-radius: 0.2rem;
    border: 1px dotted #999999;
    font-size: 0.65rem;
    text-align: center;
}
.frame-type>div>span{
	color: #333333;
	font-size: 0.65rem;
}
.surplu{
	overflow: hidden;
}
.surplu>span{
    color: #333;
    font-size: 0.65rem;
    float: left;
    line-height: 2rem;
    margin-left: 0.3rem;
}
.surplu>div{
	float: right;
	width: 100%;
    padding: 0 0.2rem;
}
.surplu>div>textarea{
	border-radius: 0.2rem;
	border: 1px dotted #999999;
    font-size: 0.65rem;
    padding: 0.2rem;
    height: 2.5rem;
    width: 100%;
}
.frame-d-content img.frame-data{
	float: right;
    margin: 0.35rem;	
	width: 1.25rem;
}
.frame-d-content input.frame-input{
	border: 0;
    font-size: 0.65rem;
    float: right;
    text-align: right;
    margin-right: 0.3rem;
    width: 60%;
    padding: 0.25rem 0;
    color: #333333;
    height: 1.5rem;
    margin-top: 0.2rem;
}
.frame-d-content input.people-input{
	border: 0;
    font-size: 0.75rem;
    float: right;
    text-align: center;
    width: 10%;
    border: 1px solid #999;
    border-radius: 0.3rem;
    padding: 0.5rem 0;
}
.frame-d-content span.people-symbol{
	float: right;
	line-height: 2rem;
}
.frame-d-content textarea.frame-tarea{
    font-size: 0.75rem;
    padding: 0.3rem 0.5rem;
    height: 3.5rem;
    border-radius: 0.5rem;
    border:1px dashed #999;
}
.frame-d-content .larity-sta{
	float: right;
    margin-top: 0.25rem;
}
.larity-sta .larity-year{
    width: 2rem;
    height: 1rem;
    border: 1px solid #999999;
    border-radius: 0.15rem;
    vertical-align: middle;
    font-size: 0.7rem;
    text-align: center;
    padding: 0;
}
.larity-sta .larity-x{
    width: 1.2rem;
    height: 1rem;
    border: 1px solid #999999;
    border-radius: 0.15rem;
    vertical-align: middle;
    font-size: 0.7rem;
    text-align: center;
    padding: 0;
}
.larity-sta>span{
	color: #999999;
    font-size: 0.5rem;
    margin: 0 0.3rem;
}

.frame-btn-content{
	text-align: center;
}
.frame-btn-content .frame-btn{
    display: inline-block;
    width: 4rem;
    background-color: #e24333;
    color: #fff;
    margin: 0.5rem 0;
    font-size: 0.8rem;
    border-radius: 2rem;
    line-height: 1.5rem;
}
.wine-content{
    overflow: hidden;
    padding: 0 0.8rem;
}
.wine-content .ldent{
	float: right;
    line-height: 2rem;
}
.wine-data{
	padding: 0 0.8rem;
	overflow: hidden;
}
.wine-data .point-content{
	overflow: hidden;
	border-bottom: 1px solid #eee;
    padding-bottom: 0.3rem;
}
.point-content .point-title{
	float: left;
	font-size: 0.65rem;
	line-height: 1.5rem;
	color: #333333;
}
.point-data{
	padding: 0.5rem 0;
	padding-top: 0.7rem
}
.point-data>.point-datacontent>ul{
	
}
.meal-data>.meal-data-content>ul{
	    padding-top: 0.7rem;
}
.point-data>.point-datacontent>ul>li,
.meal-data>.meal-data-content>ul>li{
	overflow: hidden;
	padding-bottom: 0.45rem;
}
.point-datacontent>ul>li .datacontent-l,
.meal-data-content>ul>li .datacontent-l{
	float: left;	
    width: 4rem;
    height: 4rem;
}
.point-datacontent>ul>li .datacontent-l>img,
.meal-data-content>ul>li .datacontent-l>img{
    width: 4rem;
    height: 4rem;
    border-radius: 0.35rem;
}
.point-datacontent>ul>li .datacontent-r,
.meal-data-content>ul>li .datacontent-r{
	float: right;
	width: 73%;
	position: relative;
}
.point-datacontent>ul>li .datacontent-r>.title,
.meal-data-content>ul>li .datacontent-r>.title{
	color: #333333;
	font-size: 0.8rem;
}
.point-datacontent>ul>li .datacontent-r>.title>span,
.meal-data-content>ul>li .datacontent-r>.title>span{
	color: #999999;
	font-size: 0.65rem;
}
.point-datacontent>ul>li .datacontent-r>.content,
.meal-data-content>ul>li .datacontent-r>.content{
	font-size: 0.6rem;
	color: #999999;
    margin-top: 0.2rem;
}
.point-datacontent>ul>li .datacontent-r .o,
.meal-data-content>ul>li .datacontent-r .o{
    font-size: 0.8rem;
    color: #E24333;
    position: absolute;
    left: 0;
    top: 3.2rem;
}
.point-datacontent>ul>li .datacontent-r .n,
.meal-data-content>ul>li .datacontent-r .n{
	font-size: 0.65rem;
	color: #999999;
	text-decoration:line-through;
    margin-left: 0.5rem;
}
.point-data p:first-child span{
    color: #666;
    font-size: 0.65rem;
    display: inline-block;
    width: 20%;
}
.point-data .point-data-p{
	text-align: center;
    margin-top: 0.4rem;
}
.point-data .point-data-p span{
    vertical-align: middle;
    font-size: 0.6rem;
    width: 20%;
    display: inline-block;
}
.point-data .point-data-p img{
    vertical-align: middle;
    width: 2rem;
    border-radius: 0.3rem;
}
.meal-content{
    overflow: hidden;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}
.meal-content .meal-title{
    float: left;
    font-size: 0.65rem;
    line-height: 2rem;
    color: #333333;
}
.meal-content .meal-data{
	
}
.meal-data p:first-child span{
    font-size: 0.65rem;
    color: #666;
    display: inline-block;
    width: 25%;
}
.meal-data .meal-data-p{
    text-align: center;
    margin-top: 0.4rem;
    display: block;
    overflow: hidden;
}
.meal-data-p img{
	vertical-align: middle;
    width: 2rem;
    border-radius: 0.3rem;
}
.meal-data-p span{
    vertical-align: middle;
    font-size: 0.6rem;
    width: 25%;
    display: inline-block;
    color: #999;
    float: left;
}
.meal-data-p span.meale-mt{
	margin-top: 0.5rem;
}
.business-content{
	
}
.business-content .business-time{
    padding: 0.5rem 0.8rem;
	border-bottom: 1px solid #eee;
	overflow: hidden;
}
.business-time span:first-child{
	float: left;
	font-size: 0.8rem;
}
.business-time input.business-time-start{
    width: 3rem;
    font-size: 0.8rem;
    border: 0;
    text-align: center;
}
.business-time span.symbol{
	float: right;
	color: #999;
}
.business-content .business-ok{
	padding: 0.5rem 0.8rem;
    overflow: hidden;
    border-bottom: 1px solid #EEEEEE;
}
.business-ok span{
	font-size: 0.8rem;
    overflow: hidden;
    color: #333333;
}
.business-ok .business-swich{
    float: right;
}
.business-swich input{
	display:none;
}
.business-swich .swich-box{
	height: 1rem;
	width: 2.05rem;
	background:#ccc;
	border-radius:1rem;
	transition: all .5s ease;
}
.business-swich .swich-box span{
	display:inline-block;
	height: 1rem;
	width: 1.05rem;
	border-radius:2rem;
	background:#fff;
	transform:translateX(0px);
	transition: all .5s ease;
}
.business-swich-on .swich-box{
	background:#E24333;
	transition: all .5s ease;
}
.business-swich-on .swich-box span{
	transform:translateX(21px);
	transition: all .5s ease;
}
.foot-btn{
    text-align: center;
    padding: 1rem 0;
}
.foot-btn button{
    width: 70%;
    height: 2rem;
    background-color: #e24333;
    border-radius: 1rem;
    color: #fff;
}
/*经理人管理内容 end*/

/*代理人管理内容 start*/
.agent-count{
	text-align: center;
    padding: 0rem 2rem;
    border-bottom: 1px solid #eee;
    position: relative;
}
.agent-line-content{
	width: 100%;
    height: 6.4rem;
	background: url(../images/agent-line.png) no-repeat;
	background-size:100% 100%;
	border: 0;
}
.agent-count .agent-span{
    font-size: 0.8rem;
    margin: 0.7rem 0;
    display: inline-block;
}
.agent-count span.agent-total{
	display: inline-block;
    font-size: 2.5rem;
    font-weight: bold;
    color: #E24333;
    margin-top: 1.6rem;
}
.agent-count .foot-t-line{
	left: 0;
    position: absolute;
    height: 1px;
    width: 100%;
    border-top: 1px solid #EEEEEE;
    bottom: 3.4rem;
}
.agent-count .foot{
	overflow: hidden;
    margin-top: 0.75rem;
}
.agent-count div.foot-left{
    margin: 0.7rem 0;
	border-right: 1px solid #eee;
	width: 50%;
	float: left;
}
.agent-count div.foot-left .foot-span{
	font-size: 0.8rem;
	color: #666666;
}
.agent-count div.foot-left .foor-number{
	margin-top: 0.2rem;
	font-size: 0.65rem;
	color: #E24333;
}
.agent-count div.foot-right{
	border: 0;
}
/*代理人管理内容 end*/

/*总收益内容 start*/
.profit-title{
    line-height: 1rem;
    margin-top: 0.75rem;
	color: #333333;
	text-align: center;
	font-size: 0.8rem;
}
.profit span{
	display: inline-block;
    line-height: 2.9rem;
    color: #999;
    font-size: 0.8rem;
    float: left;
    width: 30%;
    margin: 0 10%;
}
.profit .click-people{
	color: #E24333;
	border-bottom: 1px solid #E24333;
}
.profit-line-contetn{
    padding: 0.75rem 1.5rem;
    border-bottom: 1px solid #eee;
}
.profit-content{
    background: url(../images/agent-line.png);
	width: 100%;
    height: 5rem;
    background-size: 100% 100%;
}
.profit-content .content-c{
    padding-top: 1.3rem;
    text-align: center;
}
.content-c img{
	width: 2rem;
    vertical-align: top;
}
.content-c .c-number{
	font-size: 2rem;
	font-weight: bold;
	color: #E24333;
    line-height: 2.2rem;
    margin-left: 0.5rem;
}
.profit-foot{
	height: 2.5rem;
	border-bottom: 1px solid #eee;
}
.profit-foot span.profit-foot-written{
    font-size: 0.7rem;
    display: inline-block;
    line-height: 2.5rem;
    margin-left: 0.5rem;
    color: #333333;
}
.profit-foot span.profit-foot-number{
	color: #E24333;
	position: absolute;
    right: 0;
    line-height: 2.5rem;
    font-size: 0.65rem;
    margin-right: 2rem;
}
.profit-foot span.profit-foot-last{
	position: absolute;
    right: 0;
    line-height: 2.5rem;
    font-size: 0.65rem;
    margin-right: 0.5rem;
    color: #333333;
}
/*总收益内容 end*/
/*******administration管理中心*end*/

/*******mentsDetailed评论详情*start*/
.mentsDetailed{
	background-color: #fff;
	touch-action: none;/*避免浏览器滑动报错*/
}
.mentsDetailed-main header{
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.ments{
	
}
.ments ul li{
	padding: 0.5rem 0.8rem;
	border-bottom: 1px solid #eee;
}
.ments .user-img{
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 50%;
}
.ments .flex .ments-right{
	margin-left: 5%;
}
.ments-right .user-content{
    float: left;
}
.user-content  p:nth-child(1){
    font-size: 0.8rem;
    color: #333;
    position: relative;
    height: 1rem;
}
.user-content .age-info{
    display: inline-block;
    background-color: #4db6ff;
    margin: 0.4rem 0 0 0rem;
    padding: 0 0.3rem;
    border-radius: 2rem;
    height: 0.8rem;
    line-height: 0.5rem;
    position: fixed;
}
.user-content .womanage-info{
	background-color: #fd3787;
}
.age-info img{
    width: 0.35rem;
}
.age-info span{
    font-size: 0.4rem;
    color: #fff;
}
.user-content .charm-info{
	background-color: #fd3787;
	display: inline-block;
    margin: 0.4rem 0 0 2.5rem;
    padding: 0 0.3rem;
    border-radius: 2rem;
    height: 0.8rem;
    line-height: 0.5rem;
    position: fixed;
}
.charm-info span{
	font-size: 0.4rem;
    color: #fff;
}
.ments-right ul.user-dz{
    display: block;
    overflow: hidden;
    margin-top: 0.3rem;
}
.ments-right ul.user-dz li{
    padding: 0 0 0.5rem 0;
    float: left;
    border: 0;
}
.ments-right ul.user-dz li .span-dz-on{
    line-height: 1rem;
    font-size: 0.65rem;
    color: #999;
}
.ments-right ul.user-dz li .img-dz-on{
    display: inline-block;
    width: 0.9rem;
    height: 0.8rem;
    background: url(../images/mentsDetailed-dz-on-click.png) no-repeat;
    background-size: 100% 100%;
    margin-right: 0.55rem;
}
.ments-right ul.user-dz li .img-dz-Noon{
	background: url(../images/mentsDetailed-dz-down.png) no-repeat;
	display: inline-block;
    width: 0.9rem;
    height: 0.8rem;
    background-size: 100% 100%;
    margin-right: 0.55rem;
}
.ments-right ul.user-dz li .span-dz-down{
    line-height: 1rem;
    font-size: 0.65rem;
    color: #999;
}
.ments-right ul.user-dz li .img-dz-down{
    display: inline-block;
    width: 0.9rem;
    height: 0.8rem;
    background: url(../images/mentsDetailed-dz-down-click.png) no-repeat;
    background-size: 100% 100%;
}
.ments-right ul.user-dz li .img-dz-Nodown{
    display: inline-block;
    width: 0.9rem;
    height: 0.8rem;
    background: url(../images/mentsDetailed-dz-on.png) no-repeat;
    background-size: 100% 100%;
}
.ments-right p.user-word{
	font-size: 0.6rem;
    overflow: hidden;
    width: 100%;
    padding: 0.5rem 0 0.2rem;
    color: #666;
}
.ments-right p.user-tiem{
    font-size: 0.6rem;
    color: #999;
    display: inline-block;
    overflow: hidden;
}
.ments-right .user-msg{
	display: inline-block;
	float: right;
}
.ments-right .user-msg img{
	height: 1rem;
}
.owner{
    background: #eee;
    width: 100%;
    padding: 0.5rem 0.2rem 0.5rem 0.5rem;
    margin: 0.5rem 5% 0 0;
    border-radius: 0.3rem;
    position: relative;
}
.ments-footer{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    border-top-left-radius: 0.4rem;
    border-top-right-radius: 0.4rem;
    display: none;
    z-index: 99999;
    background-color: #fff;
}
.ments-footer .footer-input{
	width: 65%;
	border: 0;
    height: 2rem;
    font-size: 0.75rem;
    padding: 0.5rem;
    vertical-align: sub;
}
.ments-footer .ments-bq{
	width: 1.5rem;
}
.ments-footer .ments-foot-btn{
	width: 3.25rem;
    font-size: 0.9rem;
    background-color: #d93b2a;
    color: #fff;
    border-radius: 0.3rem;
    height: 1.55rem;
    vertical-align: top;
    margin-left: 2rem;
    margin-top: 0.25rem;
}
.footer-popover{
	/*background: #000;*/
    z-index: 9999;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 93%;
    opacity: 0.7;
}
/*******mentsDetailed评论详情*end*/

/*******specialPrice编辑特惠信息*start*/
.specialPrice{
	background-color: #fff;
}
.specialPrice header{
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.special{
	
}
.special .attribute{
	padding: 0.5rem 0.8rem;
	border-bottom: 1px solid #eee;
	overflow: hidden;
}
.attribute span:first-child{
	font-size: 0.8rem;
	float: left;
	color: #333;
}
.attribute input:nth-last-child(1){
    border: 0;
    font-size: 0.6rem;
    width: 76%;
    text-align: right;
    float: right;
    height: 1rem;
}
.attribute input[type=number]{
	width: 65%;
	height: 1rem;
}
.attribute input.outTime{
	width: 60%;
}
.special .attribute-Textmain{
	padding: 0 0.8rem;
}
/*.attribute-Textmain div{
	border-bottom: 1px solid #eee;
    padding-bottom: 0.3rem;
}*/
.attribute-Textmain div span{
    display: inline-block;
    font-size: 0.8rem;
    padding: 0.5rem 0;
    color: #333;
}
.attribute-Textmain div textarea{
    font-size: 0.6rem;
    padding: 0.3rem 0.5rem;
    border-radius: 0.5rem;
    border: 1px dashed #999;
    height: 7.5rem;
}
.special .voice-cotent{
	overflow: hidden;
    padding: 0.6rem 0;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}
.attribute div.election{
	float: right;
}
.election input{
	float: right;
	width: 1.5rem !important;
	margin: 0 0 0 1rem !important;
}
.election span{
    float: right  !important;
    font-size: 0.6rem !important;
    color: #999;
    margin-top: 0.1rem;
}
.special div.attribute-footer{
    overflow: hidden;
    padding: 0.7rem 1rem 0;
}
.attribute-footer span:first-child{
	font-size: 0.6rem;
    color: #999;
    float: left;
}
.attribute-footer p:last-child{
	font-size: 0.6rem;
	float: right;
    width: 81%;
    line-height: 1rem;
}
.fbthxx-content{
	width: 100%;
	text-align: center;
	padding-top: 1.5rem;
}
.fbthxx-content .fbthxx{
    background-color: #e24333;
    width: 80%;
    color: #fff;
    height: 2rem;
    border-radius: 2rem;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.41);
}
/*******specialPrice编辑特惠信息*end*/

/*******upaidOrder未支付订单*start*/
.unpaidOrder{
	background-color: #fff;
}
.unpaidOrder header{
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.unpaidOrder .big-shadow{
	z-index: 9999;
    background: #000000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
}
.unpaidOrder .payment-content{
    z-index: 9999;
    width: 90%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #fff;
    height: 7.8rem;
    border-radius: 0.3rem;
}

.unpaid{
	
}
.unpaid ul{
	padding: 0 0.8rem;
}
.unpaid ul li{
    padding: 0.5rem 0;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}
.unpaid ul li .lileft{
	float: left;
	height: 2.5rem;
}
.unpaid ul li .lileft input{
    margin: 0.7rem 0.7rem 0.7rem 0rem;
}
.unpaid ul li .lileft .left-info{
    float: right;
    margin-left: 0.3rem;
}
.unpaid ul li .lileft .left-info
span:first-child{
	display: block;
    font-size: 0.8rem;
    margin-top: 0.2rem;
}
.unpaid ul li .lileft .left-info
span:last-child{
	font-size: 0.7rem;
    color: #999;
    display: block;
    margin-top: 0.2rem;
}
.unpaid ul li .liright{
    float: right;
    height: 2.5rem;
}
.unpaid ul li .liright p.spe{
	text-align: right;
	color: #666;
	line-height: 1.25rem;
}
.unpaid ul li .liright p.epc{
	color: #999;
}
.unpaid ul li .liright p{
	font-size: 0.7rem;
}
.unpaid ul li .liright span{
	color: #999;
	font-size: 0.7rem;
    line-height: 2.5rem;
}
.unpaid .selection{
	padding: 0 0.8rem;
	overflow: hidden;
}
.selection .select-left{
    padding: 0.5rem 0;
    float: left;
}
.selection .select-left input{
	margin: 0.7rem 0.7rem 0.7rem 0rem;
}
.selection .select-left span{
    display: inline-block;
    font-size: 0.8rem;
}
.selection .select-right{
	float: right;
    padding: 0.5rem 0;
}
.selection .select-right
span:first-child{
	font-size: 0.6rem;
	color: #999;
    line-height: 2.5rem;
}
.selection .select-right
span:nth-child(2){
	font-size: 0.8rem;
	color: #E24333;
}
.unpaid .select-footer{
    padding: 0.5rem 0.8rem;
    display: -webkit-flex;
}
.unpaid .select-footer-l{
	-webkit-flex: 1;
}
.unpaid .select-footer-l span{
	font-size: 0.6rem;
	color: #999;
}
.unpaid .select-footer-r{
    width: 77%;
    line-height: 1rem;
    margin-top: 0.3rem;
}
.unpaid .select-footer-r p{
	font-size: 0.6rem;
	color: #999;
}
/*******upaidOrder未支付订单*end*/

/*******newlongin输入手机号码*start*/
/*******new系列公共样式*start*/
.newlogin header.mui-bar{
	background-color: #D46655;
}
.newlogin header h1.mui-title{
	color: #fff;
}
.newlogin .newlogin-count{
	/*display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;*/
	/*background-color: #fff;*/
	margin-top: 12%;
}
.next{
	margin: 0rem 0.5rem;
}
.next-btn{
	text-align: center;
	width: 100%;
	height: 2.5rem;
  font-size: 0.8rem;
  letter-spacing: 0.05rem;
  color: #fff;
  background: -webkit-linear-gradient(left, #D46655 , #FE6581);
  border-radius: 2rem;
}
/*******new系列公共样式*end*/
.newlogin .newlogin-count .font-top{
	width: 100%;
	height: 4rem;
	text-align: center;
	line-height: 4rem;
}
.newlogin .newlogin-count .font-top .word{
	font-size: 0.85rem;
	color: #DDDDDD;
	letter-spacing: 0.05rem;
}
.newlogin .phone-count{
	height: 2.5rem;
  /*display: flex;*/
  /*flex-direction: row;*/
  background: #fff;
  border-radius: 2rem;
  margin: 0rem 0.5rem;
  width: 94%;
}
.newlogin .phone-count .phone-input{
	height: 2.5rem;
	border: 0;
	border-radius: 2rem;
	padding-left: 1rem;
	font-size: 0.7rem;
	letter-spacing: 0.05rem;
    float: left;
    width: 70%;
}
.newlogin .phone-count .region{
	display: inline-block;
	width: 17%;
	border-right: 1px solid #ddd;
	height: 1rem;
	line-height: 1rem;
	margin-top: 0.7rem;
	margin-left: 1rem;
	font-size: 0.7rem;
	float: left;
	text-align: center;
}
.newlogin .next{
	margin: 2rem 0.5rem 0rem 0.5rem;
}
/*******newlongin输入手机号码*end*/
/*******newverification输入密码*start*/
.newpassword header.mui-bar{
	background-color: #D46655;
}
.newpassword header a.mui-pull-left{
	color: #fff;
}
.newpassword header h1.mui-title{
	color: #fff;
}
.newpassword .newlogin-count{
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	/*background-color: #fff;*/
	margin-top: 12%;
}
.newpassword .newlogin-count .font-top{
	width: 100%;
	height: 4rem;
	text-align: center;
	line-height: 4rem;
}
.newpassword .newlogin-count .font-top .word{
	font-size: 0.85rem;
	color: #DDDDDD;
	letter-spacing: 0.05rem;
}
.newpassword .phone-count{
	height: 2.5rem;
  display: flex;
  flex-direction: row;
  background: #fff;
  border-radius: 2rem;
  margin: 0rem 0.5rem;
}
.newpassword .phone-count .phone-input{
	height: 2.5rem;
	border: 0;
	border-radius: 2rem;
	padding-left: 1rem;
	font-size: 0.7rem;
	letter-spacing: 0.05rem;
}
.newpassword span.agin{
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 0.75rem;
	margin-top: 5%;
	letter-spacing: 0.1rem;
	color: #DDDDDD;
}
.newpassword a.agin-pwd{
	color: #FE6581;
}
.newpassword .next{
	margin: 2rem 0.5rem 0rem 0.5rem;
}
/*******newverification输入密码*end*/
/*******newverification短信验证*start*/
.newverification{
	/*display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	margin-top: 12%;*/
}
.newverification header.mui-bar{
	background-color: #D46655;
}
.newverification header a.mui-pull-left{
	color: #fff;
}
.newverification header h1.mui-title{
	color: #fff;
}
.newverification .newverification-count{
	width: 100%;
	height: 100%;
	margin-top: 12%;
}
.newverification .newverification-count 
.font-top{
	width: 100%;
  text-align: center;
  line-height: 1.5rem;
  margin: 1.5rem 0;
}
.newverification .newverification-count 
.font-top .word{
	font-size: 0.85rem;
	color: #DDDDDD;
	letter-spacing: 0.1rem;
}
.newverification .newverification-count 
.font-top .word-phone{
	color: #333;
}
.newverification .newverification-count
.pwd-box{
	width: 100%;
	height: 5rem;
}
.newverification .newverification-count
.pwd-box .pwd-input{
	height: 5rem;
	position: absolute;
	opacity: 0;
	color: transparent;/*隐藏光标，并可以输入*/
	margin-left: -50%
}
.newverification .newverification-count 
.four-input{
	overflow: hidden;
	width: 90%;
	margin: 0 1rem;
}
.newverification .newverification-count 
.four-input .all-input{
	float: left;
	border-radius: 0.3rem;
	width: 19%;
	height: 5rem;
	margin: 0 0.5rem;
	border: 0;
	text-align: center;
	font-size: 1.75rem;
}
.newverification .newverification-count 
.four-input .bor-input{
	border: 1px solid #BBBBBB;
}
.newverification .newverification-count 
.last-time{
	width: 100%;
	height: 4rem;
	line-height: 4rem;
	text-align: center;
}
.newverification .newverification-count 
.last-time .word-time{
	font-size: 0.75rem;
	letter-spacing: 0.1rem;
	color: #DDDDDD;
	
}
.newverification .newverification-count 
.last-time .resend{
	color: #2AC845;
	font-size: 0.75rem;
	letter-spacing: 0.1rem;
}
/*******newverification短信验证*end*/
/*******newpersonaldata个人资料*start*/
.newpersonaldata{
	display: flex;
	flex-direction: column;
	height: 90%;
	margin-top: 12%;
}
.newpersonaldata header.mui-bar{
	background-color: #D46655;
}
.newpersonaldata header h1.mui-title{
	color: #fff;
}
.newpersonaldata .newpersonaldata-count{
	width: 100%;
	height: 100%;
}
.newpersonaldata .newpersonaldata-count
.intput-nickname{
	width: 94%;
	height: 2.5rem;
	margin: 1.5rem 0.5rem 0;
	border-radius: 2rem;
	border: 0;
	padding-left: 1rem;
	font-size: 0.75rem;
	letter-spacing: 0.05rem;
}
.newpersonaldata .newpersonaldata-count
.bir{
	display: flex;
	flex-direction: row;
	width: 100%;
	height: 4rem;
}
.newpersonaldata .newpersonaldata-count
.bir .intput-birthday{
	width: 70%;
	height: 2.5rem;
	margin: 1.5rem 0.5rem 0 0.5rem;
	border-radius: 2rem;
	border: 0;
	padding-left: 1rem;
	font-size: 0.75rem;
	letter-spacing: 0.05rem;
}
.newpersonaldata .newpersonaldata-count
.bir img.sex-img{
	width: 2.5rem;
	height: 2.5rem;
	margin: 1.5rem 0.5rem 0 0.5rem;
}
.newpersonaldata .newpersonaldata-count
.intput-password{
  	width: 94%;
	height: 2.5rem;
	margin: 1.5rem 0.5rem 2rem;
	border-radius: 2rem;
	border: 0;
	padding-left: 1rem;
	font-size: 0.75rem;
	letter-spacing: 0.05rem;
}
/*******newpersonaldata个人资料*end*/
/*******newstart开始换一批*start*/
.newstart{
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	margin-top: 12%;
}
.newstart header.mui-bar{
	background-color: #D46655;
}
.newstart header h1.mui-title{
	color: #fff;
}
.newstart div.people-img{
	width: 95%;
	height: 40%;
	background-color: #DDDDDD;
	margin: 1.5rem 0.5rem 0;
	border-radius: 0.5rem 0.5rem 0 0;
	position: relative;
}
.newstart div img.start_img{
	width: 80%;
  height: 90%;
	position: absolute;
	bottom: 0;
	margin: 1rem 1.75rem 0;
}
.newstart div.people-word{
	width: 95%;
	height: 18%;
	background-color: #fff;
	margin: 0 0.5rem;
	border-radius: 0 0 0.5rem 0.5rem;
	padding-left: 1rem;
}
.newstart div.people-word
 p.slogan{
 	font-size: 0.89rem;
 	color: #333;
 	letter-spacing: 0.05rem;
 	margin: 1rem 0 1rem 0;
 }
.newstart div.people-word
 p.tremble1{
 	font-size: 0.7rem;
 	letter-spacing: 0.05rem;
 	margin: 0.5rem 0 0.5rem 0;
}
.newstart div.people-word
 p.tremble2{
 	font-size: 0.7rem;
 	letter-spacing: 0.05rem;
 	margin: 0.5rem 0 0.5rem 0;
}
.newstart div.next{
	position: relative;
	height: 20%;
}
.newstart div button.next-btn{
	position: absolute;
	bottom: 0;
}
/*******newstart开始换一批*end*/
/*******公共样式*start*/
header.mui-bar {
  border: 0;
  background-color: #fff;
}
header.mui-bar .mui-title {
  color: #333333;
  font-size: 0.9rem;
}
header.mui-bar .mui-icon {
  color: #333333;
}
header.mui-bar .mui-icon-closeempty {
  font-size: 2rem;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
}
.rdntn.rmcolor {
  background-color: #ccc;
}
.img-look.active,
.img-cut.active {
  display: block;
}
.voice-lading {
  display: none;
  z-index: 999999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: url(../images/voice-gif.gif) center 90% no-repeat;
  background-size: 8.125rem 6.25rem;
}
#loging {
  width: 100%;
  height: 2rem;
  background: url(../images/loging.gif) center no-repeat;
  background-size: 1rem;
  text-align: center;
  color: #8F8F94;
  font: 0.7rem/1.5 "";
}
.img-look,
.img-cut {
  display: none;
  z-index: 99999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #000;
}
.img-look .img-look-box,
.img-cut .img-look-box,
.img-look .img-cut-box,
.img-cut .img-cut-box {
  width: 100%;
  height: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.img-look .img-cut-box,
.img-cut .img-cut-box {
  height: 90%;
}
.img-cut .img-cut-box {
	height: 80%;
	margin-top: 20%;
}
.img-look .img-cut-opt,
.img-cut .img-cut-opt {
  width: 100%;
  height: 10%;
}
.img-look img,
.img-cut img,
.img-look video,
.img-cut video {
  opacity: 1;
  max-width: 100%;
  max-height: 100%;
}
.img-look .img-cut-box img,
.img-cut .img-cut-box img {
  max-height: none;
}
.img-look video.active,
.img-cut video.active {
  opacity: 0;
}
#vdo-loding {
  position: absolute;
  z-index: 9;
  top: 50%;
  left: 50%;
  width: 2rem;
  height: 2rem;
  margin-left: -1rem;
  margin-top: -1rem;
  background: url(../images/vdo_lodi.gif) no-repeat center;
  background-size: 1rem;
}
#loging.ovr {
  background: transparent;
}
header.header-color {
  background-color: #fff;
}
header.header-color .mui-pull-right {
  color: #333333 ;
}
.colorheader header.header-color {
  background-color: #fff;
}
.colorheader header.header-color .mui-title,
.colorheader header.header-color .mui-icon {
  color: #d93b2a;
}
.rdntn {
  background-color: #d93b2a;
  box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.3);
  border-radius: 40px;
  color: #FFFFFF;
}
.promit {
  z-index: 9999;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.popover,
.popover2,
.popover-img {
  z-index: 9999;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.popover-img,
.popover2 {
  background-color: rgba(0, 0, 0, 0.5);
}
.table-view {
  position: fixed;
  left: 5%;
  bottom: 50%;
  width: 90%;
  padding: 0.5rem 0.5rem 0 0.5rem;
  z-index: 999999;
  transform: translate(0, 50%);
  -webkit-transform: translate(0, 50%);
  background-color: rgba(0, 0, 0, 0.75);
  box-shadow: 0px 10px 26px 0px rgba(0, 0, 0, 0.38);
  border-radius: 10px;
  display: none;
}
.table-view .table-view-cell {
  width: 100%;
  border-radius: 0.5rem;
  font: 0.8rem / 2.5rem "";
}
.table-view .table-view-cell a.table-view-cell-a {
  display: block;
  color: #fff;
  border-bottom: 1px solid #000;
  padding: 0 1rem ;
}
.table-view .table-view-cell a.common-center{
	display: inline-block;
	text-align: center;
	width: 49%;
	padding: 0;
}
.table-view .table-view-cell a.common-center:nth-child(2){
	color: #e24333;
}
.table-view .table-view-cell a.table-view-cell-cancel,
.table-view .table-view-cell a.table-view-cell-affirm {
  border: 0;
  text-align: end;
  font: 0.62rem / 2.5rem "";
  padding: 0 1.5rem;
  float: right;
  width: auto;
}
.table-view .table-view-cell em.ocheckbox {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url(../images/juxing.png) 0 0 no-repeat;
  background-size: 0.85rem;
  vertical-align: middle;
  margin-right: 0.75rem;
}
.table-view .table-view-cell .table-view-cell-a.active em.ocheckbox {
  background: url(../images/juxing2.png) 0 0 no-repeat;
  background-size: 0.85rem;
}
.table-view .table-view-cell p.title-p {
  color: #fff;
  border-bottom: 1px solid #222222;
  width: 96%;
  margin-left: 2%;
  text-align: center;
  margin-bottom: 0.5rem;
}
.ovf {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table-view2 .table-view-cell:nth-of-type(1) a.table-view-cell-a {
  border-bottom: 0;
  font: 0.8rem / 2.5 "";
}
.mui-popup-backdrop {
  background: rgba(0, 0, 0, 0);
}
.mui-popup {
  background: rgba(0, 0, 0, 0.75);
  box-shadow: 0px 10px 26px 0px rgba(0, 0, 0, 0.38);
  opacity: 0.75;
}
.mui-popup .mui-popup-title {
  padding: .8rem 0 .8rem 0;
  border-bottom: 1px solid #1a1a1a;
  font: 0.9rem / 1.5 "";
  color: #fff;
  margin: 0 1rem;
}
.mui-popup .color {
  color: #d93b2a;
}
.mui-popup .addfriend {
  color: #333333;
  font: 0.9rem / 2.35rem "";
  border-bottom: 1px solid #E6E6E6;
  margin-top: -2rem;
}
.mui-popup .promit-msg {
  margin-top: -0.25rem;
}
.mui-popup .promit-msg:before,
.mui-popup .promit-msg:after {
  content: "";
  z-index: 15;
  position: absolute;
  top: 2.2rem;
  display: block;
  width: 30%;
  height: 1px;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
.mui-popup .promit-msg:before {
  left: 5%;
}
.mui-popup .promit-msg:after {
  right: 5%;
}
.mui-popup .mui-popup-text {
  margin-top: 1rem;
  margin-bottom: 0;
  font: 0.8rem/1.25rem "";
  color: #fff;
  padding: 0 2rem;
}
.mui-popup .mui-popup-text .personal-i {
  color: #d93b2a;
}
.mui-popup .mui-popup-text .yuyue-color {
  float: left;
  display: inline-block;
  width: 45%;
  color: #ccc;
  text-align: start;
  margin-left: 5%;
  font: 0.8rem/2rem "";
}
.mui-popup .mui-popup-text .yh {
  color: #fff;
}
.mui-popup .mui-popup-button {
  color: #fff;
  background-color: transparent;
}
.mui-popup .mui-popup-button:nth-of-type(1) {
  border-right: 1px solid #262626;
  background-color: transparent;
}
.mui-popup .mui-popup-button ~ .mui-popup-button-bold {
  color: #fff;
}
.mui-popup .mui-popup-inner {
  padding: 0 0 0.75rem 0;
  border-bottom: 1px solid #262626;
  background-color: transparent;
}
.mui-popup .mui-popup-button ~ .mui-popup-button-bold {
  border-left: 1px solid #666;
}
.mui-popup .mui-popup-buttons {
  border-top: 1px solid #666;
}
.mui-popover {
  position: fixed;
  top: 16px;
  right: 6px;
  height: 11.25rem;
  background-color: #fff;
  box-shadow: 4px 2px 16px 2px rgba(0, 0, 0, 0.2);
}
.mui-popover .mui-plus .plus {
  display: inline;
}
.mui-popover .plus {
  display: none;
}
.mui-popover #topPopover .mui-popover-arrow {
  left: auto;
  right: 6px;
}
.mui-popover p {
  text-indent: 22px;
}
.mui-popover span.mui-icon {
  font-size: 0.7rem;
  color: #007aff;
  margin-left: -15px;
  padding-right: 10px;
}
.mui-popover .mui-popover-arrow {
  top: -1.3rem;
}
.mui-popover .mui-popover-arrow:after {
  top: .9rem;
  background-color: #fff;
  box-shadow: 4px 2px 16px 2px rgba(0, 0, 0, 0.2);
}
.mui-popover .mui-content {
  padding: 10px;
}
.mui-popover .mui-scroll-wrapper {
  margin: 0.175rem 0;
  border-radius: .3rem;
}
.mui-popover .mui-table-view {
  background-color: #fff;
}
.mui-popover .mui-table-view-cell {
  padding: 0;
}
.style-back-btn{
	margin: 4.5% 3%;
	width: 80px;
}
.style-dete-btn{
	float: right;
	margin: 4.5% 3%;
	width: 80px;
}
.mui-popover .mui-table-view-cell > a:not(.mui-btn) {
  font-size: 0.7rem;
  color: #333;
  margin: 0;
  padding: .5rem ;
  height: 2rem;
}
.mui-popover .mui-table-view-cell:after {
  left: 0;
}
.mui-backdrop {
  background-color: transparent;
}
.face-bq {
  width: 1.25rem;
  height: auto;
  vertical-align: middle;
  margin: 0 .1rem;
}
nav.nav {
  z-index: 9999;
  position: fixed;
  right: 0;
  top: 0;
  padding-top: 2.4rem;
  width: 1.8rem;
  height: 100%;
  text-align: center;
  padding-left: .6rem;
}
nav.nav a,
nav.nav .top,
nav.nav .bottom {
  display: block;
  width: 100%;
  height: 3.55%;
  font: 0.6rem/1.1rem "";
  color: #333;
}
nav.nav .top {
  background: url(../images/icon_top.png) 0.55rem center no-repeat;
  background-size: auto 0.5rem ;
}
nav.nav .bottom {
  background: url(../images/icon_bottom.png) 0.55rem center no-repeat;
  background-size: auto 0.5rem ;
}
.mui-table-view-cell > a:not(.mui-btn).mui-active {
  background: transparent;
}
.gift-bqk,
.gift-hyk,
.gift-vip,
.gift-yhk {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  vertical-align: text-top;
  background: url(../images/icon_bqk.png) center no-repeat;
  background-size: 0.88rem auto;
}
.gift-hyk {
  background-image: url(../images/icon_hyk.png);
}
.gift-vip {
  background-image: url(../images/icon_vip.png);
}
.gift-yhk {
  background-image: url(../images/icon_yhk.png);
}
.mui-search .mui-placeholder {
  margin: .5rem 5%;
  font-size: .7rem;
  line-height: 1.5rem;
  height: auto;
}
.mui-search.mui-active:before {
  left: 6%;
}
.mui-input-row.mui-search .mui-icon-clear {
  top: 0;
  padding-top: .8rem;
  right: 5%;
}
.mui-input-row .mui-input-clear ~ .mui-icon-clear,
.mui-input-row .mui-input-password ~ .mui-icon-eye,
.mui-input-row .mui-input-speech ~ .mui-icon-speech {
  font-size: 0.75rem;
}
.mui-indexed-list-search.mui-search:before {
  margin-top: -0.55rem;
}
/*******公共样式**end*/
/*******登陆*start*/
.login header.mui-bar {
  background-color: #fff;
}
.login .mui-scroll-wrapper {
  background-color: #fff;
}
.ResetGestureCode header.mui-bar {
  border-bottom: 1px solid #ccc;
}
.login .top,
.ResetGestureCode .top {
  width: 100%;
  height: 8.88rem;
  text-align: center;
  padding-top: 1.38rem;
}
.login .top img,
.ResetGestureCode .top img {
  width: auto;
  height: 4.28rem;
}
.login .main,
.ResetGestureCode .main {
  padding: 0 1.88rem;
  text-align: center;
}
.login .main input,
.ResetGestureCode .main input {
  border: 0;
  background-color: initial;
  border-bottom: 1px solid #e6e6e6;
  padding-left: 2rem;
  height: 2.5rem;
  font-size: 0.7rem;
  background-repeat: no-repeat;
  background-size: 0.95rem auto;
  background-position: 0.65rem center;
  color: #333333;
}
.login .main .phone,
.ResetGestureCode .main .phone {
  background-image: url(../images/icon_shouji.png);
}
.login .main .psd,
.ResetGestureCode .main .psd {
  background-image: url(../images/icon_mima.png);
}
.login .main .rdntn,
.ResetGestureCode .main .rdntn {
  width: 12.85rem;
  margin-top: 2.5rem;
  font: 0.9rem / 2rem "";
}
.login .main .alink,
.ResetGestureCode .main .alink {
  width: 100%;
  margin-top: .8rem;
  overflow: hidden;
}
.login .main .alink a.zc,
.ResetGestureCode .main .alink a.zc {
  float: right;
  font: 0.7rem / 1.5 "";
  color: #333333;
}
.login .main .alink a.wjmm,
.ResetGestureCode .main .alink a.wjmm {
  float: left;
  font: 0.7rem / 1.5 "";
  color: #d93b2a;
}
/*******登陆*end*/

/*******用户协议*start*/
.useragrre header.mui-bar {
  border-bottom: 1px solid #ccc;
  background-color: #fff;
}
.useragrre .mui-content {
  background-color: #fff;
}
.useragrre .main .title {
  font: 0.85rem/1.5 "";
  color: #333;
  text-align: center;
  margin-top: 1rem;
}
.useragrre .main .text {
  width: 92%;
  margin-left: 4%;
  font: 0.7rem/1.5 "";
  color: #4d4c4c;
  margin-top: 1.12rem;
}
/*******用户协议*end*/
/*******重置登陆密码**start*/
.ResetGestureCode .mui-scroll-wrapper {
  background-color: #fff;
}
.ResetGestureCode .main {
  padding-top: 1.63rem;
}
.ResetGestureCode .main .rdntn {
  width: 90%;
  margin-top: 9.73rem;
}
.ResetGestureCode .main input::-webkit-input-placeholder {
  color: #ccc;
}
.ResetGestureCode .main .psd {
  background-image: url(../images/icon_mima.png);
  padding-right: 5.55rem;
}
.ResetGestureCode .main form {
  position: relative;
}
.ResetGestureCode .main .ayzm {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 5.55rem;
  color: #c30e17;
  font: 0.6rem / 2.5rem "";
}
/*******重置登陆密码*end*/
/*******欢迎回来**start*/
.wlecome {
  text-align: center;
}
.wlecome .mui-scroll-wrapper {
  background-color: #ededed;
}
.wlecome .top {
  width: 100%;
  height: 11.45rem;
  text-align: center;
}
.wlecome .top .imgbox {
  display: inline-block;
  width: 3.75rem;
  height: 3.75rem;
  overflow: hidden;
  border: solid 6px #ffffff;
  border-radius: 50%;
  margin-top: 1.98rem;
  box-shadow: 3px 6px 15px 0px rgba(0, 0, 0, 0.3);
}
.wlecome .top .userimg {
  width: 100%;
  min-height: 100%;
}
.wlecome .top .userimg[src=''] {
  opacity: 0;
}
.wlecome .top .phone {
  height: 0.75rem;
  margin-top: 1.4rem;
  font-size: 1rem;
  line-height: 0.9rem;
  color: #333333;
}
.wlecome .top .phone.color {
  color: #f24130;
}
.wlecome .top .loginimg {
  height: 4.28rem;
  margin-top: 1.75rem;
}
.wlecome .main {
  display: inline-block;
  width: 14.32rem;
}
.wlecome .main .hand {
  width: 100%;
  height: 14.22rem;
}
.wlecome .main .hand div {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.05rem;
}
.wlecome .main .hand div .handa {
  width: 3.38rem;
  height: 3.38rem;
  border: solid 1px #666666;
  border-radius: 50%;
  text-align: center;
}
.wlecome .main .hand div .handa p {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-color: #666666;
  border-radius: 50%;
  margin-top: 1.19rem;
}
.wlecome .main .hand div:last-child {
  margin-bottom: 0;
}
.wlecome .main .alink {
  text-align: start;
  display: block;
  font-size: 0.7rem;
  line-height: 0.9rem;
  color: #999999;
  margin-top: 1.2rem;
  margin-left: 0.4rem;
}
/*******欢迎回来*end*/
/*******注册**start*/
.register header.mui-bar {
  /*background-color: #fff;*/
}
.register .mui-content {
  background-color: #fff;
}
.register .mui-content .main {
  padding: 3.85rem 1.88rem 0 1.88rem;
}
.register .mui-content .main .phone,
.register .mui-content .main .code input,
.register .mui-content .main .getcode,
.register .mui-content .main .psd,
.register .mui-content .main .psd2,
.register .mui-content .main .sex {
  border: 0;
  background-color: initial;
  border-bottom: 1px solid #e6e6e6;
  padding-left: 2rem;
  height: 2.48rem;
  font-size: 0.6rem;
  background-repeat: no-repeat;
  background-size: 0.95rem auto;
  background-position: 0.65rem center;
  color: #333;
}
.register .mui-content .main .phone {
  background-image: url(../images/icon_shouji.png);
}
.register .mui-content .main .code {
  position: relative;
}
.register .mui-content .main .code input {
  padding-right: 3.5rem;
  background-image: url(../images/icon_yzm.png);
}
.register .mui-content .main input::-webkit-input-placeholder {
  color: #ccc;
}
.register .mui-content .main .getcode {
  position: absolute;
  top: 0;
  right: 0;
  font: 0.5rem/1rem "";
  color: #d93b2a;
  border: 1px solid #d93b2a;
  text-align: center;
  margin: .74rem 0;
  padding: 0 .5rem;
  height: 1.1rem;
  border-radius: .2rem;
}
.register .mui-content .main .psd,
.register .mui-content .main .psd2 {
  background-image: url(../images/icon_mima.png);
}
.register .mui-content .main .sex {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  background-image: url(../images/icon_xm.png);
}
.register .mui-content .main .sex a {
  display: block;
  margin-right: 1.52rem;
  padding-left: 1.1rem;
  height: 100%;
  font: 0.7rem/2.47rem "";
  color: #333;
  background-image: url(../images/icon_dx.png);
  background-position: 0 center;
  background-size: 0.65rem auto ;
  background-repeat: no-repeat;
}
.register .mui-content .main .sex .checked {
  background-image: url(../images/icon_dx2.png);
}
.register .mui-content .main .rdntn {
  margin-top: 2.48rem;
  width: 100%;
  height: 2rem;
  font-size: 0.9rem;
}
.register .useragrre {
  text-align: center;
  font: 0.6rem / 1.5 "";
}
.register .useragrre .useragrre-p {
  height: 4rem;
  line-height: 4rem;
  color: #999;
}
.register .useragrre .useragrre-a {
  color: #00aaff;
  line-height: 4rem;
  height: 4rem;
  display: inline-block;
}
.register .useragrre .useragrre-em {
  display: inline-block;
  width: 0.65rem;
  height: 0.65rem;
  background: url(../images/fangkuang.png) 0 0 no-repeat;
  background-size: .65rem;
  margin: .05rem .3rem .1rem .3rem;
  vertical-align: middle ;
}
.register .useragrre.active .useragrre-em {
  background: url(../images/fangkuang2.png) 0 0 no-repeat;
  background-size: .65rem;
}
/*******注册*end*/
/*******忘记密码**start*/
.forgetPsd .mui-popover {
  left: auto;
  right: 0;
}
.forgetPsd .mui-popover .mui-popover-arrow {
  left: auto;
  right: 1.55rem;
}
.forgetPsd header.mui-bar {
  border-bottom: 1px solid #ccc;
}
.forgetPsd .mui-content {
  background-color: #fff;
}
.forgetPsd .main {
  padding: 2.5rem 1rem 0 1rem;
}
.forgetPsd .main .rdntn {
  margin-top: 2.48rem;
  width: 80%;
  margin-left: 10%;
  height: 2rem;
  font-size: 0.9rem;
}
.forgetPsd .main .d-phone,
.forgetPsd .main .code,
.forgetPsd .main .d-question,
.forgetPsd .main .d-key {
  display: flex;
  display: -webkit-flex;
}
.forgetPsd .main .d-phone p,
.forgetPsd .main .code p,
.forgetPsd .main .d-question p,
.forgetPsd .main .d-key p {
  display: block;
  font: 0.7rem / 2.48rem "";
  width: 3.5rem;
  text-align: justify;
  height: 2.48rem;
  color: #333;
}
.forgetPsd .main .d-phone span,
.forgetPsd .main .code span,
.forgetPsd .main .d-question span,
.forgetPsd .main .d-key span {
  display: inline-block;
  width: 100%;
  height: 0;
}
.forgetPsd .main input {
  border: 0;
  background-color: initial;
  border-bottom: 1px solid #e6e6e6;
  height: 2.48rem;
  font-size: 0.7rem;
  background-repeat: no-repeat;
  background-size: 0.95rem auto;
  background-position: 0.65rem center;
  color: #333;
  flex: 1;
  margin-left: 1rem;
}
.forgetPsd .main input::-webkit-input-placeholder {
  color: #999;
}
.forgetPsd .main .code {
  position: relative;
}
.forgetPsd .main .getcode {
  position: absolute;
  top: 0;
  right: 0;
  font: 0.5rem/1rem "";
  color: #d93b2a;
  border: 1px solid #d93b2a;
  text-align: center;
  margin: .74rem 0;
  padding: 0 .5rem;
  height: 1.1rem;
  border-radius: .2rem;
}
.forgetPsd .main .d-question {
  position: relative;
}
.forgetPsd .main .question-em {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  width: 2.48rem;
  height: 2.48rem;
  background: url(../images/xiala.png) 1.4rem center no-repeat;
  background-size: 0.5rem auto;
}
.forgetPsd .main .d-question.active .question-em {
  background: url(../images/shangla.png) 0 0 no-repeat;
  background-size: 100%;
}
.forgetPsd .main .question-i {
  position: absolute;
  right: 0;
  top: 1.5rem;
  display: none;
  width: 1.25rem;
  height: 1.05rem;
  background: url(../images/muea.png) 0 0 no-repeat;
  background-size: 100%;
  z-index: 9999;
}
.forgetPsd .main .d-question.active .question-i,
.forgetPsd .main .d-question.active .promit {
  display: block;
}
.forgetPsd .main .questions {
  z-index: 999;
  display: none;
  position: absolute;
  top: 2.48rem;
  right: -1rem;
  width: 13.9rem;
  background-color: #fff;
  box-shadow: 4px -2px 16px 0px rgba(0, 0, 0, 0.1);
}
.forgetPsd .main .questions p {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #ccc;
  font: 0.7rem / 2.12rem "";
  color: #333;
}
.forgetPsd .main .questions p:last-child {
  border-bottom: 0;
}
.forgetPsd .main .d-question.active .questions {
  display: block;
}
/*******忘记密码*end*/
/*******个人主页*star*/
.gift-jb {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url(../images/icon_jb.png) center no-repeat;
  background-size: 0.88rem auto;
  vertical-align: text-top;
}
.personal .img-look.active {
  display: block;
}
.personal .img-sub {
  z-index: 999;
  position: absolute;
  left: .8rem;
  bottom: 0.8rem;
  width: 2.1rem;
  height: 1.25rem;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 0.625rem;
  text-align: center;
  color: #fff;
  font: 0.55rem/1.25rem "";
}
.personal .img-sub i {
  padding: 0 .05rem;
}
.personal .img-hello {
  z-index: 999;
  position: absolute;
  right: .8rem;
  bottom: 0.8rem;
  width: 2rem;
  height: 2rem;
  color: #fff;
  background: url(../images/hello.png) no-repeat;
  background-size: 100% 100%;
}
.personal .img-hello.activities{
	display: none;
}
.personal header.header {
  z-index: 999;
  position: fixed;
  top: 0.25rem;
  left: 0;
  padding: 0 0.5rem;
  width: 100%;
  overflow: hidden;
}
.personal header.header a.back,
.personal header.header a.collection {
  color: #fff;
  width: 2rem;
  height: 2rem;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0.6;
  border-radius: 50%;
  text-align: center;
  line-height: 2rem;
}
.personal header.header a.collection {
  background: url(../images/icon_xx3.png) 0.5rem 0.5rem rgba(0, 0, 0, 0.6) no-repeat;
  background-size: 1rem;
  float: right;
}
.personal header.header .active.collection {
  background-image: url(../images/icon_xx4.png);
}
.personal .myinfmsg p {
  width: 100%;
  height: 2.2rem;
}
.personal .mui-popup .mui-popup-text {
  padding: 0;
  overflow: hidden;
}
.personal .main {
  position: relative;
  border-bottom: 4.5rem solid #fff;
}
.personal .main .mui-slider {
  height: 20rem;
}
.personal .main .mui-slider .mui-slider-group {
  height: 100%;
}
.personal .main .mui-slider .mui-slider-item a {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.personal .main .mui-slider .mui-slider-item a .imgbox {
  width: 100%;
  left: 50%;
  position: relative;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.personal .main .mui-slider .mui-slider-item a .imgbox.imgbox-h {
  width: auto;
  height: 100%;
}
.personal .main .mui-slider .mui-slider-indicator {
  bottom: 0.5rem;
}
.personal .main .mui-slider .mui-slider-indicator .mui-indicator {
  width: 0.3rem;
  height: 0.3rem;
  margin: 0 0.18rem;
}
.personal .main .content {
  border-bottom: 0.5rem solid #f5f5f5;
  background-color: #fff;
}
.personal .main .content p:last-child {
  border: 0 !important;
}
.personal .main .content .nameid {
  font: 0.8rem/1.8 "";
  color: #333333;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.personal .main .content .name {
  font: 1rem/1.5 "";
  color: #333333;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.personal .main .content .ins {
  position: relative;
  padding: 1rem;
}
.personal .main .content .ins .complain {
  position: absolute;
  right: 0;
  top: .55rem;
  padding: 1rem;
  background: url(../images/icon_jubao.png) no-repeat center;
  background-size: 0.98rem auto;
}
.personal .main .content p.lable {
  margin-top: 0.35rem;
  overflow: hidden;
}
.personal .main .content p.lable i.msg-year,
.personal .main .content p.lable i.msg-vip,
.personal .main .content p.lable i.msg-renzheng {
  float: left;
  display: block;
  min-width: 2.4rem;
  height: 0.85rem;
  color: #fff;
  font: 0.55rem/0.85rem "";
  text-align: center;
  margin-right: 0.5rem;
  background-color: #d93b2a;
  border-radius: .15rem;
}
.personal .main .content p.lable i.msg-vip {
  background-color: #e74e9d;
}
.personal .main .content p.lable i.msg-renzheng {
  background-color: #e7a44e;
}
.personal .main .content p.lable em.woman,
.personal .main .content p.lable em.man {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.25rem;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: 0.165rem;
}
.personal .main .content p.lable em.woman {
  background-image: url(../images/icon_girl.png);
}
.personal .main .content p.lable em.man {
  background-image: url(../images/icon_boy.png);
}
.personal .main .content span.fans,
.personal .main .content span.like,
.personal .main .content span.height,
.personal .main .content span.weight {
  font: 0.7rem/1.2 "";
  display: inline-block;
  min-width: 4.5rem;
}
.personal .main .content span.height,
.personal .main .content span.weight {
  margin-top: 0.425rem;
  color: #666666;
}
.personal .main .content span.fans,
.personal .main .content span.like {
  margin-top: 0.4rem;
  color: #999;
}
.personal .main .content p.con-title,
.personal .main .content p.con-gift {
  font: 0.7rem/1.2 "";
  color: #ff3333;
  border-bottom: 1px solid #e6e6e6;
  padding: 0.75rem;
}
.personal .main .content p.con-h1,
.personal .main .content p.con-autograph,
.personal .main .content p.con-friends,
.personal .main .content p.con-voice,
.personal .main .content .con-infs,
.personal .main .content .con-biaoqian,
.personal .main .content .con-lick,
.personal .main .content .con-xingqu {
  font: 0.65rem/1.125rem "";
  border-bottom: 1px solid #e6e6e6;
  color: #333;
  margin: 0 0.75rem;
  padding: 0.5rem 0  ;
  overflow: hidden;
}
.personal .main .content .con-video {
  position: relative;
  width: 2rem;
  height: 2rem;
  border-radius: 10px;
  overflow: hidden;
  margin: 0.95rem 0.75rem;
}
.personal .main .content .con-video .con-img {
  width: 100%;
  height: 100%;
}
.personal .main .content .con-video:after {
  z-index: 999;
  position: absolute;
  left: 0;
  top: 0;
  width: 2rem;
  height: 2rem;
  content: "";
  border-radius: 0.3rem;
  background: url(../images/videoplay.png) no-repeat center rgba(0, 0, 0, 0.5);
  background-size: 70% auto;
}
.personal .main .content p.con-voice {
  background: url(../images/pstion_yuying.png) 0 0.6rem no-repeat;
  background-size: 0.45rem auto;
  min-height: 2.2rem;
}
.personal .main .content p.con-infs {
  padding-left: 2rem;
  padding-right: 1.4rem;
  vertical-align: middle;
  border-bottom: 0;
}
.personal .main .content p.con-infs:nth-of-type(2) {
  background: url(../images/gr_1.png) 0 center no-repeat;
  background-size: 0.875rem auto;
}
.personal .main .content p.con-infs:nth-of-type(3) {
  background: url(../images/gr_2.png) 0 center no-repeat;
  background-size: 0.875rem auto;
}
.personal .main .content p.con-infs:nth-of-type(4) {
  background: url(../images/gr_3.png) 0 center no-repeat;
  background-size: 0.875rem auto;
}
.personal .main .content p.con-infs:nth-of-type(5) {
  background: url(../images/gr_4.png) 0 center no-repeat;
  background-size: 0.875rem auto;
}
.personal .main .content p.con-infs:nth-of-type(6) {
  background: url(../images/gr_5.png) 0 center no-repeat;
  background-size: 0.875rem auto;
}
.personal .main .content p.con-h1 {
  display: -webkit-flex;
}
.personal .main .content p.con-h1 .con-h1-msg {
  display: inline-block;
  height: 100%;
  width: 100%;
}
.personal .main .content .con-voice-img {
  width: 3.35rem;
  height: auto;
  vertical-align: middle;
  margin: 0 .5rem 0 1.1rem ;
}
.personal .main .content .voice-time {
  font: 0.75rem / 1.05rem "";
  color: #666;
  vertical-align: middle;
}
.personal .main .content .con-autograph {
  border: 0;
  font: 0.65rem/1.125rem "";
  color: #000;
  margin: 0 0.75rem;
  padding-left: 1.525rem;
  background: url(../images/icon_qm.png) 0 center no-repeat;
  background-size: 0.75rem auto;
}
.personal .main .content p.con-friends img {
  width: 2rem;
  height: 2rem;
  float: right;
  border-radius: 0.15rem;
  margin-left: 0.5rem;
}
.personal .main .content p.con-friends {
	padding-right: 10%;
	position: relative;
}
.personal .main .content p.con-friends i{
	position: absolute;
	right: 0;
	top: 1rem;
	display: inline-block;
	width: 0.5rem;
	height: 0.87rem;
	background: url(../images/icon_jt.png) no-repeat;
	background-size: 100% 100%;
}
.personal .main .content .friends-font {
  padding-left: 1.55rem;
  background: url(../images/icon_pyq.png) 0 center no-repeat;
  background-size: 0.775rem auto;
  font: 0.65rem/2rem "";
  float: left;
}
.personal .main .content p.con-gift {
  position: relative;
}
.personal .main .content a.con-gift-a {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1.35rem;
  padding: 0.39rem 0.75rem;
  color: #999;
}
.personal .main .content p.con-gift-p {
  display: none;
  padding-top: 0.25rem;
}
.personal .main .content p.con-gift-p .con-h1-left {
  display: block;
  width: 100%;
  color: #333;
  font: 0.7rem/2 "";
  padding-right: 0.7rem;
  margin-top: 0.2rem;
}
.personal .main .content p.con-gift-p .giftimg-div {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  font: 0.55rem/1.2 "";
  width: 100%;
  color: #333;
  height: 2rem;
  margin-bottom: .5rem;
}
.personal .main .content p.con-gift-p .gift {
  display: inline-block;
  width: 24%;
  height: 2.975rem;
  text-align: center;
  border-radius: 0.38rem;
  line-height: 0;
  margin-top: 0.5rem;
}
.personal .main .content p.con-gift-p .gift .giftimg {
  max-height: 2rem;
  max-width: 50%;
  vertical-align: middle;
}
.personal .main .content p.con-gift-p .gift em {
  width: 100%;
  color: #666;
  font: 0.5rem / 1.5 "";
}
.personal .main .content p.con-gift-p .gift span.text {
  display: block;
  font: 0.55rem/1.5 "";
  width: 100%;
  color: #333;
}
.personal .main .content p.con-biaoqian,
.personal .main .content p.con-lick,
.personal .main .content .con-xingqu {
  padding-left: 1.525rem;
  background: url(../images/biaoqian.png) 0 0.8rem no-repeat;
  background-size: 0.85rem auto;
  border-bottom: 0;
}
.personal .main .content p.con-biaoqian a,
.personal .main .content p.con-lick a,
.personal .main .content .con-xingqu a {
  display: inline-block;
  background: rgba(255, 133, 188, 0.6);
  color: #fff;
  font: 0.55rem / 1.05rem "";
  padding: 0.1rem 0.6rem 0.2rem 0.6rem;
  margin-right: 0.25rem;
  margin-bottom: .25rem;
  border-radius: 0.2rem;
}
.personal .main .content p.con-lick {
  background: transparent;
}
.personal .main .content p.con-lick a {
  background: rgba(19, 100, 13, 0.6);
}
.personal .main .content .con-xingqu,
.personal .main .content .con-biaoqian {
  min-height: 2.2rem;
}
.personal .main .content p.con-lick:nth-of-type(2) {
  background: url(../images/xingqu.png) 0 0.8rem no-repeat;
  background-size: 0.85rem auto;
  margin-bottom: -0.5rem;
  padding-top: .65rem;
}
.personal .main .content p.con-xingqu-run {
  background: url(../images/paobu.png) 0 0.8rem no-repeat;
  background-size: 0.85rem auto;
}
.personal .main .content p.con-xingqu-run a {
  background: rgba(134, 95, 243, 0.6);
}
.personal .main .content p.con-xingqu-music {
  background: url(../images/yingyue.png) 0 0.8rem no-repeat;
  background-size: 0.85rem auto;
}
.personal .main .content p.con-xingqu-music a {
  background: rgba(237, 92, 92, 0.6);
}
.personal .main .content p.con-xingqu-foot {
  background: url(../images/foot.png) 0 0.8rem no-repeat;
  background-size: 0.85rem auto;
}
.personal .main .content p.con-xingqu-foot a {
  background: #d5c32c;
}
.personal .main .content p.con-xingqu-dianying {
  background: url(../images/dianying.png) 0 0.8rem no-repeat;
  background-size: 0.85rem auto;
}
.personal .main .content p.con-xingqu-dianying a {
  background: #2e337a;
}
.personal .main .content p.con-xingqu-lvxing {
  background: url(../images/lvxing.png) 0 0.8rem no-repeat;
  background-size: 0.85rem auto;
}
.personal .main .content p.con-xingqu-lvxing a {
  background: #3c73ef;
}
.personal .main .content p.con-xingqu-book {
  background: url(../images/shu.png) 0 0.8rem no-repeat;
  background-size: 0.85rem auto;
}
.personal .main .content p.con-xingqu-book a {
  background: #ef813e;
}
.personal .main .contentlast {
  border-bottom: 0;
}
.personal footer.footer {
  z-index: 999;
  position: fixed;
  bottom: .5rem;
  left: 0;
  width: 100%;
  padding: 0 0.73rem;
  overflow: hidden;
}
.personal footer.footer a.footer-addfriend,
.personal footer.footer a.footer-love {
  display: block;
  width: 4rem;
  height: 4rem;
  background-repeat: no-repeat;
  background-position: center;
}
.personal footer.footer a.footer-addfriend {
  float: left;
  background-size: 3.45rem 3.15rem;
  background-image: url(../images/icon_addfriend0.png);
}
.personal footer.footer .footer-addfriend.active {
  background-image: url(../images/icon_addfriend.png);
}
.personal footer.footer a.footer-love {
  float: right;
  background-size: 3.45rem 3.3rem;
  background-image: url(../images/icon_love0.png);
}
.personal footer.footer .footer-love.active {
  background-image: url(../images/icon_love.png);
}
/*******个人主页**end*/
/*******投诉*star*/
.complaint header.mui-bar {
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.complaint .mui-scroll-wrapper {
  background-color: #fff;
}
.complaint .complaint-text {
  margin: 0 5%;
  width: 90%;
  min-height: 9.6rem;
  padding: 0.75rem;
  border: 0;
  font-size: 0.7rem;
  background-color: #F5F5F5;
  -moz-user-select: text;
  -webkit-user-select: text;
}
.complaint .complaint-text .face-bq {
  max-width: 1.25rem;
  max-height: 1.5rem;
  margin: 0 .1rem;
  vertical-align: middle;
}
.complaint .complaint-text div {
  float: left;
}
.complaint .title {
  padding: .6rem 5%  .6rem 5%;
  font: 0.75rem / 1.5 "";
  color: #333;
}
.complaint .complaint-text.active:before {
  color: #999;
  float: left;
  content: "这一刻的想法...";
}
.complaint .complaint-img-box {
  padding: 0 5% 0 5%;
  line-height: 0;
}
.complaint .complaint-img-box li {
  position: relative;
  display: inline-block;
  width: 3.69rem;
  height: 3.69rem;
  margin-right: 0.7rem;
  margin-bottom: 0.7rem;
}
.complaint .complaint-img-box li .complaint-add video {
  width: 100%;
  height: 100%;
}
.complaint .complaint-img-box li .complaint-img {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: .3rem;
  overflow: hidden;
}
.complaint .complaint-img-box li .complaint-img img,
.complaint .complaint-img-box li .complaint-img video {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.complaint .complaint-img-box li .complaint-add {
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: .3rem;
  background: url(../images/icon_jia01.png) no-repeat center #f5f5f5;
  background-size: 1.4rem auto;
}
.complaint .complaint-img-box li i.close {
  position: absolute;
  top: -0.8rem;
  right: -0.8rem;
  padding: 0.95rem;
  background: url(../images/icon_sc.png) center no-repeat;
  background-size: 0.95rem auto;
}
.complaint .complaint-img-box li:nth-of-type(4n) {
  margin: 0;
}
.complaint .shu {
  text-align: end;
  margin-right: 5%;
  font: 0.7rem / 1.2 "";
}
.complaint .but {
  text-align: center;
  padding: 3.925rem 0 2.5rem 0;
}
.complaint .but .rdntn {
  width: 13rem;
  height: 2rem;
}
/*******投诉**end*/
/*******预约认证*star*/
.orderapprove .mui-scroll-wrapper {
  background-color: #fff;
}
.orderapprove .complaint-h1 {
  display: -webkit-flex;
  justify-content: space-between;
  border-bottom: 1px solid #E6E6E6;
  padding: 0 0.75rem;
}
.orderapprove .complaint-h1 .complaint-title {
  font: 0.7rem/2.1rem "";
  color: #333;
}
.orderapprove .complaint-h1 input {
  font: 0.7rem/2.1rem "";
  border: 0;
  width: 50%;
  text-align: end;
}
.orderapprove .complaint-h1 input::-webkit-input-placeholder {
  color: #999;
}
.orderapprove .complaint-img-title {
  font: 0.7rem/2.1rem "";
  color: #333;
  padding: 0 0.75rem;
}
.orderapprove .but {
  padding: 2.5rem 0 2.5rem 0;
  text-align: center;
}
.orderapprove .but .rdntn {
  width: 15rem;
  height: 2rem;
}
.orderapprove .complaint-img-box {
  width: 100%;
  padding-left: 0.7rem;
  line-height: 0;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid #e6e6e6;
}
.orderapprove .complaint-img-box .complaint-img {
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
}
.orderapprove .complaint-img-box li {
  position: relative;
  display: inline-block;
  width: 5.25rem;
  height: 5.25rem;
  margin-right: 0.7rem;
  margin-bottom: 0.7rem;
}
.orderapprove .complaint-img-box li i.close {
  position: absolute;
  top: -0.8rem;
  right: -0.8rem;
  padding: 0.95rem;
  background: url(../images/icon_sc.png) center no-repeat;
  background-size: 0.625rem auto;
}
.orderapprove .complaint-img-box li img {
  width: 100%;
  height: 100%;
}
.orderapprove .complaint-img-box li .complaint-shu {
  position: absolute;
  bottom: 1.35rem;
  left: 0;
  display: block;
  width: 100%;
  font-size: 0.7rem;
  color: #ccc;
}
/*******预约认证**end*/
/*******朋友圈*star*/
.circlefriends {
  position: relative;
}
.circlefriends .pls-img-look .mui-slider-item a {
  text-align: center;
}
.circlefriends #video {
  max-width: 100%;
  max-height: 100%;
}
.circlefriends .mui-scroll-wrapper {
  background-color: #fff;
}
.circlefriends .newmsg {
  display: none;
  width: 100%;
  height: 4.75rem;
  border-bottom: 1px solid #E6E6E6;
  padding-top: 2rem;
}
.circlefriends .newmsg .newmsg-box {
  display: block;
  margin: 0 auto;
  width: 9rem;
  height: 2.3rem;
  background-color: #383939;
  border-radius: .3rem;
}
.circlefriends .newmsg .newmsg-img {
  float: left;
  margin: 0.25rem;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 0.2rem;
}
.circlefriends .newmsg .newmsg-span {
  float: left;
  width: 5rem;
  text-align: center;
  color: #fff;
  font: 0.7rem / 2.3rem "";
}
.circlefriends .newmsg .new-i {
  float: right;
  width: 1.5rem;
  height: 100%;
  background: url(../images/newmsg_left.png) center no-repeat;
  background-size: 0.35rem 0.55rem;
}
.circlefriends .title-header {
  position: relative;
  width: 100%;
  height: 12.8rem;
  overflow: hidden;
}
.circlefriends .title-header .title-bg {
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: 100% auto;
  width: 100%;
  height: 100%;
}
.circlefriends .title-header .user-inf {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: .75rem;
  display: flex;
  display: -webkit-flex;
  align-items: center;
}
.circlefriends .title-header .my-name {
  color: #fff;
  font: 0.8rem;
  margin-left: .75rem;
}
.circlefriends .user-img-box,
.circlefriends .my-img-box {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  border: 1px solid #fff;
  overflow: hidden;
}
.circlefriends .user-img-box {
  margin: .77rem;
}
.circlefriends .my-img,
.circlefriends .user-img {
  width: 100%;
  min-height: 100%;
}
.circlefriends .user-img[src=''],
.circlefriends .my-img[src=''] {
  opacity: 0;
}
.circlefriends .title-header .my-img {
  margin: 0;
}
.circlefriends .main .list {
  position: relative;
  display: flex;
  display: -webkit-flex;
}
.circlefriends .main .list .list-text {
  flex: 1;
  line-height: 0;
}
.circlefriends .main .list .list-text .user-name {
  width: 8rem;
  height: 2rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font: 0.8rem / 1.25rem "";
  color: #333;
  padding-top: 0.77rem;
}
.circlefriends .main .list .list-text .user-text-box,
.circlefriends .main .list .list-text .user-text {
  font: 0.7rem/1.5 "";
  color: #666;
  padding-right: 2.875rem;
  margin-top: .2rem;
  margin-bottom: 0.4rem;
}
.circlefriends .main .list .list-text .user-text {
  width: 100%;
  overflow: hidden;
  text-overflow: clip;
  display: -webkit-inline-box;
  -webkit-box-orient: vertical;
}
.circlefriends .main .list .list-text .user-img-big {
  width: 100%;
  overflow: hidden;
}
.circlefriends .main .list .list-text .user-img-big img {
  max-width: 100%;
}
.circlefriends .main .list .list-text .vdio-imgbox {
  width: 7rem;
  position: relative;
  text-align: center;
}
.circlefriends .main .list .list-text .user-img-big-adm {
  width: 12.5rem;
  height: 7rem;
  overflow: hidden;
  text-align: center;
}
.circlefriends .main .list .list-text .user-img-big-adm img {
  height: 100%;
}
.circlefriends .main .list .list-text .user-img-smo {
  display: inline-block;
  width: 100%;
  overflow: hidden;
}
.circlefriends .main .list .list-text .user-img-smo img,
.circlefriends .main .list .list-text .user-img-smo video {
  float: left;
  width: 3.95rem;
  height: 3.95rem;
  border-radius: 0.3rem;
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
}
.circlefriends .main .list .list-text .user-link {
  padding-top: 1rem;
  display: flex;
  display: -webkit-flex;
  position: relative;
}
.circlefriends .main .list .list-text .user-link-a {
  display: inline-block;
  margin-right: 0.5rem;
  width: 5rem;
  height: 1.75rem;
  background-color: #f5f5f5;
  text-align: center;
  border-radius: 0.3rem;
}
.circlefriends .main .list .list-text .comment,
.circlefriends .main .list .list-text .like {
  padding-left: 1.125rem;
  line-height: 1.75rem;
  color: #999;
  font-size: 0.7rem;
  background-image: url(../images/icon_pl01.png);
  background-size: 0.75rem auto;
  background-position: 0 center;
  background-repeat: no-repeat;
}
.circlefriends .main .list .list-text .like {
  background-image: url(../images/icon_aixin0.png);
}
.circlefriends .main .list .list-text .user-link-a-onlike .like {
  background-image: url(../images/icon_aixin1.png);
}
.circlefriends .main .list .list-text .user-link-menu {
  position: absolute;
  right: 0.45rem;
  top: 1rem;
  padding: 0.925rem;
  background: url(../images/icon_caidan.png) center no-repeat;
  background-size: auto 0.925rem;
}
.circlefriends .main .list .list-text .showall {
  display: block;
  font: 0.7rem / 1.2 "";
  color: #d93b2a;
  padding-bottom: 0.4rem;
}
.circlefriends .main .list .adm-box {
  position: absolute;
  top: .7rem;
  right: 0.77rem;
}
.circlefriends .main .list .time {
  float: right;
  display: block;
  font-size: 0.6rem;
  line-height: 1.1rem;
  color: #999;
  padding-left: .5rem;
}
.circlefriends .main .list .adm {
  float: right;
  display: block;
  font-size: 0.6rem;
  width: 2.5rem;
  line-height: 1.5;
  height: 1.15rem;
  border: 1px solid #999;
  color: #999;
  border-radius: .1rem;
  text-align: center;
}
.circlefriends .main .list .adm .adm-em {
  display: inline-block;
  width: 0.38rem ;
  height: 0.25rem;
  background: url(../images/admxiala.png) 0 0 no-repeat;
  background-size: 100%;
  margin-left: .2rem;
}
.circlefriends .main .like-box {
  position: relative;
  margin-top: 1.5rem;
  overflow: hidden;
  background: url(../images/icon_aixin1.png) 1.5rem 0.7rem #e6e6e6 no-repeat;
  background-size: 0.75rem auto;
  padding: 0 3rem 0 3.5rem;
  line-height: 0;
  height: 2rem;
  min-height: 2rem;
}
.circlefriends .main .like-box .mui-icon {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1.35rem;
  padding: 0.3rem 0.75rem;
  color: #999;
}
.circlefriends .main .like-img {
  float: left;
  overflow: hidden;
  text-align: center;
  margin: .25rem .25rem;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
}
.circlefriends .main .like-img img {
  width: 100%;
  min-height: 100%;
}
.circlefriends .main .like-talking {
  display: none;
  background-color: #e6e6e6 ;
}
.circlefriends .main .like-talking .like-talk {
  overflow: hidden;
}
.circlefriends .main .like-talking .like-talk .like-img {
  float: left;
  margin: 0.45rem 1rem;
}
.circlefriends .main .like-talking .like-talk .talkname {
  color: #333;
}
.circlefriends .main .like-talking .like-talk .talkname .color {
  color: #ff3333;
}
.circlefriends .main .like-talking .like-talk .talktext {
  float: left;
  word-wrap: break-word;
  width: 14.5rem;
  padding: 0.7rem 0.8rem 0.7rem 0;
  font: 0.7rem/1.5 "";
  color: #666;
  border-top: 1px solid #ccc ;
}
.circlefriends .main .like-talking .like-talk .talktext .talktext-bq {
  width: 0.925rem;
  height: auto;
  vertical-align: middle;
}
.circlefriends .main .like-talking .like-talk .talktext .face-bq {
  width: 1.25rem;
  height: auto;
  min-height: 1.25rem;
  vertical-align: middle;
  margin: 0 .1rem;
}
.circlefriends .main .like-talking .like-talk .talktext .face-img {
  width: 2rem;
  height: auto;
  vertical-align: middle;
}
.circlefriends .main .like-talking .like-talk:first-child {
  border-top: 1px solid #ccc ;
}
.circlefriends .main .like-talking .like-talk:first-child .talktext {
  border-top: 0;
}
.circlefriends .main .like-talking .like-talk:first-child .talkname {
  border-top: 0;
}
.circlefriends .user-text .face-bq {
  width: 1.25rem;
  height: auto;
  vertical-align: middle;
  margin: 0 .1rem;
}
.circlefriends .user-img-big {
  position: relative;
}
.circlefriends .user-img-big .user-img-video {
  background-size: 2.5rem auto!important;
}
.circlefriends .footer {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2.25rem;
  transition: opacity 300ms linear;
  -webkit-transition: opacity 300ms linear;
}
.circlefriends .dialogue {
  z-index: 99999;
  position: fixed;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  height: auto;
  background-color: #f8f8f8;
}
.circlefriends .dialogue .foot-link-box {
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
}
.circlefriends .dialogue .dialogue-input {
  font-size: 0.7rem;
  background: inherit;
}
.circlefriends .dialogue .chat-val-box {
  width: 12.7rem;
  border: 0;
  margin: .5rem .52rem;
}
.circlefriends .dialogue .dialogue-input.dialogues:before {
  color: #ccc;
  content: attr(data-content);
}
.circlefriends .dialogue .face {
  float: left;
  margin: .5rem 0;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background: url(../images/icon_sml.png) no-repeat 0 0;
  background-size: contain ;
}
.circlefriends .dialogue .dialogue-btn {
  float: left;
  display: inline-block;
  margin: .5rem 0 .5rem  0.6rem;
  width: 2.225rem;
  color: #fff;
  font: 0.6rem / 1.5rem "";
  text-align: center;
  background-color: #d93b2a;
  border-radius: 0.3rem;
}
.circlefriends header.header-color .camera,
.circlefriendsimg header.header-color .header-menu,
.myfriends header.header-color .header-menu {
  z-index: 9999;
  padding: 1.1rem;
  margin-right: -0.2rem;
  background: url(../images/icon_zxj00.png) no-repeat center;
  background-size: 0.95rem auto;
}
/*******朋友圈**end*/
/*******发朋友圈*star*/
.friendpicture .circlefriends {
  overflow: hidden;
}
.friendpicture .main {
  margin-bottom: 2rem;
}
.friendpicture .complaint-text {
  background-color: transparent;
  margin: 0;
  width: 100%;
  min-height: 11.5rem;
  padding: 0.75rem;
  border: 0;
  font-size: 0.8rem;
  -moz-user-select: text;
  -webkit-user-select: text;
  overflow-y: scroll;
}
.friendpicture .complaint-img-box li .complaint-add {
  background: transparent;
}
.friendpicture .complaint-img-box li .complaint-add img {
  width: 100%;
  height: 100%;
}
.friendpicture .complaint-img-box {
  border: 0;
  display: none;
  margin-top: 1rem;
}
.friendpicture .complaint-img-box li i.close {
  background: url(../images/icon_sc2.png) center no-repeat;
  background-size: 0.95rem auto;
  z-index: 9999;
}
.friendpicture .see {
  margin-left: 0.75rem;
  padding: 0.2rem 0.5rem 0.2rem 0.5rem;
  font: 0.6rem / 1.5 "";
  border-radius: 0.8rem;
  background-color: #cecece;
  color: #fff;
}
.friendpicture .active.see {
  background-color: #d93b2a;
}
.friendpicture .complaint-btn {
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  font: 0.75rem / 2.2rem "";
  padding: 0 0.5rem;
}
.friendpicture .dialogue {
  display: block;
}
.friendpicture .dialogue .face {
  margin: .5rem 0.75rem;
}
.friendpicture video.add {
  width: auto!important;
  height: auto!important;
}
.friendpicture .complaint-img-video,
.circlefriends .user-img-big .user-img-video {
  z-index: 999;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/videoplay.png) no-repeat center rgba(0, 0, 0, 0.5);
  background-size: 1.5rem auto;
}
/*******发朋友圈**end*/
/*******朋友圈图片预览*star*/
.myfriends header.header-color .header-menu {
  background: url(../images/icon_caidan.png) no-repeat center;
  background-size: auto 0.9rem;
}
.circlefriendsimg header.header-color .header-menu {
  background: url(../images/icon_caidan1.png) no-repeat center;
  background-size: auto 0.9rem;
}
.circlefriendsimg .menu-click,
.myfriends .menu-click {
  z-index: 99999;
  display: none;
  position: fixed;
  right: 0.5rem;
  top: 0.3rem;
  min-width: 9.6rem;
  background-color: #fff;
  border-radius: 0.3rem;
}
.circlefriendsimg .menu-click .menu-click-text,
.myfriends .menu-click .menu-click-text {
  font: 0.9rem/2.075rem "";
  color: #333;
  padding: 0 0.75rem;
}
.circlefriendsimg {
  display: none;
  z-index: 99;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}
.circlefriendsimg .mui-scroll-wrapper {
  background-color: #000;
}
.circlefriendsimg header.header-color {
  display: none;
  background-color: rgba(0, 0, 0, 0.6);
}
.circlefriendsimg header.mui-bar .mui-icon,
.circlefriendsimg header.mui-bar .mui-title {
  color: #FFFFFF;
}
.circlefriendsimg .mui-bar-nav ~ .mui-content,
.circlefriendsimg .mui-bar-nav ~ .mui-content > .mui-scroll-wrapper {
  padding: 0;
}
.circlefriendsimg .mui-slider {
  height: 100vh !important;
  background-color: #000 !important;
  display: block!important;
}
.circlefriendsimg .mui-slider .mui-slider-group {
  height: 100%;
}
.circlefriendsimg .mui-slider .mui-slider-group a {
  width: 100vw;
  height: 100%;
  position: relative;
}
.circlefriendsimg .mui-slider .mui-slider-group img,
.circlefriendsimg .mui-slider .mui-slider-group video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  max-height: 100%;
  max-width: 100%;
}
.circlefriendsimg footer.friendsimg-footer {
  z-index: 9999;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0.75rem 0.9rem;
}
.circlefriendsimg footer.friendsimg-footer .footer-text {
  font: 0.7rem/1.5 "";
  color: #fff;
}
.circlefriendsimg footer.friendsimg-footer .btn-like,
.circlefriendsimg footer.friendsimg-footer .btn-talk {
  width: 5rem;
  background-color: #242424;
  border-radius: 0.3rem;
  text-align: center;
}
.circlefriendsimg footer.friendsimg-footer .btn-i {
  display: inline-block;
  float: right;
}
.circlefriendsimg footer.friendsimg-footer .talk,
.circlefriendsimg footer.friendsimg-footer .like,
.circlefriendsimg footer.friendsimg-footer .i-talk,
.circlefriendsimg footer.friendsimg-footer .i-like {
  padding-left: 1.125rem;
  font: 0.7rem / 1.75rem "";
  color: #999;
  background-position: 0 center ;
  background-repeat: no-repeat;
  background-size: 0.75rem auto;
}
.circlefriendsimg footer.friendsimg-footer .talk {
  background-image: url(../images/icon_pl01.png);
}
.circlefriendsimg footer.friendsimg-footer .i-talk {
  color: #fff;
  background-position: 0.2rem center ;
  background-image: url(../images/icon_pl.png);
}
.circlefriendsimg footer.friendsimg-footer .like {
  background-image: url(../images/icon_dz3.png);
}
.circlefriendsimg footer.friendsimg-footer .onlike .like {
  background-image: url(../images/icon_dz1.png);
}
.circlefriendsimg footer.friendsimg-footer .i-like {
  color: #fff;
  background-position: 0.25rem center ;
  background-image: url(../images/icon_dz0.png);
}
.circlefriendsimg footer.friendsimg-footer .ft-bottom {
  display: none;
  overflow: hidden;
}
.popover-img,
.myfriends .popover {
  background: 0;
}
/*******朋友圈图片预览**end*/
/*******我的朋友圈*star*/
.myfriends .main {
  padding: 0.55rem 0;
}
.myfriends .main .inf {
  display: flex;
  display: -webkit-flex;
  padding: 0.55rem 1.175rem;
}
.myfriends .main .inf .inf-time {
  margin-right: 0.8rem;
  padding-top: 0.375rem;
  width: 1.55rem;
  text-align: center;
}
.myfriends .main .inf .inf-time p.inf-time-text {
  color: #333;
  font: 600 0.8rem / 1.5 "";
}
.myfriends .main .inf .inf-time span.inf-time-text {
  color: #666;
  font: 0.7rem/1.2 "";
}
.myfriends .main .inf .inf-msg {
  flex: 1;
  -webkit-flex: 1;
  position: relative;
  display: flex;
  display: -webkit-flex;
}
.myfriends .main .inf .inf-msg .inf-img {
  width: 4.75rem;
  height: 4.75rem;
  overflow: hidden;
}
.myfriends .main .inf .inf-msg .inf-video:before {
  z-index: 999;
  position: absolute;
  left: 0;
  top: 0;
  width: 4.75rem;
  height: 4.75rem;
  content: "";
  border-radius: 0.3rem;
  background: url(../images/videoplay.png) no-repeat center rgba(0, 0, 0, 0.5);
  background-size: 2rem auto;
}
.myfriends .main .inf .inf-msg .img-first img,
.myfriends .main .inf .inf-msg .img-second img,
.myfriends .main .inf .inf-msg .img-thirdly img,
.myfriends .main .inf .inf-msg .img-last img {
  margin-top: 0.2rem;
  margin-left: 0.2rem;
  float: left;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 0.3rem;
}
.myfriends .main .inf .inf-msg .img-second img:first-child,
.myfriends .main .inf .inf-msg .img-thirdly img {
  height: 4.4rem;
}
.myfriends .main .inf .inf-msg .img-last img {
  width: 100%;
  height: 100%;
  margin: 0;
}
.myfriends .main .inf .inf-msg .img-null {
  display: none;
}
.myfriends .main .inf .inf-msg .inf-text {
  flex: 1;
  -webkit-flex: 1;
  position: relative;
  padding-left: 0.6rem;
  font: 0.7rem / 1.25rem "";
}
.myfriends .main .inf .inf-msg .inf-text .inf-text-p {
  text-overflow: clip;
  display: -webkit-inline-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #666;
}
.myfriends .main .inf .inf-msg .inf-text p.pages {
  position: absolute;
  bottom: 0;
  left: 0.6rem;
  color: #999;
}
.myfriends .main .inf .inf-msg .inf-text-p-null {
  padding: .5rem 0.75rem 0.75rem 0.75rem;
  border-radius: 0.3rem;
  background-color: #F5F5F5;
}
/*******我的朋友圈**end*/
/*******详情*star*/
.particulars .main .like-talking {
  display: block;
}
.particulars .main .like-talking .face-bq {
  width: 1.25rem;
  height: auto;
  vertical-align: middle;
}
.particulars header.mui-bar {
  border-bottom: 1px solid #ccc;
}
.particulars .chat-val.dialogues {
  color: #ccc!important;
}
.pls-img-look {
  display: none;
  z-index: 99999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #000!important;
}
.pls-img-look .mui-slider-group {
  height: 100%;
}
.pls-img-look .mui-slider-item {
  height: 100%;
  background-color: #000;
}
.pls-img-look .mui-slider-item a {
  position: absolute;
  display: block;
  max-width: 100%;
  max-height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.pls-img-look .mui-slider-indicator {
  bottom: 1.5rem;
}
.particulars .circlefriendsimg header.mui-bar {
  border-bottom: 0;
}
/*******详情**end*/
/*******会员中心**start*/
.membercenter {
  position: relative;
}
.membercenter header.mui-bar {
  border-bottom: 1px solid #ccc;
}
.membercenter .mui-content {
  background: #fff;
}
.membercenter .mui-content .content-title {
  box-sizing: border-box;
  padding: 0 0.75rem;
  border-bottom: solid 0.5rem #f5f5f5;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  width: 100%;
  height: 4.5rem;
  background: #fff;
}
.membercenter .mui-content .content-title img {
  width: 3.3rem;
  height: 3.3rem;
  border-radius: 50%;
}
.membercenter .mui-content .content-title img[src=''] {
  opacity: 0;
}
.membercenter .mui-content .content-title .ovmoney {
  margin-top: .1rem;
  color: #666;
  font-size: 0.7rem;
}
.membercenter .mui-content .content-title .ovmoney .color {
  color: #d93b2a;
}
.membercenter .mui-content .content-title .title-right {
  padding-left: 0.6rem;
}
.membercenter .mui-content .content-title .title-right h3 {
  font-size: 0.9rem;
  color: #333;
}
.membercenter .mui-content .content-title .title-right p {
  margin-top: .1rem;
  font-size: 0.7rem;
  color: #666;
}
.membercenter .mui-content .content-title .title-right p span {
  padding: 0 0.25rem;
  color: #d93b2a;
}
.membercenter .mui-content .main {
  border-bottom: solid 0.5rem #F5F5F5;
  background: #fff;
}
.membercenter .mui-content .main h2 {
  box-sizing: border-box;
  padding: 0.75rem 0.75rem 1rem 0.75rem;
  font-size: 0.75rem;
  color: #333;
}
.membercenter .mui-content .main .main-ul {
  box-sizing: border-box;
  padding: 0 .5rem 0.75rem .8rem;
}
.membercenter .mui-content .main .main-ul li:last-child {
  margin-bottom: 0;
}
.membercenter .mui-content .main .main-ul li {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 0.75rem;
  margin-bottom: 0.5rem;
  width: 100%;
  height: 2.87rem;
  border: solid 1px #e6e6e6;
  border-radius: 0.5rem;
}
.membercenter .mui-content .main .main-ul .main-left h3 {
  font-size: 0.75rem;
  color: #333;
}
.membercenter .mui-content .main .main-ul .main-left p {
  font-size: 0.6rem;
  color: #999;
  padding-top: .2rem;
}
.membercenter .mui-content .main .main-ul .main-right span,
.membercenter .mui-content .main .main-ul .main-right {
  font-size: 0.8rem;
  color: #b56a24;
}
.membercenter .mui-content .main .main-ul .main-right em.money {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  background: url(../images/icon_jb.png) center no-repeat;
  background-size: 1.17rem auto;
  vertical-align: middle;
}
.membercenter .mui-content .main .main-ul .pitch {
  background-color: rgba(0, 0, 0, 0.31);
  box-shadow: 0px 10px 26px 0px rgba(0, 0, 0, 0.16);
}
.membercenter .mui-content .msg {
  margin: .5rem .8rem 3rem .8rem;
}
.membercenter .mui-content .msg .title {
  font: 0.8rem / 2 "";
  color: #333;
}
.membercenter .mui-content .msg .text {
  font: 0.7rem / 1.5 "";
  color: #666;
}
.membercenter footer {
  z-index: 9;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 2.25rem;
  background: #fff;
  border-top: solid 0.03rem #e6e6e6;
}
.membercenter footer .price {
  flex: 1;
  -webkit-flex: 1;
  text-align: center;
  font-size: 0.9rem;
}
.membercenter footer .price span,
.membercenter footer em.em-color {
  color: #d93b2a;
}
.membercenter footer button.btn {
  width: 7.5rem;
  height: 100%;
  font-size: 0.9rem;
  color: #fff;
  background: #d93b2a;
  border-radius: 0;
}
/*******会员中心**end*/
/*******我的账户**start*/
.notecase .mui-content{
	background: #FFFFFF;
	touch-action: none;
}
.notecase .m-999{
	height: 0.5rem;
}
.notecase .detailed-content{
	overflow: hidden;
    padding: 0 0.5rem;
    border-bottom: 1px solid #eee;
}
.detailed-content span:nth-child(1){
    line-height: 2rem;
    font-size: 0.8rem;
    color: #333333;
    float: left;
}
.detailed-content span:nth-child(2){
	float: right;
    line-height: 2rem;
    color: #999999;
}
.notecase .title-ul{
    overflow: hidden;
    z-index: 8;
    position: relative;
    border-bottom: 1px solid #eeeeee;
    background: #fff;
    margin: 0 0.5rem;
}
.notecase .title-ul>li{
    float: left;
    text-align: center;
    width: 50%;
    padding: 0 15%;
}
.notecase .title-ul>li>p{
	text-align: center;
    color: #333333;
    line-height: 2.25rem;
    font-size: 0.8rem;
}
.notecase .title-ul>li> .click{
	color: #E24333;
    border-bottom: 1px solid #E24333;
}
.notecase header.mui-bar {
  /*background-color: #ffffff;*/
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.notecase .mui-content .mui-scroll-wrapper {
  padding-top: 17rem;
  background-color: #fff;
}
.notecase .notecase-balance {
  width: 100%;
  height: 11rem;
  background-color: #fff;
  color: #d93b2a;
  position: relative;
  z-index: 8;
}
.notecase .notecase-balance .balance-title {
  text-align: center;
  font-size: 0.7rem;
  line-height: 2rem;
  color: #333;
}
.notecase .notecase-balance .price-content{
	background: url(../images/balance-num-bg.png) center no-repeat;
	background-size: 90% 110%;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	position: relative;
	overflow: hidden;
}
.price-content .center-line{
    width: 2px;
    background: #f5f5f5;
    height: 60%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 25%;
}
.price-content .price-left{
	width: 50%;
	text-align: center;
	float: left;
}
.price-left>img{
	width: 2rem;
	height: 2.22rem;
    vertical-align: bottom;
}
.price-left img.q-img{
    padding-bottom: 0.3rem;
}
.price-left p.word{
    font-size: 0.7rem;
    color: #333;
    margin: 0.2rem 0;
}
.price-left p.number{
    font-size: 1.4rem;
    color: #E24333;
    font-weight: 600;
}
.notecase .notecase-balance .balance-num {
  height: 4.55rem;
  margin: 0.5rem 1rem 0 1rem;
  overflow: hidden;
  background: url(../images/balance-num-bg.png) center center no-repeat;
  background-size: contain;
  text-align: center;
}
.notecase .notecase-balance .balance-num .balance {
  font-size: 2.5rem;
  margin-top: .7rem;
  display: inline-block;
}
.notecase .notecase-balance .balance-line{
	height: 1px;
	border-bottom: 1px solid #f5f5f5;
    margin: 0.5rem 0.5rem 0;
}
.notecase .notecase-balance .btns-recharge-withdraw {
  margin-top: 0.75rem !important;
  overflow: hidden;
  text-align: center;
  background: #e24333;
  border-radius: 1.5rem;
  width: 80%;
  margin: 0 auto;
  line-height: 1.8rem;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.41);
}
.notecase .notecase-balance .btns-recharge-withdraw a {
  color: #eee;
  font-size: 0.8rem;
  padding: 0.4rem 0;
}
.notecase .notecase-msg {
  width: 100%;
  position: relative;
  z-index: 10;
  background-color: #F5F5F5;
  border-top: solid 0.5rem #f5f5f5;
}
.notecase .notecase-msg .msg-title {
  font-size: 0.8rem;
  color: #333;
  padding: .5rem .75rem;
  background-color: #fff;
}
.notecase .notecase-msg-title {
  width: 100%;
  height: 1.25rem;
  position: relative;
  z-index: 10;
}
.notecase .notecase-msg-list {
  width: 100%;
  background-color: #fff;
}
.notecase .notecase-msg-list th {
  height: 1.25rem;
  line-height: 1.25rem;
  background-color: #f4f4f4;
  font-size: 0.6rem;
  color: #999;
}
.notecase .notecase-msg-list td {
  font-size: 0.7rem;
  padding: 0.75rem 0;
  color: #666;
}
.notecase .notecase-msg-list .msg-item {
  border-bottom: 1px solid #F4F4F4;
}
.notecase .notecase-msg-list .msg-item .item-middle {
  font-size: 0.6rem;
}
.notecase .notecase-msg-list .msg-item:last-child {
  border-bottom: 0;
}
.notecase .notecase-msg-list .item-left {
  text-align: left;
  padding-left: 1.25rem;
  width: 40%;
}
.notecase .notecase-msg-list .item-middle {
  text-align: center;
  width: 30%;
}
.notecase .notecase-msg-list .item-right {
  text-align: right;
  padding-right: 1.25rem;
  width: 30%;
}
.notecase .notecase-msg-list .red {
  color: #f33;
}
.notecase .notecase-msg-list .blue {
  color: #0cc;
}
/*******我的账户**end*/
/*******提现**start*/
.withdraw .cent {
  text-align: center;
}
.withdraw .mui-popup .mui-popup-text {
  text-align: start;
  margin-left: 10%;
  margin: .6rem 10%;
  line-height: 2;
  font-size: 0.8rem;
}
.withdraw header.header-color {
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.withdraw .withdraw-content {
  margin-bottom: 0.5rem;
  padding: 0.75rem 0 0 0;
  background-color: #fff;
}
.withdraw .withdraw-title {
  padding: 0 1.5rem;
  font-size: 0.8rem;
  line-height: 0.7rem;
  color: #666;
}
.withdraw .withdraw-money {
  padding: 0 1.5rem 0 1.5rem;
  margin-top: 0.65rem;
  font-size: 1.2rem;
  color: #333;
  line-height: 1;
  border-bottom: 1px solid #e5e5e5;
}
.withdraw .withdraw-money span {
  float: left;
  margin-top: 0.35rem;
}
.withdraw .withdraw-money .money {
  display: inline-block;
  margin-left: 0.7rem;
  width: 90%;
  font-size: 0.6rem;
  color: #333;
  border: none;
  line-height: 2rem;
  margin-bottom: 1px;
}
.withdraw .withdraw-money .money::-webkit-input-placeholder {
  color: #ccc;
}
.withdraw .table-view1 .table-view-cell-input {
  background: transparent;
  color: #fff;
  border: 0;
  margin-top: 1rem;
  padding: 0 .5rem;
}
.withdraw .table-view1 .table-view-cell-input::-webkit-input-placeholder {
  color: #E6E6E6;
}
.withdraw .withdraw-msg {
  padding: 0.4rem 1.5rem 0.6rem 1.5rem;
  font-size: 0.6rem;
  color: #666;
}
.withdraw .clue {
  color: #999;
}
.withdraw .payment {
  background: #fff;
}
.withdraw .payment h3,
.withdraw .payment h2 {
  padding: 0 0.75rem;
  font: 0.75rem/2.22rem "";
  color: #333;
  border-bottom: solid 2px #f2f2f2;
}
.withdraw .payment h2 {
  color: #666;
}
.withdraw .payment h2 em {
  float: right;
  font: 0.7rem / 2.22rem "";
}
.withdraw .payment a {
  display: block;
  padding-bottom: 0.75rem;
}
.withdraw .payment .name,
.withdraw .payment .cardid {
  float: right;
  border: 0;
  text-align: end;
  padding: 1.1rem 0;
  background: transparent;
}
.withdraw .payment .wechat-box {
  border-bottom: solid 1px #e5e5e5;
}
.withdraw .payment .alipay,
.withdraw .payment .wechat {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.65rem 1.45rem 0.65rem 3.05rem;
  font-size: 0.75rem;
  color: #333;
}
.withdraw .payment .alipay {
  background: url(../images/icon_zfb.png) no-repeat 1.5rem 0.68rem;
  background-size: 1rem auto;
}
.withdraw .payment .wechat {
  background: url(../images/icon_wx.png) no-repeat 1.5rem 0.68rem;
  background-size: 1rem auto;
}
.withdraw .payment .payment-radio {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  border: solid 1px #999;
  border-radius: 50%;
}
.withdraw .payment .payment-radio .checked {
  display: block;
  width: 7px;
  height: 7px;
  background-color: #d93b2a;
  border-radius: 50%;
}
.withdraw .payment input {
  margin-left: 1.52rem;
  width: 65%;
  height: 1.27rem;
  font-size: 0.7rem ;
  color: #000;
  border: none;
  border-bottom: solid 1px #f2f2f2;
}
.withdraw .payment input::-webkit-input-placeholder {
  color: #999;
}
.withdraw .bottom {
  padding-bottom: 1.25rem ;
  border-top: 0.5rem solid #F2F2F2;
}
.withdraw button {
  margin-top: 2.55rem;
  width: 80%;
  margin: 2.55rem 10% 0 10%;
  height: 1.87rem;
  font-size: 0.9rem;
  color: #fff;
  background: #ccc;
  box-shadow: -5px 8px 20px 0px rgba(0, 0, 0, 0.3);
  border-radius: 40px;
}
.withdraw .btn {
  background: #d93b2a;
}
.withdraw .useragrre {
  margin-top: 1.5rem;
  text-align: center;
  font: 0.6rem / 1.5 "";
}
.withdraw .useragrre .useragrre-p {
  color: #999;
}
.withdraw .useragrre .useragrre-a {
  display: inline-block;
  color: #00aaff;
}
.withdraw .useragrre .useragrre-em {
  display: inline-block;
  width: 0.65rem;
  height: 0.65rem;
  background: url(../images/fangkuang.png) 0 0 no-repeat;
  background-size: .65rem;
  margin: .05rem .3rem .1rem .3rem;
  vertical-align: middle ;
}
.withdraw .useragrre.active .useragrre-em {
  background: url(../images/fangkuang2.png) 0 0 no-repeat;
  background-size: .65rem;
}
/*******提现**end*/
/*******充值**start*/
.recharge header.header-color {
  /*background-color: #ffffff;*/
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.recharge .mui-content {
  background: #fff;
}
.recharge .mui-content .content {
  position: relative;
  border-bottom: solid 0.5rem #f2f2f2;
}
.recharge .mui-content .content .content-title {
  padding: 0 0.75rem;
}
.recharge .mui-content .content .content-title h3 {
  width: 100;
  font: 0.8rem/2.17rem "";
  color: #666;
  border-bottom: solid 1px #e5e5e5;
}
.recharge .mui-content .content .box {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.recharge .mui-content .content .box-top {
  width: 100%;
  font: 0.7rem/2.1rem "";
  color: #666;
  padding: 0 0.75rem;
}
.recharge .mui-content .content .price {
  position: relative;
  display: block;
  width: 100%;
  font: 0.7rem/2.3rem "";
  color: #333;
  border-bottom: 1px solid #d9d9d9;
  padding: 0 0.75rem 0 2.5rem;
  background: url(../images/icon_jb.png) 0.75rem center no-repeat;
  background-size: 0.9rem auto;
}
.recharge .mui-content .content .price:last-child {
  border-bottom: 0;
}
.recharge .mui-content .content .price .color-span {
  color: #d93b2a;
  padding-right: .3rem;
}
.recharge .mui-content .content .right-a {
  position: absolute;
  right: 0.75rem;
  top: 0;
  color: #333;
  font-size: .75rem;
}
.recharge .mui-content .content em.right-a {
  line-height: 2.3rem;
}
.recharge .mui-content .content .pitch em.right-a {
  color: #d93b2a;
}
.recharge .mui-content .content .pitch {
  background-color: #f8e2c3;
  box-shadow: 0px 1px 1px 0px  #cccccc;
}
.recharge .mui-content .content .import {
  height: 2.3rem;
  font-size: 0.7rem;
  color: #333;
  background: transparent;
  border: 0;
  text-align: end;
  line-height: none!important;
}
.recharge .mui-content .content .pitch .import {
  color: #d93b2a;
}
.recharge .mui-content .content .import::-webkit-input-placeholder {
  color: #ccc;
}
.recharge .mui-content .payment {
  background: #fff;
  margin-bottom: .3rem;
  overflow: hidden;
}
.recharge .mui-content .payment h3 {
  padding: 0.8rem 0.75rem 0.35rem 0.75rem;
  font-size: 0.75rem;
  color: #333;
}
.recharge .mui-content .payment a {
  position: relative;
  display: block;
  float: left;
  width: 45%;
  font: 0.9rem / 2.45rem "";
  color: #333;
  border: 1px solid #ccc;
  margin-left: 3%;
  margin-bottom: 0.75rem;
  text-align: center;
  overflow: hidden;
}
.recharge .mui-content .payment a em {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  vertical-align: text-top;
}
.recharge .mui-content .payment #alipay em {
  background: url(../images/icon_zfb2.png) no-repeat 0 center;
  background-size: 1rem auto;
}
.recharge .mui-content .payment #wechat em {
  background: url(../images/icon_wx2.png) no-repeat 0 center;
  background-size: 1rem auto;
}
.recharge .mui-content .payment #web em {
  background: url(../images/icon_web.png) no-repeat 0 center;
  background-size: 1rem auto;
}
.recharge .mui-content .payment .active {
  border: 1px solid #f24130;
}
.recharge .mui-content .payment .xuan {
  position: absolute;
  bottom: -0.5rem;
  right: -0.5rem;
  display: none;
  width: 1rem;
  height: 1rem;
  background-color: #f24130;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.recharge .mui-content .payment .gou {
  position: absolute;
  bottom: -0.15rem;
  right: -0.1rem;
  display: none;
  width: 0.5rem;
  height: .5rem;
  background: url(../images/icon_goun.png) no-repeat 0 0;
  background-size: .4rem;
}
.recharge .mui-content .payment .active .xuan,
.recharge .mui-content .payment .active .gou {
  display: block;
}
.recharge footer {
  z-index: 9;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  padding-left: 0.75rem;
  width: 100%;
  height: 2.25rem;
  background: #fff;
  border-top: solid 0.03rem #e6e6e6;
}
.recharge footer .price {
  font-size: 0.9rem;
}
.recharge footer .price span {
  color: #d93b2a;
}
.recharge footer button {
  width: 7.5rem;
  height: 100%;
  font-size: 0.9rem;
  color: #fff;
  background: #d93b2a;
  border-radius: 0;
}
.recharge .rdntn {
  width: 90%;
  margin: 1.6rem 5%;
  height: 2rem;
  background: #ccc;
}
.recharge .rdntn.color {
  background: #d93b2a;
}
/*******充值**end*/
/*******我的粉丝,我的关注,我的好友**start*/
.serchfd .mui-bar-nav ~ .mui-content,
.serchfd .mui-bar-nav ~ .mui-content > .mui-scroll-wrapper {
  padding-top: 4.7rem;
}
.serchfd header.mui-bar {
  /*background-color: #ffffff;*/
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.serchfd .serch {
  z-index: 9;
  position: absolute;
  left: 0;
  top: 2.2rem;
  width: 100%;
  height: 2.5rem;
  border-bottom: 1px solid #E6E6E6;
  background-color: #fff;
  padding: .5rem 5%;
}
.serchfd .serch-input {
  width: 100%;
  height: 1.5rem;
  border-radius: .3rem;
  border: 0;
  background-color: #F2F2F2;
}
.serchfd .active.serch .serch-input {
  text-align: start;
}
.serchfd .active.serch .search-em {
  left: 3rem;
}
.myfans header.mui-bar,
.attention header.mui-bar,
.myfriend header.mui-bar {
  /*background-color: #ffffff;*/
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.myfans .main,
.attention .main,
.myfriend .main {
  font-size: 0;
}
.myfans .mui-content,
.attention .mui-content,
.myfriend .mui-content {
  background: #fff;
}
.myfans .fold,
.attention .fold,
.myfriend .fold {
  width: 100%;
  border-bottom: solid 0.5rem #f5f5f5;
}
.myfans .fold-a,
.attention .fold-a,
.myfriend .fold-a {
  position: relative;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 0.75rem;
  width: 100%;
  height: 2.25rem;
  font-size: 0.55rem;
  color: #333;
}
.myfans .fold-a span,
.attention .fold-a span,
.myfriend .fold-a span {
  color: #d93b2a;
}
.myfans .fold-a i,
.attention .fold-a i,
.myfriend .fold-a i {
  position: absolute;
  right: 0.5rem;
  top: 0.4rem;
  padding: .45rem;
  font-size: 1rem;
  color: #999;
}
.myfans .fold-title,
.attention .fold-title,
.myfriend .fold-title {
  padding-right: 0.5rem;
  font: 0.8rem/1.5 "";
}
.myfans .fold-text,
.attention .fold-text,
.myfriend .fold-text {
  position: relative;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 0.75rem;
  height: 3.5rem;
  border-top: solid 1px #e6e6e6;
}
.myfans .fold-text img,
.attention .fold-text img,
.myfriend .fold-text img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}
.myfans .fold-text .box,
.attention .fold-text .box,
.myfriend .fold-text .box {
  padding-left: 0.5rem;
}
.myfans .mf-table-view-cell,
.attention .mf-table-view-cell,
.myfriend .mf-table-view-cell,
.myfans .shield,
.attention .shield,
.myfriend .shield,
.myfans .userphone,
.attention .userphone,
.myfriend .userphone,
.myfans .setfriend,
.attention .setfriend,
.myfriend .setfriend {
  position: relative;
  left: 0;
  box-sizing: border-box;
  padding: 0 0.75rem;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  height: 3.5rem;
  border-bottom: solid 1px #f5f5f5;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  transition: transform 350ms ;
  -webkit-transition: transform 350ms ;
}
.myfans .mf-table-view-cell .delect,
.attention .mf-table-view-cell .delect,
.myfriend .mf-table-view-cell .delect,
.myfans .shield .delect,
.attention .shield .delect,
.myfriend .shield .delect,
.myfans .userphone .delect,
.attention .userphone .delect,
.myfriend .userphone .delect,
.myfans .setfriend .delect,
.attention .setfriend .delect,
.myfriend .setfriend .delect {
  position: absolute;
  top: 0;
  right: -20%;
  width: 20%;
  height: 100%;
  background: url(../images/icon_delete2.png) center no-repeat;
  background-size: 0.65rem auto;
}
.myfans .mf-table-view-cell img,
.attention .mf-table-view-cell img,
.myfriend .mf-table-view-cell img,
.myfans .shield img,
.attention .shield img,
.myfriend .shield img,
.myfans .userphone img,
.attention .userphone img,
.myfriend .userphone img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}
.myfans .shield,
.attention .shield,
.myfriend .shield,
.myfans .userphone,
.attention .userphone,
.myfriend .userphone {
  margin-right: 1.2rem;
  margin-left: 0.75rem;
  padding-left: 0;
  border-bottom-color: #F5F5F5;
}
.myfans .shield .arrows,
.attention .shield .arrows,
.myfriend .shield .arrows,
.myfans .userphone .arrows,
.attention .userphone .arrows,
.myfriend .userphone .arrows {
  padding: .7rem;
  color: #d93b2a;
  font-size: 0.6rem;
}
.myfans .shield .user,
.attention .shield .user,
.myfriend .shield .user {
  font-size: .9rem;
}
.myfans .userphone .phone,
.attention .userphone .phone,
.myfriend .userphone .phone {
  font: 0.7rem / 1.5 "";
  color: #666;
}
.myfans .setfriend,
.attention .setfriend,
.myfriend .setfriend {
  width: 100%;
  height: 2.35rem;
  padding: 0 1rem;
}
.myfans .setfriend .img,
.attention .setfriend .img,
.myfriend .setfriend .img {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  margin: 0.425rem 0;
}
.myfans .setfriend .user,
.attention .setfriend .user,
.myfriend .setfriend .user {
  display: inline-block;
  padding-left: 0.575rem;
  font: 0.9rem/2.35rem "";
  color: #333;
}
.myfans .mf-navigate-right,
.attention .mf-navigate-right,
.myfriend .mf-navigate-right {
  padding-left: 0.5rem;
}
.myfans .user,
.attention .user,
.myfriend .user {
  display: block;
  max-width: 10rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.7rem;
  color: #333;
  min-height: .9rem;
}
.myfans .age,
.attention .age,
.myfriend .age {
  float: left;
  text-align: center;
  margin-right: 0.35rem;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.25rem;
  height: 0.85rem;
  padding: 0 .2rem;
  background: #e75d4e;
  border-radius: 0.15rem;
}
.myfans .age img,
.attention .age img,
.myfriend .age img {
  width: 0.5rem;
  height: .5rem;
  border-radius: 0;
}
.myfans .age span,
.attention .age span,
.myfriend .age span {
  padding-left: 0.2rem;
  font-size: 0.55rem;
  line-height: 0.85rem;
  color: #fcfaf8;
  margin-bottom: .05rem;
}
.myfans .sex,
.attention .sex,
.myfriend .sex {
  background-color: #db27bb;
}
.myfans .arrows,
.attention .arrows,
.myfriend .arrows {
  position: absolute;
  right: 0.25rem;
  top: 50%;
  padding: .45rem;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  font-size: 1rem;
  color: #999;
}
.myfans .abolish,
.attention .abolish,
.myfriend .abolish {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  width: 3.25rem;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  height: 1rem;
  font-size: 0.6rem;
  background: none;
  border: solid 1px #ccc;
  border-radius: 0;
  color: #666;
  border-radius: .2rem;
}
.myfans .userimg,
.attention .userimg,
.myfriend .userimg {
  position: relative;
  width: 2rem;
  height: 2rem;
}
.myfans .new,
.attention .new,
.myfriend .new {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: .55rem;
  height: .5rem;
  background-color: #f24130;
  border-radius: 10rem;
}
.myfans a.title,
.attention a.title,
.myfriend a.title {
  display: inline-block;
  margin-top: -1px;
  width: 100%;
  height: 1rem;
  background-color: #f5f5f5;
  font: 0.5rem / 1rem "";
  color: #666;
  padding: 0 1.1rem;
}
.myfans .age {
  width: 3.1rem;
}
.myfriend .mf-table-view-cell {
  margin-right: 1.2rem;
  margin-left: 0.75rem;
  padding-left: 0;
}
.myfriend .mf-table-view-cell .arrows {
  right: .5rem;
}
.newfriend .mf-table-view-cell {
  margin-right: 0;
}
.myfriend .fold-a i {
  right: 1.7rem;
}
.myfriend .card-box {
  display: none;
}
.myfriend .card-box .mui-popup-inner {
  padding: 0;
}
.myfriend .card-box .mui-popup-title {
  border: 0;
  text-align: start;
  font-size: 0.9rem;
}
.myfriend .card-box .mui-popup-buttons {
  margin-top: 1rem;
}
.myfriend .card-box .mui-popup-text {
  text-align: start;
  margin: 0;
  padding: 0;
}
.myfriend .osetfname {
  padding-left: .5rem;
}
.myfriend .osetfurl {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  margin-left: 1rem;
  margin-top: 1rem;
  vertical-align: text-bottom;
}
.myfriend .osettext {
  padding-left: 0.75rem;
  display: inline-block;
}
.myfriend .ousname {
  color: #fff;
  font: 0.8rem/1.5 "";
}
.myfriend .ousid {
  color: #ccc;
  font: 0.7rem / 1.5 "";
}
.attention .mf-table-view-cell {
  margin-right: 1rem;
}
.myfans .arrows {
  right: 1.5rem;
}
/*******我的粉丝,我的关注,我的好友**end*/
/*******我的好友**start*/
.myfriend .fold {
  border-bottom: 0;
}
/*******我的好友**end*/
/*******我的约会**start*/
.appointment .mui-scroll-wrapper {
  display: none;
}
.appointment .active.mui-scroll-wrapper {
  display: block;
}
.appointment header.mui-bar {
  /*background-color: #ffffff;*/
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.appointment .tab {
  position: absolute;
  top: 2.2rem;
  left: 0;
  z-index: 3;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 3.3rem;
  width: 100%;
  height: 2.12rem;
  border-bottom: solid 1px #e6e6e6;
  background-color: #fff;
}
.appointment .tab a {
  line-height: 2.12rem;
  font-size: 0.7rem;
  color: #666;
}
.appointment .tab .pitch {
  color: #d93b2a;
  border-bottom: solid 0.15rem #d93b2a;
}
.appointment .mui-bar-nav ~ .mui-content > .mui-scroll-wrapper {
  padding-top: 4.32rem;
}
.appointment .mui-content {
  background: #fff;
}
.appointment .mui-content .receive .receive-box,
.appointment .mui-content .receive .launch-box,
.appointment .mui-content .receive .launch-agree {
  box-sizing: border-box;
  padding: 0 0.75rem;
  border-bottom: solid 0.5rem #f5f5f5;
}
.appointment .mui-content .receive .roll {
  position: relative;
  transition: margin-left 350ms ease;
  -webkit-transition: margin-left 350ms ease;
  width: 100%;
}
.appointment .mui-content .receive .content {
  display: -webkit-flex;
  align-items: center;
  height: 3.5rem;
  border-bottom: solid 1px #e6e6e6;
  margin-right: 1.175rem;
}
.appointment .mui-content .receive .mui-icon-arrowright {
  position: absolute;
  top: 50%;
  right: -0.5rem;
  margin-top: -0.65rem;
  color: #999;
  font-size: 1.3rem;
}
.appointment .mui-content .receive i.delect {
  position: absolute;
  top: 0;
  right: -40%;
  margin-right: -0.8rem;
  height: 100%;
  width: 20%;
  background: url(../images/icon_delete2.png) center no-repeat;
  background-size: 0.65rem auto;
}
.appointment .mui-content .receive i.complaint {
  position: absolute;
  top: 0;
  right: -20%;
  margin-right: -0.8rem;
  height: 100%;
  width: 20%;
  background: url(../images/chat_ts.png) center no-repeat;
  background-size: 0.775rem auto;
}
.appointment .mui-content .receive .content-img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  overflow: hidden;
}
.appointment .mui-content .receive .content-img img {
  height: 100%;
  width: 100%;
}
.appointment .mui-content .receive .content-right {
  padding-left: 0.5rem;
}
.appointment .mui-content .receive .content-right h3 {
  font: 0.7rem/1.3 "";
  width: 10rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.appointment .mui-content .receive .content-right p {
  padding-top: 0.35rem;
  font: 0.55rem/1.5 "";
  color: #999;
}
.appointment .mui-content .receive .btn {
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  height: 2.65rem;
}
.appointment .mui-content .receive .btn a {
  display: block;
  width: 3.5rem;
  font: 0.6rem/1rem "";
  text-align: center;
  color: #D93B2A;
  border: solid 1px #d93b2a;
  border-radius: 0.15rem;
  margin: 0 0.5rem;
}
.appointment .mui-content .receive .lose-box .content {
  position: relative;
}
.appointment .mui-content .receive .lose-box .agree,
.appointment .mui-content .receive .lose-box .cancel,
.appointment .mui-content .receive .btn .evaluate {
  color: #ccc;
  border: solid 1px #ccc;
}
.appointment .mui-content .receive .agree-box .evaluate {
  color: #D93B2A;
  border: solid 1px #d93b2a;
}
.appointment .mui-content .receive .lose-img {
  position: absolute;
  right: 0;
  top: .56rem;
  width: 2.15rem;
  height: 2.15rem;
}
.appointment .mui-content .receive .lose-box .lose-img {
  background: url(../images/icon_ysx.png) no-repeat;
  background-size: 100%;
}
.appointment .mui-content .receive .agree-box .lose-img {
  margin-right: 1.175rem;
  background: url(../images/icon_agree.png) no-repeat;
  background-size: contain;
}
.appointment .mui-content .receive .agree-box .agree {
  color: #fff;
  background-color: #d93b2a;
}
.appointment .mui-content .receive .evaluate-box {
  position: relative;
  margin: 0.25rem 0.75rem 1rem 0.75rem;
  box-shadow: 0px 10px 26px 0px rgba(179, 179, 179, 0.3);
}
.appointment .mui-content .receive .evaluate-box p.title {
  width: 100%;
  text-align: end;
}
.appointment .mui-content .receive .evaluate-box p.title span.title-span {
  display: inline-block;
  width: 40%;
  text-align: center;
  font: 0.7rem/2.25rem "";
  color: #666;
}
.appointment .mui-content .receive .evaluate-box ul {
  padding: 0 .4rem;
}
.appointment .mui-content .receive .evaluate-box ul li {
  display: -webkit-flex;
  justify-content: space-around;
  align-content: center;
  margin-bottom: 0.75rem;
}
.appointment .mui-content .receive .evaluate-box ul li span {
  width: 38%;
  padding-left: 2%;
  display: -webkit-flex;
  justify-content: space-around;
  align-content: center;
}
.appointment .mui-content .receive .evaluate-box ul li span.text {
  display: inline-block;
  width: 20%;
  padding: 0;
  text-align: center;
  font: 0.65rem/1.5 "";
  color: #666;
}
.appointment .mui-content .receive .evaluate-box ul li em,
.appointment .mui-content .receive .evaluate-box ul li i {
  vertical-align: text-bottom;
  display: inline-block;
  padding: 1rem 0.4rem;
}
.appointment .mui-content .receive .evaluate-box ul li i {
  background: url(../images/icon_aixin2.png) center center no-repeat;
  background-size: 0.75rem auto;
}
.appointment .mui-content .receive .evaluate-box ul li i.active {
  background: url(../images/icon_aixin1.png) center center no-repeat;
  background-size: 0.75rem auto;
}
.appointment .mui-content .receive .evaluate-box ul li em {
  background: url(../images/bad0.png) center center no-repeat;
  background-size: 0.65rem auto;
}
.appointment .mui-content .receive .evaluate-box ul li em.active {
  background: url(../images/bad1.png) center center no-repeat;
  background-size: 0.65rem auto;
}
.appointment .mui-content .receive .evaluate-box .rdntn {
  width: 6.75rem;
  height: 1.5rem;
  font-size: 0.65rem;
  margin-bottom: 1.5rem;
}
.appointment .mui-content .receive .evaluate-box .rdntn-p {
  text-align: center;
}
.appointment .mui-content .receive .evaluate-box .sex {
  margin: 1.2rem 0.75rem 1.2rem 0.75rem;
  font: 0.7rem / 1.5 "";
  color: #333;
}
.appointment .mui-content .receive .evaluate-box .sex .color {
  color: #d93b2a;
}
.appointment .mui-content .receive .evaluate-box::after {
  position: absolute;
  right: -0.5rem;
  top: -0.3rem;
  content: "";
  display: block;
  border: .7rem solid #fff;
}
.appointment .mui-content .receive .evaluate-box::before {
  z-index: 999;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  content: "";
  display: block;
  border: .5rem solid #fff;
  border-color: transparent transparent rgba(235, 235, 235, 0.5) rgba(235, 235, 235, 0.5);
  background-color: #fff;
  /*设置元素的阴影效果*/
  box-shadow: -3px 4px 7px 0px rgba(0, 0, 0, 0.2);
}
/*******我的约会**end*/
/*******评价**start*/
.evaluate .mui-content {
  background: #fff;
}
.evaluate .estimeate-list {
  padding: 0.4rem 0.75rem;
}
.evaluate .estimeate-item.estimeate-range {
  height: auto;
  padding-top: 1rem;
}
.evaluate .estimeate-item {
  height: 2.2rem;
  line-height: 2.2rem;
  font-size: 0.7rem;
  color: #666;
  padding: 0;
}
.evaluate .estimeate-item .grade {
  height: 2.2rem;
  float: right;
  overflow: hidden;
}
.evaluate .estimeate-item .star {
  display: inline-block;
  padding: 1.1rem 0.8rem;
  background: url(../images/icon_xx0.png) center center no-repeat;
  background-size: contain;
}
.evaluate .estimeate-item .star.active {
  background-image: url(../images/icon_xx1.png);
}
.evaluate .btn {
  box-sizing: border-box;
  padding: 9.62rem 1.87rem 0 1.87rem;
  width: 100%;
}
.evaluate .btn .rdntn {
  width: 100%;
  height: 2rem;
}
/*******评价**end*/
/*认证中心**start*/
.certification{
	touch-action: none;
}
.certification .certification-tab{
    position: absolute;
    width: 100%;
    background: #fff;
    top: 2.2rem;
    padding: 0.45rem 0 0.65rem;
    border-bottom: 1px solid #EEEEEE;
    z-index: 3;
}
.certification .certification-tab ul{
	display: block;
	overflow: hidden;
}
.certification .certification-tab ul li{
	float: left;
	width: 25%;
	text-align: center;
	position: relative;
}
.certification .certification-tab ul li a{
	display: block;
}
.certification .certification-tab ul li a span{
	display: inline-block;
	position: absolute;
	top: 1.5rem;
	right: 0.3rem;
	color: #fff;
	width: 1.5rem;
	height: 0.6rem;
	text-align: center;
	border-radius: 0.2rem;
	font-size: 0.34rem;
}
.certification .certification-tab ul li a .certification-rzColor{
	background: #247fff;
}
.certification .certification-tab ul li a .certification-wrzColor{
	background: #999;
}
.certification .certification-tab ul li a .certification-shColor{
	background: #ffc52a;
}
.certification .certification-tab ul li a .certification-jjColor{
	background: #E24333
}
.certification .certification-tab ul li img{
	width: 2.25rem;
	height: 2.25rem;
	display: block;
	margin: 0 auto;
}
.certification .certification-tab ul li p{
	color: #999999;
	margin-top: 0.25rem;
	font-size: 0.6rem;
}
.certification .certification-tab ul li .color-else{
	color: #e24333;
}
/*认证中心**end*/
/*******个人认证**start*/
.attestation header {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.attestation .mui-content::-webkit-scrollbar {
  display: none;
}
.attestation .mui-content {
  background: #fff;
}
.attestation .mui-content .personal {
  width: 100%;
}
.attestation .mui-content .personal-content {
  display: -webkit-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 0.7rem;
  border-bottom: solid 1px #e6e6e6;
}
.attestation .mui-content .personal-content span {
  font-size: 0.75rem;
  color: #333333;
  line-height: 2.25rem;
}
.attestation .mui-content .personal-content input {
  flex: 1;
  -webkit-flex: 1;
  height: 2.25rem;
  font-size: 0.65rem;
  text-align: right;
  border: 0;
  color: #666666;
}
.attestation .mui-content .understand-content{
	padding: 0 0.7rem;
  	border-bottom: solid 1px #e6e6e6;
}
.understand-content .understand{
	overflow: hidden;
    padding: 0.625rem  0;
}
.understand-content .understand>span{	
	float: left;
	font-size: 0.75rem;
	color: #333333;
}
.understand-content .understand>.business-swich{
	float: right;
}
.understand-content>input{
    color: #666666;
    font-size: 0.65rem;
    border: 0;
    width: 50%;
    line-height: 0;
    display: none;
}
.understand-content>input::-webkit-input-placeholder{
	font-size: 0.65rem;
}
.attestation .mui-content .personal-content .personal-title {
  padding: 0 0.75rem;
  width: 100%;
  font-size: 0.75rem;
  color: #333333;
}
.attestation .mui-content .personal-content .personal-title>span {
  font-size: 0.65rem;
  color: #999999;
}
.add-box-showimg{
	float: left;
	overflow: hidden;
}
.attestation .mui-content .content-img,
.attestation .mui-content .add-img,
.attestation .mui-content .content-video,
.attestation .mui-content .add-video {
  float: left;
  position: relative;
  margin: 0 0 1rem 0.75rem ;
  width: 5.25rem;
  height: 5.25rem;
}
.attestation .mui-content .content-img img,
.attestation .mui-content .add-img img {
  width: 100%;
  height: 100%;
}
.attestation .mui-content .content-img i,
.attestation .mui-content .add-img i,
.attestation .mui-content .add-video i,
.attestation .mui-content .content-video i {
  position: absolute;
  right: -0.7rem;
  top: -0.8rem;
  display: block;
  padding: 0.75rem 0.75rem;
  background: url(../images/icon_sc.png) center center no-repeat;
  background-size: 0.65rem auto;
}
.attestation .mui-content .personal-img,
.attestation .mui-content .personal-video {
  padding: 0;
}
.attestation .mui-content .add-img {
  float: left;
  background: url(../images/icon_jia.png) center center no-repeat;
  background-size: contain;
}
.attestation .mui-content .add-video {
  float: left;
}
.attestation .mui-content .video-bg {
  width: 100%;
  height: 100%;
  background: url(../images/icon_zxj.png) center center no-repeat;
  background-size: contain;
}
.attestation .mui-content .add-img p {
  padding-top: 3.15rem;
  font: 0.7rem/1.5 "";
  text-align: center;
  color: #ccc;
}
.attestation .mui-content .add-img span {
  color: #ccc;
}
.attestation .mui-content .content-video {
  background-size: contain;
}
.attestation .mui-content .video-em {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(../images/videoplay.png) center no-repeat;
  background-size: 100%;
}
.attestation .mui-content .shade {
  z-index: 99;
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.47);
}
.attestation .mui-content .add {
  width: 100%;
  height: 100%;
}
.attestation .mui-content .btn {
  box-sizing: border-box;
  padding: 2.5rem 1.87rem ;
  width: 100%;
}
.attestation .mui-content .btn .rdntn {
  width: 100%;
  height: 2rem;
}
.attestation .mui-content .content-img {
  position: relative;
}
.attestation .mui-content .content-p {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.42rem;
  background-color: rgba(0, 0, 0, 0.4);
  font: 0.7rem / 1.42rem "";
  color: #fff;
  text-align: center;
}
/*******个人认证**end*/
/*******约会认证**start*/
.dataattestation .rdntn,
.handler .rdntn,
.dataattestation .useragrre,
.handler .useragrre {
  display: none;
}
.dataattestation .btn,
.handler .btn {
  clear: both;
  overflow: hidden;
}
.dataattestation .btn a,
.handler .btn a,
.dataattestation .register .agree,
.handler .register .agree,
.dataattestation .register .disagree,
.handler .register .disagree {
  display: none;
  width: 3rem;
  height: 3rem;
  box-shadow: 0px 10px 26px 0px rgba(179, 179, 179, 0.4);
  border: solid 0.1rem #cccccc;
  border-radius: 50%;
  margin: 0 1rem;
}
.dataattestation .agree,
.handler .agree {
  float: left;
  background: url(../images/icon_gou.png) center no-repeat;
  background-size: 1.5rem auto;
}
.dataattestation .disagree,
.handler .disagree {
  float: right;
  background: url(../images/icon_cha.png) center no-repeat;
  background-size: 1.13rem auto;
}
/*******约会认证**end*/
/*******编辑个人中心**start*/
.editdata .img-look.active {
  display: block;
}
.editdata header {
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.editdata header .mui-pull-right {
  margin-right: 0.25rem;
  font: 0.75rem/2.2rem "";
}
.editdata li {
  color: #333;
}
.editdata .mui-content {
  background: #fff;
  overflow: scroll;
}
.editdata .mui-content .mymsg .dw {
  color: #999;
}
.editdata .mui-content .add-box {
  width: 100%;
  padding: 0.22rem 0;
  border-bottom: solid 0.5rem #F5F5F5;
  overflow: hidden;
}
.editdata .mui-content .box-img {
  float: left;
  margin: 0 0 0.17rem 0.23rem;
  width: 5.95rem;
  height: 5.95rem;
  overflow: hidden;
  position: relative;
}
.editdata .mui-content .box-img:nth-child(1){
	width: 12rem;
	height: 12rem;
}
.editdata .mui-content .box-img img {
  width: 5.95rem;
  height: 5.95rem;
  background-color: #F2F2F2;
}
.editdata .mui-content .box-img:nth-child(1) img{
  width: 12rem;
  height: 12rem;
}
.editdata .mui-content .box-img i{
	display: inline-block;
	position: absolute;
	right: 0.2rem;
	width: 1rem;
	height: 1rem;
	background: url(../images/delete.png) no-repeat;
	background-size: 100% 100%; 
	z-index: 2;
}
.editdata .mui-content .add-img,
.editdata .mui-content .face {
  float: left;
  margin: 0 0 0.17rem 0.23rem;
  width: 5.95rem;
  height: 5.95rem;
  background: url(../images/icon_jiajia.png) center center no-repeat #f2f2f2;
  background-size: 1.35rem auto;
}
.editdata .mui-content .face .face-p {
  color: #B6B6B6;
  font-size: .7rem;
  text-align: center;
  margin-top: 4rem;
  line-height: 1rem;
}
.editdata .mui-content .message-box {
  width: 100%;
}
.editdata .mui-content .message-title {
  box-sizing: border-box;
  padding: 0 0.75rem;
  width: 100%;
  font: 0.7rem/2.15rem "";
  color: #ff3333;
  border: solid 1px #f5f5f5;
}
.editdata .mui-content .message {
  box-sizing: border-box;
  padding: .2rem 0.75rem .2rem 0.75rem;
  border-bottom: solid 0.5rem #f5f5f5;
}
.editdata .mui-content .message li {
  display: -webkit-flex;
  width: 100%;
  border-bottom: solid 1px #f5f5f5;
}
.editdata .mui-content .message li:last-child {
  border: 0;
}
.editdata .mui-content .message li span {
  font: 0.7rem/2.12rem "";
}
.editdata .mui-content .message li input,
.editdata .mui-content .message li .editdata-data,
.editdata .mui-content .message li .hwbox {
  color: #333;
  flex: 1;
  -webkit-flex: 1;
  padding-left: 1.25rem;
  font: 0.7rem/2.2rem "";
  border: 0;
}
.editdata .mui-content .myinf li {
  padding-left: 2rem;
  vertical-align: middle;
  border-bottom: 0;
}
.editdata .mui-content .myinf li p {
  font: 0.7rem/1.5 "";
  margin: .6rem 0;
}
.editdata .mui-content .myinf li:nth-of-type(1) {
  background: url(../images/gr_1.png) 0 0.7rem no-repeat;
  background-size: 0.875rem auto;
}
.editdata .mui-content .myinf li:nth-of-type(2) {
  background: url(../images/gr_2.png) 0 0.7rem no-repeat;
  background-size: 0.875rem auto;
}
.editdata .mui-content .myinf li:nth-of-type(3) {
  background: url(../images/gr_3.png) 0 0.7rem no-repeat;
  background-size: 0.875rem auto;
}
.editdata .mui-content .myinf li:nth-of-type(4) {
  background: url(../images/gr_4.png) 0 0.7rem no-repeat;
  background-size: 0.875rem auto;
}
.editdata .mui-content .myinf li:nth-of-type(5) {
  background: url(../images/gr_5.png) 0 0.7rem no-repeat;
  background-size: 0.875rem auto;
}
.editdata .mui-content .myinf li,
.editdata .mui-content .biaoqian-p,
.editdata .mui-content .con-lick {
  color: #333;
  font: 0.7rem/2.25rem "";
  width: 100%;
}
.editdata .mui-content .biaoqian-p {
  color: #8f8f94;
}
.editdata .mui-content .myinf li span.jia {
  color: #ff3333;
  margin-right: .3rem;
  font: 0.7rem/1 "";
  margin-left: -0.75rem;
}
.editdata .mui-content .con-biaoqian li {
  padding-left: 2.2rem;
  background: url(../images/biaoqian.png) 0 0.7rem no-repeat;
  background-size: 0.85rem auto;
  border-bottom: 0;
}
.editdata .mui-content .biaoqian-p span.jia {
  color: #ff85bc;
  margin-left: -0.75rem;
  margin-right: .3rem;
}
.editdata .mui-content .con-lick li {
  padding-left: 2.3rem;
  border-bottom: 0;
}
.editdata .mui-content .con-lick span.jia {
  margin-right: .3rem;
}
.editdata .mui-content .con-lick li:nth-of-type(1) {
  background: url(../images/paobu.png) 0 0.7rem no-repeat;
  background-size: 0.85rem auto;
}
.editdata .mui-content .con-lick li:nth-of-type(1) .jia {
  color: #865ff3;
}
.editdata .mui-content .con-lick li:nth-of-type(1) .biaoqian-p a {
  background-color: #865ff3;
  margin-bottom: .35rem;
}
.editdata .mui-content .con-lick li:nth-of-type(2) {
  background: url(../images/yingyue.png) 0 0.7rem no-repeat;
  background-size: 0.85rem auto;
}
.editdata .mui-content .con-lick li:nth-of-type(2) .jia {
  color: #ff3333;
}
.editdata .mui-content .con-lick li:nth-of-type(2) .biaoqian-p a {
  background-color: #ff3333;
}
.editdata .mui-content .con-lick li:nth-of-type(3) {
  background: url(../images/foot.png) 0 0.7rem no-repeat;
  background-size: 0.875rem auto;
}
.editdata .mui-content .con-lick li:nth-of-type(3) .jia {
  color: #d5c32c;
}
.editdata .mui-content .con-lick li:nth-of-type(3) .biaoqian-p a {
  background-color: #d5c32c;
}
.editdata .mui-content .con-lick li:nth-of-type(4) {
  background: url(../images/dianying.png) 0 0.7rem no-repeat;
  background-size: 0.875rem auto;
}
.editdata .mui-content .con-lick li:nth-of-type(4) .jia {
  color: #2e337a;
}
.editdata .mui-content .con-lick li:nth-of-type(4) .biaoqian-p a {
  background-color: #2e337a;
}
.editdata .mui-content .con-lick li:nth-of-type(6) {
  background: url(../images/lvxing.png) 0 0.7rem no-repeat;
  background-size: 0.875rem auto;
}
.editdata .mui-content .con-lick li:nth-of-type(6) .jia {
  color: #3c73ef;
}
.editdata .mui-content .con-lick li:nth-of-type(6) .biaoqian-p a {
  background-color: #3c73ef;
}
.editdata .mui-content .con-lick li:nth-of-type(5) {
  background: url(../images/shu.png) 0 0.7rem no-repeat;
  background-size: 0.875rem auto;
}
.editdata .mui-content .con-lick li:nth-of-type(5) .jia {
  color: #ef813e;
}
.editdata .mui-content .con-lick li:nth-of-type(5) .biaoqian-p a {
  background-color: #ef813e;
}
.editdata .table-view-cell-input {
  background: transparent;
  color: #E6E6E6;
  border: 0;
  margin-top: 2rem ;
  padding: 0 .5rem;
}
.editdata .table-view-cell-input::-webkit-scrollbar {
  display: none;
}
.editdata .table-view-cell-input::-webkit-input-placeholder {
  color: #E6E6E6;
}
.editdata .table-view1 {
  bottom: auto;
  top: 3.2rem;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}
.editdata .table-view2 .table-con,
.editdata .table-view3 .table-con {
  max-height: 24rem;
  overflow-y: scroll;
}
.editdata .table-view2 .title-p,
.editdata .table-view3 .title-p {
  border-bottom: 0!important;
}
.editdata .table-con::-webkit-scrollbar {
  display: none;
}
.editdata .table-view .table-view-cell a.table-view-cell-a {
  padding: 0 .5rem ;
  border-bottom: 0;
  line-height: 2.5;
}
.editdata .table-view .table-view-cell a.table-view-cell-cancel,
.editdata .table-view .table-view-cell a.table-view-cell-affirm {
  padding: 0 .5rem 0 1.5rem;
  font: 0.62rem / 2.5rem "";
}
.editdata .biaoqian-p a {
  display: inline-block;
  background: rgba(255, 133, 188, 0.6);
  color: #fff;
  font: 0.55rem / 1.05rem "";
  padding: 0.1rem 0.6rem 0.2rem 0.6rem;
  margin-right: 0.25rem;
  border-radius: 0.2rem;
  margin-bottom: .35rem;
}
.editdata .add-inf {
  color: #ccc;
}
/*******编辑个人中心**end*/
/*******搜索**start*/
.search header.header-color .mui-icon.mui-pull-left {
  color: #000000;
}
.search .mui-scroll {
  height: 100%;
}
.search .mui-pull-right {
  font: 0.75rem/1.5 "";
  width: 4.5rem;
  text-align: center;
}
.search header .search-seek {
  display: block;
  position: absolute;
  left: 50%;
  height: 2.2rem;
  width: 60%;
  -webkit-transform: translateX(-56%);
  transform: translateX(-56%);
}
.search header .search-seek input {
  display: block;
  position: absolute;
  top: 50%;
  margin: 0;
  margin-top: -0.65rem;
  padding-left: 1.42rem;
  height: 1.3rem;
  font-size: 0.6rem;
  background-color: #ededed;
  color: #666;
  border: none;
  border-radius: 5rem;
}
.search header .search-seek input::-webkit-input-placeholder {
  color: #b2b2b2;
}
.search header .search-icon-seek {
  position: absolute;
  top: 0.75rem;
  margin-left: 0.52rem;
  display: block;
  width: 0.7rem;
  height: 0.7rem;
  background: url(../images/icon_serch2.png) center no-repeat;
  background-size: contain;
}
.search .mui-content {
  background: #fff;
}
.search .mui-content .friends-box {
  position: absolute;
  top: 0.4rem;
  left: .2rem;
  box-sizing: border-box;
  padding: 0 0.25rem;
  width: 100%;
}
.search .mui-content .img-amount {
  float: left;
  display: inline-block;
  padding: 0 0.32rem 0 1.1rem;
  max-width: 80%;
  line-height: 0.85rem;
  font-size: 0.6rem;
  color: #fff;
  background: url(../images/icon_img.png) 0.35rem center no-repeat;
  background-color: rgba(0, 0, 0, 0.4);
  background-size: 0.5rem auto;
  border-radius: 0.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search .mui-content .friends {
  float: left;
  margin-left: 0.2rem;
  width: 0.85rem;
  height: 0.85rem;
  background: url(../images/icon_pyq.png) center no-repeat;
  background-color: rgba(0, 0, 0, 0.4);
  background-size: 0.47rem auto;
  border-radius: 0.25rem;
}
.search .mui-content .recommend {
  background-color: #fff;
  display: block;
  width: 100%;
  overflow: hidden;
}
.search .mui-content .recommend-title {
  padding: 0.4rem 0.75rem 0 0.75rem;
  font: 0.7rem/2.17rem "";
  color: #333;
}
.search .mui-content .recommend-title .sexall,
.search .mui-content .recommend-title .sexman,
.search .mui-content .recommend-title .sexwman {
  background-color: #e6e6e6;
  border-radius: .2rem;
  color: #000;
  padding: 0.2rem 1rem 0.2rem 1rem;
  margin-left: 1rem;
  font: 0.7rem/1.5 "";
}
.search .mui-content .recommend-title a.active {
  color: #fff;
  background-color: #d93b2a;
}
.search .mui-content .recommend-title2 {
  color: #cccccc;
  font: 0.7rem / 2.5rem "";
}
.search .mui-content .recommend-box {
  box-sizing: border-box;
  padding: 0 0.72rem;
}
.search .mui-content .recommend-box a {
  display: block;
  padding: 0 0.65rem;
  margin: 0 0.4rem 0.5rem 0;
  font: 0.7rem/1.6rem "";
  color: #333;
  border-bottom: 1px solid #e6e6e6;
}
.search .mui-content .particulars {
  display: none;
  height: 100%;
}
.search .mui-content .particulars .box {
  height: 100%;
  position: relative;
  overflow: hidden;
}
.search .mui-content .particulars-box {
  position: absolute;
  height: 92%;
  padding: 0.4rem 0.25rem 0 .25rem;
  border-radius: 0.2rem;
  background-image: url(../images/index_bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-bottom: .5rem;
}
.search .mui-content .particulars-box:before {
  z-index: 9;
  position: absolute;
  right: 0;
  top: .5%;
  content: "";
  width: 1.5rem;
  height: 6%;
  background: url(../images/jiao0.png) center no-repeat;
  background-size: 100%;
}
.search .mui-content .particulars-one {
  z-index: 4;
  top: 0;
  left: .5rem;
  width: 17.75rem;
  transition: transform 350ms;
  -webkit-transition: transform 350ms;
}
.search .mui-content .particulars-two {
  top: 2%;
  z-index: 3;
  width: 17.375rem;
  left: .7rem;
}
.search .mui-content .particulars-three {
  top: 3.5%;
  z-index: 2;
  width: 16.3rem;
  left: 1.2rem;
  transition: transform 350ms;
  -webkit-transition: transform 350ms;
  background-image: none;
  box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, 0.16);
  border-radius: .3rem;
}
.search .mui-content .particulars-img {
  width: 100%;
  height: 86%;
  position: relative;
  overflow: hidden;
  border-top-left-radius: .3rem;
  border-top-right-radius: 1.4rem;
}
.search .mui-content .particulars-img .p-img {
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
}
.search .mui-content .particulars-img .p-img.p-imgh {
  width: 100%;
  height: auto;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}
.search .mui-content .particulars-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 0.72rem;
  font: 600 0.9rem/1.95rem "";
  color: #333;
  height: 1.95rem;
}
.search .mui-content .particulars-div {
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.75rem;
  border-radius: 0.15rem;
  float: left;
  padding: 0 .2rem;
}
.search .mui-content .particulars-div i {
  width: 0.5rem;
  height: 0.5rem;
}
.search .mui-content .particulars-div span {
  margin-left: 0.15rem;
  font: 0.55rem/0.85rem "";
  color: #fcfaf8;
}
.search .mui-content .particulars-age {
  background-color: #d93b2a;
}
.search .mui-content .particulars-age i.woman {
  background: url(../images/icon_girl.png) 0 0 no-repeat;
  background-size: contain;
}
.search .mui-content .particulars-age i.man {
  background: url(../images/icon_boy.png) 0 0 no-repeat;
  background-size: contain;
}
.search .mui-content .vip {
  background-color: #f2c238 ;
  padding: 0 .5rem;
  font: 0.55rem/0.85rem "";
  color: #fcfaf8;
}
.search .mui-content .particulars-meili {
  background-color: #db27bb;
}
.search .mui-content .particulars-qianm {
  background-color: #38a1d7;
  border-radius: 10rem;
}
.search .mui-content .particulars-renz {
	background-color: #00ddda;
}
.search .mui-content .particulars-wrenz {
	background-color: #ff7800;
}
.search .mui-content .particulars-qianm i {
  height: 1rem;
  background: url(../images/yuyin2.png) center no-repeat;
  background-size: 0.425rem auto;
}
.search .mui-content .particulars-text {
  margin-bottom: 0.6rem;
  padding: 0.4rem 0.75rem 0.7rem 0.75rem;
  font: 0.7rem/1.5 "";
  color: #666;
}
/*******搜索**end*/
/*******首页**start*/
.index {
  /*******消息**start*/
  /*******消息**end*/
  /*******个人中心**start*/
  /*******个人中心**end*/
}
.index .mui-pull-left {
  font-weight: 600;
}
.index .voice-editdata,
.specialPrice .voice-editdata {
  height: 1.05rem;
  line-height: 1.05rem;
}
.index .con-voice-img,
.specialPrice .con-voice-img {
  float: left;
  display: none;
  height: 1.05rem;
}
.index .mui-popup {
  z-index: 999999;
}
.index .popover {
  background-color: rgba(0, 0, 0, 0.5);
}
/*.index .search {
  z-index: 9;
  position: fixed;
  right: .5rem;
  bottom: 1rem;
  width: 3.725rem;
  height: 3.625rem;
  background-repeat: no-repeat;
  background-position: 0;
  background-size: contain;
  background-image: url(../images/icon_serchs0.png);
.index .search.active {
  background-image: url(../images/icon_serchs.png);
}
.index header .mui-icon-bars:before {
  padding-left: 0.25rem;
}
.index header .mui-icon-bars {
  margin-top: 0.07rem;
  font-size: 1.1rem;
  position: relative;
}
.index header .mui-icon-bars i {
  background-color: #d93b2a !important;
  position: absolute;
  display: inline-block;
  top: .2rem !important;
  width: 0.75rem !important;
  font: 0.45rem/0.75rem "";
  color: #fff;
  text-align: center;
  left: 1.7rem;
  border-radius: 50% !important;
}
.index header .mui-pull-right {
  margin: 0 0.25rem;
  width: 1.1rem;
  height: 100%;
  background: url(../images/icon_inf.png) center no-repeat;
  background-size: 1.1rem auto;
  position: relative;
}
.index header .mui-pull-right i {
  background-color: #d93b2a;
  position: absolute;
  display: inline-block;
  top: .3rem;
  width: 0.75rem;
  font: 0.45rem/0.75rem "";
  color: #fff;
  text-align: center;
  right: -0.3rem;
  border-radius: 50%;
}
.index .mui-content {
  position: relative;
  background: #fff;
  overflow: hidden;
}
.index .mui-content .index-box {
  width: 100%;
  height: 100%;
  position: relative;
}
.lamp-count{
    background: -webkit-linear-gradient(left, #ffb350 , #ffa734);
    width: 93%;
    position: absolute;
    top: 2.8rem;
    height: 1.4rem;
    z-index: 4;
    border-radius: 1rem;
    left: -96%;
}
.lamp-count .lamp{
	position: relative;
	height: 1.4rem;
	overflow: hidden;
	width: 100%;
}
.lamp-count .wealth{
    height: 1.8rem;
    width: 1.6rem;
    background: url(../images/indexLamp-wealth.png);
    background-size: 100% 100%;
    position: absolute;
    right: -0.4rem;
    top: -0.5rem;
    bottom: 0;
}
.marquee_left{
	transition: all 0.5s;
	margin-left: -30px;
}
.lamp-count .lamp>ul{
	position: absolute;
    width: 9999em;
}
.lamp-count .lamp>ul>li{
	height: 1.4rem;
	float: left;
    width: 1%;
}
.lamp-count .lamp>ul>li .img1{
	height: 1.4rem;
	display: block;
    float: left;
    width: 1.4rem;
}
.lamp-count .lamp>ul>li>p{
	float: left;
    font-size: 0.57rem;
    display: block;
    line-height: 1.4rem;
    margin-left: 0.2rem;
    color: #eee;
}
.index .mui-content .box {
  position: absolute;
  height: 93%;
  padding: 2%;
  border-radius: 0.2rem;
  /*background-image: url(../images/index_bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;*/
.index .mui-content .box:before {
  z-index: 9;
  position: absolute;
  right: 0;
  top: .5%;
  content: "";
  width: 1.5rem;
  height: 13%;
  /*background: url(../images/jiao2.png) center no-repeat;*/
  background-size: 100%;
}
.index .mui-content .box-one {
  z-index: 4;
  top: 0rem;
  width: 17.75rem ;
  left: .5rem;
  -webkit-transition: transform 350ms;
  transition: transform 350ms;
}
.index .mui-content .box-two {
  z-index: 3;
  top: 2%;
  width: 17.35rem ;
  left: .7rem;
}
.index .mui-content .box-three {
  z-index: 2;
  top: 4.8%;
  width: 16.3rem;
  left: 1.2rem;
  padding: 0;
  height: 92%;
  transition: transform 350ms;
  -webkit-transition: transform 350ms;
  border: solid 1px #e6e6e6;
  background-image: none;
  box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, 0.16);
  border-radius: 0.3rem;
}
.index .mui-content .box-three a.mp-user {
  display: none!important;
}
.index .mui-content .box a.mp-user {
  float: left;
  margin-top: 2.83%;
  margin-left: 2.63%;
  display: block;
  width: 46.18%;
  height: 47.9%;
  background-color: #f5f5f5;
  overflow: hidden;
	position: relative;
	border-radius: 0.2rem;
}
.index .mui-content .box-img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.index .mui-content .box-img img {
  width: 100%;
  left: 50%;
  position: relative;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.index .mui-content .box-img .box-imgShow {
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	padding-bottom: 0;
	overflow:hidden;
	background-position: center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}
.index .mui-content .box-img .imgbox-x {
  width: 100%;
  height: 75% !important;
}
.index .mui-content .friends-box {
  position: absolute;
  top: 0.25rem;
  left: 0;
  box-sizing: border-box;
  padding: 0 0.25rem;
  width: 100%;
}
.index .mui-content .img-amount {
  float: left;
  display: inline-block;
  padding: 0 0.32rem 0 1.1rem;
  max-width: 80%;
  line-height: 0.85rem;
  font-size: 0.6rem;
  color: #fff;
  background: url(../images/icon_img.png) 0.35rem center no-repeat;
  background-color: rgba(0, 0, 0, 0.4);
  background-size: 0.5rem auto;
  border-radius: 0.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index .mui-content .friends {
  float: left;
  margin-left: 0.2rem;
  width: 0.85rem;
  height: 0.85rem;
  background: url(../images/icon_pyq.png) center no-repeat;
  background-color: rgba(0, 0, 0, 0.4);
  background-size: 0.47rem auto;
  border-radius: 0.25rem;
}
.index .mui-content .vip {
  width: 0.8rem;
  height: 0.8rem;
  background: url(../images/vip.png) no-repeat;
  background-size: 100% 100%;
  margin-left: 0.2rem;
  float: left;
}
.index .mui-content .box-text {
  box-sizing: border-box;
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 0;
  background: rgba(255,255,255,0.5);
  height: 20%;
}
.index .mui-content .text-title {
  height: 1.2rem;
  padding: .35rem 0.5rem 0 0.5rem;
  text-align: start;
  float: left;
  width: 100%;
  line-height: 1.2;
  font-size: 0.75rem;
  color: rgb(51,51,51);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index .mui-content .box-text .age,
.index .mui-content .sexs,
.index .mui-content .voice,
.specialPrice .voice {
  margin-top: 0.4rem;
  padding: 0 0.2rem 0 0.6rem;
  float: left;
  font-size: 0.45rem;
  color: #fcfaf8;
  line-height: 0.8rem;
  border-radius: 0.4rem;
  margin-left: .2rem;
}
.index .mui-content .box-text .age {
	margin-left: 0.4rem;
	display:inline-block;
}
.index .mui-content .sexs {
  background-color: #fd3787;
  padding: 0 0.15rem 0 0.15rem;
}
.index .mui-content .voice,
.specialPrice .voice {
  background: url(../images/yuyin2.png) 0.2rem center no-repeat #38a1d7;
  background-size: auto 0.37rem ;
  border-radius: 10rem;
}
.index .mui-content .box-text .woman {
  background: url(../images/icon_girl.png) 0.15rem center no-repeat;
  background-size: 0.3rem auto;
  background-color: #f45ac0;
}
.index .mui-content .box-text .man {
  background: url(../images/icon_boy.png) 0.15rem center no-repeat;
  background-size: 0.3rem auto;
  background-color: #8adfff;
}
.index .message1 {
  right: 0;
}
.index .message {
  display: none;
  position: fixed;
  right: -80%;
  -webkit-transition: right 200ms;
  transition: right 200ms ;
  top: 0;
  z-index: 9999;
  width: 80%;
  height: 100%;
  background: #fff;
}
.index .message .delect {
  position: absolute;
  top: 0;
  right: -3.5rem;
  width: 3rem;
  height: 100%;
  background: url(../images/icon_delete2.png) center no-repeat;
  background-size: 0.65rem auto;
}
.index .message .tab a i {
  display: none;
}
.index .message .message-header {
  width: 100%;
  height: 2.2rem;
  font: 600 0.9rem/2.2rem "";
  text-align: center;
  color: #333333;
  background-color:#fff; 
}
.index .message .friends {
  margin: 0.75rem 0 1rem 0;
  box-sizing: border-box;
  padding: 0 0.7rem;
  width: 100%;
  height: 2.5rem;
}
.index .message .friends-box {
  height: 100%;
  background: url(../images/icon_pyq.png) 0.77rem 50% no-repeat;
  background-size: 1.27rem auto;
  background-color: #999;
  border-radius: 0.25rem;
}
.index .message .friends-box span {
  float: left;
  padding-left: 2.65rem;
  font: 0.8rem/2.5rem "";
  color: #fff;
}
.index .message .friends-img {
  position: relative;
  float: right;
  margin-top: 0.45rem;
  margin-right: 0.67rem;
  width: 1.57rem;
  height: 1.57rem;
}
.index .message .friends-img img {
  display: block;
  float: left;
  width: 1.57rem;
  height: 1.57rem;
  border-radius: 50%;
}
.index .message .circle {
  position: absolute;
  right: -0.2rem;
  top: 0;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #f24130;
  border-radius: 50%;
}
.index .message .message-back {
  display: block;
  background: url(../images/icon_back0.png) right center no-repeat;
  background-size: 0.4rem auto;
  width: 2.5rem;
  height: 2.5rem;
  float: right;
  margin-right: .5rem;
}
.index .message .tab-box {
  box-sizing: border-box;
  padding: 0 0.5rem;
}
.index .message .tab-box .mui-scroll-wrapper:last-of-type {
  display: none;
}
.index .message .tab {
  overflow: hidden;
}
.index .message .tab a {
  box-sizing: border-box;
  float: left;
  display: block;
  width: 50%;
  height: 1.4rem;
  font: 0.7rem/1.4rem "微软雅黑";
  text-align: center;
  color: #999;
}
.index .message .tab a span {
  position: relative;
}
.index .message .friends-box span {
  position: relative;
}
.index .message .tab a i,
.index .message .friends-box-i {
  position: absolute;
  top: 0.05rem;
  right: -0.5rem;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #f24130;
  border-radius: 50%;
}
.index .message .friends-box-i {
  top: .6rem;
  right: -0.5rem;
}
.index .message .tab .pitch {
  height: 1.37rem;
  color: #f24130;
  border-bottom: solid 0.07rem #f24130;
}
.index .message .mui-scroll-wrapper {
  margin-top: 7.82rem;
}
.index .message .box {
  box-sizing: border-box;
  padding: 0 0.5rem;
  margin-top: 0.45rem;
}
.index .message .box li {
  position: relative;
  left: 0;
  display: -webkit-flex;
  align-items: center;
  width: 100%;
  height: 3.55rem;
  transition: left 350ms ;
  -webkit-transition: left 350ms ;
  border-bottom: solid 1px #e6e6e6;
}
.index .message .box .tab-img img {
  display: block;
  float: left;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
}
.index .message .box .tab-img {
  position: relative;
}
.index .message .box .tab-img span {
  position: absolute;
  display: block;
  top: 0;
  right: -0.1rem;
  width: 0.75rem;
  font: 0.45rem/0.75rem "";
  color: #fff;
  text-align: center;
  border-radius: 50%;
  background-color: #f24130;
}
.index .message .box-text {
  width: 100%;
  padding-left: 0.75rem;
}
.index .message .box-text .chat-list {
  height: 1.3rem;
  overflow: hidden;
}
.index .message .box-text .text-title {
  width: 50%;
  font-size: 0.75rem;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1rem;
}
.index .message .box-text p {
  width: 65%;
  font-size: 0.6rem;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: .3rem;
}
.index .message .box-text p .face-bq {
  width: 1rem;
  height: auto;
  margin: 0 .2rem;
  vertical-align: bottom;
}
.index .message .time {
  position: absolute;
  top: 50%;
  margin-top: -0.4rem;
  right: 0;
  font-size: 0.6rem;
  color: #999;
}
.index .mycenter {
  display: none;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: -80%;
  -webkit-transition: left 200ms ;
  transition: left 200ms ;
  width: 80%;
  height: 100%;
  background: #fff;
}
.index .mycenter .mycenter-header {
  height: 10.8rem;
  background: url(../images/grzx-bg.png) 0 0 no-repeat;
  background-size: 100% auto;
}
.index .mycenter .mycenter-header .signin {
  box-sizing: border-box;
  padding: 0 0.75rem;
  width: 100%;
  height: 2.2rem;
}
.index .mycenter .mycenter-header .signin .yp {
  float: left;
  line-height: 2.2rem;
  font-size: 0.7rem;
  color: #eee;
}
.index .mycenter .mycenter-header .signin a {
  float: right;
  width: 3rem;
  line-height: 2.2rem;
  font-size: 0.7rem;
  color: #eee;
  text-align: right;
  background: url(../images/icon_my_kb.png) left 0.6rem no-repeat;
  background-size: 0.9rem auto;
}
.index .mycenter .mycenter-header .header-box {
  box-sizing: border-box;
  padding: 0 0.75rem;
  height: 6.6rem;
  text-align: center;
}
.index .mycenter .mycenter-header .userimg {
  width: 3.37rem;
  height: 3.37rem;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid #fff;
  margin: 0  auto;
}
.index .mycenter .mycenter-header .userimg img {
  display: block;
  float: left;
  width: 100%;
  min-height: 100%;
}
.index .mycenter .mycenter-header .userimg img[src=''] {
  opacity: 0;
}
.index .mycenter .mycenter-header .user-text {
  width: 100%;
}
.index .mycenter .mycenter-header .user-title {
  width: 100%;
  margin-top: .2rem;
  font: 0.8rem / 1rem "";
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index .mycenter .mycenter-header .user-message {
  width: 100%;
  text-align: center;
  font: 600 0.45rem/2 "";
  background: linear-gradient(to top, #b56a24, #fedd57);
  background: -webkit-gradient(to top, #b56a24, #fedd57);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.index .mycenter .mycenter-header .user-message i.st {
  padding-left: .5rem;
}
.index .mycenter .mycenter-header .grade {
  max-width: 48%;
  font-size: 0;
  text-align: center;
  color: #fcfaf8;
  background-color: #e74e9d;
  border-radius: 0.15rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 .2rem;
}
.index .mycenter .mycenter-header .user-p {
  font: 0.55rem/0.85rem "";
}
.index .mycenter .mycenter-header .articlecharm {
  display: inline-block;
  width: 60%;
  height: 0.5rem;
  border-radius: 10rem;
  vertical-align: middle;
  overflow: hidden;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.41);
  border: solid 1px rgba(102, 102, 102, 0.5);
}
.index .mycenter .mycenter-header .articlecharm-em {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/articlecharm-em.jpg) 0 0;
}
.index .mycenter .mycenter-header .user-text-sis {
  font: 600 0.45rem/1.5 "";
}
.index .mycenter .mycenter-header .gradient-text1 {
  height: .8rem;
  font: 600 0.5rem / 1rem "";
}
.index .mycenter .mycenter-header .love-sis {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url(../images/love-sis.png) center no-repeat;
  background-size: 0.6rem auto;
  vertical-align: middle;
}
.index .mycenter .gradient {
  display: inline-block;
  font-size: 60px;
  background: linear-gradient(to top, #b56a24, #fedd57);
  background: -webkit-gradient(to top, #b56a24, #fedd57);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.index .mycenter .content .mui-scroll-wrapper {
  margin-top: 14.2rem;
}
.index .mycenter .content .content-top {
  display: -webkit-flex;
  align-items: center;
  height: 3.4rem;
  border-bottom: solid 0.5rem #f5f5f5;
}
.index .mycenter .content .content-top a {
  width: 50%;
  height: 2rem;
}
.index .mycenter .content .content-top a:last-child {
  border-left: solid 1px #ccc;
}
.index .mycenter .content .content-top a span {
  display: block;
  width: 100%;
  font-size: 0.7rem;
  text-align: center;
  color: #d93b2a;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index .mycenter .content .content-top a p {
  font-size: 0.6rem;
  text-align: center;
}
.index .mycenter .content .matter {
  width: 100%;
  border-bottom: solid 0.5rem #f5f5f5;
  overflow: hidden;
}
.index .mycenter .content .matter:last-child {
  border-bottom: 0;
}
.index .mycenter .content .matter a {
  float: left;
  padding: 0.75rem 0.75rem  0.75rem 2.17rem;
  width: 100%;
  font: 0.7rem/1 "";
  color: #333;
}
.index .mycenter .content .matter a span {
  float: right;
  color: #d93b2a;
}
.index .mycenter .content .voice,
.specialPrice .voice {
  background: url(../images/icon_my_03.png) 0.8rem 0.8rem no-repeat;
  background-size: .9rem auto;
}
.index .mycenter .content .voice .voice-em,
.specialPrice .voice .voice-em {
  float: left;
  display: block;
  width: 6.9rem;
  height: 1.05rem;
  background: url(../images/yuyin2.png) 0.5rem center #cccccc no-repeat;
  background-size: 0.5rem auto;
  border-radius: 21px;
  color: #fff;
  font: 0.6rem/1rem "";
  padding-left: 1.2rem;
}
.index .mycenter .content .myfans {
  background: url(../images/myfans.png) 0.75rem 0.6rem no-repeat;
  background-size: .9rem auto;
}
.index .mycenter .content .myattention {
  background: url(../images/myattention.png) 0.8rem 0.6rem no-repeat;
  background-size: .8rem auto;
}
.index .mycenter .content .member {
  background: url(../images/icon_my_06.png) 0.7rem 0.5rem no-repeat;
  background-size: 1.05rem auto;
}
.index .mycenter .content .certificationIcon{
	background: url(../images/icon_rzzx.png) 0.8rem 0.6rem no-repeat;
  background-size: .8rem auto;
}
.index .mycenter .content .administrationIcon{
	background: url(../images/administrationIcon.png) 0.8rem 0.6rem no-repeat;
  background-size: .8rem auto;
}
.index .mycenter .content .meOrderIcon{
	background: url(../images/meOrder-icon.png) 0.8rem 0.6rem no-repeat;
  background-size: .8rem auto;
}
.index .mycenter .content .luckDrawIcon{
	background: url(../images/luckDrawIcon.png) 0.8rem 0.6rem no-repeat;
  background-size: .8rem auto;
}
.index .mycenter .content .approve {
  background: url(../images/icon_rz.png) 0.8rem 0.75rem no-repeat;
  background-size: 0.9rem auto;
}
.index .mycenter .content .engagement-approve {
  background: url(../images/icon_yhrz.png) 0.8rem 0.58rem no-repeat;
  background-size: 0.9rem auto;
}
.index .mycenter .content .engagement {
  background: url(../images/icon_my_01.png) 0.7rem 0.6rem no-repeat;
  background-size: 1rem auto;
}
.index .mycenter .content .myprop {
  background: url(../images/myporp.png) 0.8rem 0.6rem no-repeat;
  background-size: .9rem auto;
}
.index .mycenter .content .mytask {
  background: url(../images/mytask.png) 0.87rem 0.6rem no-repeat;
  background-size: .8rem auto;
}
.index .mycenter .content .application {
  background: url(../images/icon_my_07.png) 0.7rem 0.6rem no-repeat;
  background-size: 0.95rem auto;
}
.index .mycenter .content .administer {
  background: url(../images/icon_my_04.png) 0.7rem 0.6rem no-repeat;
  background-size: 1.05rem auto;
}
.index .mycenter .content .convertcdk {
  background: url(../images/convertcdk.png) 0.8rem 0.6rem no-repeat;
  background-size: .9rem auto;
}
.index .mycenter .content .convert {
  background: url(../images/convert.png) 0.8rem 0.8rem no-repeat;
  background-size: .9rem auto;
}
.index .mycenter .content .invite {
  background: url(../images/invite.png) 0.8rem 0.7rem no-repeat;
  background-size: .8rem auto;
}
.index .mycenter .content .safety {
  background: url(../images/safety.png) 0.85rem 0.6rem no-repeat;
  background-size: .8rem auto;
}
.index .mycenter .content .qr{
  background: url(../images/sys.png) 0.7rem 0.8rem no-repeat;
  background-size: .85rem auto;
}
.index .mycenter .content .search{
  background: url(../images/index-search.png) 0.7rem 0.8rem no-repeat;
  background-size: .85rem auto;
}
.index .mycenter .content .area,
.index .mycenter .content .mymanager,
.index .mycenter .content .myfrands {
  background: url(../images/icon_my_05.png) 0.7rem 0.55rem no-repeat;
  background-size: 1.05rem auto;
}
.index .mycenter .content .myfrands,
.index .mycenter .content .myfans,
.index .mycenter .content .engagement,
.index .mycenter .content .myattention,
.index .mycenter .content .area,
.index .mycenter .content .administer {
  position: relative;
}
.index .mycenter .content .myfrands i,
.index .mycenter .content .engagement i,
.index .mycenter .content .myfans i,
.index .mycenter .content .myattention i,
.index .mycenter .content .administer i,
.index .mycenter .content .area i {
	background-color: #d93b2a;
  position: absolute;
  display: inline-block;
  top: .3rem;
  width: 0.75rem;
  font: 0.45rem/0.75rem "";
  color: #fff;
  text-align: center;
  left: 4.9rem;
  border-radius: 50%;
}
.index .mycenter .content .shield {
  background: url(../images/icon_my_02.png) 0.7rem 0.55rem no-repeat;
  background-size: 1.05rem auto;
}
.index .mycenter .content .matter-footer {
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
  float: left;
  border-top: solid 1px #e6e6e6;
}
.index .mycenter .content .matter .exit,
.index .mycenter .content .matter .set {
  padding: 0 1.25rem;
  width: auto;
  line-height: 2.25rem;
}
.index .mycenter .content .exit {
  background: url(../images/icon_back.png) 0 center no-repeat;
  background-size: 1.05rem auto;
}
.index .mycenter .content .set {
  background: url(../images/icon_set.png) 0 center no-repeat;
  background-size: 0.8rem auto;
}
.index .share-box,
.mine .share-box {
  display: none;
  z-index: 100002;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -7.25rem;
  margin-top: -11.05rem;
  width: 14.5rem;
  height: 22.125rem;
  border-radius: .3rem;
  background-color: #fff;
}
.index .share-delect,
.mine .share-delect {
  position: absolute;
  top: -1.2rem;
  right: -1.2rem;
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  background: url(../images/sharedelate.png) center no-repeat;
  background-size: 1.35rem auto;
}
.index .popover2,
.mine .popover2 {
  z-index: 100001;
}
.index .share-logo,
.mine .share-logo {
  height: 2.7rem;
  width: 2.7rem;
  background: url(../images/sharelogo.png) 0.5rem center no-repeat rgba(255, 255, 255, 0.2);
  background-size: 1.9rem auto;
}
.index .share-img,
.mine .share-img {
  width: 100%;
  height: 15rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-top-left-radius: .3rem ;
  border-top-right-radius: .3rem ;
}
.index .user-img,
.mine .user-img {
  position: absolute;
  right: .5rem;
  top: -0.3rem;
  width: 4rem;
  height: 4rem;
}
.index .user-img .user-imgs,
.mine .user-img .user-imgs {
  width: 100%;
  height: 100%;
}
.index .share-text,
.mine .share-text {
  position: relative;
  margin-top: .5rem;
  padding: 0 .75rem;
  width: 100%;
}
.index .lable,
.mine .lable {
  margin-top: .6rem;
  height: 1.5rem;
  background: url(../images/shear_text.png) center left no-repeat;
  background-size: contain;
}
.index .share-a,
.mine .share-a {
  display: block;
  width: 5.75rem;
  height: 1.55rem;
  text-align: center;
  font: 0.7rem / 1.55rem "";
  margin: .3rem auto 0 auto;
  background-color: #f24130;
  border-radius: 5rem;
  box-shadow: -5px 8px 20px 0px rgba(0, 0, 0, 0.3);
  color: #fff;
}
.index .share-name,
.index .share-id,
.mine .share-name,
.mine .share-id {
  font: 0.55rem/1.6 "";
  color: #333;
  height: 1rem;
}
.index .share-link,
.whereTogo-main .share-link,
.mine .share-link {
  z-index: 100005;
  position: fixed;
  bottom: -5.2rem;
  left: 0;
  height: 5.125rem;
  width: 100%;
  background: #fff;
  text-align: center;
  font-size: 0;
  transition: bottom 300ms ease-out;
  -webkit-transition: bottom 300ms ease-out;
}
.index .share-link .xian,
.whereTogo-main .share-link .xian,
.mine .share-link .xian {
  display: inline-block;
  height: 2.5rem;
  width: 1px;
  background-color: #ccc;
}
.index .share-link .wechat,
.index .share-link .Circle,
.whereTogo-main .share-link .wechat,
.whereTogo-main .share-link .Circle,
.mine .share-link .wechat,
.mine .share-link .Circle {
  display: inline-block;
  width: 45%;
  padding-top: 3rem;
  font: 0.75rem / 1.5 "";
  color: #333;
}
.index .share-link .wechat,
.whereTogo-main .share-link .wechat,
.mine .share-link .wechat {
  background: url(../images/icon_wx2.png) center no-repeat;
  background-size: 2rem auto;
}
.index .share-link .Circle,
.whereTogo-main .share-link .Circle,
.mine .share-link .Circle {
  background: url(../images/icon_pyq2.png) center no-repeat;
  background-size: 1.625rem auto;
}
.index .poimit-table1 {
  z-index: 999999;
  display: none;
  position: fixed;
  top: 50%;
  left: 10%;
  width: 80%;
  height: 22.2rem;
  background-color: rgba(0, 0, 0, 0.9);
  box-shadow: 0px 10px 26px 0px rgba(0, 0, 0, 0.38);
  border-radius: 0.5rem;
  opacity: .8;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}
.index .promit {
  z-index: 999998;
}
.index .table-title {
  margin: 0 5%;
  text-align: center;
  font: 0.8rem / 2.6rem "";
  color: #fff;
  border-bottom: 1px solid #8f8f8f;
}
.index .table-text {
  padding: 0.95rem 5%;
  height: 19rem;
  overflow: hidden;
  overflow-y: scroll;
}
.index .table-text p {
  font: 0.7rem / 2 "";
  color: #fff;
}
/*******首页**end*/
/*******签到**start*/
.signin .mui-content {
  background-color: #fff;
}
.signin .mui-slider {
  height: 5.5rem;
  overflow: hidden;
}
.signin .title,
.signin .title2 {
  color: #333;
  font: 0.8rem/2rem "";
  padding-left: 2.075rem;
  background: url(../images/gif-red.png) 0.75rem center no-repeat;
  background-size: 0.85rem auto;
}
.signin .title2 {
  background: url(../images/guize-red.png) 0.75rem center no-repeat;
  background-size: 0.85rem auto;
}
.signin .title-p {
  padding-left: 1.58rem;
  font: 0.7rem / 2rem "";
  color: #808080;
}
.signin .signin-box {
  display: -webkit-flex;
  justify-content: center;
  margin-top: 0.5rem;
  margin-bottom: 1.25rem;
}
.signin .signin-a {
  display: block;
  width: 2.25rem;
  height: 2.5rem;
  background-color: #ccc;
  border-radius: 0.5rem;
  margin: 0 0.125rem;
  color: #fff;
  text-align: center;
  font-size: 0;
}
.signin .signin-a span {
  display: inline-block;
  font: 0.65rem / 1.5 "";
  padding-top: 0.3rem;
}
.signin .signin-a em {
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  width: 80%;
  margin-left: 10%;
  height: 1.25rem;
  font: 0.5rem / 1.2 "";
  vertical-align: middle;
}
.signin .signin-a.active {
  background-color: #d93b2a;
}
.signin .signintext {
  width: 84%;
  margin-left: 8%;
}
.signin .signintext p {
  font: 0.7rem / 2.2 "";
  color: #808080;
}
/*******签到**end*/
/*******魅力等级**start*/
.grade .main {
  margin-bottom: 2.5rem;
}
.grade header.mui-bar {
  /*background-color: #fff;*/
}
.grade .mui-content {
  background-color: #fff;
}
.grade .grade-banner {
  width: 100%;
  height: 8.68rem;
  background: url(../images/geade_banner.jpg) 0 0;
  background-size: 100%;
  text-align: center;
}
.grade .logo {
  position: relative;
  width: 100%;
  text-align: center;
}
.grade .logo img {
  width: 6.45rem;
  height: 3.025rem;
  margin-top: 1.75rem;
}
.grade .logo .gradu_text {
  position: absolute;
  right: 50%;
  width: 1rem;
  text-align: center;
  bottom: .2rem;
  font: 600 0.7rem/1.5 "";
}
.grade .gradient {
  display: inline-block;
  font-size: 60px;
  background: linear-gradient(to top, #b56a24, #fedd57);
  background: -webkit-gradient(to top, #b56a24, #fedd57);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.grade .gradient-text1,
.grade .gradient-text2 {
  height: .8rem;
  font: 600 0.5rem / 1rem "";
}
.grade .love-sis {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url(../images/love-sis.png) center no-repeat;
  background-size: 0.6rem auto;
  vertical-align: middle;
}
.grade .articlecharm {
  display: inline-block;
  width: 60%;
  height: 0.5rem;
  border-radius: 10rem;
  vertical-align: middle;
  overflow: hidden;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.41);
  border: solid 1px rgba(102, 102, 102, 0.5);
}
.grade .articlecharm-em {
  display: block;
  height: 100%;
  background: url(../images/articlecharm-em.jpg) 0 0;
}
.grade .user-text-sis {
  font: 600 0.45rem/1.5 "";
}
.grade .title {
  color: #333;
  font: 0.8rem/2rem "";
  padding-left: 2.075rem;
  background: url(../images/icon_wenhao.png) 0.75rem center no-repeat;
  background-size: 0.85rem auto;
  margin-top: 0.5rem;
}
.grade .zjml,
.grade .kcml {
  padding-top: .5rem;
  margin: 0 8%;
  color: #333;
  font: 0.75rem/2 "";
}
.grade .zjml-text,
.grade .kcml-text {
  margin: 0 8%;
  color: #808080;
  font: 0.7rem/2 "";
}
.grade .user-p {
  width: 84%;
  margin-left: 8%;
}
/*******魅力等级**end*/
/*******临时账户**start*/
.notecase2 .a-link {
  width: 100%;
  height: 3rem;
  margin: 0.75rem 0;
}
.notecase2 .link-left,
.notecase2 .link-right {
  float: left;
  width: 50%;
  text-align: center;
}
.notecase2 .link-left {
  border-right: 1px solid #ccc;
}
.notecase2 .link-left .link-left-span {
  color: #666;
  font: 0.8rem/1 "";
}
.notecase2 .link-left .rou {
  display: block;
  margin: .7rem auto 0 auto;
  width: 3rem;
  background-color: #4c93ec;
  font: 0.5rem / 0.8rem "";
  border-radius: 0.15rem;
  color: #fff;
}
.notecase2 .link-right .link-left-money {
  font: 0.9rem / 1 "";
  color: #d93b2a;
  margin-top: -0.2rem;
}
.notecase2 .link-right .link-left-p {
  font: 0.6rem / 1 "";
  color: #666666;
  margin-top: 0.25rem;
}
.notecase2 .link-right .right-al {
  width: 100%;
  text-align: center;
}
.notecase2 .link-right .convert,
.notecase2 .link-right .deposit {
  display: inline-block;
  width: 3rem;
  font: 0.5rem/0.9rem "";
  margin: 0 0.25rem;
  color: #fff;
  border-radius: 0.15rem;
  background-color: #e75d4e;
}
.notecase2 .notecase .mui-content .mui-scroll-wrapper {
  padding-top: 18rem;
}
.notecase2 .notecase-balance {
  height: 11rem;
}
.notecase2 .poimit-table1 {
  z-index: 999999;
  display: none;
  position: fixed;
  top: 50%;
  left: 10%;
  width: 80%;
  height: 22.2rem;
  background-color: rgba(0, 0, 0, 0.9);
  box-shadow: 0px 10px 26px 0px rgba(0, 0, 0, 0.38);
  border-radius: 0.5rem;
  opacity: .8;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}
.notecase2 .promit {
  z-index: 999998;
}
.notecase2 .table-title {
  margin: 0 5%;
  text-align: center;
  font: 0.8rem / 2.6rem "";
  color: #fff;
  border-bottom: 1px solid #8f8f8f;
}
.notecase2 .table-text {
  margin: 0.95rem 5%;
  height: 18.1rem;
  overflow: hidden;
  overflow-y: scroll;
}
.notecase2 .table-text p {
  font: 0.7rem / 2 "";
  color: #fff;
}
/*******临时账户**end*/
/*******兑换换币**start*/
.convert header.header-color {
  /*background-color: #ffffff;*/
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.convert .mui-content {
  background-color: #fff;
}
.convert .rdntn {
  margin-top: 8.75rem;
  width: 80%;
  margin-left: 10%;
  height: 2rem;
  font-size: 0.9rem;
}
.convert .useragrre {
  margin-top: 1.5rem;
  text-align: center;
  font: 0.6rem / 1.5 "";
}
.convert .useragrre .useragrre-p {
  color: #999;
}
.convert .useragrre .useragrre-a {
  color: #00aaff;
}
.convert .useragrre .useragrre-em {
  display: inline-block;
  width: 0.65rem;
  height: 0.65rem;
  background: url(../images/fangkuang.png) 0 0 no-repeat;
  background-size: .65rem;
  margin: .05rem .3rem .1rem .3rem;
  vertical-align: middle ;
}
.convert .useragrre.active .useragrre-em {
  background: url(../images/fangkuang2.png) 0 0 no-repeat;
  background-size: .65rem;
}
.convert em.money {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  background: url(../images/icon_jb.png) center no-repeat;
  background-size: 2rem auto;
  vertical-align: middle;
}
.convert .notecase-box {
  border-top: 0.55rem solid #F5F5F5;
}
.convert .notecase-balance {
  width: 100%;
  background-color: #fff;
  color: #d93b2a;
  padding-top: 1rem;
  position: relative;
  z-index: 10;
}
.convert .notecase-balance .balance-title {
  text-align: center;
  font-size: 0.7rem;
  line-height: 0.7rem;
  color: #333;
}
.convert .notecase-balance .balance-num {
  height: 4.55rem;
  margin: 0.5rem 1rem 0 1rem;
  overflow: hidden;
  background: url(../images/balance-num-bg.png) center center no-repeat;
  background-size: contain;
  padding-top: 1rem;
  text-align: end;
}
.convert .notecase-balance .balance-num .balance {
  background: transparent;
  display: inline-block;
  border: 0;
  height: 2rem;
  flex: 1;
  -webkit-flex: 1;
  margin-left: 0.25rem;
  font-size: 0.8rem;
  line-height: 2rem;
  width: 65%;
}
.convert .notecase-balance .balance-num .balance::-webkit-input-placeholder {
  color: #ccc;
  font-size: 0.8rem;
}
.convert .notecase-balance .btns-recharge-withdraw {
  margin-top: 0.75rem;
  border-top: 1px solid #ccc;
  overflow: hidden;
  padding: 0.6rem 0;
  text-align: center;
}
.convert .notecase-balance .btns-recharge-withdraw a {
  color: #333;
  font-size: 0.8rem;
  padding: 0.4rem 0;
}
.convert .notecase-balance .notecase-text {
  width: 100%;
  text-align: center;
  color: #666;
  font: 0.6rem / 1.9rem "";
  border-bottom: 1px solid #ccc;
}
.convert .notecase-balance .link-money {
  border-bottom: 1px solid #F5F5F5;
}
.convert .notecase-balance .link-money,
.convert .notecase-balance .link-xun {
  position: relative;
  font: 0.7rem / 2.2rem "";
  height: 2.2rem;
  padding: 0 .75rem;
}
.convert .notecase-balance .link-money em,
.convert .notecase-balance .link-xun em {
  position: absolute;
  right: 0.75rem;
  top: 0;
  padding-right: 1rem;
}
.convert .notecase-balance .link-money em {
  background: url(../images/icon_jb.png) right 0 center no-repeat;
  background-size: 0.75rem auto;
}
.convert .notecase-balance .link-xun em {
  background: url(../images/icon_xun.png) right 0 center no-repeat;
  background-size: 0.75rem auto;
}
/*******兑换换币**end*/
/*******新的朋友**start*/
.newfriend .fold {
  display: block;
}
.newfriend .agree,
.newfriend .disagree,
.newfriend .look,
.newfriend .untieagree {
  display: inline-block;
  width: 2.82rem;
  margin-top: .4rem;
  color: #d93b2a;
  text-align: center;
  font-size: 0.7rem;
  line-height: 1rem;
  border: solid 1px #d93b2a;
  border-radius: 0.15rem;
}
.newfriend .disagree {
  color: #999;
  border: solid 1px #999;
}
.newfriend .text {
  position: absolute;
  top: 0;
  right: 0.75rem;
  width: 20%;
  text-align: end;
}
.newfriend .text p {
  font: 0.6rem / 3.5rem "";
  color: #999;
}
.newfriend .box {
  padding-left: .5rem;
}
/*******新的朋友**end*/
/*******兑换商品**start*/
.redemption .mui-content .mf-table-view-cell {
  position: relative;
  display: block;
  padding: .55rem 0.75rem;
  height: auto;
}
.redemption .delete {
  position: absolute;
  right: 0;
  top: 25%;
  display: block;
  width: 2.375rem;
  height: 50%;
  background: url(../images/icon_delete.png) center no-repeat;
  background-size: 0.875rem auto;
}
.redemption .redemption-h3,
.redemption .redemption-h4 {
  font: 0.7rem/1.2rem "";
  color: #333;
  padding-right: 1.5rem;
  overflow: hidden;
}
.redemption .redemption-h5 {
  padding-right: 0;
}
.redemption .ads {
  display: block;
  float: right;
  color: #f00;
  border: 1px solid #f00;
  border-radius: .3rem;
  font: 0.7rem/1.2rem;
  padding: 0 .2rem;
}
.redemption .add .delete {
  margin-top: -0.7rem;
}
/*******兑换商品**end*/
/*******任务中心**start*/
.taskcenter .mui-content {
  background-color: #fff;
}
.taskcenter header.mui-bar {
  /*background-color: #ffffff;*/
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.taskcenter .receive-box {
  width: 100%;
  border-bottom: 0.5rem solid #F5F5F5;
}
.taskcenter .receive-box .title {
  font: 0.9rem / 1.5 "";
  color: #333;
  margin: 0.75rem;
}
.taskcenter .content li {
  position: relative;
  display: -webkit-flex;
  width: 100%;
  height: 3.5rem;
  border-bottom: 1px solid #E6E6E6;
}
.taskcenter .content li .img {
  width: 3.5rem;
  height: 100%;
}
.taskcenter .content li .img img {
  width: 2rem;
  height: auto;
  margin: 0.75rem;
}
.taskcenter .content li .text {
  flex: 1;
  -webkit-flex: 1;
  padding: 0.75rem 0;
}
.taskcenter .content li .text-p1 {
  font: 0.7rem / 1rem "";
  color: #333;
}
.taskcenter .content li .text-p2 {
  font: 0.5rem / 1rem "";
  color: #666;
}
.taskcenter .content li:last-child {
  border-bottom: 0;
}
.taskcenter .content .status {
  position: absolute;
  right: 0;
  top: 0;
  margin: 1.25rem 1.075rem;
  width: 3.25rem;
  height: 1.05rem;
  text-align: center;
  background-image: linear-gradient(-31deg, #e3857c 0%, #e87a6f 43%, #ed6f62 100%), linear-gradient(#edd862, #edd862);
  border-radius: 10rem;
  font: 0.5rem/1rem "";
  color: #fff;
}
.taskcenter .content .finish.status {
  background-image: linear-gradient(-31deg, #e9d043 0%, #ecc340 57%, #eeb53c 100%), linear-gradient(#edd862, #edd862);
}
/*******任务中心**end*/
/*******安全中心**start*/
.securitycenter .mui-content {
  background-color: #fff;
}
.securitycenter header.mui-bar {
  /*background-color: #ffffff;*/
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.securitycenter ul {
  border-bottom: 0.5rem solid #F5F5F5;
}
.securitycenter ul li {
  height: 2.17rem;
  margin: 0 .75rem;
  border-bottom: 1px solid #E6E6E6;
  position: relative;
  font: 0.7rem / 2.17rem "";
  color: #333;
}
.securitycenter li:last-child {
  border-bottom: 0;
}
.securitycenter ul:last-child {
  border-bottom: 0;
}
.securitycenter ul:last-child li:last-child {
  border-bottom: 1px solid #E6E6E6;
}
.securitycenter i.mui-icon {
  position: absolute;
  right: -0.8rem;
  top: 0;
  padding: .7rem;
  font-size: 1rem;
  color: #999;
}
/*******安全中心**end*/
/*******设置提现密码**start*/
.withdrawalspsd header.mui-bar {
  /*background-color: #ffffff;*/
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.withdrawalspsd .mui-content .main .getcode {
  border: 0;
  color: #f24130;
}
/*******设置提现密码**end*/
/*******设置密保问题**start*/
.security .mui-content {
  background-color: #fff;
}
.security header.mui-bar {
  /*background-color: #ffffff;*/
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.security .mui-content .main .getcode {
  border: 0;
  color: #f24130;
}
.security .hand {
  padding: 0.75rem 0.9rem;
  height: 3.15rem;
  background-color: #F5F5F5;
  font: 0.7rem / 0.9rem "";
  color: #999;
}
.security .question,
.security .answer {
  display: block;
  position: relative;
  padding: 0  0.75rem ;
  height: 2.17rem;
  border-bottom: 1px solid #E6E6E6;
  font: 0.7rem/2.17rem "";
  color: #333;
}
.security input {
  border: 0;
  padding-left: 1rem;
  background: transparent;
  width: 13.5rem;
  height: 100%;
}
.security .rdntn {
  height: 2rem;
  width: 80%;
  margin-left: 10%;
  margin-top: 9.73rem;
}
.security i.mui-icon {
  position: absolute;
  right: 0;
  top: 0;
  padding: .55rem;
  font-size: 1rem;
  color: #999;
}
/*******设置密保问题**end*/
/*******设置**start*/
.set .mui-content {
  background-color: #fff;
}
.set header.mui-bar {
  /*background-color: #ffffff;*/
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.set ul.tab-box {
  border-bottom: 20px solid #F5F5F5;
}
.set ul.tab-box li {
  position: relative;
  margin: 0 .75rem;
  border-bottom: 1px solid #E6E6E6;
}
.set ul.tab-box li p {
  font-size: 0.75rem;
  color: #333;
  line-height: 2.25rem;
}
.set ul.tab-box li i.mui-icon {
  position: absolute;
  right: -0.3rem;
  top: .5rem;
  color: #999;
}
.set ul.tab-box li .mui-switch {
  position: absolute;
  right: 0;
  top: .5rem;
}
.set ul.tab-box li .mui-switch-mini.mui-active .mui-switch-handle {
  transform: translate(0.9rem, 0);
  -webkit-transform: translate(0.9rem, 0);
}
.set ul.tab-box li .mui-switch.mui-active {
  border-color: #d93b2a;
  background-color: #d93b2a;
}
.set ul.tab-box li .mui-switch-mini {
  width: 1.9rem;
  height: 1rem;
}
.set ul.tab-box li .mui-switch {
  background-color: #ccc;
}
.set ul.tab-box li .mui-switch .mui-switch-handle {
  top: -0.05rem;
  left: 0;
  width: 0.85rem;
  height: 0.85rem;
}
.set ul.tab-box li:last-child {
  border-bottom: 0;
}
.set ul.tab-box:last-child {
  border-bottom: 0;
}
/*.set ul.tab-box:last-child li:last-child {
  border-bottom: 1px solid #E6E6E6;
}*/
.set .editdata .table-view-cell {
  width: auto;
  margin: 0 0.75rem;
  border-bottom: 1px solid #000;
  border-radius: 0;
}
.set .editdata .table-view-cell:last-child {
  border-bottom: 0;
}
.set .editdata .table-view-cell p {
  display: inline-block;
  color: #fff;
  padding-right: 0.88rem;
}
.set .editdata .table-view-cell input {
  width: 11rem;
  border: 0;
  background: transparent;
  color: #fff;
}
.set .editdata .table-view-cell input::-webkit-input-placeholder {
  color: #ccc;
}
.set .title-sm {
  font: 0.6rem/1.25rem "";
  background-color: #F5F5F5;
  color: #999;
  padding-left: 0.75rem;
}
/*******设置**end*/
/*******使用帮助**start*/
.help h3.title {
  padding: 0 .75rem;
  font: 0.8rem / 1.75rem "";
  background-color: #D9D9D9;
  color: #808080;
}
.help ul.tab-box li {
  margin: 0;
  padding: 0 .75rem;
}
.help ul.tab-box li i.mui-icon {
  right: .75rem;
}
.help .text {
  display: none;
  padding: 0.3rem 0.77rem;
  background-color: #F5F5F5;
  font: 0.7rem/1.7 "";
}
.help .text .text-title {
  color: #4d4d4d;
  margin-left: -0.2rem;
}
.help .active.text {
  display: block;
}
/*******使用帮助**end*/
/*******关于我们**start*/
.about{
	width: 100%;
	height: 100%;
	margin-top: 12%;
	display: flex;
	flex-direction: column;
	background-color: #fff;
}
.about header.mui-bar{
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.about img.about-img{
	width: 5.5rem;
  margin: 15% 35% 5%;
}
.about span.version-number{
	text-align: center;
	color: #999;
}
.about div.word{
	width: 100%;
	height: 2.5rem;
	margin-top: 15%;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
}
.about div span.word-telephone{
	font-size: 0.75rem;
	line-height: 2.5rem;
	margin-left: 1rem;
	color: #333;
}
.about div span.number-telephone{
	font-size: 0.75rem;
	line-height: 2.5rem;
	margin-right: 1rem;
	color: #999;
	float: right;
}
/*******关于我们**end*/
/*******代理人管理**start*/
.pm ul.tab-box .tab {
  margin: 0;
  padding: 0 .75rem;
}
.pm span {
  color: #d93b2a;
}
/*******代理人管理**end*/
/*******申请代理**start*/
.agency ul.tab-box .tab {
  margin: 0;
  padding: 0 .75rem;
}
.agency .agency-right {
  position: absolute;
  right: .75rem;
  top: 0;
  width: 70%;
  border: 0;
  background: transparent;
  text-align: end;
  font-size: 0.65rem;
  color: #666666;
  height: 2.25rem;
}
.agency .agency-right::-webkit-input-placeholder {
  color: #999;
}
.agency .rdntn {
  width: 80%;
  height: 2rem;
  margin: 15rem 10% 0 10%;
}
.agency .else-mgTop{
	margin-top: 7rem;
}
/*******申请代理**end*/
/*******我的道具**start*/
.myprop .con-action {
  overflow: hidden;
}
.myprop .mui-scroll-wrapper {
  display: none;
}
.myprop .active.mui-scroll-wrapper {
  display: block;
}
.myprop .color {
  color: #d93b2a;
}
.myprop .mui-bar-nav ~ .mui-content > .mui-scroll-wrapper,
.myprop .mui-bar-nav ~ .mui-content {
  padding-top: 4.7rem;
}
.myprop .appointment .mui-bar-nav ~ .mui-content > .mui-scroll-wrapper {
  padding-top: 4.7rem;
}
.myprop .mui-content {
  background-color: #fff;
}
.myprop header.mui-bar {
  /*background-color: #ffffff;*/
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.myprop .con-title {
  z-index: 3;
  position: absolute;
  top: 2.2rem;
  left: 0;
  width: 100%;
  display: -webkit-flex;
  background-color: #fff;
  justify-content: center;
  border-bottom: 0.5rem solid #F5F5F5;
}
.myprop .con-title .link-a {
  flex: 1;
  -webkit-flex: 1;
  display: inline-block;
  height: 2rem;
  border-bottom: 1px solid #fff;
  text-align: center;
  font: 0.8rem / 2rem "";
  color: #333;
}
.myprop .con-title .active.link-a {
  border-color: #d93b2a;
  color: #d93b2a;
}
.myprop .con {
  padding: 0 4%;
  font-size: 0;
  border-bottom: 0.5rem solid #F5F5F5;
}
.myprop .chip {
  display: inline-block;
  width: 25%;
  text-align: center;
  margin: 0.8rem 0;
}
.myprop .chip img {
  height: 1.9rem;
}
.myprop .chip .chip-sub {
  font: 0.55rem/1.5 "";
  color: #333;
}
.myprop .chip .chip-money {
  font: 0.5rem / 1.7 "";
  color: #666;
}
.myprop .nochip {
  line-height: 3rem;
  color: #ccc;
  font-size: .9rem;
}
.myprop .con-action .title {
  font: 0.8rem/2.25rem "";
  color: #333;
  margin-left: 0.75rem;
}
.myprop .con-action .search {
  margin-left: 0.75rem;
  height: 1.1rem;
  width: 13.15rem;
  padding-left: 1.25rem;
  font-size: 0.7rem;
  border: 1px solid #ccc;
  border-radius: .3rem;
  background: url(../images/icon_serch2.png) 0.25rem center no-repeat transparent;
  background-size: 0.75rem auto;
  color: #333;
}
.myprop .con-action .search::-webkit-input-placeholder {
  color: #ccc;
}
.myprop .con-action .prop {
  position: relative;
  display: inline-block;
  width: 9rem;
  padding-left: 0.75rem;
  float: left;
}
.myprop .con-action .prop .prop-img {
  width: 8.25rem;
  height: 5rem;
  margin: 0.75rem 0;
  text-align: center;
  line-height: 4.7rem;
}
.myprop .con-action .prop .prop-img img {
  max-height: 5rem;
  max-width: 8.25rem;
  vertical-align: middle;
}
.myprop .con-action .prop .prop-name {
  font: 0.75rem / 1.5 "";
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  min-height: 2.2rem;
}
.myprop .con-action .prop .prop-nub {
  font: 0.7rem / 1.8 "";
  color: #999;
}
.myprop .con-action .prop .prop-nub span.color {
  color: #c40e18;
}
.myprop .con-action .prop .btn {
  position: absolute;
  right: 0;
  bottom: 0.3rem;
  display: inline-block;
  width: 3.25rem ;
  text-align: center;
  border-radius: .15rem;
  font: 0.7rem / 1.25rem "";
  color: #fff;
  background-color: #d93b2a;
}
.myprop .hint {
  font: 0.7rem / 2.2rem "";
  color: #333;
  padding: 0 .5rem ;
  margin-bottom: 0.25rem;
  margin-top: -0.5rem;
  background-color: #F5F5F5;
}
.myprop .card {
  margin: .5rem;
  padding-bottom: .5rem;
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
}
.myprop .card .card-title {
  padding-left: 0.83rem;
  margin-bottom: .5rem;
  height: 2.2rem;
  border-bottom: 1px solid #E6E6E6;
  clear: both;
  font: 0.8rem / 2.2rem "";
  color: #333;
}
.myprop .card .card-title .color {
  font: 0.7rem/2.2rem "";
  float: right;
  padding-right: 0.5rem;
}
.myprop .lose.color {
  color: #999;
}
.myprop .card-text {
  padding: 0 0.85rem;
  font: 0.7rem / 2 "";
  color: #666;
}
.myprop .cards .card-title {
  clear: both;
  padding: 0 0.75rem;
  height: 2.15rem;
  font: 0.7rem/2.15rem "";
  color: #333;
  border-bottom: 1px solid #E6E6E6;
}
.myprop .cards .card-title span {
  padding-left: 1.2rem;
  float: right;
  color: #666;
}
.myprop .cards .card-title.yhk span {
  background: url(../images/icon_yhk.png) 0.05rem center no-repeat;
  background-size: 0.88rem auto;
}
.myprop .cards .card-title.hyk span {
  background: url(../images/icon_hyk.png) 0.1rem center no-repeat;
  background-size: 0.83rem auto;
}
.myprop .cards .card-title.bqk span {
  background: url(../images/icon_bqk.png) 0.15rem center no-repeat;
  background-size: 0.75rem auto;
}
.myprop .cards .card-title.djj span {
  background: url(../images/icon_djj.png) 0.15rem center no-repeat;
  background-size: 0.75rem auto;
}
.myprop .gift-con p.con-gift {
  position: relative;
  font: 0.7rem/2.15rem "";
  color: #333;
  padding: 0 .75rem;
}
.myprop .gift-con a.con-gift-a {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1.2rem;
  padding: 0.39rem 0.75rem;
  color: #999;
}
.myprop .gift-con .con-gift-p {
  font-size: 0;
}
.myprop .gift-con .giftimg-div {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  font: 0.55rem/1.5 "";
  width: 100%;
  color: #333;
  height: 2rem;
  margin-bottom: .15rem;
}
.myprop .gift-con .gift {
  display: inline-block;
  width: 25%;
  height: 2.975rem;
  text-align: center;
  border-radius: 0.38rem;
  line-height: 0;
  margin-top: 0.5rem;
}
.myprop .gift-con .gift .giftimg {
  max-height: 2rem;
  max-width: 50%;
  vertical-align: middle;
}
.myprop .gift-con .gift em {
  width: 100%;
  color: #666;
  font: 0.5rem / 1.5 "";
}
.myprop .gift-con .gift span.text {
  display: block;
  font: 0.55rem/1.5 "";
  width: 100%;
  color: #333;
}
/*******我的道具**end*/
/*******我的收货地址**start*/
.site header.mui-bar {
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.site .mui-content {
  background-color: #fff;
}
.site .con {
  border-bottom: 0.5rem solid #F5F5F5;
}
.site .con p {
  clear: both;
  padding: 0 0.75rem;
  font: 0.7rem / 1.4 "";
  color: #333;
}
.site .con .sex {
  padding-left: .8rem;
}
.site .con .phone {
  float: right;
}
.site .con p.inf {
  padding-top: .8rem;
}
.site .con p.site {
  padding: 0.5rem 0.75rem;
}
.site .con p.lable {
  clear: both;
  height: 2.125rem;
  border-top: 1px solid #F2F2F2;
}
.site .con .editdata,
.site .con a.lable,
.site .con .delete {
  display: inline-block;
  font: 0.7rem/2.125rem "";
  color: #333;
}
.site .con .editdata,
.site .con .delete {
  float: right;
  padding-left: 1.67rem;
}
.site .con a.lable {
  padding-left: 0.925rem;
  background: url(../images/seit_fk1.png) 0 center no-repeat;
  background-size: 0.6rem auto;
}
.site .con a.lable.active {
  background: url(../images/seit_fk2.png) 0 center no-repeat;
  background-size: 0.6rem auto;
}
.site .con .editdata {
  background: url(../images/icon_editdata.png) 0.75rem center no-repeat;
  background-size: 0.65rem auto;
}
.site .con .delete {
  background: url(../images/icon_delete3.png) 0.75rem center no-repeat;
  background-size: 0.65rem auto;
}
.site .add-seit {
  padding-left: 2.8rem;
  font: 600 0.75rem / 3.125rem "";
  color: #999;
  background: url(../images/jx_jia.png) 0.58rem center no-repeat;
  background-size: 1.6rem auto;
  margin-bottom: 2.25rem;
}
.site .footer {
  z-index: 999;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2.25rem;
  text-align: center;
  font: 0.9rem / 2.25rem "";
  color: #fff;
  background-color: #d93b2a;
}
/*******我的收货地址**end*/
/*******新增收货地址**start*/
.addsite header.mui-bar {
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.addsite .mui-content {
  background-color: #fff;
}
.addsite .con-p {
  display: flex;
  display: -webkit-flex;
  margin: 0 .38rem;
  height: 2.18rem;
  border-bottom: 1px solid #E5E5E5;
}
.addsite .con-p span {
  padding-left: 0.5rem;
  width: 4.2rem;
  font: 0.7rem / 2.18rem "";
  color: #333;
}
.addsite .con-p input {
  flex: 1;
  -webkit-flex: 1;
  border: 0;
  height: 100%;
  background: transparent;
  color: #333;
  font-size: 0.7rem;
}
.addsite .con-p input::-webkit-input-placeholder {
  color: #ccc;
}
.addsite .con-p .sex {
  padding-left: 0.875rem;
  padding-right: 1.5rem;
  font: 0.7rem/2.18rem "";
  color: #333;
  background: url(../images/fangkuang0.png) 0 center no-repeat;
  background-size: 0.6rem auto;
}
.addsite .con-p .active.sex {
  background: url(../images/fangkuang2.png) 0 center no-repeat;
  background-size: 0.6rem auto;
}
.addsite .rdntn {
  margin: 2.5rem 10% 0 10%;
  width: 80%;
  height: 2rem;
  font: 0.9rem/2rem "";
}
/*******新增收货地址**end*/
/*******申请经理人**start*/
.handler .register {
  padding: 2rem 2rem 0;
  overflow: hidden;
  clear: both;
}
.handler ul.tab-box .tab {
  margin: 0;
  padding: 0 .75rem;
}
.handler .agency-right {
  position: absolute;
  right: .75rem;
  top: 0;
  width: 70%;
  border: 0;
  background: transparent;
  text-align: end;
  font-size: 0.7rem;
  color: #333;
}
.handler .agency-right::-webkit-input-placeholder {
  color: #999;
}
.handler .rdntn {
  width: 100%;
  height: 2rem;
}
/*******申请经理人**end*/
/*******经理人管理**start*/
.handlersharp .date-unbund-list,
.handlersharp .lose-team,
.handlersharp .new-team,
.handlersharp .appnew {
  display: none;
}
.handlersharp .newfriend-text {
  display: none;
}
.handlersharp .view3-p {
  padding: .5rem 1rem 0 1rem;
  font: 0.5rem/1.2 "";
  color: #ccc;
  opacity: .8;
}
.handlersharp .mui-bar-nav ~ .mui-content > .mui-scroll-wrapper,
.handlersharp .mui-bar-nav ~ .mui-content {
  padding-top: 6.85rem;
}
.handlersharp .appointment .mui-bar-nav ~ .mui-content > .mui-scroll-wrapper {
  padding-top: 6.85rem;
}
.handlersharp .mui-content {
  background-color: #fff;
}
.handlersharp header.mui-bar {
  /*background-color: #ffffff;*/
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.handlersharp .color {
  color: #d93b2a;
}
.handlersharp .con-title {
  z-index: 3;
  position: absolute;
  top: 2.2rem;
  left: 0;
  width: 100%;
  background-color: #fff;
  justify-content: center;
  border-bottom: 0.5rem solid #F5F5F5;
}
.handlersharp .con-title .title {
  padding: 0 .75rem;
  height: 2.15rem;
  font: 0.7rem / 2.15rem "";
  color: #333;
  background-color: #F2F2F2;
}
.handlersharp .con-title .title span {
  float: right;
}
.handlersharp .con-title .link {
  text-align: center;
}
.handlersharp .con-title .link-a {
  position: relative;
  clear: both;
  margin: 0 .44rem;
  display: inline-block;
  height: 2rem;
  text-align: center;
  font: 0.8rem / 2rem "";
  color: #333;
}
.handlersharp .con-title .link-a p.p {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -1.96rem;
  width: 3.92rem;
  height: 0.15rem;
  background-color: #d93b2a;
}
.handlersharp .con-title .active.link-a {
  border-color: #d93b2a;
  color: #d93b2a;
}
.handlersharp .con-title .active.link-a p.p {
  display: block;
}
.handlersharp .newfriend .title {
  width: 100%;
  padding-left: .75rem;
  font: 0.8rem/2.25rem "";
  color: #333;
  height: 2.25rem;
  background-color: #fff;
}
.handlersharp .newfriend .title span {
  padding-left: .5rem;
  font: 0.55rem/2.25rem "";
}
.handlersharp .newfriend .title .mui-icon {
  float: right;
  padding: .55rem;
  color: #999;
}
.handlersharp .newfriend {
  border-bottom: 0.5rem solid #F5F5F5;
}
.handlersharp .newfriend .fold-text {
  width: 100%;
}
.handlersharp .lia {
  position: absolute;
  right: .75rem;
  top: 1.2rem;
  display: inline-block;
  padding: 0 .66rem;
  color: #d93b2a;
  text-align: center;
  font-size: 0.7rem;
  line-height: 1rem;
  border: solid 1px #d93b2a;
  border-radius: 0.15rem;
}
.handlersharp .untie {
  font-size: 0.6rem;
  padding: 0 .6rem;
}
.handlersharp .con .fold-text {
  border-top: 0;
  border-bottom: solid 1px #e6e6e6;
}
.handlersharp .mui-scroll-wrapper {
  display: none;
}
.handlersharp .active.mui-scroll-wrapper {
  display: block;
}
.handlersharp .myprop .con {
  border-bottom: 0;
}
/*******经理人管理**end*/
/*******系统消息**start*/
.messages .mui-bar-nav ~ .mui-content {
  overflow: scroll;
}
.messages .main {
  padding-top: 0.75rem;
}
.messages header.mui-bar {
  z-index: 99999;
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.messages .time-box {
  text-align: center;
}
.messages .time {
  max-width: 15rem;
  display: inline-block;
  margin-bottom: .75rem;
  padding: .2rem .45rem 0.2rem .45rem;
  background-color: rgba(0, 0, 0, 0.08);
  color: #fff;
  font: 0.6rem / 1.5 "";
  border-radius: .15rem;
}
.messages .chat-box {
  padding: 0 .5rem  .75rem .5rem;
  font-size: 0;
  overflow: hidden;
}
.messages .chat-box .face-bq {
  margin: 0 .2rem;
  width: 1.25rem;
  height: auto;
  vertical-align: middle;
}
.messages .chat-box .text p,
.messages .chat-box .text div {
  min-height: 1.2rem;
  word-wrap: break-word;
}
.messages .user {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  vertical-align: top;
}
.messages .text-box {
  display: inline-block;
}
.yx{
	width: 0.8rem;
	height: 0.8rem;
	display: inline-block;
	background: url(../images/wfs.png) no-repeat;
	background-size: 100% 100%;
	float: right;
	margin-top: 0.8rem;
}
.messages .text,
.messages .video-box,
.messages .card-box {
  position: relative;
  display: inline-block;
  margin: 0 .75rem;
  max-width: 12.77rem;
  padding: 0.625rem 0.75rem ;
  font: 0.8rem / 1.5 "";
  border-radius: 0.4rem;
}
.messages .em {
  position: absolute;
  top: 0.65rem;
  width: 0.7rem;
  height: 0.85rem;
}
.messages .chat-left .text,
.messages .chat-left .video-box,
.messages .chat-left .card-box {
  background-color: #fff;
}
.messages .chat-left .text p,
.messages .chat-left .text div {
  color: #333;
}
.messages .chat-left .em {
  left: -0.5rem;
  background: url(../images/icon_jiao1.png) no-repeat 0 0;
  background-size: 0.7rem auto;
}
.messages .chat-right .text-box {
  float: right;
}
.messages .chat-right .text,
.messages .chat-right .video-box,
.messages .chat-right .card-box {
  background-color: #f3671b;
}
.messages .chat-right .text p,
.messages .chat-right .text div {
  color: #fff;
}
.messages .chat-right .em {
  right: -0.5rem;
  background: url(../images/icon_jiao2.png) no-repeat 0 0;
  background-size: 0.7rem auto;
}
.messages .chat-right .user {
  float: right;
}
.messages .username {
  padding-left: 0.9rem;
  padding-bottom: 0.2rem;
  font: 0.5rem/1.5 "";
  color: #999;
}
/*******系统消息**end*/
/*******手机通讯录**start*/
.telephone nav.nav a,
.telephone .top,
.telephone .bottom {
  height: 3.2%;
}
.telephone .clickbox {
  background: url(../images/fangkuang0.png) center no-repeat;
  background-size: 0.7rem auto;
}
.telephone .active .clickbox {
  background: url(../images/juxing2.png) center no-repeat;
  background-size: 0.7rem auto;
}
.telephone .mui-content {
  position: relative;
}
.telephone .footer {
  z-index: 99;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2.25rem;
  background-color: #fff;
  border-top: 1px solid #E6E6E6;
  overflow: hidden;
}
.telephone .ft-left {
  float: left;
  height: 100%;
  font: 0.7rem/2.25rem "";
  color: #333;
}
.telephone .ft-left .clickbox {
  background-position: 0.75rem center;
  padding-left: 1.95rem;
}
.telephone .ft-right {
  float: right;
  width: 6.5rem;
  height: 2.25rem;
  font: 0.9rem/2.25rem "";
  color: #fff;
  text-align: center;
  background-color: #d93b2a;
}
/*******手机通讯录**end*/
/*******聊天**start*/
.chat,
.circlefriends {
  position: relative;
}
.chat .voice-lading,
.circlefriends .voice-lading {
  background-position: center;
}
.chat .mui-title .title-box,
.circlefriends .mui-title .title-box {
  position: relative;
  left: 50%;
  width: 3.2rem;
  height: 2.2rem;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.chat .mui-title .title-left,
.circlefriends .mui-title .title-left {
  position: absolute;
  top: .6rem;
  left: 0;
  z-index: 20;
  width: 1.7rem;
  height: 1.4rem;
}
.chat .mui-title .title-left .title-em,
.circlefriends .mui-title .title-left .title-em {
  position: absolute;
  left: 0rem;
  top: 0rem;
  z-index: 90;
  display: block;
  width: 100%;
  height: 100%;
  margin-top: .1rem;
  background: url(../images/chat_oleft.png) 0 0 no-repeat;
  background-size: 100%;
}
.chat .mui-title .title-left img,
.circlefriends .mui-title .title-left img {
  width: 1.5rem;
  height: 100%;
  border: 2px solid #fff;
  border-bottom-right-radius: 50% ;
  border-bottom-left-radius: 50% ;
  border-top-right-radius: 50%;
}
.chat .mui-title .title-right,
.circlefriends .mui-title .title-right {
  position: absolute;
  top: .1rem;
  right: 0;
  z-index: 10;
  width: 2.2rem;
  height: 2.2rem;
}
.chat .mui-title .title-right .title-em,
.circlefriends .mui-title .title-right .title-em {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 90;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/chat_oright.png) 0 0 no-repeat;
  background-size: 100%;
}
.chat .mui-title .title-right img,
.circlefriends .mui-title .title-right img {
  padding: .1rem;
  width: 2.2rem;
  height: 2rem;
}
.chat .mui-slider,
.circlefriends .mui-slider {
  height: 100%;
  display: none;
}
.chat .active.mui-slider,
.circlefriends .active.mui-slider {
  display: block;
}
.chat .mui-content,
.circlefriends .mui-content {
  background-color: #EEEEEE;
  padding-bottom: 2.6rem;
}
.chat .main,
.circlefriends .main {
  height: 100%;
  overflow-y: scroll;
}
.chat .main::-webkit-scrollbar,
.circlefriends .main::-webkit-scrollbar {
  display: none;
}
.chat .complain,
.circlefriends .complain,
.chat .chat-love,
.circlefriends .chat-love,
.chat .chat-addfrand,
.circlefriends .chat-addfrand {
  z-index: 99;
  position: absolute;
  top: 0;
}
.chat .chat-love,
.circlefriends .chat-love,
.chat .chat-addfrand,
.circlefriends .chat-addfrand {
  right: 0;
  width: 2rem;
  height: 100%;
  background: url(../images/chat_love.png) 0 center no-repeat;
  background-size: 1.075rem auto;
}
.chat .complain,
.circlefriends .complain {
  right: 2rem;
  width: 2rem;
  height: 100%;
  background: url(../images/chat_ts.png) center no-repeat;
  background-size: 0.775rem auto;
}
.chat .chat-addfrand,
.circlefriends .chat-addfrand {
  background: url(../images/chat_addfrande.png) 0 0.6rem no-repeat;
  background-size: 1rem auto;
}
.chat .chat-card,
.circlefriends .chat-card {
  text-align: center;
  margin-bottom: 1rem;
  margin-top: 0.25rem;
}
.chat .chat-card .card,
.circlefriends .chat-card .card {
  display: inline-block;
  padding: 0.8rem 0;
  background-color: #fff;
  border-radius: .5rem;
  width: 12rem;
}
.chat .chat-card p,
.circlefriends .chat-card p {
  font: 0.7rem / 1.5 "";
  color: #333;
}
.chat .chat-card span,
.circlefriends .chat-card span {
  font: 0.6rem/1.5 "";
  color: #666;
}
.chat .chat-card div,
.circlefriends .chat-card div {
  display: inline-block;
}
.chat .chat-card .card-text,
.circlefriends .chat-card .card-text {
  margin-left: 0.75rem;
  margin-top: 1rem;
  text-align: start;
}
.chat .chat-card .card-con,
.circlefriends .chat-card .card-con {
  margin-top: 1rem;
  margin-bottom: .5rem;
}
.chat .chat-card .card-con img,
.circlefriends .chat-card .card-con img {
  vertical-align: top;
  max-width: 4rem;
  max-height: 4rem;
}
.chat .footer,
.circlefriends .footer {
  z-index: 999;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #F5F5F5;
  font-size: 0;
  transition: height 350ms;
  -webkit-transition: height 350ms;
}
.chat .footer .menu .menu-box,
.circlefriends .footer .menu .menu-box {
  display: none;
  float: left;
  width: 100%;
  border-top: 2px solid #EBEBEB;
  overflow: hidden;
}
.chat .footer .menu-box,
.circlefriends .footer .menu-box {
  height: 12.5rem!important;
}
.chat .footer .menu-link,
.circlefriends .footer .menu-link {
  float: left;
  width: 100%;
}
.chat .footer .add,
.circlefriends .footer .add {
  display: none;
}
.chat .footer .add .box,
.circlefriends .footer .add .box {
  float: left;
  width: 3rem;
  height: 4rem;
  margin-left: 1.375rem;
  margin-top: 1.75rem;
}
.chat .footer .add .chip-linkbox,
.circlefriends .footer .add .chip-linkbox,
.chat .footer .add .gift-linkbox,
.circlefriends .footer .add .gift-linkbox,
.chat .footer .add .reserve-linkbox,
.circlefriends .footer .add .reserve-linkbox {
  display: none;
}
.chat .footer .link,
.circlefriends .footer .link {
  display: inline-block;
  width: 2.9rem;
  height: 2.9rem;
  border: 1px solid #ccc;
  border-radius: 0.5rem;
  background-color: #fbfbfb;
  background-position: center;
  background-repeat: no-repeat;
}
.chat .footer .phot,
.circlefriends .footer .phot {
  background-image: url(../images/chat_pht.png);
  background-size: 1.5rem auto;
}
.chat .footer .void,
.circlefriends .footer .void {
  background-image: url(../images/chat_vdio.png);
  background-size: 1.45rem auto;
}
.chat .footer .gift,
.circlefriends .footer .gift {
  background-image: url(../images/chat_gift.png);
  background-size: 1.45rem auto;
}
.chat .footer .chip,
.circlefriends .footer .chip {
  background-image: url(../images/chat_chip.png);
  background-size: 1.15rem auto;
}
.chat .footer .card,
.circlefriends .footer .card {
  background-image: url(../images/chat_card.png);
  background-size: 1.45rem auto;
}
.chat .footer .reserve,
.circlefriends .footer .reserve {
  background-image: url(../images/chat_reserve.png);
  background-size: 1.45rem auto;
}
.chat .footer p.p,
.circlefriends .footer p.p {
  text-align: center;
  font: 0.6rem/2 "";
  color: #666;
}
.chat .footer .mui-slider-item,
.circlefriends .footer .mui-slider-item {
  font-size: 0;
}
.chat .footer .menu-face,
.circlefriends .footer .menu-face {
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 2.25rem;
}
.chat .footer .menu-face a,
.circlefriends .footer .menu-face a {
  float: left;
  width: 2.5rem;
  height: 3rem;
  overflow: hidden;
}
.chat .footer .menu-face .face-img,
.circlefriends .footer .menu-face .face-img,
.chat .footer .menu-face .face-add,
.circlefriends .footer .menu-face .face-add {
  float: left;
  margin-top: 1.5rem;
  width: 2.625rem;
  height: 2.625rem;
  text-align: center;
}
.chat .footer .menu-face .face-img img,
.circlefriends .footer .menu-face .face-img img,
.chat .footer .menu-face .face-add img,
.circlefriends .footer .menu-face .face-add img {
  max-width: 2.625rem;
  max-height: 2.625rem;
  vertical-align: -webkit-baseline-middle;
  vertical-align: middle;
  width: auto;
  height: auto;
}
.chat .footer .menu-face .face-bq,
.circlefriends .footer .menu-face .face-bq {
  margin-top: 1.5rem;
  margin-left: 1rem;
  margin-right: 0.25rem;
  max-width: 1.25rem;
  text-align: center;
  max-height: 1.5rem;
  vertical-align: middle;
}
.chat .footer .menu-face .face-add,
.circlefriends .footer .menu-face .face-add {
  float: left;
  margin-left: 0.75rem;
  vertical-align: middle;
}
.chat .footer .menu-face .face-img,
.circlefriends .footer .menu-face .face-img {
  margin-left: 1rem;
}
.chat .footer .menu-face .face-bot,
.circlefriends .footer .menu-face .face-bot {
  z-index: 999;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2.25rem;
  background-color: #ededed;
}
.chat .footer .menu-face .face-bot-bq,
.circlefriends .footer .menu-face .face-bot-bq {
  display: inline-block;
  width: 3.125rem;
  height: 100%;
  background: url(../images/face-botbq.png) center no-repeat;
  background-size: 1.35rem auto;
}
.chat .footer .menu-face .face-bot-love,
.circlefriends .footer .menu-face .face-bot-love {
  display: inline-block;
  width: 3.125rem;
  height: 100%;
  background: url(../images/face-botlove.png) center no-repeat;
  background-size: 1.35rem auto;
}
.chat .footer .menu-face .face-bot-color,
.circlefriends .footer .menu-face .face-bot-color {
  background-color: #e0e0e0;
}
.chat .chat-val-box,
.circlefriends .chat-val-box {
  border-bottom: 1px solid #808080;
  margin: .4rem  0.5rem .6rem .5rem ;
  overflow-y: scroll;
  min-height: 1.5rem ;
  max-height: 3rem;
  float: left;
  width: 10rem;
  padding-top: .2rem;
}
.chat .chat-val,
.circlefriends .chat-val {
  color: #333;
  -moz-user-select: text;
  -webkit-user-select: text;
  font: 0.7rem/1.5 "";
}
.chat .chat-val div,
.circlefriends .chat-val div {
  float: left;
  font: 0.7rem/1.5 "";
  color: #333;
  margin: 0;
  padding: 0;
}
.chat .chat-val .face-bq,
.circlefriends .chat-val .face-bq {
  width: 1.25rem;
  margin: 0 .2rem;
  height: auto;
  vertical-align: middle;
}
.chat .chat-val::-webkit-scrollbar,
.circlefriends .chat-val::-webkit-scrollbar {
  display: none;
}
.chat .voice,
.circlefriends .voice,
.chat .face,
.circlefriends .face,
.chat .rests,
.circlefriends .rests,
.chat .bth,
.circlefriends .bth,
.chat .keyboard,
.circlefriends .keyboard {
  float: left;
  width: 1.75rem;
  height: 2.5rem;
}
.chat .face,
.circlefriends .face {
  margin-right: 0.4rem;
  background: url(../images/chat_bq.png) center no-repeat;
  background-size: 1.7rem auto;
}
.chat .voice,
.circlefriends .voice {
  margin-left: .625rem;
  background: url(../images/chat_yy2.png) center no-repeat;
  background-size: 1.7rem auto;
}
.chat .rests,
.circlefriends .rests {
  margin-left: .3rem;
  background: url(../images/chat_jia0.png) center no-repeat;
  background-size: 1.7rem auto;
}
.chat .keyboard,
.circlefriends .keyboard {
  background: url(../images/chat_jp.png) center no-repeat;
  background-size: 1.7rem auto;
}
.chat .bth,
.circlefriends .bth {
  display: none;
  width: 2.3rem;
  height: 1.5rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  background-color: #d93b2a;
  color: #fff;
  font: 0.6rem / 1.4rem "";
  border-radius: .3rem;
  text-align: center;
}
.chat .chat-box .video-box,
.circlefriends .chat-box .video-box {
  max-width: 10rem;
  min-width: 3rem;
  height: 2rem;
}
.chat .chat-box .video-box .vidos,
.circlefriends .chat-box .video-box .vidos {
  margin-top: -0.2rem;
  width: 0.75rem;
  height: auto;
}
.chat .chat-right .video-box-p p,
.circlefriends .chat-right .video-box-p p {
  margin-top: -0.25rem;
  color: #fff;
  margin-right: 1.2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chat .chat-left .video-box-p p,
.circlefriends .chat-left .video-box-p p {
  margin-top: -1.5rem;
  color: #000000;
  margin-left: 1.2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chat .chat-right .video-box .vidos,
.circlefriends .chat-right .video-box .vidos {
  float: right;
}
.chat .chat-box .video-box .second,
.circlefriends .chat-box .video-box .second {
  position: absolute;
  top: 0;
  color: #666;
  font: 0.7rem/2rem "";
}
.chat .chat-right .video-box .second,
.circlefriends .chat-right .video-box .second {
  left: -1.5rem;
}
.chat .chat-left .video-box .second,
.circlefriends .chat-left .video-box .second {
  right: -1.7rem;
}
.chat .mui-table-view-cell a,
.circlefriends .mui-table-view-cell a {
  display: inline-block;
  width: 2.75rem;
  height: 2rem;
  border-left: 1px solid #1A1A1A;
  border-radius: unset!important;
  color: #fff!important;
  text-align: center;
}
.chat .mui-table-view-cell,
.circlefriends .mui-table-view-cell {
  background-color: transparent;
  opacity: 0.75;
  color: #fff;
}
.chat .mui-popover .mui-popover-arrow:after,
.circlefriends .mui-popover .mui-popover-arrow:after {
  background-color: #3f3939;
}
.chat .mui-popover .mui-table-view,
.circlefriends .mui-popover .mui-table-view {
  background-color: transparent;
}
.chat .mui-popover,
.circlefriends .mui-popover {
  width: 8.3rem;
  height: 2rem;
  background-color: rgba(0, 0, 0, 0.75);
  box-shadow: 0px 10px 26px 0px rgba(0, 0, 0, 0.38);
}
.chat .mui-popover .mui-scroll-wrapper,
.circlefriends .mui-popover .mui-scroll-wrapper {
  margin: 0;
}
.chat .gift-box,
.circlefriends .gift-box {
  bottom: -100%;
  left: 0;
  transition: bottom 400ms;
  -webkit-transition: bottom 400ms;
}
.chat .chip-box,
.circlefriends .chip-box {
  bottom: 0;
  left: 100%;
  transition: left 400ms;
  -webkit-transition: left 400ms;
}
.chat .gift-box,
.circlefriends .gift-box,
.chat .chip-box,
.circlefriends .chip-box {
  display: none;
  z-index: 1000;
  position: fixed;
  position: -ms-device-fixed;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.75);
}
.chat .gift-box .box-title,
.circlefriends .gift-box .box-title,
.chat .chip-box .box-title,
.circlefriends .chip-box .box-title {
  position: relative;
  height: 2.5rem;
  width: 100%;
  border-bottom: 1px solid #4D4D4D ;
}
.chat .gift-box .box-roll,
.circlefriends .gift-box .box-roll,
.chat .chip-box .box-roll,
.circlefriends .chip-box .box-roll {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.chat .gift-box .box-title p,
.circlefriends .gift-box .box-title p,
.chat .chip-box .box-title p,
.circlefriends .chip-box .box-title p {
  text-align: center;
  font: 0.8rem / 2.5rem "";
  color: #fff;
}
.chat .gift-box .box-bot,
.circlefriends .gift-box .box-bot,
.chat .chip-box .box-bot,
.circlefriends .chip-box .box-bot {
  width: 100%;
  height: 2.25rem;
  background-color: #494949;
  font-size: 0;
}
.chat .gift-box .close,
.circlefriends .gift-box .close,
.chat .chip-box .close,
.circlefriends .chip-box .close {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 2.25rem;
  height: 100%;
  background: url(../images/chat_close.png) center no-repeat;
  background-size: 0.7rem auto;
}
.chat .gift-box .box-text,
.circlefriends .gift-box .box-text,
.chat .chip-box .box-text,
.circlefriends .chip-box .box-text {
  height: 10.8rem;
  width: 100%;
  font-size: 0;
  overflow: hidden;
}
.chat .gift-box .box-roll::-webkit-scrollbar,
.circlefriends .gift-box .box-roll::-webkit-scrollbar,
.chat .chip-box .box-roll::-webkit-scrollbar,
.circlefriends .chip-box .box-roll::-webkit-scrollbar {
  display: none;
}
.chat .gift-box .img-p,
.circlefriends .gift-box .img-p,
.chat .chip-box .img-p,
.circlefriends .chip-box .img-p {
  text-align: center;
  display: inline-block;
  height: 2.25rem;
  width: 2rem;
  line-height: 2rem;
}
.chat .gift-box .gift-a,
.circlefriends .gift-box .gift-a,
.chat .chip-box .gift-a,
.circlefriends .chip-box .gift-a {
  border-radius: .5rem;
  display: inline-block;
  width: 4.5rem;
  height: 5.3rem;
  text-align: center;
  padding-top: .7rem;
}
.chat .gift-box .gift-a img,
.circlefriends .gift-box .gift-a img,
.chat .chip-box .gift-a img,
.circlefriends .chip-box .gift-a img {
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
}
.chat .gift-box .gift-a .gift-name,
.circlefriends .gift-box .gift-a .gift-name,
.chat .chip-box .gift-a .gift-name,
.circlefriends .chip-box .gift-a .gift-name {
  color: #fff;
  font: 0.55rem / 1.5 "";
}
.chat .gift-box .gift-a .gift-nub,
.circlefriends .gift-box .gift-a .gift-nub,
.chat .chip-box .gift-a .gift-nub,
.circlefriends .chip-box .gift-a .gift-nub {
  color: #ccc;
  font: 0.5rem / 1.5 "";
}
.chat .gift-box .active.gift-a,
.circlefriends .gift-box .active.gift-a,
.chat .chip-box .active.gift-a,
.circlefriends .chip-box .active.gift-a {
  background-image: linear-gradient(0deg, rgba(132, 132, 132, 0.2) 0%, rgba(232, 232, 232, 0.2) 100%), linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));
  background-blend-mode: normal, normal;
}
.chat .gift-box .gift-link,
.circlefriends .gift-box .gift-link,
.chat .chip-box .gift-link,
.circlefriends .chip-box .gift-link,
.chat .gift-box .gift-chip,
.circlefriends .gift-box .gift-chip,
.chat .chip-box .gift-chip,
.circlefriends .chip-box .gift-chip {
  float: left;
  display: inline-block;
  width: 3.1rem;
  height: 100%;
}
.chat .gift-box .gift-link,
.circlefriends .gift-box .gift-link,
.chat .chip-box .gift-link,
.circlefriends .chip-box .gift-link {
  background: url(../images/chat_gift2.png) center no-repeat;
  background-size: 1.35rem auto;
}
.chat .gift-box .gift-chip,
.circlefriends .gift-box .gift-chip,
.chat .chip-box .gift-chip,
.circlefriends .chip-box .gift-chip {
  background: url(../images/chat_clip.png) center no-repeat;
  background-size: 1.3rem auto;
}
.chat .gift-box .gift-link-color,
.circlefriends .gift-box .gift-link-color,
.chat .chip-box .gift-link-color,
.circlefriends .chip-box .gift-link-color {
  background-color: #5e5e5e;
}
.chat .gift-box .btn,
.circlefriends .gift-box .btn,
.chat .chip-box .btn,
.circlefriends .chip-box .btn {
  float: right;
  margin: 0.275rem 0.35rem;
  display: inline-block;
  width: 2.3rem ;
  height: 1.7rem;
  background-color: #d93b2a;
  font: 0.75rem / 1.7rem "";
  border-radius: .3rem;
  text-align: center;
  color: #fff;
}
.chat .gift-box .nub-box,
.circlefriends .gift-box .nub-box,
.chat .chip-box .nub-box,
.circlefriends .chip-box .nub-box {
  float: left;
}
.chat .gift-box .nub-span,
.circlefriends .gift-box .nub-span,
.chat .chip-box .nub-span,
.circlefriends .chip-box .nub-span {
  float: left;
  font: 0.7rem / 2.25rem "";
  color: #fff;
  width: 4.55rem;
  text-align: center;
}
.chat .gift-box .nub,
.circlefriends .gift-box .nub,
.chat .chip-box .nub,
.circlefriends .chip-box .nub {
  float: left;
  margin-top: 0.5rem;
  text-align: center;
  display: block;
            height: 1.3rem;
  width: 1.75rem;
  font: 0.7rem / 1.3rem "";
  color: #FFFFFF;
  background-color: transparent;
  border: 0;
  height: 100%;
}
.chat .gift-box .nub-jian,
.circlefriends .gift-box .nub-jian,
.chat .chip-box .nub-jian,
.circlefriends .chip-box .nub-jian,
.chat .gift-box .nub-jia,
.circlefriends .gift-box .nub-jia,
.chat .chip-box .nub-jia,
.circlefriends .chip-box .nub-jia {
  display: inline-block;
  float: left;
  margin: 0.5rem 0;
  width: 1.3rem;
  height: 1.15rem;
  background: url(../images/chat_jian.png) no-repeat center;
  background-size: 100%;
}
.chat .gift-box .nub-jia,
.circlefriends .gift-box .nub-jia,
.chat .chip-box .nub-jia,
.circlefriends .chip-box .nub-jia {
  background-image: url(../images/chat_jia.png);
}
.chat .gift-box.active,
.circlefriends .gift-box.active {
  bottom: 0;
}
.chat .chip-box.active,
.circlefriends .chip-box.active {
  left: 0;
}
.chat .card-box,
.circlefriends .card-box {
  position: relative;
  width: 11.25rem;
  height: 6.375rem;
  border-radius: .3rem;
  font-size: 0;
}
.chat .card-box img,
.circlefriends .card-box img {
  position: absolute;
  left: 0.7rem;
  bottom: 1.05rem;
  float: left;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
}
.chat .card-box .card-p,
.circlefriends .card-box .card-p {
  font: 0.8rem/1.5 "";
  color: #999;
  padding-bottom: 0.35rem;
  border-bottom: 1px solid #E6E6E6;
}
.chat .card-box .name,
.circlefriends .card-box .name,
.chat .card-box .id,
.circlefriends .card-box .id {
  display: inline-block;
  margin-left: 3rem;
}
.chat .card-box .name,
.circlefriends .card-box .name {
  margin-top: .5rem;
  font: 0.8rem/1.5rem '';
  color: #333;
}
.chat .card-box .id,
.circlefriends .card-box .id {
  font: 0.6rem/1.5rem "";
  color: #999;
}
.chat .chat-right .card-box .id,
.circlefriends .chat-right .card-box .id,
.chat .chat-right .card-box .card-p,
.circlefriends .chat-right .card-box .card-p {
  color: #E6E6E6;
}
.chat .chat-right .card-box .name,
.circlefriends .chat-right .card-box .name {
  color: #fff;
}
.chat .vdo-left,
.circlefriends .vdo-left,
.chat .vdo-right,
.circlefriends .vdo-right {
  display: inline-block;
  padding: 0 2.25rem;
  height: 2.5rem;
  width: 50%;
  font: 0.7rem/2.5rem "";
  color: #333;
}
.chat .vdo-right,
.circlefriends .vdo-right {
  text-align: end;
}
.chat .vdo-color,
.circlefriends .vdo-color {
  color: #d93b2a;
}
.chat .vdo-text,
.circlefriends .vdo-text {
  width: 100%;
  height: 10rem;
}
.chat .vdo-box,
.circlefriends .vdo-box {
  text-align: center;
}
.chat .vdo .mui-slider-item,
.circlefriends .vdo .mui-slider-item {
  height: 10rem;
}
.chat .vdo .mui-slider-indicator,
.circlefriends .vdo .mui-slider-indicator {
  bottom: 1rem;
}
.chat .vdo-a,
.circlefriends .vdo-a {
  display: inline-block;
  margin-top: 2.5rem;
  width: 4.45rem;
  height: 4.45rem;
  background: url(../images/icon_yuying.png) center no-repeat;
  background-size: 100%;
}
.chat .vdos,
.circlefriends .vdos {
  display: none;
}
.chat .vdos .vdos-a,
.circlefriends .vdos .vdos-a {
  float: left;
  margin: 0  0 .5rem .6rem;
  display: inline-block;
  width: 8.425rem;
  height: 1.25rem;
  padding-left: 1.25rem;
  padding-top: .55rem;
  border: 1px solid #ff0000;
  border-radius: .3rem;
  font: 0.6rem / 1.25rem "";
  color: #333;
  background: url(../images/chat_vidos1.png) 0.48rem center no-repeat;
  background-size: 0.43rem auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chat .imgs,
.circlefriends .imgs {
  position: relative;
  margin: 0 .675rem;
}
.chat .imgs .img,
.circlefriends .imgs .img {
  max-height: 7rem;
  max-width: 7rem;
}
.chat .imgs .user-img-video,
.circlefriends .imgs .user-img-video {
  z-index: 999;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/videoplay.png) no-repeat center rgba(0, 0, 0, 0.5);
  background-size: 1.5rem;
}
.chat .imgs .vdo,
.circlefriends .imgs .vdo {
  max-width: 7rem;
  max-height: 7rem;
}
.chat {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
}
.chat .mui-content {
  position: relative;
}
.chat .mui-bar-nav ~ .mui-content {
  overflow: hidden;
}
.chat .img-look.active {
  display: block;
}
.chat .mui-popup .mui-popup-text {
  padding: 0;
  overflow: hidden;
}
.chat .mui-popover {
  z-index: 9999;
}
.chat #topPopover.pastebox {
  width: 3rem;
}
.chat #topPopover.pastebox .paste {
  width: 3rem;
}
.chat #topPopover.videobox {
  width: 5.5rem;
}
.chat #topPopover.videobox2 {
  width: 2.8rem;
}
.chat .card-box {
  background-color: #fff;
}
.chat a.gift-a {
  float: left;
}
.chat .foot-link-box {
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
}
.messages.cp #topPopover.pastebox {
  height: 2.2rem;
  width: 3rem;
}
.messages.cp #topPopover.pastebox .paste {
  width: 3rem;
}
.messages.cp #topPopover.videobox2 {
  width: 2.8rem;
  height: 2.2rem;
}
.messages.cp .mui-popover .mui-popover-arrow:after {
  background-color: #3f3939;
}
.messages.cp .mui-popover .mui-table-view {
  background-color: transparent;
}
.messages.cp .mui-popover {
  width: 8.3rem;
  height: 2rem;
  background-color: rgba(0, 0, 0, 0.75);
  box-shadow: 0px 10px 26px 0px rgba(0, 0, 0, 0.38);
}
.messages.cp .mui-popover .mui-scroll-wrapper {
  margin: 0;
}
.messages.cp .copy {
  color: #fff!important;
  text-align: center;
}
/*******聊天**end*/
/*******引导页**star*/
.guide #guide {
  width: 100%;
  height: 100vh;
}
.guide #guide ul {
  width: 100%;
  height: 100vh;
}
.guide #guide ul li {
  width: 100%;
  height: 100%;
}
.guide #guide .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.guide #guide .swiper-slide {
  width: 100%;
  height: 100%;
}
.guide #guide .swiper-slide img {
  width: 100%;
  height: 100vh;
}
/*******引导页**end*/
.circlefriends {
  overflow: hidden;
}
.circlefriends .main {
  padding-bottom: 0 ;
}
/*******新消息**star*/
.newmag .vdo {
  position: absolute;
  left: 14.3rem;
  top: 2.3rem;
  width: 1.25rem;
  height: 1.25rem;
  background: url(../images/vdoss.png) center no-repeat;
  background-size: 0.8rem 0.55rem;
}
.newmag .textwz {
  width: 3rem;
  margin-top: 0.5rem;
  float: left;
  word-wrap: break-word;
  height: 3rem;
  font: 0.5rem / 0.75rem "";
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.newmag .mui-scroll-wrapper {
  background-color: #fff;
}
.newmag .con {
  width: 100%;
  padding-left: 0.75rem;
}
.newmag .cont {
  width: 100%;
  border-bottom: 1px solid #E6E6E6;
  overflow: hidden;
  position: relative;
}
.newmag .top {
  float: left;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 100000px;
  margin-top: 0.75rem;
  margin-right: 0.5rem;
}
.newmag .text {
  float: left;
  width: 10.45rem;
  margin-top: 0.75rem;
  margin-right: 1rem;
}
.newmag .name {
  font: 0.8rem / 0.9rem "";
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.newmag .content {
  margin-top: 0.45rem;
  margin-bottom: 0.35rem;
  font: 0.7rem / 0.9rem "";
  color: #333;
  word-wrap: break-word;
}
.newmag .time {
  font: 0.65rem / 0.7rem "";
  color: #999;
  margin-bottom: 0.55rem;
}
.newmag .imgs {
  float: left;
  width: 3rem;
  height: 3rem;
  margin-top: 0.5rem;
}
.newmag .more {
  height: 2.65rem;
  font: 0.7rem / 2.65rem "";
  text-align: center;
  width: 100%;
  border-bottom: 1px solid #E6E6E6;
}
.newmag .face-bq {
  width: auto;
  max-width: 1.25rem;
  max-height: .9rem;
  vertical-align: middle;
  margin: .1rem;
}
/*******新消息**end*/
.mui-slider-group {
  width: 100%;
  height: 100%;
}
.boxindex {
  background-color: #DD524D;
  width: 100%;
  height: 80%;
}
.lazy {
  opacity: 0;
}
.flex{
    display: -webkit-box;
}
.flex-in{
    -webkit-box-flex:1;
}
.rlt{
	position: relative
}
.pst{
	position: absolute;
}
.ofl{
	overflow: hidden;
}
[v-cloak] {
  display: none;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.slh{
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap;
}
.mg-bo5{
	margin-bottom: 0.5rem;
}
.col3{
	color: #333;
}
.col9{
	color: #999;
}
.boder-to1{
	border-top: 1px solid #eee;
}
.back-white{
	background: #fff;
}
/*去哪儿玩*/
.whereTogo-main{
	background: #fff;
	padding-bottom: 2rem;
}
.whereTogo-main .fx-img{
    width: 1rem;
    height: 1rem;
    position: absolute;
    right: 0.5rem;
    top: 0;
    bottom: 0;
    margin: auto;
}
.whereTogo-main header.mui-bar{
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.whereTogo-search{
    padding: 0 5% 0.5rem;
}
.whereTogo-search .whereTogo-search-right{
	margin-top: 1rem;
}
.whereTogo-search .whereTogo-search-right span{
	display: inline-block;
	width: 0.7rem;
	height: 0.7rem;
	background: url(../images/icon_serch2.png) center no-repeat;
	background-size: contain; 
	display: inline-block;
    top: 0.4rem;
    left: 0.4rem;
}
.whereTogo-search .whereTogo-search-right input{
    display: block;
    width: 100%;
    padding-left: 1.42rem;
    height: 1.5rem;
    font-size: 0.6rem;
    background-color: #ededed;
    color: #666;
    border: none;
    border-radius: 5rem;
}
.whereTogo-search-left{
	margin-top: 0.8rem;
}
.whereTogo-search-left a{
    width: 1.7rem;
    height: 1.7rem;
	background: url(../images/th.png) no-repeat;
	background-size: 100% 100%; 
	display: inline-block;
}
.whereTogo-list{
	width: 100%;
	border-bottom: 2px solid #eee;
	padding: 0 5%;
}
.whereTogo-list ul{
	display: block;
}
.whereTogo-list ul li{
	float: left;
	width: 18%;
	display: inline-block;
	border-bottom: 2px solid #fff;
	color: #999;
}
.whereTogo-list ul li:nth-child(1),.whereTogo-list ul li:nth-child(2),.whereTogo-list ul li:nth-child(3){
	margin-right: 9%;
}
.whereTogo-list ul li:nth-child(4){
	text-align: right;
	text-align: center;
}
.whereTogo-list ul li span:nth-child(1){
    display: inline-block;
    width: 1.2rem;
    height: 1.1rem;
    vertical-align: middle;
}
.whereTogo-list-icon1{
	background: url(../images/hot-back.png) no-repeat;
	background-size: 100% 100%;
}
.whereTogo-list-icon2{
	background: url(../images/new-back.png) no-repeat;
	background-size: 100% 100%;
}
.whereTogo-list-icon3{
	background: url(../images/bar-back.png) no-repeat;
	background-size: 100% 100%;
}
.whereTogo-list-icon4{
	background: url(../images/ktv-back.png) no-repeat;
	background-size: 100% 100%;
}
.whereTogo-list-icon1-light{
	background: url(../images/hot-light.png) no-repeat;
	background-size: 100% 100%;
}
.whereTogo-list-icon2-light{
	background: url(../images/new-light.png) no-repeat;
	background-size: 100% 100%;
}
.whereTogo-list-icon3-light{
	background: url(../images/bar-light.png) no-repeat;
	background-size: 100% 100%;
}
.whereTogo-list-icon4-light{
	background: url(../images/ktv-light.png) no-repeat;
	background-size: 100% 100%;
}
.whereTogo-list ul li span:nth-child(2){
	font-size: 0.7rem;
	line-height: 2rem;
}
.whereTogo-click-boder{
	border-bottom: 2px solid #e24333 !important;
	color: #e24333 !important;
}
.whereTogo-hotList{
	padding: 0 5%;
}
.whereTogo-hotList li{
	margin-top: 5%;
	box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.3);
	border-radius: 0.5rem;
}
.whereTogo-dpImg{
    min-width: 100%;
    max-height: 12rem;
	border-radius: 0.5rem 0.5rem 0 0;
	vertical-align: middle;
}
.whereTogo-hotList-content{
	padding: 0.5rem;
}
.whereTogo-hotList-content-left{
	width: 81%;
}
.whereTogo-hotList-content-left p:nth-child(1){
	line-height: 1rem;
}
.whereTogo-hotList-content-left-span1{
	font-size: 0.8rem;
    color: #333;
    width: 37%;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.whereTogo-hotList-content-left-span2{
	font-size: 0.6rem;
	color: #999;
	margin-top: 0.2rem;
}
.whereTogo-hotList-content-left-span3{
	font-size: 0.6rem;
	color: #E24333;
	margin-top: 0.2rem;
}
.whereTogo-place-width{
	width: 100%;
}
.commonIstyle{
	display: inline-block;
	width: 1rem;
	height: 0.9rem;
	vertical-align: top;
	margin: 0 0.2rem 0 0.5rem;
}
.whereTogo-KTV{
	background: url(../images/ktv-light.png) no-repeat;
	background-size: 100% 100%;
}
.whereTogo-Bar{
	background: url(../images/bar-light.png) no-repeat;
	background-size: 100% 100%;
}
.whereTogo-hotList-content-left p:nth-child(4){
	color: #333;
	font-size: 0.7rem;
	margin-top: 0.2rem;
}
.whereTogo-hotList-content-right a{
	font-size: 0.7rem;
	display: block;
	width: 3rem;
	height: 1rem;
	line-height: 1rem;
	color: #fff;
	text-align: center;
	border-radius: 1rem;
	background: #e24333;
	z-index: 9999;
}
.whereTogo-see{
	font-size: 0.7rem;
	color: #999;
    margin: 2.47rem 0 0 0;
    text-align: right;
}
.whereTogo-see i{
	display: inline-block;
	width: 0.8rem;
	height: 0.5rem;
	background: url(../images/eye.png) no-repeat;
	background-size:  100% 100%;
	margin-right: 0.2rem;
}
.whereTogo-personeList{
	width: 100%;
	overflow: hidden;
}
.whereTogo-personeList ul{
	display: block;
	overflow: hidden;
    width: 91%;
    height: 2.6rem;
}
.whereTogo-personeList ul li{
	float: left;
	width: 2rem;
	height: 2rem;
	margin-right: 2%;
	box-shadow: none;
	margin-top: 0.5rem;
}
.whereTogo-personeList ul li img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.whereTogo-more{
	width: 1rem;
	height: 2rem;
}
.whereTogo-more img{
	width: 1rem;
	height: 0.2rem;
    margin-top: 1.5rem;
}
/*---------------店铺详情------------*/
.storeDetail-yd{
	position: fixed;
    display: block;
    width: 2rem;
    height: 2rem;
    right: 7%;
    bottom: 1.5rem;
    z-index: 2;
    background: url(../images/store_yd.png) no-repeat;
    background-size: 100% 100%;
}
.storeDetail-goAhead{
	position: fixed;
    display: block;
    width: 2rem;
    height: 2rem;
    left: 7%;
    bottom: 3.5rem;
    z-index: 2;
    background: url(../images/fhdb.png) no-repeat;
    background-size: 100% 100%;
}
.storeDetail-share{
    width: 2rem;
    height: 2rem;
    background: url(../images/fx.png) no-repeat;
    background-size: 100% 100%;
    position: fixed;
    right: 0.5rem;
    top: 16.5rem;
    z-index: 1;
}
.else-yd{
	background: url(../images/store_elseyd.png) no-repeat;
    background-size: 100% 100%;
}
.storeDetail-main .img-sub{
	left: 0.8rem;
}
.storeDetail-swiper{
	height: 17rem;
	position: relative;
	z-index: 1;
	overflow: hidden;
	width: 100%;
}
.storeDetail-header{
    z-index: 999;
    position: fixed;
    top: 0.25rem;
    left: 0;
    padding: 0 0.5rem;
    width: 100%;
    overflow: hidden;
}
.storeDetail-header a{
    color: #fff;
    width: 2rem;
    height: 2rem;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0.6;
    border-radius: 50%;
    text-align: center;
    line-height: 2rem;
}
.storeDetail-swiper img{
	width: 100%;
	height: 17rem;
}
.storeDetail-loverImg{
    background-repeat: no-repeat;
    padding-bottom: 0;
    overflow: hidden;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
.widthShow{
	width: 100%;
    height: 8rem;
}
.widthShowIn{
	width: 100%;
	height: 16rem;
	border-radius: 0.5rem 0.5rem 0 0;
}
.whereTogoLIstImg{
	width: 100%;
	height: 10rem;
}
.img-sub{
    z-index: 999;
    position: absolute;
    width: 2.1rem !important;
    height: 1.25rem;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 0.625rem;
    text-align: center;
    color: #fff;
    font: 0.55rem/1.25rem "";
}
.storeDetail-detail,
.storeDetail-text,
.storeDetail-people,
.storeDetail-bearPrice,
.storeDetail-style,
.storeDetail-yh,
.storeDetail-commont{
	padding:0.5rem;
	background: #fff;
}
.storeDetail-detail-left{
	width: 75%;
}
.storeDetail-detail-right{
	width: 25%;
	text-align: right;
}
.storeDetail-detail-left p:nth-child(1){
	line-height: 1rem;
}
.storeDetail-detail-left-span1{
	font-size: 0.7rem;
    color: #333;
}
.storeDetail-detail-left-span1 i{
    display: inline-block;
    width: 1rem;
    height: 0.9rem;
    vertical-align: top;
    margin: 0 0.2rem 0 0.5rem;
}
.storeDetail-detail-left-span2{
    font-size: 0.6rem;
    color: #999;
    margin-top: 0.2rem;
}
.storeDetail-detail-left-span2 i{
	color: #e24333;
}
.storeDetail-detail-width{
	width: 100%;
}
.storeDetail-detail-left p:nth-child(5) {
    color: #333;
    font-size: 0.7rem;
    margin-top: 0.2rem;
}
.storeDetail-detail-right p:nth-child(1){
	color: #e24333;
	font-size: 0.7rem;
	line-height: 1.2rem;
}
.storeDetail-detail-right ul{
	margin-top: 2.3rem;
	overflow: hidden;
	display: block;
	width: 100%;
}
.storeDetail-detail-right ul li{
	color: #999;
	font-size: 0.6rem;
	display: inline-block;
	margin-top: 0.7rem;
}
.storeDetail-detail-right ul li:nth-child(1){
	margin-right: 0.5rem;
}
.storeDetail-detail-right ul li i{
	display: inline-block;
	width: 0.9rem;
	height: 0.8rem;
}
.storeDetail-detail-right ul li span{
	line-height: 1rem;
}
.storeDetail-detail-right-on{
	background: url(../images/on.png) no-repeat;
	background-size: 100% 100%; 
}
.storeDetail-detail-right-bottom{
	background: url(../images/down.png) no-repeat;
	background-size: 100% 100%; 
}
.storeDetail-detail-right-on-click{
	background: url(../images/mentsDetailed-dz-on-click.png) no-repeat !important;
	background-size: 100% 100% !important;
}
.storeDetail-detail-right-bottom-click{
	background: url(../images/mentsDetailed-dz-down-click.png) no-repeat !important;
	background-size: 100% 100% !important;
}
.storeDetail-personeList{
    width: 100%;
    overflow: hidden;
}
.storeDetail-personeList ul{
    display: block;
    overflow: hidden;
    width: 91%;
    height: 2.6rem;
}
.storeDetail-personeList ul li{
    float: left;
    width: 2rem;
    height: 2rem;
    margin-right: 4%;
    box-shadow: none;
}
.storeDetail-personeList ul li img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    margin-top: 0.5rem;
}
.storeDetail-more{
    width: 1rem;
    height: 2rem;
}
.storeDetail-more img{
	width: 1rem;
    height: 0.2rem;
    margin-top: 1.5rem;
}
.storeDetail-text-title{
	line-height: 1rem;
	overflow: hidden;
}
.storeDetail-text-title h3{
	font-size: 0.7rem;
	float: left
}
.storeDetail-rightIcon{
	float: right;
}
.storeDetail-text p{
	font-size: 0.6rem;
}
.storeDetail-peopleDetail{
	z-index: -1;
}
.storeDetail-main .ys-scroll-btm{
	background: #fff;
}
.mui-icon-arrowup:before {
    content: '\e580' !important;
}
.storeDetail-scroll{
	width: 100%;
}
.storeDetail-scroll ul{
	display: block;
	overflow: hidden;
	margin-top: 0.2rem;
}
.storeDetail-people{
	padding-bottom: 0.3rem;
}
.mgOrderDetailJp-main .swiper-slide{
    width: 8.5rem !important;
    margin-right: 0.5rem !important;
}
.storeDetail-people ul li{
	float: left;
	width: 8rem;
	border-radius: 0.5rem;
    box-shadow: -1px 3px 8px 3px rgba(0, 0, 0, 0.1);
    margin: 0.3rem 0 0.5rem 0.5rem;
    padding-bottom: 0.5rem;
}
.storeDetail-people ul li:nth-child(odd){
	margin-right: 0.5rem;
}
.storeDetail-people ul li img{
	width: 100%;
	height: 8rem;
	border-radius: 0.5rem 0.5rem 0 0;
}
.storeDetail-ulList-content{
	background: #fff;
	padding: 0.5rem 0.5rem 0.3rem 0.5rem;
}

.storeDetail-ulList-content p:nth-child(1){
	font-size: 0.7rem;
}
.storeDetail-ulList-content p:nth-child(2){
	font-size: 0.7rem;
}
.storeDetail-ulList-content p:nth-child(3) .age,.storeDetail-sex,.storeDetail-commont-name .age{
	margin-top: 0.4rem;
    padding: 0 0.2rem 0 0.6rem;
    float: left;
    font-size: 0.45rem;
    color: #fcfaf8;
    line-height: 0.8rem;
    border-radius: 0.4rem;
}
.storeDetail-women{
    background: url(../images/icon_girl.png) 0.15rem center no-repeat;
    background-size: 0.3rem auto;
    background-color: #f45ac0;
}
.storeDetail-men{
	background: url(../images/icon_boy.png) 0.15rem center no-repeat;
    background-size: 0.3rem auto;
    background-color: #4DB6FF;
}
.storeDetail-sex{
    background-color: #fd3787;
    padding: 0 0.15rem 0 0.15rem;
    margin-left: 0.5rem;
}
.storeDetail-pagination{
	bottom:0.3rem !important;
}
.swiper-pagination-bullet-active{
	background: #e24333 !important;
}
.storeDetail-bearPrice-single{
	font-size: 0.6rem;
	line-height: 2rem;
	border-bottom: 1px solid #eee;
}
.storeDetail-bearPrice table,
.storeDetail-bearPrice table thead,
.storeDetail-bearPrice table tbody,
.storeDetail-style p{
	width: 100%;
	overflow: hidden;
}
.storeDetail-bearPrice table thead th,
.storeDetail-bearPrice table tbody td{
	width: 20%;
}
.storeDetail-bearPrice table thead th,
.storeDetail-bearPrice table tbody td,
.storeDetail-style p span{
	text-align: center;
	color: #666;
	font-size: 0.6rem;
	padding: 0.5rem 0;
	vertical-align: middle;
}
.storeDetail-bearPrice table tbody td,
.storeDetail-style table tbody td{
	color: #999;
}
.storeDetail-bearPrice table tbody td img{
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 0.2rem;
}
.storeDetail-style p span{
	width: 25%;
	display: inline-block;
	float: left;
}
.storeDetail-yh ul{
	overflow: hidden;
}
.storeDetail-yh ul li{
	float: left;
	width: 22%;
	height: 1.5rem;
	text-align: center;
	line-height: 1.5rem;
	background: #eee;
	color: #333;
	border-radius: 0.4rem;
	font-size: 0.6rem;
	margin-right: 3%;
	margin-bottom: 0.5rem;
}
.storeDetail-commont ul li{
	padding: 0.5rem 0;
}
.storeDetail-commont-icon{
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 50%;
}
.storeDetail-commont-right{
	margin-left: 3%;
}
.storeDetail-commont-name{
	float: left;
}
.storeDetail-commont-name p:nth-child(1){
	font-size: 0.75rem;
	color: #666;
}
.storeDetail-commont-name .age{
	margin-top: 0.2rem;
}
.storeDetail-commont-date{
	font-size: 0.6rem;
}
.storeDetail-commont-text{
	font-size: 0.6rem;
	overflow: hidden;
	width: 100%;
	color: #666;
}
.storeDetail-main{
	height: 100%;
}
.storeDetail-managerCommon{
	background: #eee;
	width: 95%;
	padding: 0.5rem 0.2rem 0.5rem 0.5rem;
	margin: 0.8rem 5% 0 0;
	border-radius: 0.3rem;
	position: relative;
}
.storeDetail-managerCommon-topJt{
	position: absolute;
    display: inline-block;
    width: 0.7rem;
    height: 0.7rem;
    left: 1rem;
    top: -0.37rem;
    background: url(../images/storeDetail-sjt.png) no-repeat;
    background-size: 100% 100%;
}
.storeDetail-commont-name-top{
	margin-bottom: 0.2rem;
	overflow: hidden;
}
.storeDetail-dz{
	display: block;
	overflow: hidden;
	margin-top: 0.3rem;
}
.storeDetail-dz-else li{
	padding: 0 !important;
}
.storeDetail-dz li{
	float: left;
}
.storeDetail-dz li:nth-child(1){
	margin-right: 0.5rem;
}
.storeDetail-dz li i{
	display: inline-block;
	width: 0.9rem;
	height: 0.8rem;
}
.storeDetail-dz li span{
	line-height: 1rem;
	font-size: 0.65rem;
	color: #999;
}
.storeDetail-main .popover{
	background: rgba(0, 0, 0, 0.5);
}
.storeDetail-peopleDetail{
	width: 90%;
	height: 18rem;
	position: fixed;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 0.5rem;
}
.border-ra{
	border-radius: 0.5rem;
}
.storeDetail-elseImgHeight{
	height: 16rem;
}
.storeDetail-elseImgHeight img{
	width: 100%;
	height: 100%;
}
.border-bottom-ra{
	border-radius: 0 0 0.5rem 0.5rem;
	position: relative;
}
.border-bottom-ra p:nth-child(1){
	line-height: 1.5rem;
}
.border-bottom-ra p:nth-child(2),.border-bottom-ra p:nth-child(3){
	line-height: 0.6rem;
}
.storeDetail-people-yd{
	font-size: 0.7rem;
    display: block;
    width: 4rem;
    height: 1.3rem;
    line-height: 1.3rem;
    color: #fff;
    text-align: center;
    border-radius: 1rem;
    background: #e24333;
    position: absolute;
    right: 0.5rem;
    bottom: 0.5rem;
}
.storeDetail-write{
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 2rem;
	box-shadow: 0 1px 8px #ccc;
	background: #fff;
	z-index: 2;
}
.storeDetail-write input{
	height: 1.8rem;
	font-size: 0.7rem;
	padding:0.3rem;
	border: none;
	margin-top: 0.1rem;
	float: left;
	width: 80%;
}
.storeDetail-send{
	background: #e24333;
	text-align: center;
	width: 2rem;
	height: 1.5rem;
	color: #fff;
	line-height: 1.5rem;
	float: right;
	margin: 0.25rem 0.5rem 0 0;
	border-radius: 0.2rem;
	font-size: 0.7rem;
}
.flex-storeLeft{
	width: 4rem;
	height: 4rem;
	margin: 0.8rem auto;
}
.flex-storeLeft img{
	width: 100%;
	height: 100%;
	border-radius: 0.3rem;
}
.storeRight{
	text-align: center;
}
.storeDetail-bearPriceContent ul li:last-child{
	margin-bottom: 0.8rem;
}
.storeRightPone,.storeDetail-showBarInPone{
	font-size: 0.8rem;
	color: #333;
    margin-top: 0.8rem;
}
.storeRightPtwo{
	font-size: 0.7rem;
	color: #999;
    margin-top: 0.3rem;
    width: 100%;
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap;
}
.storeDetail-showBarInPtwo{
	font-size: 0.7rem;
	color: #999;
    margin-top: 0.3rem;
}
.storeRightPthree,.storeDetail-showBarInPthree{
	color: #e24333;
	font-size: 0.7rem;
    margin-top: 0.3rem;
}
.storeDetail-showBarBearInfo{
    width: 90%;
    height: 20rem;
    position: fixed;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 0.5rem;
    z-index: 9999;
    display: none;
}
.storeDetail-showBarBearImg{
    width: 100%;
    height: 15rem;
    background-repeat: no-repeat;
    padding-bottom: 0;
    overflow: hidden;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    border-radius: 0.5rem 0.5rem 0 0;
}
.storeDetail-showBarIn{
	background: #fff;
	padding: 0.1rem 0.5rem 0.3rem 0.5rem;
	border-radius: 0 0 0.5rem 0.5rem;
}
.storeDetail-nowActive{
	background: #eee;
	font-size: 0.7rem;
	border-radius: 0.3rem;
    padding: 0.5rem;
    margin-top: 0.3rem;
}
.storeDetail-nowActive p:nth-child(1){
	color: #333;
}
.storeDetail-nowActive p:nth-child(2){
	color: #999;
}
/*============================邂逅列表----------*/
.chance-main .mui-scroll-wrapper{
	background: #fff;
}
.chance-finish{
    display: inline-block;
    float: right;
    font-size: 0.7rem;
    line-height: 1rem;
    margin: 0.6rem 0.5rem;
    color: #e24333;
}
.chance-content{
	padding: 0 3%;
	display:none;
}
.chance-task{
    font-size: 0.6rem;
    position: fixed;
    top: 2.8rem;
    width: 94%;
    left: 3%;
    z-index: 2;
    padding: 0.3rem;
    background: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.chance-main header{
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.chanceList{
	display: block;
	margin-top: 4.5rem;
}
.chanceList li{
    float: left;
    width: 8rem;
    border-radius: 0.5rem;
    box-shadow: -1px 3px 8px 3px rgba(0, 0, 0, 0.1);
    margin: 0.3rem 0 0.5rem 0.5rem;
    padding-bottom: 0.5rem;
}
.chanceList li:nth-child(odd){
	margin-right: 3%;
}
.chanceList li img{
    width: 100%;
    height: 8rem;
    border-radius: 0.5rem 0.5rem 0 0;
}
.chanceList li i{
	display: inline-block;
	width: 1rem;
	height: 1rem;
    top: 0.5rem;
    right: 0.5rem;
}
.chance-backopacity{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	opacity: 0.6;
	border-radius: 0.5rem;
}
.chance-noChoose{
	background: url(../images/chance_ky.png) no-repeat;
	background-size: 100% 100%;
}
.chance-hasChoose{
	background: url(../images/chance_sy.png) no-repeat !important;
	background-size: 100% 100% !important;
	z-index: 1;
}
/*========================发布任务=============*/
.boder-bo3{
	border-bottom: 0.3rem solid #eee;
}
.releaseTask-main .mui-scroll-wrapper{
	background: #fff;
}
.releaseTask-back{
	width: 100%;
	height: 10rem;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.releaseTask-back img{
	width: 100%;
	height: 100%;
}
.releaseTask-typeList-left{
	font-size: 0.7rem;
    line-height: 2.4rem;
    width: 20%;
    text-align: center;
}
.releaseTask-typeList-right ul{
	display: block;
}
.releaseTask-typeList-right ul li{
	float: left;
	width: 22%;
	text-align: center;
	margin: 0 13%;
}
.releaseTask-click-boder{
	border-bottom: 1px solid #e24333 !important;
    color: #e24333 !important;
}
.releaseTask-typeList-right ul li span:nth-child(1){
    display: inline-block;
    width: 1.2rem;
    height: 1.1rem;
    vertical-align: middle;
}
.releaseTask-list-icon1{
    background: url(../images/ktv-back.png) no-repeat;
    background-size: 100% 100%;
}
.releaseTask-list-icon2{
    background: url(../images/bar-back.png) no-repeat;
    background-size: 100% 100%;
}
.releaseTask-list-icon1-light{
    background: url(../images/ktv-light.png) no-repeat;
    background-size: 100% 100%;
}
.releaseTask-list-icon2-light{
    background: url(../images/bar-light.png) no-repeat;
    background-size: 100% 100%;
}
.releaseTask-typeList-right ul li span:nth-child(2){
    font-size: 0.6rem;
    line-height: 2rem;
}
.boder-bo1{
	border-bottom: 1px solid #eee;
}
.releaseTask-dateList,
.releaseTask-timeList,
.releaseTask-prefenTypeList,
.releaseTask-sameTypeList{
	display: block;
}
.releaseTask-dateList li,
.releaseTask-timeList li,
.releaseTask-prefenTypeList li,
.releaseTask-sameTypeList li{
    float: left;
    border-radius: 0.3rem;
    color: #333;
    margin-right: 4%;
    font-size: 0.6rem;
    background: #eee;
    width: 22%;
    text-align: center;
    line-height: 1.4rem;
}
.releaseTask-timeList li,
.releaseTask-prefenTypeList li,
.releaseTask-sameTypeList li{
	margin-bottom: 0.5rem;
}
.releaseTask-timeList li:nth-child(4n+4),
.releaseTask-prefenTypeList li:nth-child(4n+4),
.releaseTask-sameTypeList li:nth-child(4n+4){
	margin-right: 0;
}
.releaseTask-common-click{
	background: #E24333 !important;
	color: #fff !important;
}
.releaseTask-people-left,
.releaseTask-money-left,
.releaseTask-place-left,
.releaseTask-address-left,
.releaseTask-net-left,
.releaseTask-writeName-left,
.releaseTask-tel-left,
.releaseTask-remark-left{
	font-size: 0.7rem;
	line-height: 1.6rem;
}
.releaseTask-people-right em{
	display: inline-block;
	width: 1rem;
	height: 1rem;
	vertical-align: middle;
    margin: 0 0.3rem;
}
.releaseTask-people-right em:nth-child(1){
	background: url(../images/release_jian.png) no-repeat;
	background-size:100% 100%;
}
.releaseTask-people-right em:nth-child(3){
	background: url(../images/release_add.png) no-repeat;
	background-size:100% 100%;
}
.releaseTask-people-right span,
.releaseTask-net-right span{
	font-size: 0.8rem;
}
.releaseTask-money-right{
	width: 66%;
}
.releaseTask-money-right input,
.releaseTask-place-right input,
.releaseTask-address-right input,
.releaseTask-tel-right input{
	width: 100%;
	height: 1.3rem;
	border: none;
	text-align: right;
	font-size: 0.7rem;
	padding-right: 0.2rem;
}
.storeDetail-text-title h3 span{
	font-size: 0.6rem;
	color: #999;
}
.releaseTask-sameTypeList li span{
	font-size: 0.4rem;
}
.releaseTask-writeName-left input{
	width: 76%;
	padding-left: 3%;
	font-size: 0.7rem;
	height: 1.3rem;
	border: none;
}
.releaseTask-writeName-right ul{
	overflow: hidden;
	display: block;
}
.releaseTask-writeName-right ul li{
	float: left;
	margin-right: 0.5rem;
}
.releaseTask-writeName-right ul li:nth-child(2){
	margin-right: 0;
}
.releaseTask-writeName-right ul li i{
    display: inline-block;
    width: 1rem;
    height: 1rem;
    vertical-align: middle;
    background: url(../images/chance_ky.png) no-repeat;
    background-size: 100% 100%;
}
.releaseTask-writeName-right ul li span{
	font-size: 0.7rem;
}
.releaseTask-chooseSex{
	background: url(../images/chance_sy.png) no-repeat !important;
    background-size: 100% 100% !important;
}
.releaseTask-remark-right textarea{
    border: 1px dashed #ddd;
    border-radius: 0.3rem;
    padding: 0.2rem;
    font-size: 0.7rem;
    height: 5rem;
}
.releaseTask-btn{
    box-sizing: border-box;
    padding:0 1.87rem 1.5rem;
    width: 100%;
}
.releaseTask-rdntn{
    width: 100%;
    height: 2rem;
    background-color: #d93b2a;
    box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.3);
    border-radius: 40px;
    color: #FFFFFF;
}
/*经理人订单详情-竞拍=============================================*/
.mgOrderDetailJp-main .mui-scroll-wrapper{
	background: #fff;
}
.mgOrderDetailJp-main header.mui-bar {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.mgOrderDetailJp-containt{
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	margin: 3%;
	border-radius: 0.5rem;
}
.mgOrderDetailJp-containtList{
	display: block;
	overflow: hidden;
}
.mgOrderDetailJp-containtList li{
    width: 92%;
    margin: 0px 4%;
	border-bottom: 1px solid #ddd;
}
.mgOrderDetailJp-containtList li span{
	line-height: 2rem;
}
.mgOrderDetailJp-containtList li:nth-last-child(1),
.mgOrderDetailJp-containtList li:nth-last-child(2){
	border-bottom: none;
}
.mgOrderDetailJp-containtList li span:nth-child(1),
.mgOrderDetailJp-containt p{
	color: #333;
	font-size: 0.7rem;
}
.mgOrderDetailJp-containtList li span:nth-child(2){
	font-size: 0.6rem;
	color: #999;
	float: right;
}
.mgOrderDetailJp-loversList{
	display: block;
	overflow: hidden;
	padding: 3%;
}
.mgOrderDetailJp-loversList li{
	float: left;
	display: inline-block;
    width: 2rem;
    height: 2rem;
    margin-right: 5%;
}
.mgOrderDetailJp-loversList li:nth-child(1){
	margin-left: 1.5%;
}
.mgOrderDetailJp-loversList li:nth-last-child(1){
	margin-right: 0;
}
.mgOrderDetailJp-loversList li img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.mgOrderDetailJp-containt p{
	line-height: 1.8rem;
	padding: 0 4%;
}
.mgOrderDetailJp-containt p span{
	color: #999;
}
.mgOrderDetailJp-containt textarea{
	border: 1px dashed #ddd;
	width: 94%;
	margin: 0 3%;
	height: 5rem;
	font-size: 0.6rem;
	border-radius: 0.5rem;
	padding: 0.3rem;
}
	.ywc-img{
    position: absolute;
    height: 8rem;
    width: 8rem;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 3;
}
/*进行中订单详情===============================*/
.mgOrderDetailJp-main .complain{
	position: absolute;
	right: 1rem;
    font-size: 0.6rem;
    top: 0.7rem;
    color: #333;
}
.else-pstyle{
	text-align: center;
	overflow: hidden;
}
.else-pstyle img{
	width: 3.4rem;
	height: 3.4rem;
	display: block;
	margin: 0.5rem auto;
}
.else-pstyle p{
	font-size: 0.7rem;
	color: #999;
	line-height: 1.2rem;
}
.else-pstyle p:nth-child(2){
    color: #333;
    padding: 0 0.8rem;
    border-radius: 0.5rem;
    display: inline-block;
    line-height: 1rem;
    margin-bottom: 0.5rem;
}
.else-pstyle button{
	display: inline-block;
	background: #e24333;
	color: #fff;
	font-size: 0.7rem;
	border-radius: 1rem;
	padding: 0.1rem 0.7rem;
    margin: 0rem 0 0.5rem;
}
.overImg{
	display: block;
    width: 5rem;
    height: 5rem;
    background: url(../images/Completed.png) no-repeat;
    background-size: 100% 100%;
    top: 4rem;
    left: 0;
    right: 0;
    margin: auto;
}
.colbai{
	color: #fff;
}
.userOrderNow-voice{
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	background: url(../images/tyy.png) no-repeat;
	background-size: 100% 100%; 
    margin-top: 0.2rem;
}
/*====================================特惠详情*/
.specialDetail-content{
	padding: 0.5rem 4%;
	overflow: hidden;
	background: #fff;
}
.specialDetail-title,.specialDetail-circle{
	font-size: 0.7rem;
}
.specialDetail-circle span,.specialDetail-fbTime{
	color: #999;
	font-size: 0.7rem;
}
.specialDetail-title span{
	color: #E24333;
}
.specialDetail-title-text{
	width: 100%;
	height: 5rem;
	padding: 0.3rem;
	border-radius: 0.5rem;
	border: 1px dashed #333;
	font-size: 0.7rem;
	color: #666;
	margin-top: 0.5rem;
}
.this-th{
	text-align: center;
	margin: 0.3rem 0;
	font-size: 0.7rem;
	color: #999;
}
.this-th span{
	color: #e24333;
}
.last-time{
	text-align: center;
}
.last-time span{
	font-size: 1rem;
	color: #333;
}
.last-time strong{
    display: inline-block;
    font-size: 1rem;
    padding: 0.3rem 0.2rem;
    color: #fff;
    background: #e24333;
    margin-right: 0.1rem;
    font-weight: normal;
    border-radius: 0.2rem;
}
.last-time strong:nth-child(1){
	margin-left: 0.3rem
}
.mg-to5{
	margin-top: 0.5rem;
}
.specialDetail-fbTime{
	margin-top: 0.3rem;
	border-bottom: 1px solid #eee;
	padding-bottom: 0.2rem;
}
.specialDetail-center-left{
	font-size: 0.7rem;
	color: #333;
}
.specialDetail-center-left span{
	color: #e24333;
}
.specialDetail-center-left:nth-child(1){
	margin-right: 1rem;
}
.specialDetail-ts{
	font-size: 0.6rem;
	color: #999;
	margin-top: 0.5rem;
}
.mg-to10{
	margin-top: 5rem;
}
/*=============================================特惠详情竞拍*/
.special-height{
    background: #eee;
    width: 100%;
    height: 1.5rem;
    color: #333;
    margin: 0 auto;
    font-size: 0.6rem;
    line-height: 1.5rem;
    border-radius: 1.5rem;
}
.special-height i{
    display: inline-block;
    width: 0.7rem;
    height: 0.7rem;
    background: url(../images/lb.png) no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-left: 0.5rem;
}
.special-height span span{
	color: #E24333;
}
.specialDetail-rmdList{
	padding: 0.5rem 0;
	border-bottom: 1px solid #eee;
}
.specialDetail-recommend p{
	font-size: 0.7rem;
	color: #333;
	
}
.specialDetail-recommend span{
	color: #999;
	font-size: 0.6rem;
}
.specialDetail-peopleList{
	padding: 0.5rem 0;
}
.specialDetail-peopleList ul{
	display: block;
	overflow: hidden;
}
.specialDetail-peopleList ul li{
	display: block;
	width: 100%;
	overflow: hidden;
}
.specialDetail-peopleList ul li:nth-child(1) span{
	color: #e24333;
}
.specialDetail-peopleList ul li span{
	float: left;
	display: inline-block;
	font-size: 0.7rem;
	color: #333;
	width: 25%;
	text-align: center;
	line-height: 1.5rem;
}
.specialDetail-peopleList ul li span:nth-child(1){
	text-align: left;
	width: 15%;
}
.specialDetail-peopleList ul li span:nth-child(2){
	width: 45%;
}
.specialDetail-peopleList ul li span:nth-child(3){
	width: 10%;
}
.specialDetail-peopleList ul li span:nth-child(4){
	width: 30%;
}
.widthLeft{
	width: 57%;
	margin-right: 0;
}
.specialDetail-outPrice{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2.5rem;
	background: #fff;
    box-shadow: 0px -20px 10px -10px rgba(0, 0, 0, 0.1);
    padding: 0.3rem 3%;
    z-index: 2;
    margin-top: 0.2rem;
}
.specialDetail-outPrice-left{
	font-size: 0.7rem;
	color: #333;
	line-height: 2rem;
}
.specialDetail-outPrice-left span{
	color: #e24333;
}
.specialDetail-addjian button{
    display: inline-block;
    background: #e24333;
    color: #fff;
    font-size: 1rem;
    border-radius: 50%;
    font-weight: bold;
    width: 1rem;
    height: 1rem;
    margin-top: 0.5rem;
    float: left;
    line-height: 1rem;
}
.specialDetail-addjian span{
	display: inline-block;
    padding: 0.2rem 0.6rem;
    border: 1px solid #e24333;
    color: #e24333;
    float: left;
    margin: 0.3rem 0.3rem 0;
    font-size: 0.7rem;
    border-radius: 0.3rem;
}
.click-CJ{
	display: inline-block;
    background: #e24333;
    color: #fff;
    font-size: 0.7rem;
    padding: 0.3rem 1rem;
    margin: 0.15rem 0 0 0.3rem;
    border-radius: 0.3rem;
}
.specialAuction-finish{
	position: fixed;
    width: 4rem;
    height: 4rem;
    background: url(../images/special_icon1.png) no-repeat;
    background-size: 100% 100%;
    top: 4.5rem;
	right: 0;
    left: 0;
    margin: auto;
    z-index: 3;
}
.specialAuction-finishElse{
	position: fixed;
    width: 4rem;
    height: 4rem;
    background: url(../images/icon_ysx.png) no-repeat;
    background-size: 100% 100%;
    top: 4.5rem;
	right: 0;
    left: 0;
    margin: auto;
    z-index: 3;
}
.index-whereTogo{
	z-index: 9;
    position: fixed;
    left: .8rem;
    bottom: 0rem;
    height: 4.2rem;
}
.index-whereTogo i{
    width: 3rem;
    height: 2.825rem;
    background-repeat: no-repeat;
    background-position: 0;
    background-size: contain;
    background-image: url(../images/qnw.png);
    display: inline-block;
    margin-left: 0.4rem;
}
.index-whereTogo p{
	font-size: 0.7rem;
	color: #E24333;
	text-align: center;
	line-height: 0.01rem;
}
.index-prefrence{
	z-index: 9;
    position: fixed;
    right: 1.2rem;
    bottom: 0rem;
    height: 4.2rem;
}
.index-prefrence i{
	width: 2rem;
    height: 2.825rem;
    background-repeat: no-repeat;
    background-position: 0;
    background-size: contain;
    background-image: url(../images/thw.png);
    display: inline-block;
}
.index-prefrence p{
	font-size: 0.7rem;
	color: #E24333;
	text-align: center;
	line-height: 0.01rem;
}
#bcid{
	height:100%;
	width:100%;
	/*top: 1.2rem;
	position: absolute;*/
	padding-top: 0;
	background: #000;
}
.qrHeader{
	width: 100%;
	background-color: #fff;
	height: 8%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
.index .tl{
	display: block;
	width: 0.6rem;
	height: 1rem;
	background: url(../images/fh.png) no-repeat;
	background-size: 100% 100%;
}
.information{
	position: fixed;
    left: 5%;
    bottom: 50%;
    width: 90%;
    padding: 0.5rem 0.5rem 0 0.5rem;
    z-index: 999999;
    transform: translate(0, 50%);
    -webkit-transform: translate(0, 50%);
    background: #fff;
    box-shadow: 0px 10px 26px 0px rgba(0, 0, 0, 0.38);
    border-radius: 10px;
    bottom: auto;
    top: 3.2rem;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    display: none;
}
.specialDetail-finish{
	width: 49%;
    height: 1.5rem;
    font-size: 0.8rem;
    margin: 1rem auto 0;
    display: block;
}
/*=============================新首页==================================*/
.newindex .newindex-search{
	background: url(../images/index-search.png) no-repeat;
	background-size: 100% 100%;
    width: 1rem;
    height: 1rem;
    position: absolute;
    right: 1rem;
    top: 0.6rem;
}
.newindex-footer{
	position: fixed;
	width: 100%;
	height: 2.4rem;
	background: #fff;
	bottom: 0;
	left: 0;
	z-index: 99;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.newindex-footer ul{
	overflow: hidden;
	display: block;
}
.newindex-footer ul li{
	float: left;
	width: 25%;
	height: 100%;
}
.newindex-footer ul li img{
    width: 1.2rem;
    height: 1.1rem;
    margin: 0.4rem auto 0;
    display: block;
}
.newindex-footer ul li p{
	text-align: center;
	font-size: 0.5rem;
	color: #999;
	line-height: 0.9rem;
}
.newindex-footer-choose{
	color: #e24333 !important;
}
.newindex-content,.newindex-main .swiper-container,.newindex-main .swiper-wrapper{
	width: 100%;
	height: 100%;
}
.newindex-main{
	position: fixed;
	top: 2.2rem;
	bottom: 2.2rem;
    padding: 0 2%;
    width: 100%;
    background: #fff;
}
.newindex-contentTop{
	width: 100%;
	border-radius: 0.5rem;
	height: 75%; 
	position: relative;
	margin-top: 0.5rem;
}
.swiper-img{
	height: 100%;
	width: 100%;
    background-repeat: no-repeat;
    padding-bottom: 0;
    overflow: hidden;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    border-radius: 0.5rem;
}
.img-math{
    position: absolute;
    top: 4rem;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 22rem !important;
    z-index: 999;
    position: absolute;
    width: 2.1rem !important;
    height: 1.25rem;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 0.625rem;
    text-align: center;
    color: #fff;
    font: 0.55rem/1.25rem "";
}
.newindex-contentBottom{
	width: 100%;
	height: 20%;
	margin: 2.5% 0;
}
.newindex .mui-content .box a.mp-user{
    width: 22.18%;
    height: 97.9%;
}
.newindex-friends{
    top: 1.5rem;
    z-index: 1;
    left: 1rem;
    position: absolute;
    display: none;
}
.newindex-active{
	opacity: 0.6;
}
.newindex-vip{
	top: 1.5rem;
    z-index: 1;
    left: 2.3rem;
    position: absolute;
    display: none;
}
.newindex-msg{
	position: absolute;
	left: 1rem;
	bottom: 1rem;
	z-index: 2;
}
.newindex-boxfooter{
    position: absolute;
    width: 99.7%;
    height: 5rem;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    border-radius: 0.4rem;
    background: url(../images/newindex_db.png) no-repeat;
    background-size: 100% 100%; 
}
.newindex-name{
    height: 1.2rem;
    padding: .35rem 0.5rem 0 0;
    text-align: start;
    float: left;
    width: 100%;
    line-height: 0.9;
    font-size: 0.8rem;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.newindex .age{
	margin-top: 0.4rem;
    padding: 0 0.2rem 0 0.6rem;
    float: left;
    font-size: 0.45rem;
    color: #fcfaf8;
    line-height: 0.8rem;
    border-radius: 0.4rem;
    display: inline-block;
}
.newindex .woman{
    background: url(../images/icon_girl.png) 0.15rem center no-repeat;
    background-size: 0.3rem auto;
    background-color: #f45ac0;
}
.newindex .man {
  background: url(../images/icon_boy.png) 0.15rem center no-repeat;
  background-size: 0.3rem auto;
  background-color: #8adfff;
}
.newindex-weight span{
    color: #fff;
    font-size: 0.6rem;
}
.newindex-collection{
    color: #fff;
    width: 2rem;
    height: 2rem;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    text-align: center;
    line-height: 2rem;
    background: url(../images/newindex_wsc.png) no-repeat;
    background-size: 100% 100%;
    top: 1rem;
    right: 1rem;
    position: absolute;
    z-index: 1;
}
.newindex .active.newindex-collection {
    background-image: url(../images/newindex_sc.png);
}
.newindex-show,.newindex-addFriends,.newindex-gift,.newindex-video{
	width: 2rem;
	height: 2rem;
	position: absolute;
	z-index: 1; 
	bottom: 1rem;
    right: 1rem;
}
.newindex-show{
	background: url(../images/newindex_jia.png) no-repeat;
	background-size: 100% 100%;
	z-index: 6;
}
.newindex-gift{
	background: url(../images/newindex_gift.png) no-repeat;
	/*bottom: 6rem;
    right: 1rem;*/
	background-size: 100% 100%; 
}
.newindex-addFriends{
	background: url(../images/newindex_hy.png) no-repeat;
	background-size: 100% 100%;
    /*bottom: 3.9rem;
    right: 3.4rem;*/
}
.newindex-video{
	background: url(../images/newindex_bf.png) no-repeat;
	background-size: 100% 100%;
    /*bottom: 1rem;
    right: 4.3rem;*/
}
.newindex-hide{
	background: url(../images/newindex_jian.png) no-repeat;
	background-size: 100% 100%; 
}
.pover{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #000;
	opacity: 0;
	z-index: 5;
}
.newindex-title{
    position: relative;
    height: 2.5rem;
    width: 100%;
    border-bottom: 1px solid #4D4D4D;
}
.newindex-text{
	height: 10.8rem;
    width: 100%;
    font-size: 0;
    overflow: hidden;
}
.newindex-bot{
    width: 100%;
    height: 2.25rem;
    background-color: #494949;
    font-size: 0;
}
.newindex-title p{
    text-align: center;
    font: 0.8rem / 2.5rem "";
    color: #fff;
}
.newindex .con-img {
	width: 100%;
	height: 100%;
}
.newindex .newindex-novideo.newindex-video{
	background: url(../images/newindex_wbf.png) no-repeat;
	background-size: 100% 100%;
}
.newindex .box-one{
	left: 0 !important;
}
.newindex-active.gift-a{
	background-image: linear-gradient(0deg, rgba(132, 132, 132, 0.2) 0%, rgba(232, 232, 232, 0.2) 100%), linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));
    background-blend-mode: normal, normal;
    opacity: 1;
}
.comon-num,.comon-numWhere,.comon-numIndex,.comon-numTotal,.comon-numChance{
    position: relative;
    display: block;
}
.comon-num span,.comon-numWhere span,.comon-numIndex span,.comon-numTotal span,.comon-numChance span{
    background-color: #d93b2a;
    position: absolute;
    display: inline-block;
    top: 0;
    width: 0.75rem;
    font: 0.45rem/0.75rem "";
    color: #fff;
    text-align: center;
    right: 1rem;
    border-radius: 50%;
}
.noNet{
	position: fixed;
	top: 0;
	display: none;
}
.noNet img{
	width: 100%;
	height: 100vh;
}
/*星会员*/
.starMvp{
	background: #fff;
}
.isStarMvp{
	background: linear-gradient(#e24333,#ff9e94) !important;
}
.iscircle{
	background: #e24333 !important;
}
.starMvp-backImg{
	background: url(../images/starMvp-bg.png) no-repeat;
	background-size: 100% 100%;
	width: 100%;
    height: 15rem;
    position: fixed;
    top: 2.2rem;
    z-index: -1;
}
.starMvp-top{
	width: 100%;
    height: 7rem;
    margin-top: 2.2rem;
    overflow: hidden;
}
.starMvp-topImg{
	border: 1px solid #fff;
	border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    margin: 1rem 0 0 1rem;
    overflow: hidden;
    float: left;
}
.starMvp-topImg img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}	
.starMvp-noapply{ 
	font-size: 0.8rem;	
	color: #fff;
    margin: 1.2rem 0 0 3.8rem;
}
.starMvp-idiot{
    position: absolute;
    width: 82%;
    margin: 0 auto;
    left: 18%;
}
.idiot-nowrod{
	float: left;
	font-size: 0.65rem;	
	color: #fff;
    margin: 0rem 0 0 0.4rem;
    line-height: 1.2rem;
}
.idiot-btn{
	display: inline-block;
    float: right;
    font-size: 0.6rem;
    background: #e24333;
    color: #fff;
    width: 2.5rem;
    height: 1.2rem;
    line-height: 0.8rem;
    margin-right: 6%;
}
.starMvp-level{
	position: relative;
    width: 90%;
    margin: 0 auto;
    height: 6rem;
}
.starMvp-star{
	position: absolute;
	bottom: 0;
	width: 15%;
}
.one-star{
	left: 0;
}
.two-star{
	left: 20%;
}
.three-star{
	left: 40%;
}
.four-star{
	left: 63%;
}
.five-star{
	left: 85%;
}
.starMvp-star p{
	font-size: 0.6rem;
	color: #fff;
    text-align: center;
}
.starMvp-back{
	background: #999;
    width: 0.4rem;
    margin: 0.2rem auto 0.8rem;
	position: relative;
}
.starMvp-back span{
    background: #999;
    display: inline-block;
    width: 100%;
    height: 0.2rem;
    border-radius: 2.5em 2.5em 0 0/1.8em 1.8em 0 0;
    position: absolute;
    top: -0.1rem;
    left: 0;
}
.back1{
    height: 1rem;
}
.back2{
    height: 2rem;
}
.back3{
    height: 3rem;
}
.back4{
    height: 4rem;
}
.back5{
    height: 5.5rem;
}
.starMvp-line{
	border-bottom: 1px solid #fff;
    margin-top: 5.9rem;
    float: left;
    position: relative;
}
.starMvp-circle{
	display: inline-block;
	width: 0.5rem;
	height: 0.5rem;
	background: #999;
	position: absolute;
	border-radius: 50%;
	right: 0;
	bottom: -0.21rem;
	left: 0;
	margin: auto;
	z-index: 2;
}
.starMvp-star-line{
    border-bottom: 1px solid #fff;
    display: inline-block;
    position: absolute;
    bottom: 0;
}
.line1{
	width: 9%;
}
.line2{
	width: 20%;
	left:9%;
}
.line3{
	width: 20%;
	left: 29%;
}
.line4{
	width: 22%;
	left: 49%;
}
.line5{
	width: 31%;
	left: 69%;
}
.linecolor{
	border-bottom:1px solid #E24333 !important;
}
.nopartenner{
	margin-top: 0.5rem;
	width: 90%;
	margin: 0.5rem auto 0;
}
.nopartenner p{
	font-size: 0.5rem;
	color: #fff;
	float: left;
}
.nopartenner button{
	display: inline-block;
	float: right;
	font-size: 0.6rem;
	background: #e24333;
	color: #fff;
	width: 2.5rem;
	height: 1.2rem;
	line-height: 0.8rem;
}
.starMvp-produce{
    width: 90%;
    margin: 0 auto;
    position: relative;
    margin-top: 0.5rem;
}

.starMvp-produceIn{
	font-size: 0.7rem;
	background: #fff;
	text-align: center;
	border-radius: 0.7rem;
	width: 4.5rem;
	height: 1.2rem;
	line-height: 1.2rem;
	color: #666;
	position: absolute;
	top: 0.2rem;
	left: 1.2rem;
	z-index: 1;
}
.starMvp-produce img{
	width: 1.5rem;
	height: 1.5rem;
	z-index: 2;
	position: absolute;
}
.starMvp-sell{
	width: 90%;
	margin: 0 auto;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.starMvp-sell-top{
	background: #fff;
	border-top-left-radius: 0.3rem;
	border-top-right-radius: 0.3rem;
}
.starMvp-sell-top ul{
	display: block;
	overflow: hidden;
}
.starMvp-sell-top ul li{
	float: left;
	width: 50%;
	text-align: center;
	position: relative;
}
.starMvp-sell-top ul li p{
	font-size: 0.7rem;
	color: #999;
}
.starMvp-sell-top ul li span{
	display: inline-block;
	width: 2px;
	height: 2rem;
	background: #ccc;
	position: absolute;
	top: 0.9rem;
	right: 0;
}
.starMvp-sell-top-img{
	width: 2rem;
	height: 2rem;
	margin: 0.5rem auto 0.3rem;
}
.syimg{
	background: url(../images/starMvp_syhui.png) no-repeat;
	background-size: 100% 100%; 
}
.syimg-else{
	background: url(../images/starMvp_syliang.png) no-repeat;
	background-size: 100% 100%; 
}
.tdimg{
	background: url(../images/starMvp_tdhui.png) no-repeat;
	background-size: 100% 100%; 
}
.tdimg-else{
	background: url(../images/starMvp_tdliang.png) no-repeat;
	background-size: 100% 100%; 
}
.starMvp_content{
    background: url(../images/agent-line.png);
    width: 70%;
    height: 5rem;
    background-size: 100% 100%;
    margin: 0.5rem auto 0;
}
.starMvp_content p{
    font-size: 2rem;
    font-weight: bold;
	color: #E24333;
	text-align: center;
}
.starMvp_content button{
    display: block;
    font-size: 0.6rem;
    background: #e24333;
    color: #fff;
    width: 2.5rem;
    height: 1.2rem;
    line-height: 0.8rem;
    margin: 0 auto;
}
.starMvp-sy{
	width: 90%;
	margin: 0.5rem auto;
}
.starMvp-sy ul{
	display: block;
	overflow: hidden;
}
.starMvp-sy ul li{
	float: left;
	text-align: center;
}
.starMvp-sy-lione{
	width: 25%;
}
.starMvp-sy-litwo{
	width: 50%;
}
.starMvp-sy-lithree{
	width: 25%;
}
.starMvp-sy ul li p:nth-child(1){
	font-size: 0.8rem;
	color: #333;
	margin-bottom: 0.5rem
}
.starMvp-sy ul li p:nth-child(2){
	font-size: 0.7rem;
	color: #e24333;
}
.starMvp-sellIntop{
	border-bottom: 0.3rem solid #efeff4;
}
.starMvp-color{
	color: #e24333 !important;
}
.starMvp-sellInbottom{
}
.starMvp-today{
	width: 90%;
	margin: 0.5rem auto;
}
.starMvp-today span:nth-child(1){
	font-size: 0.7rem;
	color: #333;
}
.starMvp-today span:nth-child(2){
	font-size: 0.6rem;
	color: #e24333;
	float: right;
	line-height: 1.3rem;
}
.starMvp-partnerTop{
	overflow: hidden;
	display: block;
	border-bottom: 1px solid #efeff4;
}
.starMvp-partnerTop li{
	float: left;
	font-size: 0.7rem;
	text-align: center;
	margin: 1rem 0 0.3rem 0;
}
.starMvp-partnerTop li span{
	color: #999;
}
.starMvp-partnerTop li:nth-child(1){
	width: 20%;
}
.starMvp-partnerTop li:nth-child(2){
	width: 30%;
}
.starMvp-partnerTop li:nth-child(3){
	width: 30%;
}
.starMvp-partnerTop li:nth-child(4){
	width: 20%;
}
.starMvp-teamNumber{
	font-size: 0.6rem;
	text-align: center;
	color: #999;
	line-height: 2rem;
}
.starMvp-allPartener{
	width: 96%;
    margin: 0.5rem auto;
}
.starMvp-allPartener li{
	border-radius: 0.3rem;
	margin-bottom: 0.5rem;
	padding: 0.2rem;
}
.starMvp-allPartener li:nth-child(odd){
	background: #e6e8ff;	
}
.starMvp-allPartener li:nth-child(even){
	background: #fcd4a1;	
}
.starMvp-allPartenerLeft{
	width: 30%;
}
.starMvp-allPartenerImg{
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
    margin: 0.6rem 0.3rem 0.2rem 0.2rem;
    float: left;
}
.starMvp-allPartenerName{
	float: left;
	width: 56%;
}
.starMvp-allPartenerNamePone{
	margin: 0.3rem 0 0.2rem 0;
}
.starMvp-allPartenerName p:nth-child(1){
	font-size: 0.5rem;
	color: #333;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.starMvp-allPartenerName p:nth-child(2){
	font-size: 0.5rem;
	color: #fff;
	background: #E24333;
    width: 2rem;
    height: 1rem;
    border-radius: 0.3rem;
    text-align: center;
    line-height: 1rem;
}
.starMvp-mg{
	margin-top: 1rem;
}
.starMvp-allPartenerRight{
	margin: 0 2% 0 3%;
}
.starMvp-allPartenerRight p:nth-child(1){
	border-bottom: 1px solid #fff;
}
.starMvp-allPartenerRight p{
    font-size: 0.5rem;
    color: #333;
    padding: 0.2rem 0;
    overflow: hidden;
}
.starMvp-allPartenerRight p span:nth-child(1){
	display: inline-block;
	width: 40%;
	float: left;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.starMvp-allPartenerRight p span:nth-child(2){
	display: inline-block;
	width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}
.selectPartenerColor{
    border-bottom: 1px solid #e24333;
    padding-bottom: 0.2rem;
    color: #e24333 !important;
}
.starMvp-sellInbottom ul{
	padding-bottom: 0.5rem;
}
.sellpeopleIn{
	width: 94%;
	margin: 0.3rem auto 0;
	border-bottom: 1px solid #efeff4;
	padding-bottom: 0.3rem;
}
.sellpeopleLeft p:nth-child(1){
	font-size: 0.7rem;
	color: #333;
}
.sellpeopleLeft p:nth-child(2){
	color: #999;
	font-size: 0.6rem;
	margin-top: 0.3rem;
}
.sellpeople{
	font-size: 0.7rem;
	color: #e24333;
	margin-top: 0.7rem;
}
.starMvp-fire{
    display: inline-block;
    font-size: 0.6rem;
    background: #e24333;
    color: #fff;
    width: 2.8rem;
    height: 1rem;
    line-height: 0.8rem;
    margin-top: 1.2rem;
    margin-left: 0.5rem;
}
.yfxImg{
    display: block;
    width: 5rem;
    height: 5rem;
    background: url(../images/ddxq_yfx.png) no-repeat;
    background-size: 100% 100%;
    top: 4rem;
    left: 0;
    right: 0;
    margin: auto;
}
.backhui{
	background: #ccc !important;
}
.luckDraw_1{
  width: 90%;
  margin: 0 auto;
  display: block;
  height: 18rem;
}
.Y_bossyu{
  position: absolute;
  top:8rem;
  left: 0;
  right: 0;
  margin: auto;
}
.p-title{
  text-align: center;
  line-height: 2rem;
  font-size: 0.6rem;
  color: #FFAC99;
  margin-top: 9rem;
}
.my_jp{
  width: 80%;
  height: 2rem;
  line-height: 2rem;
  margin: 0.5rem auto;
  border-radius: 0.5rem;
  background: #FFF3F0;
  text-align: center;
  font-size: 0.7rem;
  color: #FB6C1E;
}
.my_jp i{
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(../images/index_3.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: top;
  margin-top: 0.2rem;
  margin-right: 0.2rem;
}
.luckDraw_integral{
	height:1.3rem;
	box-shadow: 1px 1px 2px #E7912E;
	color:#FA3E3F;
	margin:0 auto;
	margin-top:26.2rem;
	background-color:#fff;
	border-radius: 10px;
	text-align: center;
	width:90%;
	padding:.5rem 0;
	}
.luckDraw_integral p:nth-child(1){
		font-size:.7rem;
		height:1.5rem;
		line-height:1.5rem;
}
.luckDraw_integral p:nth-child(2){
		font-size:.8rem;
		height:1.5rem;
		line-height:1.5rem;
		font-weight:bold;
}
.record{
	display:flex;
	justify-content:center;
	align-items: center;
	height:2rem;
	line-height:2rem;
	box-shadow: 1px 1px 1px #B14D1B;
	font-size:.8rem;
	color:#fff;
	margin:0 auto;
	margin-top:1rem;
	background-color:#FA3E3F;
	border-radius:20px;
	width:90%;
	cursor: pointer;
}

.record img{
width:1.2rem;
height:1.2rem;
margin-right:8px;
}
.rule{
  width: 90%;
  margin: 1.5rem auto 0;
  padding-top: 0.4rem;
  position: relative;
  margin-top:2rem;
}
.rule img{
  width: 70%;
  height: 1.8rem;
  position: absolute;
  margin: auto;
  display: block;
  top: -0.2rem;
  right: 0;
  left: 0;
}
.rule_in{
  width: 100%;
  background: #FFBE9A;
  overflow: hidden;
}
.rule_in div{
  background: #FFDFCD;
  padding-top: 6%;
  margin: 2% auto;
  width: 96%;
  overflow: hidden;
}
.rule_in div ul{
  overflow: hidden;
  padding:.35rem;
}
.rule ul li{
  list-style-type:none;
  color:#462F2F;
  width: 100%;
  text-align:left;
  font-size: 0.7rem;
  padding: 0.2rem 0;
}
.luckDraw-main{
  padding-bottom: 2rem;
}
/* 奖品列表 */
.goodsList-in{
  width: 90%;
  margin: 1rem auto 0;
  border-radius: 0.4rem;
  background: #fff;
  padding:10px;
}
.goodsList-in:nth-last-child(1){
	margin-bottom:1rem;
}
.goodsList-top{
  border-bottom: 1px solid #E9E9E9;
  overflow: hidden;
  padding-bottom: 0.7rem;
}
.goodsList-top .goodsList-top-left{
  float: left;
  color: #666666;
}
.goodsList-top .goodsList-top-left img{
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  vertical-align: middle;
  margin-right: 0.2rem;
}
.goodsList-top .goodsList-top-left span{
  font-size: 0.8rem;
}
.goodsList-top .goodsList-top-right{
  float: right;
}
.goodsList-top .goodsList-top-right p:nth-child(1){
  font-size: 0.5rem;
  color: #999999;
  text-align: right;
}
.goodsList-top .goodsList-top-right p:nth-child(2){
  font-size: 0.7rem;
  color: #FE4501;
}
.goodsList-bottom{
  overflow: hidden;
}
.goodsList-bottom img{
  width: 4.5rem;
  height: 4.5rem;
  float: left;
  display: block;
  border-radius: 0.3rem;
}
.goodsList-bottom-right{
  margin-left: 5rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  width:calc(100% - 5.1rem);

}
.goodsList-bottom-right .prizeName{
  font-size: 0.9rem;
  color: #333;
  font-weight: bold;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.goodsList-bottom-right .addTime{
  color: #999999;
  font-size: 0.68rem;
  width:100%;
}
.sendStatus{
	font-size: 0.7rem;
	border-radius:6px;
	width:3.1rem;
	height:1.15rem;
	line-height:1.15rem;
	text-align: center;
	margin:.5rem 0;
}
.canUse{
  color: #FE4501;
  border:1px solid #FE4501;
}
.noUse{
  color: #999999;
  border:1px solid #999999;
}
.cyb-alert{
    position: fixed;
    top: 40%;
    left: 3%;
    width: 80%;
    padding: 10px 20px;
    background-color: rgba(0,0,0,0.6);
    color: #fff;
    border-radius: 6px;
    text-align: center;
    z-index: 9999999;
}
.backfront{
  width: 100%;
  height: 100%;
  background:rgba(0,0,0,1);
  opacity:0.56;
  position: fixed;
  top: 0;
  z-index: 3;
  left: 0;
  display: none;
}
.turtable_window{
  width: 90%;
  height: auto;
  position: fixed;
  z-index:4;
  left:0;
  right:0;
  top: 12%;
  margin: auto;
  display: none;
}
.turtable_window_top{
  width: 100%;
  height: auto;
  position: relative;
}
.turtable_window_top img:nth-child(1){
  width: 100%;
  height:auto;
}
.turtable_window_top img:nth-child(2){
  width: 8rem;
  height: 5rem;
  position: absolute;
  top: 41%;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 10px;
}
.turtable_window_top p{
  position: absolute;
  top: 67%;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 0.8rem;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.turtable_window_top div{
  position: absolute;
  top: 78%;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 0.8rem;
  text-align: center;
  font-weight: bold;
  background: #FFFA9C;
  width: 8rem;
  height: 1.7rem;
  line-height: 2rem;
  border-radius: 0.3rem;
  color: #F3433C;
}
.index_close{
  width: 3rem;
  height: 3rem;
  margin: 0 auto;
  display: block;
}
.noGoods img{
  width: 60%;
  height: auto;
  display: block;
  margin: 23% auto 0;
}
.noGoods p{
  font-size: 0.8rem;
  text-align: center;
  color: #666;
}