@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.71rem; height: 4.13rem; display: block;  position: absolute;background: url(../images/tc-bg01.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: .2rem;
	-moz-border-radius: .2rem;
	border-radius: .2rem;
	
}

.tcbox h3{font: bold .4rem/.72rem "microsoft yahei"; color: #ffe4cc; width: 100%; height: .92rem; clear: both; float: left; margin-bottom: .3rem; text-align: center;
	background: url(../images/tc-title.png) no-repeat center top; background-size:auto 100%; margin-top: -.35rem;
}

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


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


/* 中奖弹窗 */
/* #drawPage{display: block;} */
#drawPage .txt{width: 100%; clear: both; text-align: center; float: left; position: relative;}
#drawPage .txt p{font: .32rem/.65rem "microsoft yahei"; display: none;}
#drawPage .txt p span,#drawPage .txt p a{color: #c5181b;}
#drawPage .txt p.tip{float: left; margin-left: .5rem; font: .34rem/.58rem "microsoft yahei"; text-align: left; margin-top: .3rem; display: none;}
#drawPage .txt img{width: 2.02rem; display: none; margin: auto;}
#drawPage .txt p.jyk{font: .24rem/.55rem "microsoft yahei"; width: 100%; margin-top: .25rem;}
#drawPage .txt img.null{width: 3.17rem;}
#drawPage .txt img.card{width: 2.41rem;}


#drawPage img.kq{width: 2.28rem; display: block; position: absolute; right: .12rem; bottom: .55rem;}
#drawPage img.kc{width: 2.08rem; display: block; position: absolute; right: .32rem; bottom: .45rem;}


/* pc版打开遮罩 */
.fix-bg{width:100%; height: 100%; background: rgba(0,0,0,0); display: none; z-index: 9; text-align: center;
	position: fixed; top: 0; left: 0;
	/* IE6改为绝对定位，并通过css表达式根据滚动位置更改top的值 */
	_position: absolute;
	_top: expression(eval(document.documentElement.scrollTop));
	 
}
/* #pcEwm{ display: block;} */
.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: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	_position:absolute;
	_bottom:auto;
	_top:expression(eval(document.documentElement.scrollTop));
	
}
.pc-box font{width: 100%;  font: bold 48px/140px "microsoft yahei";color: #fff;float: left;
	background: #ad1a2d;
	background: -webkit-linear-gradient(left, #9c1727 , #c13747); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #9c1727, #c13747); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #9c1727, #c13747); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #9c1727 , #c13747); /* 标准的语法 */
	border-radius: 10px 10px 0 0;
}
.tcmain{clear: both; float: left; margin: .5rem auto 0;}
.pc-box >img{width: 42%;display: block; margin:50px 29% auto;float: left;}
.pc-box p{width: 80%; font: 28px/48px "microsoft yahei";color: #666;float: left; margin: 20px 10%;}

.pc-box a{width: 38px; height: 38px; display: block; cursor: pointer; position: absolute; top: -15px; right: -18px; border-radius: 50%; }
.pc-box a img{width: 100%;}