@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: .2em;
	-moz-border-radius: .2rem;
	border-radius: .2rem;
	padding-bottom: .4rem;
}

.tcbox h3{
	font-size: .48rem; line-height: 1.4rem; font-weight: bold;color: #fff;
	width: 100%; clear: both; float: left; text-align: center; height: 1.4rem; position: relative;
	background: url(../images/tc-title.png) no-repeat center top;
	background-size: 100%;
	border-radius: .22rem .22rem 0 0;
}

.close{position: absolute; top: -.7rem; right:0; display: block; width: .5rem; height: .5rem;}
.close a{width: 100%; display: block;}
.close 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;}

.pc-box{width: 6rem; height: auto; 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: .2rem;
	-moz-border-radius: .2rem;
	border-radius: .2rem;
}
.pc-box font{
	font-size: .34rem; line-height: .8rem; font-weight: bold;color: #fff;
	width: 100%; clear: both; float: left; text-align: center; height: .8rem; position: relative;
	background: #ce0100;
	background-size: 100%;
	border-radius: .2rem .2rem 0 0;
}


.tcmain{clear: both; float: left; margin: .5rem auto 0;}
.pc-box .pic img{width: 34%;display: block; margin:.5rem 33% auto;float: left;}
.pc-box p{width: 90%; font: .24rem/1.5 "microsoft yahei";color: #666;float: left; margin: .25rem 5% .35rem;}

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