a{color: #333;}
.ico-play{width:10px; height: 10px; display: inline-block; vertical-align: middle; margin: 0 3px 2px 0; background: url(//ue.17173cdn.com/a/wdsjs/index/2016/v/m/img/ico-play.png); background-size: 100% auto;}
/* nav */
.nav{ position: relative; z-index: 100; border-bottom:1px solid #e9e9e9; line-height: 2.25; background: #fff}
.nav-box{position: relative;z-index:5; overflow: hidden; background: #ffffff; padding: 0 0.625rem; height:2.25rem; width: 88%;}
.nav-box::after{content:' '; display: inline-block; width: 2rem; height: 100%; background-color: #fff; position: absolute; right:0; top:0; z-index: 10; background: -webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,.8)); 
background: linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,.8));}
.nav-slide{ padding: 0.3125rem 0;}
.nav-slide a{display:block; padding: 0 .625rem;width: auto; color: #333; line-height: 1.5625rem; margin: 0 0.125rem; font-size: 1rem;}
.nav-slide .swiper-slide{-webkit-flex: 0 0 auto; flex:0 0 auto;}
.nav.fixed{position: fixed;top: 0; left: 0;z-index:600; width: 100%}
.nav-slide .swiper-slide:first-child{ color: #f35858;}

.nav .btn-nav-toggle{overflow:hidden;text-align:center; position: absolute;right:0;top:0;width:12%;background-color: #e9e9e9;color:#427ae2;font-size: 1rem;line-height: 2.25; height:2.25rem; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.nav .btn-nav-toggle::after{ content:' ';display:inline-block; position:relative;top:-0.25em;width:.8em;height:.8em;margin-left:.3em;border-left:0.1em solid #333;border-bottom:0.1em solid #333;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.nav-row{ width:100%; line-height:2.2; position:absolute; background:#e9e9e9; display: table; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); font-size: 0; padding: .3rem 0}
.nav-row a{ color:#333; font-size: 0.875rem; display: inline-block; padding: 0 .3rem; width: 25%; text-align: center; box-sizing:border-box;}

.nav-show-all .nav-row{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.nav-show-all .nav-row .btn-nav-toggle::after{top:-.05em;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}

/* focus */
.focus a{ position: relative; display: block; color: #fff}
.focus img{ display: block; width: 100%; max-width: 640px; margin:0 auto; height: 188px!important;}
.focus .txt{ overflow: hidden; position: absolute; left:0; bottom:0; width:100%; padding:1rem 5rem 0 .8rem;line-height: 2.2; white-space: nowrap; text-overflow:ellipsis;-webkit-box-sizing:border-box;box-sizing:border-box; font-size: .875rem; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0,.8));background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0,.8)); background: (top, rgba(0, 0, 0, 0), rgba(0, 0, 0,.8));}

.focus [class^="btn-"]{position: absolute;top:50%;width: 2em;height: 1em;line-height: 1;margin-top:-2rem;font-size: 1.5rem;font-weight: bold;opacity: .5;text-align: center;}
.focus .btn-prev-arrow{left: -.6em;-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.focus .btn-next-arrow{right: -.6em;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
.focus .swiper-nav{ position: absolute; z-index:99; bottom:.75em; right:.7rem;width: auto;}
.focus .swiper-nav span{ float: left; overflow: hidden; width:4px; height:4px; margin:1px 4px;}
.focus .swiper-nav [class*="active"] {-webkit-transform: scale(1.5);transform: scale(1.5);} 

/* swiper */
.swiper-container{ overflow: hidden; position: relative;}
.swiper-wrapper{-webkit-transform-style: preserve-3d;-ms-transform-style: preserve-3d;
    transform-style: preserve-3d;-webkit-transition-property: -webkit-transform;
    transition-property: transform;display:-webkit-box;display:-webkit-flex; display: flex;position: relative;width: 100%; height: 100%}
.swiper-slide{ -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;-webkit-flex-shrink: 0;  flex-shrink: 0;-webkit-flex: 1 0 100%; flex: 1 0 100%;position: relative;}
.swiper-button-disabled{display: none;}
.swiper-nav{width: 100%;text-align: center;line-height: 1}
.swiper-nav span{background: #ccc; display:inline-block;width: 6px;height: 6px;margin: 0 3px;border-radius: 50%; vertical-align: middle; -webkit-transition: width .2s; transition: width .2s;}
.swiper-nav [class*="active"] {background:#fdcd00; width:20px;border-radius: 10px;}

/* comm-mod */
.content{position: relative; z-index: 9}
.comm-mod, .comm-mod2, .comm-mod3{ padding: 1rem 0.625rem 0}
.comm-mod .mod-hd{border-bottom-style: solid;border-bottom-width: 1px; border-color: #ececec}
.comm-mod .mod-hd::before{content: "";display:table;}
.comm-mod .mod-hd::after{content:"";display:table;clear: both;}
.comm-mod .mod-hd .tit{float:left;border-bottom-width: 1px;border-bottom-style: solid;font-size:1.25rem;line-height: 1.5;margin-bottom: -1px; border-bottom-color: #5da62e; color: #5da62e;}
.comm-mod .mod-bd{padding-top: 1rem;} 
.comm-mod .btn-toggle{float:right;border-radius: 50%; border-width: 1px;border-style: solid;width: 1.5em; border-color:#dddddd; height: 1.5em;text-align: center;line-height: 1;overflow: hidden; position: relative; margin-top: 0.18em}
.comm-mod .btn-toggle::after{ content:' '; display: inline-block; width:0.5em; height:0.5em; border-left:1px solid #ddd; border-bottom:1px solid #ddd; -webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.comm-mod .btn-toggle.hide{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.comm-mod .mod-hd1 .tit{color: #805c11;}

/* comm-scroll */
.comm-scroll{margin:0 -.375rem;}
.comm-scroll .swiper-slide{-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;}
.comm-scroll .img-box{height:5rem;position: relative;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;}
.comm-scroll .img-box img{position: absolute; top: 50%; left: 50%;-webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width: 162px; max-height: 90px!important}
.comm-scroll .art-item{position:relative;overflow:hidden;display:block; padding:.25rem .375rem;width:100%;-webkitbox-sizing:border-box;box-sizing:border-box;}
.comm-scroll li{float: left; width: 50%;}
.comm-scroll li .txt-box{font-size:.75rem;line-height:1.7;text-align: center;color:#333}

/* comm-plist */
.comm-plist{overflow: hidden;}
.comm-plist li{overflow: hidden;border-bottom-width: 1px;border-bottom-style: solid;padding: .625rem 0; border-color:#ececec;}
.comm-plist li:first-child{padding-top:0;}
.comm-plist li:last-child{border-bottom: none;}
.comm-plist .art-item{ display: block; overflow: hidden; padding: 1px}
.comm-plist .pic-box{position:relative;overflow:hidden;float:left;width:30%;max-width:160px; margin-right: .8rem;}
.comm-plist .tit{max-height: 3em;line-height: 1.5; color: #000; overflow: hidden;}
.comm-plist .text-box{overflow: hidden;}
.comm-plist .desc{overflow:hidden;font-size:.625rem; margin-top: 0.125rem}
.comm-plist .date{float: left; color: #999; }
.comm-plist .ico-font-comment{float:right; color: #666;}
.comm-plist .pic-box{height:4.375rem;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;}
.comm-plist .pic-box img{position: absolute; top: 50%;left: 50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}

.comm-plist-ex .date{float:right;}
.comm-plist-ex .ntc{float:left; color: #999}

.comm-sub:first-child{margin-top: 0}
.comm-sub-hd{margin-bottom:.5rem}
.comm-sub-hd .tit {color: #805c11;}
.comm-sub{margin-bottom: .8rem;}
.comm-sub-bd{overflow: hidden;}
.comm-link{font-size: 0;margin: 0 -.25rem;}
.comm-link .item{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;width:33.3%;font-size: 1rem;padding: 0 .25em .5em;}
.comm-link .item a{display:inline-block;width: 100%;border-radius:1rem;text-align:center;font-size: .875rem;border-width: 1px;border-style: solid;line-height: 2.2;border-color:#5da62e;background-color: #fefefe;}
.comm-link .item a:hover{background:#5da62e; color: #fff; border-color: #5da62e}
.comm-link-ex .item{width: 50%}
.comm-link .btn-more-arrow{display:none;}
.comm-link .btn-more-arrow.active{display:block}

.bc-list{margin: 0 -.5rem; overflow: hidden;}
.bc-list li{float: left; width: 33.33%; padding: 0 .5rem .5rem; box-sizing:border-box; font-size: .825rem; text-align: center;}
.bc-list li a{color:#333}

.list-wsn .txt-box{ white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.ft a{line-height:2.5rem; text-align: center; display: block; background:#ececec; color: #333; margin: .5rem 0}

.c-tx3{color: #999;}
.c-red{color:#f35858;}

[class^="sign-"]{color:#fff;display:inline-block;padding: 0 .3em;font-size:.75rem;line-height:1.3;vertical-align: middle;border-radius: 3px;margin: 0 .2em .2em 0;}
.sign-hot{background:#f35858}
.sign-zt{background:#00a0e9}
.sign-pc{background:#61ba3a}

.game-info{background:#ececec; padding: 0 .8rem .8rem;margin-top:1rem; }
.game-info .hd .tit{color: #636363;line-height: 2;}
.game-info .info .qdb .tit{background: #ffc81f;color: #333;}
.game-info .bd{padding-top: .5rem;}
.game-info .bd .classify{ font-size: 0; margin: 0 -.2rem;}
.game-info .bd .classify a{display: inline-block; font-size: .75rem; line-height: 2; padding: 0 .5rem;margin: 0 .2rem .4rem;border-bottom: 1px solid #dedede;color: #0084cb;background-color: #fff;}
.game-info .info{position: relative;padding-right:4.5rem;width: 100%;font-size: .75rem;}
.game-info .info .qdb{position: absolute;right: 0; width: 4.5rem;top: 0;text-align:center;}
.game-info .info .qdb .tit{display:inline-block;width:100%;padding: 0 .3em; border-radius: .8rem;}

.footer{background:#464646;color: #666;padding-bottom: 1.5rem;text-align: center;}
.footer-c1{background:#333;}
.footer-c1 a{color:#fff;position:relative;padding:0 1em;line-height:2.2;display: inline-block;}
.footer-c1 a::before{background: #555;content:"";position:absolute;left:0; top: .6rem;width: 1px;height:1rem;}
.footer-c1 a:first-child::before{display: none;}
.footer-c2{padding-top: .5rem;font-size: .625rem}

.btn-gotop{position: fixed;bottom:5%; right: 1rem;width: 2em; height: 2em;border-radius: 50%;background: rgba(0,0,0,.6);line-height: 2.5;text-align: center;color: #fff; z-index: 610;font-size: 1.25rem; display: none;}
.btn-gotop::after{ content:' '; display: inline-block; width:0.6em; height:0.6em; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; -webkit-transform:rotate(135deg);transform:rotate(135deg)}