@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;}
.popup {width: 6rem; background: #fff; z-index: 9; border-radius: .3rem; 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%);}
.popup .close {display: block; width: .45rem; position: absolute; top: -.65rem; right: 0;}
.popup .close img{width: 100%;}
.popup h3 {width: 100%; height: 1.4rem; line-height: 1.4rem; text-align: center; font-size: .48rem; color: #fff;font-weight: bold; 
  background: url(../images/popup-tbg.png) no-repeat top center / 100% 100%;
}
.popup-m {width: 100%; margin: 0 auto; padding: .46rem .3rem; box-sizing: border-box; text-align: center;}
.popup-m h4 {width: 1.6rem; height: 0.4rem; line-height: .4rem; color: #fff; font-size: .24rem; margin-bottom: 0.1rem; text-align: center; box-sizing: border-box; display: block; border-radius: .2rem; background: #aa2c12; background: linear-gradient(to right, #aa2c12, #ec3c19);
}
.popup-list{ margin-bottom: 0.2rem; text-align: left;}
.popup-list p{font-size: .24rem; color: #333333; line-height: 0.34rem; padding-left: 0.2rem;}
.popup-list p span{color: #ff0000;}
.popup-p{text-align: center; line-height: 0.36rem; font-size: .24rem; color: #333; line-height: 0.36rem;}
.popup-p span{color: #ff0000; font-weight: bold;}
.popup-p3{padding: .5rem 0;}
.popup-img{width: 1.6rem; margin: .2rem auto;}
.popup-img2{width: 3.46rem; margin: .2rem auto;}
.grayBg h3{ background: url(../images/popup-tbg-gray.png) no-repeat top center / 100% 100%;}
.newClub{width: 4rem; height: 0.78rem; line-height: 0.78rem; background: #ff9521; background: linear-gradient(to bottom, #ff9521 , #ff4d13); border-radius: .39rem; font-size: .32rem; font-weight: 600; display: inline-block; text-align: center; color: #fff; box-shadow: 0 .06rem .12rem #ff5d1635;}
.popup a.popBtn{width: 4rem; height: 0.78rem; line-height: 0.78rem; font-size: .32rem; color: #fff; font-weight: bold; text-align: center; letter-spacing: .02rem; display: inline-block; box-shadow: 0 .06rem .07rem #653cbe20; border-radius: .4rem; background: #f8471e; background: linear-gradient(to bottom, #f8471e, #c90400);
}
.popup a.popBtn span{ font-weight: bold; background-image: -webkit-linear-gradient(top,#fff9f2,#fff9f2,#fef5c2);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;}

/* 分享 */
.share {width: 100%; max-width: 750px; position: fixed; left: 0; top: 6%; z-index: 9;}
.share .close {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10;}
.share .share_img {width: 65%; margin: 0 auto;}
.share .share_img img {width: 100%; height: auto;}

.loadingbox{width: 20%; height: 1.8rem; display: block;  text-align: center; position: absolute;
	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%);
}
.loadingbox img{width: 100%; height: auto; 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: 606px; 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: .35rem;
	-moz-border-radius: .35rem;
	border-radius: .35rem;
}
.pc-box font{font: bold .4rem/1.2rem "microsoft yahei"; color: #fff; width: 100%; clear: both; float: left; text-align: center; height: 1.2rem; position: relative;background: #d00800; border-radius: 0.35rem .35rem 0 0;}
.tcmain{clear: both; float: left; margin: .5rem auto 0;}
.pc-box .pic img{width: 2.4rem;display: inline-block; margin:60px auto auto;}
.pc-box p{width: 90%; font: 26px/48px "microsoft yahei";color: #333;float: left; margin: 17px 5% 0.6rem;}
.pc-box a{position: absolute; top: -.6rem; right: 0; display: block; width: .45rem; height: .45rem; cursor: pointer;}
.pc-box a img{width: 100%;}
.mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,.8); display: none;}