@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;
}
.tcbox h3{
	font-weight: bold; font-size: .32rem; line-height: .68rem; color: #fff; 
	width: 100%; clear: both; float: left; margin-bottom: .3rem; text-align: center;
	background: #139ee9;
	background: -webkit-linear-gradient(#0ed3e4, #1a58ef); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#0ed3e4, #1a58ef); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#0ed3e4, #1a58ef); /* Firefox 3.6 - 15 */
	background: linear-gradient(#0ed3e4, #1a58ef); /* 标准的语法 */
	border-radius: .2rem .2rem 0 0;
}
.tcbox h3.gray{
	background: #878787;
	background: -webkit-linear-gradient(#656565, #ababab); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#656565, #ababab); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#656565, #ababab); /* Firefox 3.6 - 15 */
	background: linear-gradient(#656565, #ababab); /* 标准的语法 */
}

.tipSure{width: 100%; clear: both; float: left; text-align: center; margin-top: .3rem; margin-bottom: .4rem;}
.tipSure a{width: 4.2rem; height: .68rem; display: inline-block; font-size: .34rem; line-height: .68rem; color: #fff; margin: auto .1rem;
	background: #ff8a44;
	background: -webkit-linear-gradient(left, #ff5417 , #ff8a44); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #ff5417, #ff8a44); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #ff5417, #ff8a44); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #ff5417 , #ff8a44); /* 标准的语法 */
	border-radius: .82rem;
}


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

.drawbox{
	width: 5rem; height: 7.7rem; display: block;  position: absolute;background:url("../images/tc-bg01.png") no-repeat center;
	background-size: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform:translate(-50%,-65%);
	-moz-transform:translate(-50%,-65%);
	-ms-transform:translate(-50%,-65%);
	-o-transform:translate(-50%,-65%);
	transform:translate(-50%,-65%);
}
.drawBtn{
	width: 100%; clear: both; float: left; text-align: center; margin-top: .15rem; margin-bottom: .4rem;
}
.drawBtn a{
	width:4.5rem; height: .7rem; font-size: .32rem; line-height: .7rem; color: #972f0e; display: inline-block; margin: auto;
	background: #ffc24e;
	background: -webkit-linear-gradient(#fff19d, #ffc24e); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#fff19d, #ffc24e); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#fff19d, #ffc24e); /* Firefox 3.6 - 15 */
	background: linear-gradient(#fff19d, #ffc24e); /* 标准的语法 */
	border-radius: .7rem;
}

.hide{display:none;}

/* 活动规则 */
/* #rulePage{display: block;} */
.rulebox{ display: block; width: 100%; float: left;}
.rulebox ul{width: 90%; clear: both; float: left; margin: auto 5% .25rem;}
.rulebox ul li{width: 100%; clear: both; float: left; font-size: .26rem; line-height: .36rem;color: #333;}
.rulebox ul li i{
	width: .32rem; height: .32rem; line-height: .32rem; color: #fff; display: block; float: left; text-align: center;
	background: #139ee9;
	background: -webkit-linear-gradient(#0ed3e4, #1a58ef); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#0ed3e4, #1a58ef); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#0ed3e4, #1a58ef); /* Firefox 3.6 - 15 */
	background: linear-gradient(#0ed3e4, #1a58ef); /* 标准的语法 */
	border-radius: 50%;
}
.rulebox ul li .txt{
	width:4.95rem; float: right; line-height: .32rem;
	border-bottom: dashed 1px #bacdfa;
	padding-bottom: .05rem; margin-bottom: .05rem;
}
.rulebox ul li:last-child .txt{
	border: 0;
}
.rulebox ul li p{width:100%; float: left; font-size: .24rem; line-height: .34rem; color: #333;}
.rulebox ul li p b{
	font-weight:bold; color: #1a5bee;
}
.rulebox ul li img.arr{
	width: 1.2rem; float: left; margin-left: .5rem; margin-top: .3rem;
}
.rulebox ul li img.ruleEwm{
	width: 2.3rem; float: right; margin-top: -.7rem;
}
/* 温馨提示弹窗 */
/* #notePage{display: block;} */
.notebox{width: 100%;float: left; margin: .27rem auto .15rem; text-align: center;}
.notebox p{ font-size: .28rem; line-height: .36rem; color: #333;width: 90%; float: left; margin: auto 5% .3rem;}
.notebox img.noChance{
	width: 2.2rem;
}
.notebox img.nogift{width: 4.6rem;margin:-.25rem .6rem -.5rem; float: left;}
.notebox img.ewm{
	width:2.6rem;
}
/* 中奖弹窗 */
/* #drawPage{display:block;} */
/* #drawPageKm{display:block;} */
.drawPic{ text-align: center;
	width:100%; clear: both; float: left; margin-top: 3.5rem;
	height: 3rem;
}
.drawPic font{
	width:4rem; margin: 0 .5rem; float: left;
	font-size: .3rem; line-height: 1.5; font-weight: bold;
	color: #ff5417;
}
.drawPic .pic{
	width:100%; clear: both; float: left; margin-top: -.15rem;
}
.drawPic .pic img{
	height: 2.6rem;
}
.drawPic .pic02 p{margin-top:.15rem}
.drawPic .pic02 img{height: 1.8rem;}
.drawPic .chose{
	width:4rem; margin: .25rem .5rem 0; float: left;
}
.drawPic .chose p{
	float: left;
	font-size: .26rem; margin-bottom: .1rem;
}
.drawPic .chose select{
	width: 100%; float: left;
	border: solid 1px #09abf8; height: .6rem; line-height: .6rem;
}


/* 分享遮罩 */
/* #sharePage{display: block;} */
.share-box{width: 6.85rem;margin: .25rem auto;}
.share-box >img{width: 5.24rem; display: block; margin: auto; margin-left: 22%;}
.share-box p{
	font-size:.44rem; line-height: .72rem; color: #fff; width: 100%; clear: both;
	margin: .3rem auto;
	text-align: center;
}
.share-box p span{color:#ffed2a}
.share-box a{width: 2.07rem; display: block; clear: both; margin:.55rem auto;}
.share-box a img{width: 100%; display: block;}




/* 填写地址 */
/* #addressPage{display: block;} */
.addressbox{
	width:100%;
}
.addressbox ul{width: 5rem; margin: .32rem .5rem 0; float: left;}
.addressbox ul li{width: 100%; clear: both; float: left; margin-bottom: .15rem;}
.addressbox ul label{ font-size: .24rem; line-height:.66rem; color: #333; text-align: center;float: left;}
.addressbox ul li input{width: 3.5rem; height: .66rem; float: right; font-size: .28rem; line-height: .66rem;
	background: #ddf2ff;
	border: none;
	color: #333; text-indent: .2rem;
	border-radius: .1rem;
}
.addressbox ul li input#address{
	width:100%;
}
.addressbox ul li .form-group{width: 32%; float: left; margin-right: 1%;}
.addressbox ul li .form-group:last-child{width: 34%; margin-right: 0;}
.addressbox ul li select{width: 100%; height: .66rem;clear: both;
	font-size: .28rem; line-height: .66rem;
	background: #ddf2ff;
	border: none;
	color: #333;
	border-radius: .1rem;
}
.addressbox ul li .dist span{font-size: .24rem; line-height:.46rem;}
.addressbox p{ font-size: .24rem; line-height: .3rem; clear: both; margin: .1rem 3% .15rem; width: 94%; float: left; color: #ff3f3f; text-align: center;}

/* 物流信息 */
/* #logisticsPage{display:block;} */
.nullPic{
	width:100%; clear: both; float: left; margin: .3rem auto 0; text-align: center;
}
.nullPic.hide{display: none;}
.nullPic p{font-size:.3rem; line-height: 1.5;
	width:100%; clear:both; float:left; margin-bottom: .2rem;
}
.nullPic img{width:4.5rem; display: inline-block;}
.infoLog{
	width:100%; clear: both; float: left; margin: .3rem auto 0; text-align: center;
}
.infoLog.hide{display: none;}
.infoLog ul{
	width:4.2rem; float: left; margin: 0 .9rem;
}
.infoLog ul li{
	width:100%; clear:both; float: left; margin-bottom: .25rem; height: .55rem;
	background: #ddf2ff;
	border-radius: .55rem;
	line-height: .55rem; font-size: .28rem;
}
.infoLog ul li font{
	background:#09abf8; color: #fff; float: left;
	border-radius: .55rem;
	padding: 0 .2rem;
}

/* 开课成功 + 学习方式 */
/* #sucStudyPage{display:block;} */
.sucTxt{
	width:4.6rem; float: left; margin: .3rem .7rem;
}
.sucTxt p{
	width:100%; float: left;
	font-size: .26rem; line-height: .42rem; color:#333; text-align: left;
}
.sucTxt p b{color:#f34b2a; font-weight: bold;}

/* 我的奖品 */
/* #giftPage{display:block;} */
.mygift{
	width:100%; clear: both; float: left; margin: 0 auto .3rem;
}
.mygift .null{width: 100%; clear: both; float: left; text-align: center;margin-top: .3rem;}
.mygift .null img{
	width: 2.41rem; display: inline-block;
}
.mygift .null p{
	width:100%; clear:both; float: left; margin-top: .3rem;
	font-size:.28rem; line-height: .42rem;
}
.mygift ul{
	width:5.4rem; float: left; margin: 0 .3rem;
}
.mygift ul li{
	font-size: .26rem; line-height: .6rem;  float: left; width: 100%;
	border-bottom: dashed .01rem #d3d3d3;
	padding: .2rem 0;
}
.mygift ul li:last-child{
	border: 0;
}
.mygift ul li span{
	float:left; color: #333;margin-right: -.2rem;
}
.mygift ul li:hover span{
	font-weight: bold; color: #ff5417;
}
.mygift ul li a{
	float:right; width: 2rem;height: .6rem;
	background: #ffebe4;
	color: #ff5417; text-align: center;
	border-radius: .7rem;
}
.mygift ul li a.on,.mygift ul li:hover a{
	background-color: #ff5417;
	color: #fff;
}



/* 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: 600px; height: 520px; 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: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.pc-box font{
	font-weight: bold; font-size: .32rem; line-height: .68rem; color: #fff;
	width: 100%; clear: both; float: left; margin-bottom: .3rem; text-align: center;
	background: #139ee9;
	background: -webkit-linear-gradient(#0ed3e4, #1a58ef); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#0ed3e4, #1a58ef); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#0ed3e4, #1a58ef); /* Firefox 3.6 - 15 */
	background: linear-gradient(#0ed3e4, #1a58ef); /* 标准的语法 */
	border-radius: .2rem .2rem 0 0;
}
.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-size: .24rem; line-height: .48rem; color: #666;float: left; margin: 20px 5%;}

.pc-box a{position: absolute; top: -.6rem; right: 0; display: block; width: .5rem; height: .5rem; cursor: pointer;}
.pc-box a img{width: 100%;}