@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;}
.fix-bg{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9; background: rgba(0,0,0,0); 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: .3rem;
	-moz-border-radius: .3rem;
	border-radius: .3rem;
	padding-bottom: .2rem;
}

.tcbox h3{
	font-size: .42rem; line-height: 1rem; font-weight: bold;color: #fff;
	width: 100%; clear: both; float: left; text-align: center; height: 1rem; position: relative;
	background: url('../images/tc-title01.png') no-repeat center top;
	background-size: cover;
	border-radius: .2rem .2rem 0 0;
}
.tcbox h3.end{
	background: url(../images/tc-title02.png) no-repeat center top;
	background-size: cover;
}
.tipSure{width: 100%; clear: both; float: left; text-align: center; margin: 0 auto .2rem;}
.tipSure a{
	width: auto; height: .6rem; display: inline-block; margin:0 auto;
	font-size: .32rem; line-height: .6rem; color: #fff; font-weight: bold;
	border-radius: .6rem;
}
.tipSure a.btn01{
	width: 2.6rem; font-size: .28rem;
	background: #ff6333;
	background: -webkit-linear-gradient(#ff6333,#da2828);
	background: -moz-linear-gradient(#ff6333,#da2828);
	background: -o-linear-gradient(#ff6333,#da2828);
	background: linear-gradient(#ff6333,#da2828);
}
.tipSure a.btn02{
	padding: 0 .65rem;
	height:.62rem; line-height: .62rem;
	background:#2f58da;
	background: -webkit-linear-gradient(90deg,#3e76f9, #2241c3);
	background: -moz-linear-gradient(90deg,#3e76f9, #2241c3);
	background: -o-linear-gradient(90deg,#3e76f9, #2241c3);
	background: linear-gradient(90deg,#3e76f9, #2241c3);
	box-shadow: 0 .02rem .04rem rgba(36,193,227,.54);
}
.close{position: absolute; top: -.7rem; right:-.25rem; display: block; width: .5rem; height: .5rem;}
.close a{width: 100%; display: block;}
.close a img{width: 100%; display: block;}

/* 预约直播 */
/* #subTc{display: block;} */
.subbox{
	width: 100%; clear: both; float: left; margin: .25rem auto; text-align: center;
}
.subbox p{
	font-size: .24rem; line-height: 1.5;
}
.subbox p span{color: #ff0000; font-weight: bold;}
.subbox img{
	width: 1.98rem; margin: 0 auto .1rem; display: inline-block;
}

/* 打卡提示 */
/* #signPage{display: block;} */
.signTxt{
	width: 90%; clear: both; margin: .25rem 5% ; text-align: center; float: left;
}
.signTxt p{
	font-size: .24rem; line-height: 1.5;
}
.signTxt img.tip01{width: .99rem;}
.signTxt img.tip02{width: 1.66rem;}

/* 中奖弹窗 */
/* #drawPage{display: block;} */
.drawTxt{
	width: 100%; clear: both; float: left; margin: .2rem auto; text-align: center;
}
.drawTxt img{width: 1.54rem;}
.drawTxt p{
	font-size: .24rem; line-height: 1.5;
}
.drawTxt span{font-weight: bold; color: #1043c8; display: block;}
.drawTxt select{
	width: 66%; margin: .1rem auto;
	font-size: .24rem; line-height: .5rem; height: .5rem; display: inline-block;
	border: solid 1px #226cf3; color: #226cf3;
}

/* 我的奖品 */
/* #myGift{display: block;} */
.giftTxt{
	width: 86%; clear: both; float: left; margin: .2rem 7%; text-align: center;
}
.giftTxt p{
	font-size: .24rem; line-height: .3rem;font-weight: bold; color: #1043c8;
	width: 100%; clear: both; float: left;margin-bottom: .2rem;
}
.giftTxt img{width: 1.54rem;}

/* 收货信息 */
/* #addressPage{display: block;} */
.addressbox{
	width: 90%; clear: both; float: left; margin: .2rem 5%; text-align: center;
}
.addressbox p{font-size: .24rem; line-height: 1.5; color: #999999;}
.addressbox ul{
	width: 100%; clear: both; float: left; margin-top: .15rem;
}
.addressbox ul li{
	width: 100%; clear: both; float: left; margin-bottom: .2rem;
}
.addressbox ul li.type01{
	background: #f0f7ff;
	height: .75rem; line-height: .75rem;
	font-size: .26rem;
}
.addressbox ul li label{float: left; margin-left: .19rem;color: #135fef;}
.addressbox ul li.type01 input{
	width: 3.5rem; height: .75rem; border: none;
	color: #135fef;
	background: #f0f7ff;
	font-size: .26rem;
}
.addressbox ul li .dist{width: 100%; clear: both; float: left; display: inline-flex;
	justify-content: center;
}
.addressbox ul li .dist .form-group{
	width: 33%;line-height: .75rem;
	background: #f0f7ff;
	margin: 0 .5%;
}
.addressbox ul li .dist .form-group select{
	height: .75rem;font-size: .26rem;background: #f0f7ff;
	border: none;
	width: 1.3rem;
}
.addressbox ul li .dist .form-group span{
	color: #135fef;font-size: .26rem;
}

/* 物流信息 */
/* #logisticsPage{display: block;} */
.logistbox{
	width: 90%; clear: both; float: left; margin: .2rem 5%; text-align: center;
}
.logistbox p{
	font-size: .26rem; line-height: 1.5; margin-bottom: .2rem;
}
.logistbox img{width: 2.4rem;}


@media only screen and (min-width: 800px) {
	.tcbox{width:4.5rem;}
	.tcbox h3{height: .9rem; line-height: .9rem;}
	.subbox p{font-size: .2rem;}
	/* .subbox img{width: 1.58rem;} */
	.signTxt p,.drawTxt p{font-size: .2rem;}
	.addressbox p{font-size: .18rem;line-height: .23rem;}
	.addressbox ul li.type01{height: .55rem; line-height: .55rem; font-size: .18rem;}
	.addressbox ul li.type01 input{width: 2.7rem; height: .55rem;font-size: .18rem;}
	.addressbox ul li .dist .form-group{height: .55rem;font-size: .18rem;line-height: .55rem;}
	.addressbox ul li .dist .form-group select{
		width: .92rem; height: .55rem;
	}
	.logistbox p{font-size: 18px; line-height: 26px;}
	.logistbox img{width: 1.45rem;}
}