@charset "utf-8";

.mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999; background: rgba(0,0,0,.8); display: none;}
.tcbox{ width: 6rem; height: auto; display: block;  position: absolute;background:#fff url(../images/tc-img01.png) no-repeat center top; background-size: 100%;
	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: .39rem;
	-moz-border-radius: .39rem;
	border-radius: .39rem;
	box-shadow: 0 0 .2rem rgba(255,255,255,.5);
}

.tcbox h3{font: bold .52rem/1.32rem "microsoft yahei"; color: #fff; width: 100%; height: 1.52rem;
	clear: both; float: left; margin-bottom: .3rem; text-align: center;
	/* text-shadow: 0 .05rem 0 rgba(112,51,216,.6); */
	position: relative;
}
.tcbox h3::before{
	content: '';width: 2.67rem; height: 1.42rem; display: block;
	background: url('../images/tc-pic01.png') no-repeat center top;
	position: absolute; left: 1.665rem; top: -1.42rem;
}

.tipSure{width: 100%; clear: both; float: left; text-align: center;  margin-bottom: .4rem;}
.tipSure a{display: inline-block;font-size: .35rem; color: #fff;height: 1.13rem;line-height: 1.06rem;}
.tipSure a.btn01{
	width: 2.72rem;
	background: url('../images/tc-btn01.png') no-repeat center;background-size: 100%;
}
.tipSure a.btn02{
	width: 2.92rem;
	background: url('../images/tc-btn02.png') no-repeat center;background-size: 100%;
}
.tipSure a.btn03{
	width: 3.42rem; 
	background: url('../images/tc-btn03.png') no-repeat center;background-size: 100%;
}
.tipSure a.btn04{
	width: 2.72rem; 
	background: url('../images/tc-btn04.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;} */
.notebox{ display: block;text-align: center; width: 100%; clear: both; margin: .2rem auto;}
.notebox p{
	font-size: .3rem; line-height: .4rem; width: 100%; text-align: center;
}
/* 恭喜中奖 */
/* #prizePage{display: block;} */
.peizebox{width: 100%; clear: both; float: left; text-align: center;}
.peizebox img{display: inline-block; margin: auto; width: 4.1rem; height: auto;}
.peizebox img.shiwu{width: 3.83rem;}
.peizebox img.sanf{margin-bottom: .25rem;}
.peizebox p{font-size: .3rem; line-height: .4rem; width: 88%; clear: both; float: left; margin: .2rem 6%;}
.peizebox p.zhu{font-size: .2rem; line-height: .3rem; margin: .15rem 6%;}
.peizebox p b{font-weight: bold;}
/* 我的贺岁礼包 */
/* #mygiftPage{display: block;} */
.mygiftbox{ display: block;text-align: center; width: 100%; clear: both; margin: .2rem auto;}
.mygiftbox p{
	font-size: .3rem; line-height: .4rem; width: 100%; text-align: center;
}
.mygiftbox font{
	width: 5.2rem; height: auto; padding: .2rem 0; margin: .1rem .4rem .2rem; float: left;
	background: #f4f4f4;
	border-radius: .22rem; line-height: .4rem;
}
.mygiftbox font span{float: left; margin-left: .28rem; font-size: .26rem; width: 2.9rem; text-align: left; display: inline-block;}
.mygiftbox font a{
	width: 1.35rem; height: .4rem; display: inline-block; float: right; margin-right: .4rem; font-size: .18rem; color: #fff;
	background: #fb5fa5;
	background: -webkit-linear-gradient(left, #f871b1 , #ff428f); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #f871b1, #ff428f); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #f871b1, #ff428f); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #f871b1 , #ff428f); /* 标准的语法 */
	border-radius: .2rem;
}



/* 填写地址 */
/* #addressPage{display: block;} */
.addressbox .tip{
	width: 100%; clear: both; float: left;
}
.addressbox .tip font{
	width: 100%; font-size: .3rem; line-height: .4rem; color: #ff2c6d; font-weight: bold; text-align: center; float: left;
}
.addressbox .tip p{font-size: .2rem; line-height:.3rem; clear: both; margin: .1rem .5rem .15rem; width: 5rem; float: left;}


.addressbox ul{width: 5rem; margin: .32rem .5rem 0; float: left;}
.addressbox ul li{width: 100%; clear: both; float: left; margin-bottom: .25rem;}
.addressbox ul label{ font-size: .2rem; line-height:.36rem;color: #333;float: left; text-align: left;}
.addressbox ul em{color: #ff3f3f;}
.addressbox ul li input{width: 100%; height: .36rem; float: right; background: #fff; font-size: .2rem; line-height: .36rem;
	border: none;
	border-bottom: solid 1px #e5e5e5;
	color: #333; text-indent: .1rem;
}
.addressbox ul li input#userNames{width: 3.6rem;}
.addressbox ul li input#userPhones{width: 4.3rem;}
.addressbox ul li input#address{width: 3.8rem;}
.addressbox ul li .dist{width: 4.2rem; float: right; font-size: .2rem; 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 select{width: 1rem; height: .36rem;clear: both;border: none; background: #fff; font-size: .2rem; line-height: .36rem; float: left;
	border-bottom: solid 1px #e5e5e5;
	color: #333;
}
.addressbox ul li .form-group span{float: left;}

/* 确认地址弹窗 */
/* #surePage{display: block;} */
.sureTxt{width: 100%; clear: both; float: left; margin-bottom: .2rem;}
.sureTxt ul{
	width: 5rem; float: left; margin: 0 .5rem;
}
.sureTxt ul li{font-size: .24rem; line-height: .36rem; clear: both; float: left;margin-bottom: .1rem;}
.sureTxt ul li span{float: left;}
.sureTxt ul li p{float: left;width: 4.2rem; }
.sureTxt ul li:first-child p,.sureTxt ul li:last-child p{width: 3.4rem;}

/* 我的卡密 */
/* #camiloPage{display: block;} */
.camilo{ width: 5rem; float: left; margin: 0 .5rem .2rem;}
.camilo h4{font-size: .26rem; line-height: .48rem; color: #333; text-align: center; font-weight: bold;}
.camilo .camilo-id{
	width: 3.6rem; float: left; margin: 0 .7rem .3rem; padding-bottom: .05rem;
	border-bottom: solid .02rem #d3d3d3;
	font-size: .3rem; line-height: .5rem; height: .5rem; color: #ff2c6d; text-align: center;
}
.camilo .tip{
	width: 100%; clear: both; float: left; font-size: .18rem; line-height: .32rem;
}
.camilo .tip font{font-size: .2rem; font-weight: bold;}

/* 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: 6rem; height: auto; display: block;  position: absolute;background:#fff url(../images/tc-img01.png) no-repeat center top; background-size: 100%;
	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: .39rem;
	-moz-border-radius: .39rem;
	border-radius: .39rem;
	box-shadow: 0 0 .2rem rgba(255,255,255,.5);
	text-align: center;
}
.pc-box font{font: bold .52rem/1.32rem "microsoft yahei"; color: #fff; width: 100%; height: 1.52rem;
	clear: both; float: left; margin-bottom: .3rem; text-align: center;
	/* text-shadow: 0 .05rem 0 rgba(112,51,216,.6); */
	position: relative;
}
.pc-box font::before{
	content: '';width: 2.67rem; height: 1.42rem; display: block;
	background: url('../images/tc-pic01.png') no-repeat center top;
	position: absolute; left: 1.665rem; top: -1.42rem;
}

.tcmain{clear: both; float: left; margin: .5rem auto 0;}
.pc-box >img{width: 34%;display: block; margin:.2rem 33% auto;float: left;}
.pc-box p{width: 90%; font: .24rem/.48rem "microsoft yahei";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%;}