@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: 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: .16em;
	-moz-border-radius: .16rem;
	border-radius: .16rem;
}

.tcbox h3{font: bold .48rem/1rem "microsoft yahei"; color: #fff; width: 100%; clear: both; float: left; text-align: center; height: 1rem; position: relative;
	background: #2da4fe;
	background: -webkit-linear-gradient(#76d1ee , #2da4fe); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#76d1ee , #2da4fe); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#76d1ee , #2da4fe); /* Firefox 3.6 - 15 */
	background: linear-gradient(#76d1ee , #2da4fe); /* 标准的语法 */
	border-radius: .16rem .16rem 0 0;
}


.tipSure{width: 100%; clear: both; float: left; text-align: center; margin: 0 auto .5rem;}
.tipSure a{width: 4.14rem;height: .74rem;  display: block; margin: auto; clear: both;
	font: bold .3rem/.74rem "microsoft yahei"; color: #fff;
	background: #2da4fe;
	background: -webkit-linear-gradient(#76d1ee , #2da4fe); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#76d1ee , #2da4fe); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#76d1ee , #2da4fe); /* Firefox 3.6 - 15 */
	background: linear-gradient(#76d1ee , #2da4fe); /* 标准的语法 */
	border-radius: .4rem;
}

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



/* 分享遮罩 */
/* #sharePage{display: block;} */
.share-box{width: 6.46rem;margin: .35rem auto;}
.share-box >img{width: 100%; display: block; margin: auto; margin-left: 5%;}
.share-box a{width: 2.42rem; display: block; clear: both;  float: right; margin-top: -1.1rem; margin-right: 1rem; position: relative;}
.share-box 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: 600px; 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: .16rem;
	-moz-border-radius: .16rem;
	border-radius: .16rem;
}
.pc-box font{font: bold .48rem/1.2rem "microsoft yahei"; color: #fff; width: 100%; clear: both; float: left; text-align: center; height: 1.2rem; position: relative;
	background: #10a7fe;
	background: -webkit-linear-gradient(#58c7fe , #10a7fe); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#58c7fe , #10a7fe); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#58c7fe , #10a7fe); /* Firefox 3.6 - 15 */
	background: linear-gradient(#58c7fe , #10a7fe); /* 标准的语法 */
	border-radius: .16em .16em 0 0;
}


.tcmain{clear: both; float: left; margin: .5rem auto 0;}
.pc-box >img{width: 40%;display: block; margin:50px 30% auto;float: left;}
.pc-box p{width: 90%; font: 24px/48px "microsoft yahei";color: #666;float: left; margin: 20px 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%;}