*,*:before,*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
html {-webkit-text-size-adjust: 100%; }
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td {margin:0;padding:0; }
body,button,input,select,textarea {font-family: "microsoft yahei","Helvetica Neue", Helvetica, sans-serif;color: #000;}
body {-webkit-overflow-scrolling: touch;background:url(bg.jpg) no-repeat; background-size:100% auto;font-size:.24rem;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden],template {display: none;}
svg:not(:root) {overflow: hidden;}
hr {height: 0;box-sizing: content-box;}
pre {overflow: auto;}
code,kbd,pre,samp {font-family: monospace, monospace;font-size: 1em;}
button,select {text-transform: none;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight: normal;}
em,i{font-style:normal}
small {font-size:12rem}
ul, ol, li {list-style: none; }
a {background: transparent;color:#333;}
a, a:visited {text-decoration: none;}
a:active,a:hover {outline: 0;}
a:link,a:visited,a:hover,a:active{color:#333;}
legend {color:#000}
optgroup {font-weight: bold;}
fieldset,img {border:0}
img {-ms-interpolation-mode:bicubic;display:block;}
fieldset {padding: .35em .625em .75em;margin: 0 2rem;border: 1rem solid #c0c0c0;}
table {border-collapse:collapse;border-spacing:0}
textarea {resize:vertical}
img{max-width: 100%;}
.fl{float:left;}
.fr{float:right;}
input[type="radio"]{
    -webkit-appearance:none;
    appearance:none;  
    background:#fff;
    width:18rem;
    height:18rem;
    border-radius:100%;
    vertical-align:middle;
}
input[type="radio"]:checked{
    background:#fff600;
}

.clearfix:after {content: " ";clear: both;display: block;height: 0;visibility: hidden; }

.title1{padding-top:1.73rem;}
.award{margin:.6rem .45rem 0 .45rem; background-color:rgba(255,255,255,0.3);height:4.26rem;padding:.15rem;}
.award p{ margin-top:.36rem;}
.award p span{font-size:.28rem;color:#000; position:relative;}
.award p span img{ position:absolute;}
.award p.jp1 span img{top:-.15rem;right:-.9rem;width:.65rem; height:.54rem;}
.award p.jp2 span img{top:-.7rem;right:-.9rem;width:.49rem; height:1.03rem;}
.award p.jp3 span img{top:-.7rem;right:-.4rem;width:.96rem; height:.65rem;}
.award p.jp4 span img{top:-.1rem;right:-1rem;width:.76rem; height:.49rem;}
.award p.jp5 span img{top:-.1rem;right:-1.43rem;width:1.23rem; height:.69rem;}
.award p.jp1 i,.award p.jp3 i{width:.2rem; height:.21rem; display:inline-block; background:url(icon1.png) no-repeat; background-size:100% auto; margin-right:.1rem;}
.award p.jp2 i,.award p.jp4 i{width:.2rem; height:.21rem; display:inline-block; background:url(icon2.png) no-repeat; background-size:100% auto;margin-right:.1rem;}
.award p.jp5 i{width:.22rem; height:.23rem; display:inline-block; background:url(icon3.png) no-repeat; background-size:100% auto;margin-right:.1rem;}
.zs-btn{ margin:.5rem auto;width:6.4rem;}
.zs-btn .btn{width:2.5rem; height:.76rem;border:.2rem solid rgba(95, 82, 160, .14);border-radius:.76rem;  display:inline-block; -webkit-box-sizing: con  tent-box;-moz-box-sizing: content-box;box-sizing: content-box; }
.zs-btn .btn span{display:inline-block;width:2.5rem; height:.76rem;background-color:#5d5c81;color:#ecdebb; font-size:.32rem; text-align:center; line-height:.76rem; border-radius:.76rem;}
.zs-btn .btn:nth-child(1){ margin-right:.5rem;}
.zs-btn2{ margin:.15rem auto;width:6.4rem;}
.zs-btn2 .btn2{width:2.5rem; height:.76rem;border:.2rem solid rgba(95, 82, 160, .14);border-radius:.76rem;  display:inline-block; -webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box; }
.zs-btn2 .btn2 span{display:inline-block;width:2.5rem; height:.76rem;background-color:#5f52a0;color:#ecdebb; font-size:.32rem; text-align:center; line-height:.76rem; border-radius:.76rem;}
.zs-btn2 .btn2:nth-child(1){ margin-right:.5rem;}

.promite{ margin-top:.6rem;}
.promite p{ text-align:center; line-height:2}
.promite p:nth-child(1){ font-size:.23rem;color:#000;}
.promite p:nth-child(1) span{ font-size:.28rem;}
.promite p:nth-child(2){ font-size:.2rem;color:#676052;}
.pop-box{display:none;position:absolute;top:50%;left:50%; background-color:#e9d3a0;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:6.37rem;border:.1rem solid rgba(141,90,4,.2); border-radius:.2rem;padding:.1rem .2rem .2rem .2rem;z-index:99;}
.pop-box .title{ font-size:.28rem; color:#8d5a04; margin:.2rem 0 .1rem 0;}
.pop-box .rules{padding-left:.36rem;}
.pop-box .rules li{ font-size:.24rem;color:#000; line-height:1.5; list-style-type:initial}
.pop-box .rules li span{color:#8d5a04;}
.pop-box .close{padding:.1rem; position:absolute;top:.1rem;right:.1rem;}
.pop-box .close span{display:block;width:.38rem; height:.38rem; background:url(close.png) no-repeat; background-size:100% auto;}
.layer-bg{ background:rgba(0,0,0,.48);width:100%;height:100%; position:fixed;top:0;display:none;}


.touxiang{width:4.82rem; height:4.82rem; border-radius:50%; border:.2rem solid rgba(95,82,160,.14);-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box; margin:.7rem auto 0 auto;}
.touxiang img{ border-radius:50%;}

.ads{ margin-top:.25rem;}
.ads img{width:100%;}
.nandajie{width:4.6rem; height:2.48rem; margin:.2rem auto 0 auto;}
.nandajie img{width:100%;}

.award-pop{display:none;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:4.9rem; height:4.13rem; background:url(award_bg.png) no-repeat; background-size:100% auto;}
.s-close{padding:.1rem; position:absolute;top:1.75rem;right:.3rem;z-index:99;}
.s-close span{display:block;width:.34rem; height:.34rem; background:url(s_close.png) no-repeat; background-size:100% auto;}
.award-pop .word2{position:absolute;top:1.65rem;left:.22rem; color:#fff; font-size:.48rem;width:4.5rem; text-align:center;}
.award-pop .word{ position:absolute;top:2.7rem;left:.22rem; color:#f06635; font-size:.62rem;width:4.5rem; text-align:center;}

.jd-info .desc{ font-size:.24rem; line-height:1.5;}
.jd-info .pic{max-width:100%; margin:.3rem auto 0 auto;}
.jd-info .pic img{width:100%;}
.jd-info .jd-title{ height:1.53rem; margin-top:.3rem; margin-bottom:.2rem; position:relative;}
.jd-info .jd-title img{float:left; position:relative;max-width:1.95rem; max-height:1.53rem;}
.jd-info .jd-title span{width:65%; font-size:.44rem; position:absolute;top:50%;left:2.05rem;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);transform:translate(0,-50%);}
.jd-info .btn3{display:block;width:2.2rem; height:.76rem; line-height:.76rem; margin:.2rem auto 0 auto; background-color:#5d5c81; color:#fff; font-size:.38rem; text-align:center; border-radius:.76rem;}



.bg-hese{ background-color:#3a211b; padding:.3rem 0; background-image:none;margin:0;}
.ranking-list .titles1{color:#fff; font-size:.36rem; border-bottom:1px solid #000;padding:.3rem 0 .2rem .3rem;}
.ranking-list .titles1 span{ display:inline-block;}
.ranking-list .titles1 span.line{display:inline-block;width:.06rem; height:.34rem;background:#da572b; margin-right:10px;position: relative;top: .03rem;}
.ranking-list .titles2{  padding:.2rem; background-color:rgba(255,255,255,.08);}
.ranking-list .titles2 em{ float:right; color:#fff; font-size:.24rem;}
.ranking-list .titles2 span{ font-size:.32rem; color:#ffd778;}
.list{ margin:0 .2rem;}
.list li{ position:relative; height:1.2rem; line-height:1.2rem; overflow:hidden;display: -moz-box; display: -webkit-box; display: box;  border-bottom:1px solid #000;}
.list li .ranking{-moz-box-flex: 1; -webkit-box-flex: 1;  box-flex: 1; width:14%;padding-right:.1rem; color:#ffd778; font-size:.28rem; text-align:center;}
.list li .person{-moz-box-flex: 2; -webkit-box-flex: 2;  box-flex: 2;width:41%;padding-right:.1rem; color:#fff;  font-size:.28rem;}
.list li .person img{display:inline-block; width:.71rem; height:.71rem; border-radius:50%; position: absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.list li .person span{ padding-left:.9rem;}

.list li .jinbi{-moz-box-flex: 2; -webkit-box-flex: 2;  box-flex: 2;width:41%; color:#ffd300; font-size:.26rem;}
.list li .jinbi .icon-jinbi{ display:inline-block; background:url(qianbi.png) center 0 no-repeat; background-size:100% 100%; width:22px; height:22px; margin-right:.1rem; position: absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.list li .jinbi  span{padding-left:30px;}

.self li{ border-bottom:0;}
.person-box{width:100%; height:2rem; background:url(my-zlp.png) no-repeat; background-size:100% auto; margin-top:.7rem; position:relative; }
.person-box img{ width:1.45rem; height:1.45rem; border-radius:50%; border:.1rem solid ; border-color:rgba(95,82,160,.14);position: absolute;top: .3rem;left: .5rem;}

.blank40{ height:.4rem; line-height:.4rem; overflow:hidden;}
.bg-repeat{ background:url(bg-repeat.jpg) repeat-y; background-size:100% auto;}
.contents-box{margin:0 .45rem;padding:.2rem; border-radius:.1rem; background-color:rgba(255,255,255,0.3); position:relative;}
.dl-title{ font-size:.5rem; color:#470703;}
.dianliang-pic span{display:inline-block;  margin:.15rem;-webkit-filter: grayscale(1);
filter:gray;filter: grayscale(1); }
.dianliang-pic .icon-history{width:.6rem; height:.37rem; }
.dianliang-pic .icon-xiuxian{ width:.64rem; height:.32rem;}
.dianliang-pic .icon-shangmao{ width:.6rem; height:.47rem;}
.dianliang-pic span.on{-webkit-filter: grayscale(0);/* Webkit */ 
filter:none;/* IE6-9 */ filter: grayscale(0);/* W3C */ }

.yuebing-box{ float:left; width:50%;margin:.3rem 0; border-right:1px dashed #000;padding:0 .2rem 0 0;}
.yuebing-box .title{ font-size:.28rem; color:#470703;}
.yuebing-box .nub{ font-size:.7rem; color:#840b04;}
.yuebing-box .nub span{ font-size:.3rem; color:#470703;}

.zidan-box{ float:left; width:50%;margin:.3rem 0;padding:0 0 0 .2rem;}
.zidan-box .title{ font-size:.28rem; color:#470703;}
.zidan-box .nub{ font-size:.7rem; color:#840b04;}
.zidan-box .nub span{font-size:.3rem; color:#470703;}
.footer-bg{ background:url(bg-footer.png) no-repeat; background-size:100% auto; height:3.28rem;}
.btn-box{width:5.8rem; position:fixed;bottom:.4rem;left:50%;margin-left:-2.9rem;}

.btn-duihuan{ display:inline-block; color:#fff!important; text-align:center; font-size:.42rem; width:2.7rem; height:.86rem; line-height:.86rem; background-color:#840b04; border-radius:.43rem; margin-right:.2rem;}
.btn-rank{ display:inline-block; color:#840b04!important; text-align:center; font-size:.42rem; width:2.7rem; height:.86rem; line-height:.7rem; border:4px solid #840b04; border-radius:.43rem; }
.btn-box .btn-rank{background-color:#f2e3bd;}
.btn-box3{width:2.7rem; margin:.3rem auto 0 auto;}
.btn-box3 .btn-duihuan{ margin-bottom:.35rem;}
.btn-box3 .btn-duihuan,.btn-box3 .btn-rank{display:block;}
.btn-box3 .btn-rank{border:2px solid #840b04;}
.bg2{ background:url(index_bg.jpg) no-repeat; background-size:100% auto;}
.map-box{ background:url(map.png) no-repeat; background-size:100% auto;width:6.9rem; height:7.72rem; margin:4rem 0 0 .3rem; position:relative;}
a.my-photo{ position:absolute;top:.2rem;right:.3rem;width:1.7rem; height:.6rem; line-height:.6rem;color:#fff; font-size:.26rem; text-align:center; background-color:#840b04; border-radius:.6rem;}
.touxiang-box{width:100%; height:2rem; background:url(my_photo.png) no-repeat; background-size:100% auto; margin-top:.7rem; position:relative; }
.touxiang-box  img{ width:1.45rem; height:1.45rem; border-radius:50%; border:.1rem solid ; border-color:rgba(95,82,160,.14);position: absolute;top: .3rem;left: .5rem;}


.tag span{ display:inline-block; background-color:#4f1b10; color:#fff; border-radius:.16rem;padding:.06rem .08rem; position:relative; line-height:1;}
.tag span em{ width: 0;width: 0;height: 0;border-left: .1rem solid transparent;border-right: .1rem solid transparent;border-top: .16rem solid #4f1b10; position:absolute;bottom:-.14rem;left:50%; margin-left:-.1rem;}
.db{display:block; z-index:998;}
.fangda{z-index:999; position:absolute;top:50%;left:0; margin-top:-1.67rem;}
.index-btns{ position:absolute;top:1.3rem;right:.6rem;}
.index-btns a{width:2.17rem; display:block;height:.7rem; line-height:.7rem; background-color:#5d5c81; color:#fff; font-size:.28rem; border-radius:.35rem; position:relative; text-align:center;}
.index-btns a:nth-child(1){width:2.07rem; margin-bottom:.2rem;}
.index-btns a i{ display:inline-block;width:.19rem; height:.27rem;background:url(jiantou.png) no-repeat; background-size:100% auto; position:relative;top:.03rem; margin-left:.1rem;}
.nolight{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.draggable{ position: absolute;}
.game{
    position:relative;
    top:-5rem;
    margin:0 auto;
    font-size:.5rem;
    border-radius: 20px; display: block;
    width:80%;
    height:.8rem;
    background: deepskyblue;
    line-height:0.8rem;
    text-align: center;
    -webkit-filter: grayscale(20%);
    -moz-filter: grayscale(20%);
    -ms-filter: grayscale(20%);
    -o-filter: grayscale(20%);
    filter: grayscale(20%);
}


.swiper-container {
        width: 6rem;
		height:6rem;
	    padding:.2rem 1rem;
		background:rgba(255,255,255,.28);
	
    }
   .swiper-slide {
        background-position: center;
        background-size: cover;
        width: 6rem;
    }
.swiper-button-prev{background-image:url(prev.png)!important;}
 .swiper-button-next{ background-image:url(next.png)!important;
	}
	
	
	.play-box{width:7.5rem; height:6.73rem;background:url(play.png) no-repeat; background-size:100% auto;position:absolute;top:50%;left:0; margin-top:-3.4rem;z-index:999;}
	.play-box .close{width:.8rem; height:.55rem; position:absolute;right:.2rem;top:2.2rem;}
	.play-box .play-btn{display:block;width:2.3rem; height:.95rem; position:absolute;bottom:.4rem;left:50%; margin-left:-1.2rem;}
	.play-box .tags{display:block; line-height:.28rem;font-size:.24rem; color:#fff; background-color:#e60012; border-radius:.28rem; position:absolute;top:3.4rem;left:1.8rem;padding:.06rem; text-align:center}
	.play-box .title{position:absolute;top:2.2rem;left:1.4rem; font-size:.42rem; color:#efd389;}
	.play-box .title span{ font-size:.8rem; color:#f1e1b6;}