@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: 80%;
    z-index: 9;
    border-radius: 0.3rem;
    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%);
    background: #dbeaff;
    background: -webkit-linear-gradient(bottom, #fff1e9 , #fff , #fff, #fff, #fff);
    background: -o-linear-gradient(bottom, #fff1e9, #fff , #fff, #fff, #fff);
    background: -moz-linear-gradient(bottom, #fff1e9, #fff , #fff, #fff, #fff);
    background: linear-gradient(to bottom, #fff1e9 , #fff , #fff, #fff, #fff);
	background: linear-gradient(to bottom, #fff1e9 , #fff , #fff, #fff, #fff);
	text-align: center;
}

.tcbox h3{
	width: 100%;
	display: inline-block;
	font-size: .48rem;
	font-weight: bold;
	line-height: 1.2rem;
    color: #fff;
	background: url(../images/tcTit.png) no-repeat center top;
	background-size: 100% 100%;
	margin: 0 auto;
	text-align: center;
}

.tipSure{width: 100%; clear: both; float: left; text-align: center; margin: 0 auto .2rem;}
.tipSure a{width: 2.8rem; height: .6rem; display: block; margin: auto; font-size: .26rem;line-height: .6rem; color: #fff;font-weight: bold;border-radius: 1rem;
	background: #ff5b13;
	background: -webkit-linear-gradient(top, #f4b027 , #ff5b13);
	background: -o-linear-gradient(bottom, #f4b027, #ff5b13);
	background: -moz-linear-gradient(bottom, #f4b027, #ff5b13);
	background: linear-gradient(to bottom, #f4b027 , #ff5b13);
	box-shadow:0 .06rem .03rem rgba(252, 229, 189);
}
.tipyyl{display: none;}



.close{position: absolute; top: -.7rem; right:-.3rem; display: block; width: .5rem; height: .5rem;}
.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;padding-left: 12%;margin-top: 0.4rem;height: auto;}
.instrubox ul li{width: 100%; clear: both; float: left; margin:0 auto .15rem; font-size: .3rem; line-height: .45rem; color: #444444; text-align: left;position: relative;}
.instrubox ul li span{display: inline-block;font-size: .28rem;font-weight: bold;color: #c40a0a;position: relative;}
.instrubox ul li span::before{
	display: inline-block;content: '';border: .02rem solid #c40a0a;width: .09rem;height: .09rem;border-radius: 1rem;position: absolute;left:-.23rem;top: .17rem;
}
.instrubox ul li span::after {
    display: inline-block;content: '';width: 3.4rem;height: 0.01rem;border-bottom: 0.01rem dashed #c40a0a;position: absolute;bottom: 0.2rem;left: 1.2rem;
}
.instrubox ul li .cc::after{
	width: 3.1rem;left: 1.5rem;
}
.instrubox ul li.lsli span{width: 33%;}
.instrubox ul li.lsli span::after{width: 3.2rem;right: -3.4rem;}
.instrubox ul li p{width:92%; float: left;  line-height: .42rem; color: #444;font-size: .24rem;text-align: left;}
.instrubox ul li p label{color: #5732cc;}
.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: .35rem; text-align: center;}
.integbox img{display: inline-block; width: 1.97rem; 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.4rem;height: .8rem;line-height: .7rem;  display: block; margin: auto; clear: both;font-size: .3rem; color: #fff;background: url(../images/btn05.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.55rem;}
/* .share02{width: 4.03rem;} */
.share-box >img{width: 100%; display: block; margin: auto;}
.share-box a{width: 3rem; 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 img{width: 2rem; display: inline-block; margin:.2rem auto .6rem;}
.cfTxt img{width: 2.67rem;}
.cfSure{margin-top: -.5rem;}
.noteTxt span {
    font-size: .28rem;
    color: #333;
    float: left;
    width: 75%;
    margin: .3rem 12.5% .2rem;
	position: relative;
}
.noteTxt span label{
	color: #c40a0a;
}
.noteTxt .sp1{
	width: 70%; margin: 0 0 .1rem;text-align: left;line-height: .4rem;margin-left: 15%;
}
.noteTxt span .lb1{
	color: #ed3626;
}
.noteTxt span .lb2{display: inline-block;width: .35rem;line-height: .35rem;background: #f5a55f;font-size: .18rem;color: #fff;text-align: center;border-radius: .5rem;position: absolute;left: -0.48rem;}
#notePage .tcbox .dch3 {
	background: url(../images/tcTit1.png) no-repeat center top;
	background-size: 100% 100%;
}
.dkNPg{margin-top: .32rem;}

/* 重复赠送 */
#cfPage .tcbox h3{
    background: url(../images/tcTit1.png) no-repeat center top;
    background-size: 100%;
}
/* 助力成功 */
#giveSuccess .tcbox h3{
    background: url(../images/tcTit.png) no-repeat center top;
    background-size: 100%;
}
#giveSuccess .tipSure a{
	margin-top: -.68rem;
}
#cfPage .tipSure a{
	margin-top: -.68rem;
}
/* 领取成功 */
#lqcgPage .noteTxt span{
	font-size: .26rem;
	font-weight: bold;
	color: #090909;
}
#lqcgPage .noteTxt span label{
	color: #fd0000;
}


/* 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%;}
/* 邀请列表弹窗 */
#yqPage .tcbox {
    position: relative;
    display: inline-block;
    padding-bottom: 0;
    border-radius: 0.18rem;
    box-shadow: inherit;
	background: #f87878;
	background: -webkit-linear-gradient(top, #f87878 , #f8b3b3);
	background: -o-linear-gradient(bottom, #f87878, #f8b3b3);
	background: -moz-linear-gradient(bottom, #f87878, #f8b3b3);
	background: linear-gradient(to bottom, #f87878 , #f8b3b3);
}
#yqPage .tcbox h3{width: 100%;height: 1.1rem;background: url(../images/yqTit.png) no-repeat center top;background-size: 3rem;font-size: .34rem;font-weight: bold;color: #fff;line-height: .6rem;position: absolute;top: -0.35rem;}
.yqLPg {
    background: #fff;
    width: 94%;
    margin: 4.2% 3% 3.2%;
    border-radius: 0.12rem;
	box-shadow: 0 0 0.3rem rgba(231, 217, 251, 1) inset;
	padding-top: 0.7rem;
	padding-bottom: .3rem;
    height: 3.3rem;
    overflow-y: scroll;
}
.yqLPg ul li {
    display: inline-block;
    line-height: .8rem;
    width: 96%;
    border-radius: 0.08rem;
	margin-bottom: .1rem;
}
.yqLPg ul li:nth-of-type(odd){background: #f4edfc;}
.yqLPg ul li>i {
    display: inline-block;
    width: 0.32rem;
    height: 0.32rem;
    line-height: .32rem;
    background: #f5a55f;
    border-radius: 0.5rem;
    color: #fff;
    font-size: .24rem;
    float: left;
    margin-top: 0.25rem;
    margin-left: 0.1rem;
    margin-right: 0.05rem;
}
.yqLPg ul li>span{color: #ed3626;display: inline-block;float: left;width: auto;margin: 0 auto;line-height: .8rem;}
.yqLPg ul li>label {
    font-size: .28rem;
    color: #444;
    display: inline-block;
    float: left;
    line-height: .8rem;
    margin-left: 0.1rem;
    margin-right: 0.1rem;
}
.yqLPg ul li>p {
    display: inline-block;
    float: left;
    font-size: .26rem;
    color: #a24e37;
    margin: 0 auto;
    width: auto;
	line-height: .8rem;
}
/* 兑换记录弹窗 */
#dhPage .tcbox {
    position: relative;
    display: inline-block;
    padding-bottom: 0;
    border-radius: 0.18rem;
    box-shadow: inherit;
	background: #f87878;
	background: -webkit-linear-gradient(top, #f87878 , #f8b3b3);
	background: -o-linear-gradient(bottom, #f87878, #f8b3b3);
	background: -moz-linear-gradient(bottom, #f87878, #f8b3b3);
	background: linear-gradient(to bottom, #f87878 , #f8b3b3);
}
#dhPage .tcbox h3{width: 100%;height: 1.1rem;background: url(../images/yqTit.png) no-repeat center top;background-size: 3rem;font-size: .34rem;font-weight: bold;color: #fff;line-height: .6rem;position: absolute;top: -0.35rem;}
/* 兑换空弹窗 */
#KlistPage .tcbox {
    position: relative;
    display: inline-block;
    padding-bottom: 0;
    border-radius: 0.18rem;
    box-shadow: inherit;
	background: #f87878;
	background: -webkit-linear-gradient(top, #f87878 , #f8b3b3);
	background: -o-linear-gradient(bottom, #f87878, #f8b3b3);
	background: -moz-linear-gradient(bottom, #f87878, #f8b3b3);
	background: linear-gradient(to bottom, #f87878 , #f8b3b3);
}
#KlistPage .tcbox h3{width: 100%;height: 1.1rem;background: url(../images/yqTit.png) no-repeat center top;background-size: 3rem;font-size: .3rem;font-weight: bold;color: #fff;line-height: .6rem;position: absolute;top: -0.35rem;}
#KlistPage .yqLPg{height: auto;}
.noteTxt .klsP {
    margin: 0 auto;
    width: 100%;
}
#KlistPage .noteTxt img{width: 3.15rem;margin-bottom: -.2rem;}
#instruPage .tcbox{padding-bottom: .3rem;}
@media only screen and (min-width:990px) {
html {max-width: 750px;margin: 0 auto;}
body {font-size: 18px;}
.tcbox {width: 550px;}
}

/* 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: 540px;
    height: auto;
    text-align: center;
    background: #fff;
    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 {
	width: 100%;
    text-align: center;
    background: url(../images/tcTit.png) center no-repeat;
    background-size: 100% 100%;
    font-size: .34rem;
    color: #fff;
    height: .85rem;
    line-height: .85rem;
    font-weight: bold;
    border-radius: 9px 9px 0 0;
	display: inline-block;
}
.pc-box p{width: 90%; font: .24rem/.48rem "microsoft yahei";color: #666;float: left; margin: .2rem 5% .35rem;}
.pc-box .pic{margin-top: .5rem;display: inline-block;width: 100%;}
.pc-box .pic img{margin: 0 auto;width: 1.8rem;}
.pc-box a{position: absolute; top: -.6rem; right: 0; display: block; width: .49rem; height: .49rem; cursor: pointer;}
.pc-box a img{width: 100%;}