@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: 6rem; height: auto; display: block;  position: absolute; background:#fff;
	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: .2rem;
	-moz-border-radius: .2rem;
	border-radius: .2rem;
	border: solid .08rem #f32727;
	box-sizing: border-box;
}

.tcbox h3{
	width: 100%; clear: both; float: left; margin-top:-.5rem; text-align: center;position: relative;
}
.tcbox h3 img{
	height: 1.16rem;
}

.tipSure{width: 100%; clear: both; float: left; text-align: center; margin-top: .3rem; margin-bottom: .4rem;}
.tipSure a{width: 3.2rem; height: .7rem; display: inline-block; font: .3rem/.7rem "microsoft yahei"; color: #fff; margin: auto .1rem;
	background: #fa2513;
	background: -webkit-linear-gradient(#f50101 , #ff5129); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#f50101 , #ff5129); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#f50101 , #ff5129); /* Firefox 3.6 - 15 */
	background: linear-gradient(#f50101 , #ff5129); /* 标准的语法 */
	border-radius: .2rem;
	box-shadow: 0 .05rem .2rem rgba(246, 95, 44, .5);
}
.tipSure a.btn01{width: 3.6rem;
	-webkit-animation: scaleDraw 2s ease-in-out infinite;
	animation: scaleDraw 2s ease-in-out infinite;
}


.close{position: absolute; top: -.75rem; right:0; display: block; width: .56rem; height: .5rem;}
.close a{width: 100%; display: block;}
.close a img{width: 100%; display: block;}




/* 温馨提示弹窗 */
/* #notePage{display: block;} */
.notebox{ display: block;text-align: center; clear: both; float: left;}
.notebox img{display: inline-block; height: 2.7rem; margin: auto;}
.notebox p{font: .26rem/.38rem "microsoft yahei";color: #666;width: 90%; float: left; margin: -1rem 5% 0;
	position: relative;
}

.notebox p b{font-weight: bold;color: #333;}
.notebox p span{font-weight: bold; color: #ec0b06;}

/* 中奖 */
/* #drawPage{display: block;} */
#drawPage h3{margin-top: -1.5rem;}
#drawPage h3 img{
	height: 2.31rem;
}
.pribox{text-align: center; width: 100%; float: left;}
.pribox h4{font-size: .36rem; line-height: .8rem; color: #ec0b06; font-weight: bold; width: 100%; float: left; margin-top: -.2rem;}
.pribox font{
	width: 100%; clear: both; float: left; line-height: .55rem; font-size: .28rem; font-weight: bold; color: #a04412;
	margin: .1rem auto .25rem;
	background: url(../images/tc-font01.png) no-repeat center;
	background-size: auto .55rem;
}
.pribox p{font-size: .32rem; line-height: .45rem; font-weight: bold; width: 100%; margin-bottom: .2rem;}

/* 学习卡兑换 */
/* #studyCard{display: block;} */
.studybox{width: 100%; clear: both; float: left; text-align: center;}
.studybox img{width: 4.4rem; display: inline-block;}
.studybox .carbox{width: 100%; clear: both; float: left;margin-top: .1rem;}
.studybox .carbox span{font-size: .26rem; line-height: .4rem; color: #333; margin: auto .1rem;}
.studybox .carbox span em{font-weight: bold;}


/* 我的卡密 */
/* #camiloPage{display: block;} */
.camilo{width: 100%; clear: both; float: left; text-align: center;}
.camilo h4{font-size: .28rem; line-height: .72rem; font-weight: bold;}
.camilo hr{width: 80%; height: 1px; background-color: #f5b174; border: 0;}
.camilo font{font-size: .28rem; line-height: .42rem;width: 100%; margin-top: .15rem; float: left;}
.camilo font span{font-weight: bold; color: #ec0b06; font-size: .32rem;}
.camilo .tip{
	width: 80%; float: left; margin: .32rem 10% .2rem; height: .5rem;
	background-color: #f6ff93; color: #dd0303; font-size: .24rem; line-height: .5rem;
}

/* 我的奖品 */
/* #giftPage{display: block;} */
.giftList{
	width: 100%; clear: both; float: left; text-align: center;
}
.giftList ul{
	width: 5.15rem; float: left; margin: .4rem .35rem .5rem;
}
.giftList ul li{float: left; clear: both; border-bottom: dashed 2px #f3c364; margin-bottom: .25rem; padding-bottom: .25rem; width: 100%;}
.giftList ul li i{width: .18rem; height: .42rem; display: block; float: left;
	background: url(../images/tc-icon01.png) no-repeat center;
	background-size: 100%;
}
.giftList ul li span{width: 3.5rem; text-align: left; float: left; margin-left: .15rem; font-size: .24rem; line-height: .42rem;}
.giftList ul li a{
	width: 1.04rem; height: .42rem; font-size: .24rem; line-height: .42rem;
	background-color: #fa2614; border-radius: .1rem; float: right; display: inline-block; color: #fff; text-align: center;
}
.giftList font{
	font-size: .32rem; line-height: .44rem;font-weight: bold; width: 50%; margin: .6rem 25%; float: left;
}
.giftList img{display: inline-block; height: 2.7rem; margin: auto; margin-top: -.35rem;}
.giftList p{font: .26rem/.38rem "microsoft yahei";color: #666;width: 90%; float: left; margin: -.45rem 5% 0;
	position: relative;
}

/* 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;}


.tcmain{clear: both; float: left; margin: 0 auto; width: 100%; text-align: center;}
.tcmain img{width: 2.6rem;display: block; margin:.5rem 1.7rem auto;float: left;}
.tcmain p{width: 90%;color: #666;float: left;
	font-size: .26rem; line-height: .45rem; margin: .25rem 5% .45rem;
}