@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: 5.99rem; height: auto; display: block;  position: absolute;
	top: 55%;
	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: #5c57fc;
	border: solid .01rem #303030;
	box-sizing: border-box;
}

.tcTit{
	width: 100%; height: 1.05rem;
	margin-top: -1.04rem;
	background: url('../images/tc-pic01.png') no-repeat center / auto 100%;
}
.tcTit h3{
	font-size: .42rem;height: 1.08rem; line-height: 1.18rem; color: #fff766; font-weight: bold;
	text-align: center;
	width: 100%;
	-webkit-text-stroke: .01rem #2b2d2c;
	text-stroke: .01rem #2b2d2c;
	text-shadow: 0 .05rem 0 #2b2d2c;
	position: relative;
}
.tcTit h3::before{
	display: inline-block;
	content: '';
	width: 1.38rem;
	height: 1.04rem;
	background: url("../images/tc-tcL.png") no-repeat center top;
	background-size: 100%;
	position: absolute;
	left: .25rem;
	top: .12rem;
}
.tcTit h3::after{
	display: inline-block;
	content: '';
	width: .97rem;
	height: .68rem;
	background: url("../images/tc-tcR.png") no-repeat center top;
	background-size: 100%;
	position: absolute;
	right: .39rem;
	top: .29rem;
}
.tcK{
	width: 5.71rem; height: auto;
	float: left; margin:0 .12rem .2rem;
	border: solid .01rem #303030;
	box-sizing: border-box;
	background: url("../images/Lg.jpg") repeat center top;
	background-size: .31rem;
}

.tipSure{width: 100%; clear: both; float: left; text-align: center; margin: .15rem auto .3rem;}
.tipSure a{ height: .63rem;width:2.13rem; display: inline-block; margin: auto;
	font-size: .25rem; line-height: .63rem; color: #fff; font-weight: bold;
	background: url('../images/tc-btn01.png') no-repeat center / 100%;
	border-radius: .3rem;
}
.close{position: absolute; top: -1.6rem; right:0; display: block; width: .5rem; height: .5rem;}
.close a{width: 100%; display: block;}
.close a img{width: 100%; display: block;}

/* 温馨提示 */
/* #notePage{display: block;} */
.noteTxt{
	width: 100%; clear: both;
	padding-top: .35rem;
	text-align: center;
}
.noteTxt img{display: inline-block; margin: auto;}
.noteTxt img.actInfo{width: 1.8rem;}
.noteTxt img.clock{width: 3.55rem;}
.noteTxt img.book{width: 2.72rem;}
.noteTxt img.gift{width: 2.23rem;}
.noteTxt img.null{width: 2.4rem;}

.noteTxt img.plk{width: 2.18rem;}
.noteTxt p{
	font-size: .28rem; line-height: .4rem; color: #000;
	margin: .15rem 5%;
	width: 90%;
}

/* 选择科目 */
/* #chosePage{display: block;} */
.kmList{
	width: 100%; clear: both; float: left; 
	padding: .3rem 0 .1rem;
}
.kmList ul{margin-top: .2rem;}
.kmList ul.center{text-align: center;}
.kmList ul.one{
	clear: both;margin-left: 1.9rem;
}
.kmList ul.two{
	clear: both;margin-left: 1.53rem;
}
.kmList ul.third{
	clear: both;margin-left: 1.15rem;
}
.kmList ul li{
	font-size: .32rem; line-height: .51rem; text-align: left;margin-bottom: .2rem;
	clear: both;
	cursor: pointer;
}

.kmList ul.center li{display: inline-block; margin: 0 .15rem .2rem; clear: none; width: 2.3rem; text-align: left;}
.kmList ul.center.long li:last-child{
	width: 4.9rem;
}

.kmList ul li.on{color: #a7181c;}


/* 恭喜中奖 */
/* #giftPage{display: block;} */
.giftTxt{
	width:93%; clear: both; float: left; margin: .23rem 3.5% 0;
	text-align: center;
}
.giftTxt img{
	width: 1.97rem;
}
.giftTxt p{
	font-size:.26rem; line-height: .36rem;
	margin: 0 auto 0; float: left;
	width: 100%;
	color: #000;
}
.giftTxt p span{
	font-size: .24rem;
	color: #a3a3a3;
}

/* 填写地址 */
/* #addressPage{display: block;} */
.addressbox{
	width: 100%; clear: both; float: left; margin: .2rem auto 0;
}
.addressbox .tip{
	width: 100%; clear: both; float: left;
}

.addressbox .tip p{
	font-size: .31rem;
	line-height: .34rem;
	clear: both;
	margin: .2rem 6% .15rem;
	width: 88%;
	float: left;
	color: #5c57fc;	font-weight: bold;
	text-align: center;}
.addressbox .tip p label{
	color: #000;
	font-size: .29rem;
	text-align: left;
	font-weight: normal;
	margin-top: .15rem;
	display: inline-block;
	margin-top: .2rem;
}

.addressbox ul{width: 88%; margin: .1rem 6% 0; float: left;}
.addressbox ul li{width: 100%; clear: both; float: left; margin-bottom: .25rem;}
.addressbox ul label{ font-size: .27rem; line-height:.36rem;float: left; text-align: left;color: #333;}
.addressbox ul em{color: #ff3f3f;}
.addressbox ul li input{width: 100%; height: .36rem; float: left; background: rgba(255,255,255,.15); font-size: .26rem; line-height: .36rem;
	border: none;
	border-bottom: solid .02rem #333;
	color: #333; text-indent: .1rem;
}
.addressbox ul li input#userNames{width: 3.6rem;}
.addressbox ul li input#userPhones{width: 3.6rem;}
.addressbox ul li input#address{width: 3.1rem;}
.addressbox ul li textarea{width: 2.6rem;height: auto; float: left; background: rgba(255,255,255,.15); font-size: .28rem; line-height: .36rem;
	border: none;
	border-bottom: solid .02rem #333;
	color: #333; text-indent: .1rem;
	resize: none;
}
.addressbox ul li .dist{width: 4.2rem; float: left; font-size: .26rem; line-height: .36rem; }
.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 .form-group span{
	float: left;color: #333;font-size: .24rem;
}
.addressbox ul li select{width: 100%; height: .46rem;clear: both;border: none; background: rgba(255,255,255,.15); font-size: .24rem; line-height: .46rem; float: left;
	border: solid .01rem #333;
	color: #333;
}
/* 确认地址 */
/* #surePage{display: block;} */
.sureTxt{width: 100%; clear: both; float: left; margin: .2rem auto .3rem;}
.sureTxt ul{
	width: 4.6rem; float: left; margin: .2rem .48rem 0;
}
.sureTxt ul li{font-size: .24rem; line-height: .36rem; clear: both; float: left;margin-bottom: .15rem; width: 100%;}
.sureTxt ul li span{float: left;color: #333;}
.sureTxt ul li p{float: right; width: 3.8rem; border-bottom: solid .01rem #333;
	font-size: .24rem; line-height: .36rem; min-height: .36rem;
	color: #333;
}
/* .sureTxt ul li:first-child p{width: 3.1rem;} */
.sureTxt ul li:last-child p{width: 3.4rem;}


/* 卡密 */
/* #camiloPage{display: block;} */
.camilo{
	width: 100%; clear: both; float: left; margin-top: .2rem;
	text-align: center;
}
.camilo h5{
	font-size: .28rem; line-height: .42rem; color: #e12e37;
	width: 100%; float: left;
}
.camilo span{
	font-size: .3rem; line-height: 1.5; border-bottom: solid .01rem #e12e37;
	display: inline-block;
	clear: both;
	margin-top: .1rem;
	padding: 0 .2rem;
	height: .36rem;
	color: #e12e37;
}
.camilo p{
	width: 86%; float: left; font-size: .24rem; line-height: .34rem; text-align: left;
	margin: .2rem 7%;
	color: #060b9e;
}

/* 我的品牌礼包 */
/* #brandPage{display: block;} */
.brandList{
	width: 5.3rem; float: left; margin-left: .18rem;  margin-top: .33rem;
}
.brandList ul{
	width: 100%; clear: both;
	height: 4.26rem; overflow-y: scroll;
}
.brandList ul li{width:100%; float: left; clear: both; margin-bottom: .3rem;}
.brandList ul li span{
	width: 3.23rem; height: .58rem; display: inline-block; float: left;
	padding: 0 .15rem;
	font-size: .24rem; line-height: .58rem; color: #021098;
	border: solid .02rem #021098;
	background: #ecedfd;
	overflow: hidden;
	white-space: nowrap;
}
.brandList ul li a{
	width: 1.43rem; height: .62rem; display: inline-block;
	float: left;margin-left: .1rem;
	background: url(../images/tc-btn02.png) no-repeat center / 100%;
	font-size: .24rem; font-weight: bold; color: #fff; text-align: center;
	line-height: .62rem;
}
.brandList p{
	width: 100%; font-size: .24rem; line-height: .42rem; color: #999; text-align: center;
	float: left; margin: .15rem auto;
}

/* 我的奖品 */
/* #giftList{display: block;} */
.mygiftList{
	width: 5.3rem; float: left; margin-left: .18rem;  margin-top: .33rem;
}
.mygiftList ul{
	width: 100%; clear: both;
}
.mygiftList ul li{width:100%; float: left; clear: both; padding: .15rem 0 .1rem; border-bottom: .01rem solid #d8d8d8;position: relative;}
.mygiftList ul li i{
	display: inline-block;
	float: left;
	width: .25rem;
	height: .25rem;
	line-height: .25rem;
	border: .01rem solid #424242;
	font-size: .24rem;
	color: #000;
	text-align: center;
	border-radius: 1rem;
	margin-top: .15rem;
	position: absolute;
	left: .1rem;
	top: .06rem;
}
.mygiftList ul li span{
	width: 3.25rem;
	display: inline-block;
	float: left;
	padding: 0 .15rem;
	font-size: .24rem;
	line-height: .4rem;
	color: #000;
	text-indent: .32rem;
}
.mygiftList ul li a{
	width: 1.31rem; height: .43rem; display: inline-block;cursor: pointer;
	float: left;margin-left: .1rem;
	background: url(../images/tc-btn02.png) no-repeat center / 100%;
	font-size: .24rem; font-weight: bold; color: #fff; text-align: center;
	line-height: .43rem;
}