@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: #00a3ff;
	background: -webkit-linear-gradient(#00a3ff , #0188f0); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#00a3ff, #0188f0); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#00a3ff, #0188f0); /* Firefox 3.6 - 15 */
	background: linear-gradient(#00a3ff , #0188f0); /* 标准的语法 */ 
	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: .5rem;
	-moz-border-radius: .5rem;
	border-radius: .5rem;
	box-shadow: inset 0 .06rem 1px #5bdeff;
	border: solid 2px #0f0b9b;
	box-sizing: border-box;
	
}
.tckuang{
	width: 5.8rem;height: auto;float: left; margin: .05rem .04rem .12rem;
	background: #55ddff;
	background: -webkit-linear-gradient(#55ddff , #b5ebff); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#55ddff , #b5ebff); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#55ddff , #b5ebff); /* Firefox 3.6 - 15 */
	background: linear-gradient(#55ddff , #b5ebff); /* 标准的语法 */ 
	border: solid 2px #0f0b9b;
	box-sizing: border-box;
	box-shadow: inset 0 .1rem 1px #1489f6;
	border-radius: .4rem;
}

.tcbox h3{font: bold .42rem/1.04rem "microsoft yahei"; color: #0f0b9b; width: 100%; clear: both; float: left; text-align: center;
	background: url(../images/tc-title01.png) no-repeat center;
	background-size: auto 1.04rem;
	margin-top: -.66rem;
}
.whitebox{
	width: 5.22rem; height: auto;float: left; margin: .2rem .3rem .3rem;
	background: #fff;
	border: solid 2px #0f0b9b;
	box-sizing: border-box;
	box-shadow: inset 0 .07rem 0 rgba(20,137,246,.45);
	border-radius: .3rem;
	
}

.tipSure{width: 100%; clear: both; float: left; text-align: center; margin-top: .3rem; margin-bottom: .4rem;}
.tipSure a{width: 3.6rem; height: .68; display: inline-block; font: .28rem/.68rem "microsoft yahei"; color: #dd0625; margin: auto .1rem;
	font-weight: bold;
	background: url(../images/tc-btn01.png) no-repeat center; background-size: 100%;
}


.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;} */
.noteTxt{
	width: 100%; clear: both; float: left; margin-top: .53rem;
}
.noteTxt img{float: left; margin-left: 1.57rem; height: 2.06rem;}
.noteTxt img.ewm{height: 2.59rem;margin-left: 1.31rem;}
.noteTxt p{
	clear: both; float: left;  font-size: .3rem; line-height: .43rem; width: 100%; float: left;margin: .2rem auto 0; text-align: center;
}
/* 获奖弹窗 */
/* #giftPage{display: block;} */
.giftbox{
	width: 100%; margin-top: .44rem; float: left; text-align: center;
}
.giftbox img{
	width: 3.75rem; display: inline-block; margin: auto;
}
.giftbox p{clear: both; float: left;  font-size: .3rem; line-height: .43rem; width: 100%; float: left;margin: .2rem auto 0; text-align: center;}

/* 收货地址 */
/* #addressPage{display: block;} */
#addressPage .addressbox{
	width: 4.8rem; float: left;  margin: .25rem .2rem 0;
}
#addressPage .addressbox p{
	float: left; width: 100%; font-size: .24rem; line-height: .34rem; text-align: left;
}
#addressPage .addressbox p span{color: #e12e37;}

.addressbox ul{width: 100%; margin: .2rem auto 0; float: left;}
.addressbox ul li{width: 100%; clear: both; float: left; margin-bottom: .15rem;}
.addressbox ul label{ font: .24rem/.36rem "microsoft yahei";color: #333;float: left; text-align: left;}
.addressbox ul em{color: #ff3f3f;}
.addressbox ul li input{width: 100%; height: .4rem; float: right; border: none; background: #fff; font: .26rem/.4rem "microsoft yahei";
	border: solid 1px #434343;
	color: #333;
}
.addressbox ul li.user input{width: 3.23rem; border: none; border-bottom: solid 1px #434343; float: left;}
.addressbox ul li.phone input{width: 3.23rem; border: none; border-bottom: solid 1px #434343; float: left;}
.addressbox ul li.address input{width: 3.23rem; border: none; border-bottom: solid 1px #434343; float: left;}

.addressbox ul li .form-group{ float: left; margin: auto; font-size: .24rem;}
/* .addressbox ul li .form-group:last-child{width: 34%; margin-right: 0;} */
.addressbox ul li select{ height: .4rem;clear: both;border: none; background: #fff; font: .26rem/.4rem "microsoft yahei";
	border: none; border-bottom: solid 1px #434343;
	color: #333;
}
.addressbox ul li select#province10{
	width: 1rem;
}
.addressbox ul li select#city10{
	width: .9rem;
}
.addressbox ul li select#district10{
	width: .9rem;
}
.addressbox ul li select span{float: left;}

/* 确认地址弹窗 */
/* #surePage{display: block;} */
.sureTxt{
	width: 4.8rem; float: left;  margin: .25rem .2rem 0;
}
.sureTxt p{font-size: .26rem; line-height: 1.5; float: left; clear: both; margin-bottom: .1rem;}
/* 我的卡密 */
/* #camiloPage{display: block;} */
.camilo{
	padding-bottom: .2rem;
}
.camilo font{
	width: 100%; clear: both; float: left; text-align: center;
	font-size: .26rem; line-height: .4rem; margin: .32rem auto .15rem;color: #ff3f3f;
}
.camilo-id{
	width: 100%; height: .62rem; display: inline-block; margin: auto;
	font-size: .28rem; line-height: .62rem; text-align: center;
}
.camilo-id span{min-width: 2rem; border-bottom: solid 1px #aaa; display: inline-block; margin-right: .1rem;}
.camilo .progess{
	width: 5rem; float: left;margin: .15rem .3rem;
	font-size: .26rem; line-height: .4rem; text-align: left;
}
.camilo .tip{
	width: 90%; float: left; margin: .15rem 5%; text-align: left;
}

/* 我的奖励 */
/* #myGift{display: block;} */
.myPrize{width: 90%;float: left; margin: .25rem 5%;}
.myPrize ul{
	width: 100%; clear: both; float: left;
}
.myPrize ul li{
	width: 100%; clear: both; float: left; margin-bottom: .2rem; font-size: .24rem; line-height: .54rem;
}
.myPrize ul li i{float: left;}
.myPrize ul li span{float: left;}
.myPrize ul li a{
	width: 1.53rem; height: .54rem; display: inline-block; float: right; color: #fff; text-align: center; font-weight: bold;
	background: url(../images/tc-btn02.png) no-repeat center;
	background-size: 100%;
	text-shadow: -1px 1px 0 #0f0b9b, 1px 1px 0 #0f0b9b, 1px -1px 0 #0f0b9b, -1px -1px 0 #0f0b9b;
}

/* 购课弹窗 */
/* #chosePage{display: block;} */
#chosePage .choseBox{width: 90%; float: left;margin: .35rem 5% 0;}
#chosePage .choseBox ul{
	width: 100%; clear: both; float: left;
}
#chosePage .choseBox ul li{
	width: 45%; float: left;margin: 0 2% .2rem;border: solid 1px #0f0b9b; line-height: .6rem; font-size: .26rem; text-align: center;
	background: #e6e6ff;
	border-radius: .1rem;
	box-sizing: border-box;
	cursor: pointer;
}
#chosePage .choseBox ul li.cur{
	border: solid 1px #ff3f3f; background: #ffe9ed; color: #ff3f3f;
}


/* 分享遮罩 */
/* #sharePage{display: block;} */
.share-box{width: 6.85rem;margin: .25rem auto;}
.share-box >img{width: 5.66rem; display: block; margin: auto; margin-left: 10%;}
.share-box a{width: 2.07rem; display: block; clear: both; margin:.55rem auto;}
.share-box a img{width: 100%; display: block;}

/* 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: .5rem auto 0;}
.pc-box >img{width: 2.6rem;display: block; margin:.5rem 1.31rem auto;float: left;}
.pc-box p{width: 90%; font: 24px/48px "microsoft yahei";color: #666;float: left; margin: 20px 5%; text-align: center;}

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