/* reset */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, figure, menu, input, textarea, button, select, th, td iframe{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, b, strong { font-size:100%; font-weight:normal;}
li { list-style:none;}
em, i { font-style:normal;}
a, a:visited, a:active { text-decoration:none; border:none; outline:none;}
input, textarea { outline:none;}
textarea { resize: vertical;}
body { -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; word-wrap:break-word; line-height:1.5;font-size: 12px;min-width:7.5rem!important;background: #fff;}
body, button, input, select, textarea { font-family: 'helvetica neue', tahoma, 'hiragino sans gb', stheiti, 'wenquanyi micro hei', 'microsoft yahei', simsun, sans-serif;}
.none{ display:none;}
.left { float:left;}
.right { float:right;}
.m-hide{display: none;}
.clearfix::after { content:''; clear:both; display:block; height:0; overflow:hidden;visibility:hidden;}
.The_total{display:none;}
a[title="站长统计"]{display: none;}
body{width:7.5rem;margin: 0 auto!important;overflow-x: hidden;overflow-y: auto;}
.wrap{width:6.5rem; height: 100%; margin: 0 auto; position: relative;}
.wrap1{width:7rem;margin: 0 auto;clear: both; text-align: center; position: relative;}
.wrap2{width:7.5rem;margin: 0 auto;clear: both; text-align: center; position: relative;}
.wrap3{width:6.6rem;margin: 0 auto;clear: both; text-align: center; position: relative;}
.wrap4{width:6.89rem;margin: 0 auto;clear: both; text-align: center; position: relative;}
.m-show{display:block!important;}
.m-hide{display: none!important;}



.page-index{width: 100%; height: 13.53rem; background: url(../images/page-index.jpg) no-repeat center top; background-size: 7.5rem; float: left;}
.page-jf{width: 100%; height: 13.81rem; background: url(../images/page-jf.jpg) no-repeat center top; background-size: 7.5rem; float: left;}
.page-zd{width: 100%; height: 100%; background:#388efe url(../images/page-zd.jpg) no-repeat center top; background-size: 7.5rem; float: left;padding-bottom: .6rem;}


/*banner*/
.banner-box{height:12.07rem;width: 100%; float: left; position: relative;}
.page-zd .banner-box{height: 4.82rem;}
.page-jf .jf-box{height: 4.78rem;}
.banner-box .wrap{text-align: center;}
.banner-box .logo{width:1.7rem; height:auto; top: .44rem; position: absolute; left: 0;}
.banner-box .logo img{width: 100%; display: block; float: left;}

/* 侧边悬浮 */
.fixBtn{position: absolute; right: 0; top: 0; z-index: 2; text-align: center;}
.fixBtn02{position: absolute; top: 7.55rem;}
.fixBtn a {
    font-size: .26rem;
    color: #fff;
    display: block;
    float: right;
    clear: both;
    border-radius: 0 0 0.2rem 0.2rem;
    background: #4c49e5;
	border: .01rem solid #5bd7ff;
	border-top: none;
    width: 1.61rem;
    height: .76rem;
	line-height: .76rem;
	position: absolute;
	top: 0;
}
.fixBtn .btn02 {
    right: .2rem;
}
.fixBtn .btn01{
	right: 1.9rem;
}
.fixBtn .btn03{
	right: 3.6rem;
}

/* 首页 */
.mainIndex {
    width: 100%;
    clear: both;
    float: left;
    position: absolute;
    left: 0;
    bottom: -1.14rem;
}
.indexBtn{width: 100%; clear: both; float: left; text-align: center;}
.indexBtn a {
    width: 5.07rem;
    height: 1.16rem;
    display: inline-block;
    margin: auto;
    position: relative;
    font-size: .43rem;
    line-height: 1.1rem;
    color: #b44d01;
    font-weight: bold;
    background: url(../images/btn01.png) no-repeat center;
    background-size: 100%;
	display: none;
}
.indexBtn>a img {
    position: absolute;
    top: 0.35rem;
    right: 0.1rem;
    width: 0.88rem;
    animation: moveY 0.8s linear infinite alternate;
    -o-animation: moveY 0.8s linear infinite alternate;
    -moz-animation: moveY 0.8s linear infinite alternate;
    -webkit-animation: moveY 0.8s linear infinite alternate;
}
.btmEwm{width: 100%; height: auto; clear: both; float: left; margin-bottom: .37rem;}
.btmEwm .left{float: left;  margin-left: .68rem; width: 1.66rem;margin-top: .13rem;}
.btmEwm .left img{width: 100%; display: block;}
.btmEwm .right {
    float: left;
    width: 3.12rem;
    text-align: center;
    position: relative;
    margin-left: .19rem;
}
.btmEwm .right font{width: 3.02rem;padding-left: .1rem;height: .49rem; font: .24rem/.49rem "microsoft yahei";display: block; float: left;
	background: url(../images/index-img02.png) no-repeat center; background-size: 100%; color: #fff;
}
.btmEwm .right ul{width: 100%; clear: both; float: left;margin-top: .2rem;}
.btmEwm .right ul li{width: 100%; height: .36rem; font-size: .25rem; line-height: .36rem; color: #fff;}
.btmEwm .right ul li span{width: 100%; float: left;  margin-top: .15rem;}
.btmEwm .right ul li i{font-size: .28rem; display: block;}
.btmEwm .right .rImg {
    width: 1.22rem;
    position: absolute;
    margin-left: .19rem;
    right: -.7rem;
    top: .12rem;
}



/* 组队页 */
.mainbox {
    width: 94%;
    clear: both;
    float: left;
    text-align: center;
    margin-bottom: .18rem;
    
}
.nrxq{
	width: 94%;
	clear: both;
	float: left;
	text-align: center;
	margin-bottom: .18rem;
	border-radius: .6rem;
	background: #fff;
	border: .21rem solid #f5ab6a;
}
.mainbox1 {
    width: 100%;
    clear: both;
    float: left;
    text-align: center;
    border-radius: .2rem;
}
.cwdCur .mainbox{
	width: 90%;
	border-left: none;
	border-top-left-radius: 0;
	border-bottom-left-radius: .5rem;
	float: right;
}
.mainbox .tit{width: 100%; height: auto; display: block; float: left;position: absolute;top: -.64rem;}
.mainbox .artAll h9 {
    font: bold .33rem/.45rem "microsoft yahei";
    color: #b62b05;
    margin-top: .33rem;
    margin-bottom: .3rem;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    display: inline-block;
}
.maindbj{
	width: 100%; display: inline-block;
}
.mainbox .tit label{display: inline-block;width: 5.05rem; border-radius: .12rem; font: .28rem/.62rem "microsoft yahei"; color: #fff;
	background: #f5c55b;
    background: -webkit-linear-gradient(top, #f5c55b , #fa671e);
    background: -o-linear-gradient(bottom, #f5c55b, #fa671e);
    background: -moz-linear-gradient(bottom, #f5c55b, #fa671e);
    background: linear-gradient(to bottom, #f5c55b , #fa671e);
	margin-top: .6rem;
}
.jifenbox{}
.jifenbox .jifen {
    width: 100%;
    float: left;
    margin-top: .38rem;
    height: 1.25rem;
    background: url(../images/fsBg.png) no-repeat center top;
    background-size: auto 1.25rem;
}
.jifenbox .jifen i {
    width: 1.28rem;
    height: 1.31rem;
    display: inline-block;
    font-size: .9rem;
    line-height: 1.2rem;
    text-align: center;
    background-image: linear-gradient(to bottom, #fff, #fff89e);
    -webkit-background-clip: text;
    color: transparent;
    font-weight: bold;
    margin-right: 0.05rem;
}
.jifenbox .tip span{width: auto; height: .46rem; display: inline-block;
	background: #2664d0; font: .24rem/.46rem "microsoft yahei"; color: #97cef8;
	border-radius: .25rem;
	padding: 0 .1rem;
}

.zd-btn{width: 100%; clear: both; float: left; margin-top: 3.95rem; text-align: center;}
.zd-btn a{width: 5.18rem;height: 1.04rem;display: inline-block;margin: auto;position: relative;font-size: .34rem;line-height: .78rem;color: #fff;font-weight: bold;background: url(../images/btn01.png) no-repeat center;background-size: 100%;
}
.zd-btn a.btn01{
	background: url(../images/btn01.png) no-repeat center;
    background-size: 100%;
    /* width: 2.14rem;
    height: 0.47rem;
    line-height: .45rem; */
    -webkit-text-shadow: 4px 3px 0 rgba(231,92,0,.7);
    text-shadow: 4px 3px 0 rgba(231,92,0,.7);
	display: inline-block;
}
.zd-btn a.btn02{display: inline-block; width: 5.06rem;height: .88rem;background: url(../images/btn04.png) no-repeat center top;background-size: 100% 100%;font-size: .4rem;color: #b44d01;font-weight: bold;line-height: .78rem;}
.zd-btn a.btn{display: none;}
.zd-btn #yetSuc{
	background: #adadad;
	border-radius: .5rem;
	text-shadow: 4px 3px 0 rgb(151 151 151 / 70%);
	line-height: 1rem;
}
/* 兑换攻略 */
.strategy{width: 100%; height: 3.56rem; clear: both; float: left;text-align: center;
	background-color: #fff;
	background: url(../images/zd-img04.png) no-repeat center top;
	background-size: 100%;
	margin-top: .32rem;
}
.strategy h3{
	font: bold .32rem/.61rem "microsoft yahei";
    color: #fff;
	font-weight: bold;
}
.strategy img{width: 4.71rem; display: block; margin: .62rem auto 0;}
.wyyT{font-size: .3rem;color: #fff; line-height: .65rem;font-weight: bold;}
.wyyB {display: inline-block;width: 84.5%;margin: 0 8%;}
.wyyB .wyynr{display: inline-block;float: left;width: 2.48rem;height: 2.08rem;margin: .22rem .22rem 0;}
.wyyB>div .p1{font-size: .26rem;color: #fff;margin-top: 0.28rem;}
.wyyB>div .p2{font-size: .8rem;color: #fff;font-weight: bold;line-height: .7rem;margin: 0.1rem auto 0.15rem;}
.wyyB>div .p3{margin-top: .05rem;}
.wyyB>div .p3 a{display: inline-block;width: 1.49rem;padding-left: 0.3rem;text-align: left; height: .6rem;line-height: .57rem;font-size: .25rem;color: #fff;background: url(../images/btn03.png) no-repeat center top;background-size: 100%;}
.wyyTs {font-size: .2rem;color: #fff;display: inline-block;width: 100%;margin-top: 0.25rem;}
.wyyBtn{display: inline-block;width: 100%;margin-top: .2rem;}
.wyyBtn>a{display: inline-block; width: 5.06rem;height: .88rem;background: url(../images/btn04.png) no-repeat center top;background-size: 100% 100%;font-size: .4rem;color: #b44d01;font-weight: bold;line-height: .78rem;}




/* 组队展示 */
.member{width: 100%; height: 4.3rem; clear: both; float: left;text-align: center;
	background-color: #fff;
	border-radius: .2rem;
	background: url(../images/zd-img03.png) no-repeat center top;
	background-size: 100%;
}
.member h3 {
    font: bold .32rem/.73rem "microsoft yahei";
    color: #fff;
    margin-top: .26rem;
}
.member ul{width: 100%; clear: both; float: left; max-height: 2.6rem; overflow-y: scroll; margin-bottom: .2rem;margin-top: .1rem;}
.member ul li {
    width: 78%;
    float: left;
    margin: 0 11%;
    clear: both;
    border-bottom: dashed 1px #d9d9d9;
    font-size: .26rem;
    line-height: .77rem;
    color: #444;
}
.member ul li i{display: inline-block; float: left;width: .3rem;line-height: .3rem;border-radius: .5rem;margin-top: .28rem;margin-left: .6rem;
	color: #fff;
	background: #ff4737;
	background: -webkit-linear-gradient(top, #ff4737 , #ff893b);
	background: -o-linear-gradient(bottom, #ff4737, #ff893b);
	background: -moz-linear-gradient(bottom, #ff4737, #ff893b);
	background: linear-gradient(to bottom, #ff4737 , #ff893b);
}
.member ul li a{float: left; margin-left: .45rem;margin-right: .85rem;}
.member ul li span{float: left;}


/* 列表 */
.kskm{display: inline-block;width: 100%;}
.lsxq .lsnr{display: none;}
.lsxq .cur{display: inline-block;}
.main-list .lsUl{width: 100%;clear: both; float: left;margin-top: 0.24rem;}
.lsUl li{display: inline-block;width: 2.27rem;height: .77rem;background: url(../images/lsUBg1.png) no-repeat center top;background-size: 100% 100%;cursor: pointer;margin: 0 .04rem;}
.lsUl li.li2{position: relative;z-index: 0;}
.lsUl li.li1{position: relative;z-index: 1;}
.lsUl li span{display: inline-block;float: left;}
.lsUl li.cur{background: url(../images/lsUBg2.png) no-repeat center top;background-size: 100% 100%;}
.lsUl li .sp2{font-size: .32rem;font-weight: bold;color: #fff;line-height: .71rem;text-align: center;display: inline-block;width: 100%;}
.lsUl li.cur .sp2{color: #fff;}

.lsxq{display: inline-block;width: 100%;height: 12.9rem;background: url(../images/dhxq.png) no-repeat center top;background-size: 100% 100%;margin-top: -0.31rem;}
.lsnr{display: inline-block;width: 82%;margin:.79rem 9% 0;}
.lsnr>div{display: inline-block;float: left;width: 50%;height: 2.8rem;background: url(../images/dkBg1.png) no-repeat center top;background-size: 100%;}
.lsnr>div:nth-of-type(2n){background: url(../images/dkBg2.png) no-repeat center top;background-size: 100%;}
.dhxq .p3{display: inline-block;width: 100%;margin: 0 auto;}
.dhjx>div{
	display: inline-block;
    float: left;
    width: 50%;
    background: url(../images/dkBg3.png) no-repeat center top;
    background-size: 100%;
}
.dhjx>div:nth-of-type(2n){background: url(../images/dkBg4.png) no-repeat center top;background-size: 100%;}
.dhxq .p3 a{display: inline-block;width: 80%;line-height: .42rem;font-size: .24rem;color: #b44d01;border-radius: .5rem;box-shadow: 0 .03rem .05rem rgba(236, 99, 24, .81);cursor: pointer;
	background: #ffc427;
	background: -webkit-linear-gradient(top, #fff9b0 , #ffc427);
	background: -o-linear-gradient(bottom, #fff9b0, #ffc427);
	background: -moz-linear-gradient(bottom, #fff9b0, #ffc427);
	background: linear-gradient(to bottom, #fff9b0 , #ffc427);
}
.dhxq .p3 a.cur{width: 85%; color: #fff;
	background: #ff5a37;
	background: -webkit-linear-gradient(top, #ff8439 , #ff5a37);
	background: -o-linear-gradient(bottom, #ff8439, #ff5a37);
	background: -moz-linear-gradient(bottom, #ff8439, #ff5a37);
	background: linear-gradient(to bottom, #ff8439 , #ff5a37);
}
.dhdz div .p1{font-size: .3rem;color: #1e64f0;width: 100%;height: .87rem;line-height: .87rem;text-align: center;font-weight: bold;}
.dhdz div .cc{width: 100%;}
.lsnr div .p2{font-size: .25rem;color: #fff;margin: 0.28rem auto 0.14rem;}
.list-btm{width: 100%;clear: both;float: left; margin: .8rem auto .2rem;}
.list-btm a{width: 100%; display: block;}
.list-btm a img{width: 100%;}
.page-jf .ckwd{display: inline-block;width: 100%;height: 7.62rem;padding-top: .45rem;}
.page-jf .cwdCur{background: url(../images/xqtp2.png) no-repeat left .44rem;background-size: 7.02rem;}
.art-show{position: relative;}
.artTxt {
    width: 93%;
    float: left;
    clear: both;
    font-size: .24rem;
    line-height: .4rem;
    text-align: left;
    max-height: 6.75rem;
    overflow: scroll;
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem;
    overflow: scroll;
    margin: .1rem 3.5% .2rem;
}
.zjBtm {
    width: 92%;
    margin: 0.32rem 4% 0;
    height: 6.2rem;
    background: url(../images/dhxz.png) no-repeat center top;
    background-size: 100% 100%;
}
.zjBtm>div{display: inline-block;float: left;}
.dhT{width: 100%;text-align: center;margin-top: 0.07rem;margin-bottom: 0.2rem;}
.dhT>p{
	display: inline-block;margin-top: -.5rem;width: 3.53rem;line-height: .94rem;font-size: .45rem;color: #b44d01;font-weight: bold;border-radius: 0.15rem;box-shadow: 0 0.03rem 0.05rem rgba(236, 99, 24, .81);
	background: #ffc427;
	background: -webkit-linear-gradient(top, #fff9b0 , #ffc427);
	background: -o-linear-gradient(bottom, #fff9b0, #ffc427);
	background: -moz-linear-gradient(bottom, #fff9b0, #ffc427);
	background: linear-gradient(to bottom, #fff9b0 , #ffc427);
}
.dhB{display: inline-block;width: 100%;border-radius: 0.2rem;padding-bottom: 0.3rem;}
.dhB p{font-size: .27rem;color: #333;width: 92%;text-align: left;margin: 0 4% .06rem;line-height: .4rem;}
.dhB p span{color: #ff0000;font-weight: bold;}

.artTxt .artAll{height: 10rem; overflow: hidden;} 
.artTxt.scroll .artAll{height: auto;}
.artTxt h1 strong{font-weight: bold; font-size: .32rem; text-align: center; clear: both; float: left;margin-bottom: .1rem;width: 100%;}
.artTxt h4 strong{font-weight: bold; font-size: .32rem; text-align: center; clear: both; float: left;margin-bottom: .1rem;width: 100%;}
.artTxt p{float: left; clear: both; margin-bottom: .1rem;margin-bottom: .15rem;width: 99%;}
.artTxt h2{display: inline-block;width: 100%;}
.artTxt h2 strong{font-size: .28rem;font-weight: bold;display: inline-block;margin-bottom: .05rem;}
.artTxt h3 strong{font-size: .28rem;font-weight: bold;display: inline-block;margin-bottom: .05rem;}
.artTxt p strong{font-size: .28rem;font-weight: bold;display: inline-block;margin-bottom: .05rem;}
.artTxt p img{max-width: 100%; display: block; margin: auto;}
.artTxt ol{clear: both; float: left;}
.art-show .moreTxt {
    width: 98%;
    display: block;
    background: #fff;
    border-bottom-right-radius: .3rem;
    border-bottom-left-radius: .3rem;
    margin-bottom: .5rem;
    margin-top: .4rem;
}
.art-show .moreTxt a{width: 1.68rem;height: .75rem;margin: .2rem auto 0; display: block;}
.art-show .moreTxt a img{width: 100%;}

.art-btn{
	/* position: fixed; left: 0; bottom: .3rem;width: 100%; */
	display: inline-block;
	width: 100%;
	position: absolute;
	bottom: -.1rem;
	left: 0;
}
.art-btn a{width: 3.17rem; height: .75rem; display: none; margin:0 .22rem; position: relative;text-align: center;
	font-size: .32rem; line-height: .7rem; color: #b62b05; font-weight: bold;
}
.art-btn a.btn01{background: url(../images/btn04.png) no-repeat center; background-size: 100%;width: 2.31rem;}
.art-btn a.btn02{background: url(../images/btn05.png) no-repeat center; background-size: 100%;}

.gray{ 
	filter: grayscale(100%); 
	-webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%); 
	-ms-filter: grayscale(100%); -o-filter: grayscale(100%); 
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); 
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
}
.maindbj h3 {
    font: bold .3rem/.72rem "microsoft yahei";
    /* color: #fff89e; */
	background-image: linear-gradient(to bottom, #fff, #fff89e);
	-webkit-background-clip: text;
	color: transparent;
	font-weight: bold;
}
.maindbj label{
	display: inline-block;
	font: .22rem/.4rem "microsoft yahei";
	color: #333;
}
.wzl{
	display: inline-block;
	width: 100%;
	margin: 0 auto;
}
.wzl img{width: 1.64rem;margin: .25rem auto .05rem;}
.wzl p{
	font: .3rem/.5rem "microsoft yahei";
	color: #b62b05;
}
.main-list{
	display: inline-block;width: 100%;
}
.dhjx{margin-top: .9rem;}
.dhjx div .p1{display: inline-block;width: 100%;line-height: .6rem;margin: .1rem auto 0;font-size: .25rem;color: #6095ff;}
.dhjx div .p1::before{display: inline-block;content: '';width: .2rem;height: .02rem;background: #8fb5ff;margin-right: .05rem;vertical-align: super;}
.dhjx div .p1::after{display: inline-block;content: '';width: .2rem;height: .02rem;background: #8fb5ff;margin-left: .05rem;vertical-align: super;}
.dhjx .p4{font-size: .26rem;color: #1e64f0;margin: -.05rem auto 0.22rem;font-weight: bold;}
.dhjx .p2{display: none;}
.dhjx .p3{margin-top: .32rem;}



@-webkit-keyframes scaleDraw{
	0%  {transform: scale(.95); }
	25% {transform: scale(1.1);}
	50% {transform: scale(.95);}
	75% {transform: scale(1.1);}
	100%{transform: scale(.95);}
}
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
	0%  {transform: scale(.95); }
	25% {transform: scale(1.1);}
	50% {transform: scale(.95);}
	75% {transform: scale(1.1);}
	100%{transform: scale(.95);}
}
/*上下移动*/
@keyframes moveY{  0%{transform: translateY(-10px);}  100%{transform: translateY(0);}}
@-o-keyframes moveY{  0%{transform: translateY(-10px);}  100%{transform: translateY(0);}}
@-moz-keyframes moveY{  0%{transform: translateY(-10px);}  100%{transform: translateY(0);}}
@-webkit-keyframes moveY{  0%{transform: translateY(-10px);}  100%{transform: translateY(0);}}