@charset "utf-8";

.mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9; background: rgba(0,0,0,.75); display: none;}

/* 活动规则 */
/* #rulePage{display: block;} */
.rulebox{ width: 6.2rem; height: auto; padding-bottom: .2rem; display: block; background: #fff; border-radius: 8px; 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%);
}
.rulebox h3 {
    width: 100%;
    height: 1.4rem;
    display: block;
    background: url(../images/p1.png) no-repeat center top;
    background-size: 100%;
    float: left;
    margin-top: -.44rem;
    text-align: center;
    font: bold .5rem/1.4rem "microsoft yahei";
    color: #fff;
}
.tipbox h3 {
    width: 100%;
    height: 1.2rem;
    display: block;
    background: url(../images/p1.png) no-repeat center top;
    background-size: 100%;
    float: left;
    margin-top: -.44rem;
    text-align: center;
    font: bold .46rem/1.2rem "microsoft yahei";
    color: #fff;
}
.rulebox ul{width: 100%; clear: both; float: left; margin-top: .25rem;margin-bottom: .2rem;}
.rulebox ul li {
    width: 98%;
    clear: both;
    float: left;
    position: relative;
    margin-bottom: .1rem;
    margin-left: .15rem;
}
.rulebox ul li i {
	display: inline-block;
    width: .34rem;
    height: .34rem;
    font: .28rem/.34rem "microsoft yahei";
    border-radius: 30px;
	background: #1f47d5;
    background: -webkit-linear-gradient(top, #1f47d5 , #112aaf);
    background: -o-linear-gradient(bottom, #1f47d5 , #112aaf);
    background: -moz-linear-gradient(bottom, #1f47d5 , #112aaf);
    background: linear-gradient(to bottom, #1f47d5 , #112aaf);
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-right: .15rem;
	float: left;
	margin-top: .1rem;
}
.rulebox ul li p{font: .26rem/.52rem "microsoft yahei","arial, helvetica, sans-serif";color: #666; width: 5.3rem; float: left;}
.rulebox ul li p label{color: #df242c;}
.rulebox ul li p a{color: #ff0000;}
.rulebox ul li p span{color: #2e49dd;}
.rulebox ul li:last-child p {
    width: 2.7rem;
    letter-spacing: -0.02rem;
    float: left;
    margin-right: .1rem;
}
.rulebox ul li img {
    width: 2.3rem;
    height: 2.3rem;
    display: block;
    margin-top: -.2rem;
}
.rulebox .close{position: absolute; top: -1rem; right: 0; display: block; width: .49rem; height: .49rem;}
.close a{width: 100%; display: block;}
.close a img{width: 100%; display: block;}
.rulePage {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-top: .2rem;
}
.rulePage a{
	width: 4rem;
	height: .8rem;
	background: url(../images/lk.png) no-repeat center top;
	background-size: 100%;
	font: .3rem/.8rem "microsoft yahei";
	color: #fff;
	text-align: center;
	display: inline-block;
}

/* 分享遮罩 */
/* #sharePage{display: block;} */
.share-box{width: 6.8rem;margin: .25rem auto;}
.share-box >img {
    width: 6rem;
    display: block;
    margin: 1rem auto;
}
.share-box a {
    width: 29%;
    display: inline-block;
    clear: both;
    height: .8rem;
    float: right;
    margin-top: -2rem;
    margin-right: 22%;
	position: relative;
}
.share-box a img{width: 100%; display: block;}

/* 公众号弹窗 */
/* #notePage{display: block;} */
.notebox{ width: 5.55rem; height: 4.8rem; display: block; background: #fff; 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%);
	-webkit-border-radius: .15rem;
	-moz-border-radius: .15rem;
	border-radius: .15rem;
}
.notebox font{width: 100%;font: bold .4rem/.95rem "microsoft yahei";color: #fff; height: .95rem;float: left; letter-spacing: 0.05rem;
	background: #e93f42;
	background: -webkit-linear-gradient(left, #fd705e , #e83f42); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #fd705e, #e83f42); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #fd705e, #e83f42); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #fd705e , #e83f42); /* 标准的语法 */
	-webkit-border-radius: .15rem .15rem 0 0;
	-moz-border-radius: .15rem .15rem 0 0;
	border-radius: .15rem .15rem 0 0;
}
.notebox .note-img{width: 100%; clear: both; float: left; margin-top: .42rem;}
.notebox .note-img img{width: 2.98rem; display: block; margin: auto;}
.notebox .close{position: absolute; top: -.62rem; right: 0; display: block; width: .49rem; height: .49rem;}

/* 登录弹窗 */
/* #loginbox{display: block;} */
.loginshow{ width: 6rem; height: 6rem; display: block; background: #fff; 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%);
	-webkit-border-radius: .4rem;
	-moz-border-radius: .4rem;
	border-radius: .4rem;
}
.login-title{width: 100%;height: 1.4rem;float: left; 
	background: #e93f42;
	background: url(../images/p1.png) no-repeat center top;
	background-size: 100%;
	-webkit-border-radius: .15rem .15rem 0 0;
	-moz-border-radius: .15rem .15rem 0 0;
	border-radius: .15rem .15rem 0 0;
}
.login-title font {
    font: bold .5rem/1.4rem "microsoft yahei";
    color: #fff;
    display: inline-block;
}
.loginshow form{width: 100%; clear: both; float: left; margin: .3rem auto;}
.loginshow form ul {
    width: 5rem;
    margin: .4rem auto .1rem;
    display: inline-block;
}
.loginshow form ul li{width: 100%; clear: both; float: left; margin-bottom: .45rem;}
.loginshow form ul li.short{margin-bottom: .45rem;}
.loginshow form ul li input{width: 100%; height: .75rem;display: block;float: left; font: .26rem/.75rem "arial, helvetica, sans-serif"; text-indent: .2rem; border: solid 1px #666;}
.loginshow form ul li input#YzNum{width: 3rem;}
.loginshow form ul li input#btnSendCode1 {
    color: #f42b24;
    width: auto;
    float: left;
    text-indent: 0;
    display: block;
    box-sizing: content-box;
    border: none;
    background: transparent;
    border-bottom: 1px solid #f42b24;
    height: .6rem;
    font: .3rem/.75rem "arial, helvetica, sans-serif";
    margin-left: .25rem;
}
.loginshow form a {
    clear: both;
    width: 4rem;
    height: .8rem;
    display: block;
    margin: auto;
    font: bold .32rem/.8rem "microsoft yahei";
    color: #fff;
    text-align: center;
    background: url(../images/lk.png) no-repeat center top;
    -webkit-border-radius: .34rem;
    -moz-border-radius: .34rem;
    border-radius: .34rem;
    background-size: 100%;
}
.loginshow .close{position: absolute; top: -.62rem; right: 0; display: block; width: .49rem; height: .49rem;}

/* 重复提示 */
/* #tipPage{ display: block;} */
.tipbox{ width: 5.55rem; height: 4rem; display: block; background: #fff; 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%);
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}
.tipbox font {
    width: 100%;
    font: bold .5rem/1.2rem "microsoft yahei";
    color: #fff;
    height: 1.2rem;
    float: left;
    letter-spacing: 0.05rem;
    background: url(../images/p1.png) no-repeat center top;
    background-size: 100%;
    -webkit-border-radius: .15rem .15rem 0 0;
    -moz-border-radius: .15rem .15rem 0 0;
    border-radius: .15rem .15rem 0 0;
}
.tipbox p{width: 100%; clear: both; float: left; font: 	.32rem/.45rem "microsoft yahei";color: #333;}
.tipbox a.myTeam{width: 3.45rem; height: .72rem; display: block;clear: both; margin: auto;font:.34rem/.72rem "microsoft yahei";color: #fff; text-align: center;
	background: #de392f;
	background: -webkit-linear-gradient(#fd705e , #e83f42); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient( #fd705e, #e83f42); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient( #fd705e, #e83f42); /* Firefox 3.6 - 15 */
	background: linear-gradient( #fd705e , #e83f42); /* 标准的语法 */
	-webkit-border-radius: .36rem;
	-moz-border-radius: .36rem;
	border-radius: .36rem;
}
.tipbox .close{position: absolute; top: -1rem; right: 0; display: block; width: .49rem; height: .49rem;}

/* 活动结束 */
#hdjs .tipbox{
	width: 6rem;
    height: 6.4rem;
}
.jsBtm {
    width: 84%;
    margin: 0 5%;
    display: inline-block;
    float: left;
    padding: 0 3%;
}
.jsBtm span{
	display: inline-block;
	width: 100%;
	float: left;
}
.jsBtm span img{width: 65%;}
.jswa{
	font: .32rem/.6rem "microsoft yahei";
	color: #333;
	margin: 0 auto .2rem!important;
}
.hdewm{width: 100%; text-align: center;display: inline-block;}
.hdewm img{width: 50%;}
#hdjs .tipbox p.jsp1 {
    width: 100%;
    font: .34rem/.5rem "microsoft yahei";
    color: #666;
	margin-top: .2rem;
}
#hdjs span {
    font: .34rem/.45rem "microsoft yahei";
    color: #f05413;
    display: inline-block;
    margin: .3rem auto 0;
}
#tipPage .tipbox{
	height: auto;
	padding-bottom: .5rem;
	width: 6rem;
}
#tipPage .tipbox p {
    margin: .5rem auto .5rem;
    font: .36rem/.55rem "microsoft yahei";
    color: #666;
}
#tipPage  .rulePage{margin-top: 0;}

/* pc端弹窗 */
/* 弹窗 */
.PCTerminal{
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	z-index: 99;	
}
.PcPop{
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	z-index: 999;
}
.PcPop .pop {
    width: 42%;
    height: auto;
    border-radius: 0.2rem;
    background: #fff;
    position: absolute;
    transform: translate(-50%,-50%);
    margin-left: 50%;
    top: 50%;
}
.PcPop .pop h3 {
    height: 108px;
    font-size: 32px;
    font-weight: bolder;
    line-height: 100px;
    text-align: center;
    color: #e23a06;
    background: url(../images/p1.png) no-repeat center;
    background-size: 100% auto;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.PcPop .pop>img{
	width: 50%;
	height: 50%;
	margin: 0.1rem auto;
	display: block;
}
.PcPop .pop>p{	
	font-size: 18px;
	text-align: center;
	margin-bottom: 25px;
}
.PcPop .pop>span{
	display: block;
	width: 4rem;
	height: 0.7rem;
	font-size: 0.3rem;
	line-height: 0.6rem;
	text-align: center;
	color: #fff;
	margin: 0.1rem auto;
	cursor: pointer;
	background: url(../images/PCbtn.png) no-repeat center;
	background-size: 100% 100%;
}
.rulebox .loginBtn{
    clear: both;
    width: 4rem;
    height: .87rem;
    display: block;
    margin: auto;
    font: bold .32rem/.65rem "microsoft yahei";
    color: #fff;
    text-align: center;
    background: url(../images/qdBtn.png) no-repeat center top;
    -webkit-border-radius: .34rem;
    -moz-border-radius: .34rem;
    border-radius: .34rem;
    background-size: 100%;	
}
#hdjs .loginBtn{
    clear: both;
    width: 4rem;
    height: .8rem;
    display: block;
    margin: auto;
    font: bold .32rem/.8rem "microsoft yahei";
    color: #fff;
    text-align: center;
    background: url(../images/lk.png) no-repeat center top;
    -webkit-border-radius: .34rem;
    -moz-border-radius: .34rem;
    border-radius: .34rem;
    background-size: 100%;	
}
.cfct {
    width: 30%;
    margin: .2rem auto 0;
    display: inline-block;
}
.cfct img{width: 100%;}
#lscuo .tipbox p.jsp1 {
    width: 100%;
    font: .34rem/.5rem "microsoft yahei";
    color: #666;
}
#lscuo .loginBtn {
    clear: both;
    width: 4rem;
    height: .87rem;
    display: block;
    margin: auto;
    font: bold .32rem/.65rem "microsoft yahei";
    color: #fff;
    text-align: center;
    background: url(../images/qdBtn.png) no-repeat center top;
    -webkit-border-radius: .34rem;
    -moz-border-radius: .34rem;
    border-radius: .34rem;
    background-size: 100%;
}
#lscuo .tipbox {
    width: 6.55rem;
    height: auto;
    padding-bottom: .2rem;
}
.pcBtn .lscuo{
    width: 100%;
    height: 1rem;
    display: block;
    margin: .2rem auto .2rem;
    font: bold .4rem/.9rem "microsoft yahei";
    color: #933a0b;
    background: url(../images/ptBtn.png) no-repeat center top;
    background-size: 100%;
    display: block;
    text-align: center;	
}