@charset "utf-8";

.mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,.8); display: none;}
.tcbox{ width: 6.64rem; height: auto; display: block;  position: absolute;background: #fff;padding-bottom: .4rem;
	top: 48%;
	left: 50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	-webkit-border-radius: .28rem;
	-moz-border-radius: .28rem;
	border-radius: .28rem;
}

.tcbox h3{font: bold .48rem/1.32rem "microsoft yahei"; color: #fff; width: 100%; clear: both; float: left; text-align: center; height: 1.32rem; position: relative;
	background: url(../images/tcTit.png) no-repeat center top;
	background-size: 100%;
}

.tipSure{width: 100%; clear: both; float: left; text-align: center; margin: 0 auto .2rem;}
.tipSure a{width: 3.81rem; height: .72rem; display: block; margin: auto; font-size: .3rem;line-height: .65rem; color: #fff;background: url(../images/btn02.png) no-repeat center top;background-size: 100%;
}
.tipyyl{display: none;}



.close{position: absolute; bottom: -1rem; left:45%; display: block; width: .73rem; height: .74rem;}
.close a{width: 100%; display: block;}
.close a img{width: 100%; display: block;}

/* 点击loading */
/* #loadPage{display: block;} */
.loadingbox{width: 20%; height: 1.8rem; display: block;  text-align: center; position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.loadingbox img{width: 100%; height: auto; display: block;}
.noteTxt .dhcgImg{width: 3.44rem;} 
#dkPage1 .tipSure{margin-top: .2rem;}

/* 活动规则 */
/* #instruPage{display: block;} */
.instrubox{ display: block; text-align: center;}
.instrubox ul {display: inline-block;margin-top: 0.25rem;height: 6.5rem;overflow-x: hidden;overflow-y: scroll;}
.instrubox ul li{width: 100%; clear: both; float: left; margin:0 auto .1rem; font-size: .3rem; line-height: .45rem; color: #444444; text-align: left;position: relative;}
.instrubox ul li span{display: inline-block;font-size: .28rem;color: #fff;position: relative;width: 1.57rem;height: .56rem;line-height: .56rem;background: url(../images/gzTit.png) no-repeat center top;background-size: 100% 100%;text-align: left;padding-left: .25rem;float: left;margin: 0.18rem 0;}
.instrubox ul li .csp{width: 2.22rem;padding-left: 0;text-align: center;}
.instrubox ul li.lsli span{width: 33%;}
.instrubox ul li.lsli span::after{width: 3.2rem;right: -3.4rem;}
.instrubox ul li p{width:90%; float: left;  line-height: .45rem; color: #333;font-size: .26rem;text-align: left;margin-left: 0.38rem;display: inline-block;}
.instrubox ul li p label{color: #fc4505;}
.instrubox ul .gzewm {width: 1.3rem;position: absolute;right: 1.2rem;bottom: -0.2rem;}
/* 积分不足弹窗 */
/* #integPage{display: block;} */
.integbox{width: 100%; clear: both; float: left; margin-top: .1rem; text-align: center;}
.integbox img{display: inline-block; width: 2.47rem; margin:.2rem auto .3rem;}
.integbox p{width: 100%; clear: both; float: left; font: .28rem/.45rem "microsoft yahei"; color: #333;margin: .15rem auto;}
.integbox a{width: 3.81rem;height: .72rem;line-height: .61rem;  display: block; margin: auto; clear: both;font-size: .3rem; color: #fff;background: url(../images/btn02.png) no-repeat center top;background-size: 100%;}

#integPage .tcbox h3{
	background: url(../images/tcTit1.png) no-repeat center top;
	background-size: 100%;
}

/* 分享遮罩 */
/* #sharePage{display: block;} */
.share-box{width: 5.55rem;margin: .82rem auto 0;}
.share01{width: 5.25rem;}
/* .share02{width: 4.03rem;} */
.share-box >img{width: 100%; display: block; margin: auto;}
.share-box a{width: 2.89rem; display: block; clear: both; margin: .6rem auto 0; position: relative;}
.share-box a img{width: 100%; display: block;}



/* 温馨提示弹窗 */
/* #notePage{display: block;} */
.notebox{ display: block;text-align: center;}
.noteTxt{width: 100%;float: left; margin: .15rem auto 0; height: auto;text-align: center;}
.noteTxt p{font: .3rem/.51rem "microsoft yahei";color: #444;width: 86%; float: left; margin: .2rem 7%; text-align: center;}
.noteTxt .yqlbP{width: 58%;margin: .2rem 21% 0;}
.noteTxt img{width: 2.63rem; display: inline-block; margin:.2rem auto 0;}
.cfTxt img{width: 4.9rem;}
.cfSure{margin-top: .32rem;}
#giveSuccess .cfTxt img{width: 2.5rem;}
.noteTxt span {
    font-size: .26rem;
    color: #333;
    float: left;
    width: 75%;
    margin: .2rem 12.5% .1rem;
	position: relative;
}
.noteTxt .sp1{
	width: 79%; margin: 0 0 .1rem;text-align: left;line-height: .4rem;margin-left: 10.5%;
}
.noteTxt .sp3{font-size: .28rem;color: #1a47d1;line-height: .5rem; font-weight: bold;text-align: center;margin-top: .1rem;margin-bottom: .2rem;}
.noteTxt span .jsLb{color: #002df6;}
.noteTxt span .lb1{
	color: #1a47d1;
}
#notePage .tcbox .dch3 {
    font: bold .42rem/1.2rem "microsoft yahei";
	background: url(../images/tcTit1.png) no-repeat center top;
	background-size: 100%;
}
.dkNPg{margin-top: .32rem;margin-bottom: .2rem;}

/* 重复赠送 */
#cfPage .tcbox h3{
    background: url(../images/tcTit1.png) no-repeat center top;
    background-size: 100%;
}
#cfPage .cfSure{margin-top: -.3rem;}
/* 助力成功 */
#giveSuccess .tcbox h3{
    background: url(../images/tcTit.png) no-repeat center top;
    background-size: 100%;
}
/* pc版打开遮罩 */
.fix-bg{width:100%; height: 100%; background: rgba(0,0,0,0); position: fixed; top: 0; left: 0; display: none; z-index: 9; text-align: center;}
.pc-box {
    width: 606px;
    height: 4.9rem;
    text-align: center;
    background: #fff url(../images/tcBg.png) no-repeat center bottom;
    background-size: 100%;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-border-radius: 0.18rem;
    -moz-border-radius: .18rem;
    border-radius: 0.18rem;
	border-top-left-radius: .3rem;
	border-top-right-radius: .3rem;
}
.pc-box font {
    font: bold 0.42rem/0.94rem "microsoft yahei";
    color: #fff;
    width: 100%;
    clear: both;
    float: left;
    text-align: center;
    height: 0.94rem;
    position: relative;
    background: url(../images/tcTit.png) no-repeat center top;
    background-size: 100%;
}


.tcmain{clear: both; float: left; margin: .5rem auto 0;}
.pc-box >img{width: 34%;display: block; margin:50px 33% auto;float: left;}
.pc-box p{width: 90%; font: 24px/48px "microsoft yahei";color: #666;float: left; margin: 20px 5% .35rem;}

.pc-box a{position: absolute; top: -.6rem; right: 0; display: block; width: .49rem; height: .49rem; cursor: pointer;}
.pc-box a img{width: 100%;}
/* 邀请列表弹窗 */
.yqLPg {
    width: 92%;
    margin: 0 4% 3.2%;
	padding-top: 0.32rem;
	padding-bottom: .3rem;
    height: 3.6rem;
    overflow-y: scroll;
}
.yqLPg ul li {
    display: inline-block;
	height: .88rem;
    line-height: .88rem;
    width: 96%;
    border-radius: 0.12rem;
	margin-bottom: .08rem;
	background: #dbf0ff;
	background: -webkit-linear-gradient(left, #dbf0ff , #fefeff);
	background: -o-linear-gradient(right, #dbf0ff, #fefeff);
	background: -moz-linear-gradient(right, #dbf0ff, #fefeff);
	background: linear-gradient(to right, #dbf0ff , #fefeff);
}
.yqLPg ul li>i {
    display: inline-block;
    width: 0.45rem;
    height: 0.45rem;
    line-height: .45rem;
    border-radius: 0.5rem;
    color: #fff;
    font-size: .24rem;
    float: left;
    margin-top: 0.2rem;
    margin-left: 0.24rem;
    margin-right: 0.24rem;
	background: #2697fd;
	background: -webkit-linear-gradient(top, #b7e1ff , #2697fd);
	background: -o-linear-gradient(bottom, #b7e1ff, #2697fd);
	background: -moz-linear-gradient(bottom, #b7e1ff, #2697fd);
	background: linear-gradient(to bottom, #b7e1ff , #2697fd);
}
.yqLPg ul li>div{display: inline-block;float: left;width: 45%;}
.yqLPg ul li>div span{color: #333;display: inline-block;float: left;width: 100%;text-align: left;font-size: .28rem;line-height: .3rem;margin: 0.15rem auto 0.02rem;}
.yqLPg ul li>div label {
    font-size: .22rem;
    color: #8b8b8b;
    display: inline-block;
    float: left;
    width: 100%;
	text-align: left;
	line-height: .3rem;
}
.yqLPg ul li>p {
    display: inline-block;
    float: left;
    font-size: .24rem;
    color: #333;
    margin: 0 auto;
    width: auto;
	line-height: .88rem;
}
.yqLPg ul li>p>img{width: .36rem;margin-left: .07rem;}
/* 兑换列表弹窗 */
#dhPage .yqLPg ul li>i{margin-right: 0;}
#dhPage .yqLPg ul li>p{width: 1.68rem;height: .66rem;line-height: .6rem;background: url(../images/btn06.png) no-repeat center top;background-size: 100% 100%;font-size: .3rem;color: #fff;margin-top: .1rem;float: right;}
#dhPage .yqLPg ul li>div{width: 50%;}
#dhPage .yqLPg ul li>div label {
    width: 92%;
    margin-left: 0.18rem;
}
/* 兑换空弹窗 */
.noteTxt .klsP {
    margin: 0 auto;
    width: 100%;
}
#KlistPage .noteTxt img{width: 4.9rem;margin-bottom: -.4rem;}

/* 兑换科目弹窗 */
.dhkm .p1{font: 0.35rem/0.51rem "microsoft yahei";font-weight: bold;color: #1e4ee2;margin: 0 auto;width: 100%;}
#chosePage .tipSure a{width: 1.82rem; height: .56rem;font-size: .23rem;line-height: .5rem;background: url(../images/btn07.png) no-repeat center top;background-size: 100%;display: inline-block;margin: 0 .14rem .3rem;cursor: pointer;
}
#chosePage1 .tipSure a{width: 1.82rem; height: .56rem;font-size: .23rem;line-height: .5rem;background: url(../images/btn07.png) no-repeat center top;background-size: 100%;display: inline-block;margin: 0 .14rem .3rem;cursor: pointer;
}
/* 地址弹窗 */
/* #addressPage{display: block;} */
.addressbox{
	width: 5.6rem; margin: 0 auto;
}
.addressbox p{
	font: 0.28rem/0.51rem "microsoft yahei"; line-height: .43rem;width: 100%;text-align: center;margin: 0 auto;display: inline-block;
}
.addressbox p span{
	color: #ff3c00;width: 100%;margin: 0 auto .15rem;font-size: .36rem;
}
.addressbox ul li label span {
    display: inline-block;
    width: auto;
    margin: 0;
}
.addressbox ul li font span {
    display: inline-block;
    width: auto;
    margin: 0;
}
.addressbox ul{
	width: 100%;margin-top: .3rem;
}
.addressbox ul li{
	width: 100%;margin-bottom: .2rem;display: inline-block;background: #f6faff;
	font-size: .26rem; line-height: .71rem; color: #333;border-radius: .1rem;
}
.addressbox ul li.address{background: transparent;}
.addressbox ul li.region{background: transparent;}
.addressbox ul li.region{
	margin-bottom: 0;
}
.addressbox ul li span{color: #226bf2;}
.addressbox ul li label{
	float: left;text-align: left;
}
.addressbox ul li.address label {
    width: auto;
    clear: both;
    font-size: .22rem;
    color: #999999;
	float: left;
}
.addressbox ul li.address label span{
    color: #999999;
}
.addressbox ul li.address label .popup_mp7 {
    color: #135fef;
    display: inline-block;
    width: auto;
    float: initial;
    font-size: .22rem;
    margin-left: 0.2rem;
}
.addressbox ul li input,.addressbox ul li select{
	height: .71rem;
	border-radius: .1rem;
	font-size: .28rem; line-height: .71rem;
}
.addressbox ul li.two input {
    float: left;
    margin-left: 2%;
    width: 68%;
    background: transparent;
    border: none;
}

.addressbox ul li .form-group{
	float: left; width: 29%; margin: 0;border: .01rem solid #226cf3;border-radius: .1rem;margin-right: .1rem;line-height: .51rem;
}
.addressbox ul li .form-group:last-child{
	width: 35%;margin-right: 0;
}
.addressbox ul li .form-group font{
	float: left;line-height: .51rem;
}

.addressbox ul li select{
	width: 74%; height: .51rem; line-height: .51rem;border: none;
}
.addressbox ul li .form-group:last-child select{
	width: 1.2rem;outline: inherit;
}
.addressbox ul li.address input {
    width: 96%;
    padding: 0 2%;
    border: 0.01rem solid #226cf3;
    border-radius: 0.5rem;
    line-height: .62rem;
    height: 0.62rem;
	font-size: .26rem;
}
/* 物流信息 */
.logisInfo{
	width: 4rem; margin-left: .95rem; margin-bottom: .45rem;margin-top: .2rem;
}
.logisInfo p {
    margin: auto;
    text-align: left;
    font: 0.3rem/0.4rem "microsoft yahei";
    width: 100%;
    display: inline-block;
}
.logisInfo p.tips{
	color: #666; margin: .1rem auto;width: 100%;text-align: center;margin-bottom: .2rem;
}
.notebox{
	 text-align: center;
}
.notebox img.end{
	width: 2.18rem; display: inline-block;
}
.notebox img.fail{
	width: 4.9rem; display: inline-block; margin-top: -.25rem; margin-bottom: -.7rem;
}
.notebox p span {
    margin: 0 auto;
    width: auto;
    float: initial;
}
/* .notebox p{
	font-size: .3rem; line-height: .44rem; color: #333;margin-top: .25rem;
	width: 100%;
} */
.notebox p span{
	font-size: .3rem;
}
#logisticsPage .tipTS{
	margin-top: -.7rem;position: relative;
}
#logisticsPage .logist{
	margin-top: .2rem;width: 5.39rem;
}