@charset"utf-8";body,div,dl,dt,dd,ul,li,h1,h2,h3,form,input,p{margin:0;padding:0}
li {list-style:none}
img {border:0}
a {outline:0;color:#313131;text-decoration:none}
.cl:after {content:'\20';display:block;height:0;clear:both}
input {-webkit-appearance:none;border-radius:0;}
input[type="submit"],input[type="reset"],input[type="button"],input {-webkit-appearance:none;}
nav {position:fixed;bottom:0;min-width:320px;max-width:800px;width:100%;padding:6px 0 5px;border-top:1px solid #d7d7d7;background:#fff;opacity:0.95;overflow:hidden;z-index:300;}
nav ul {display:table;width:100%;}
nav ul li {width:14%;text-align:center;display:table-cell;vertical-align:middle;}
nav ul li a {display:block;color:#808080;}
nav .active a {color:#007aff;}
nav ul li i {background:url(../images/footer_icon.png) no-repeat;background-size:cover;width:25px;height:24px;display:inline-block;overflow:hidden;}
nav ul li span {display:block;text-align:center;margin-top:-3px;}
nav .i1 {background-position:0px 0px;}
nav .i2 {background-position:0 -27px;}
nav .i3 {background-position:0px -54px;}
nav .i4 {background-position:0 -78px;}
nav .i7 {background-position:0 -156px;}
nav .i6 { background-position: 0 -365px;}
nav .active .i6 { background-position: 0 -389px; }
nav .i5 { background-position: 0px -104px; }
nav .active .i5 {background-position:0 -286px;}
nav .active .i1 {background-position:0 -181px;}
body {min-width:320px;max-width:800px;margin:0 auto;background:#f1f1f1;font:12px/1.5"Microsoft Yahei","Arial";color:#191919;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent;}
.container {width:100%;max-width:800px;min-height:176px;margin:0 auto;position:relative;overflow:hidden}
.marginTop60 {margin-top:55px;overflow:hidden;}
.g-top {position:fixed;width:100%;min-width:320px;max-width:800px;top:0;height:50px;background:#fff;border-bottom:1px solid #d7d7d7;opacity:0.95;z-index:300;}
.g-top .logo {position:absolute;left:10px;top:2px;width:110px;display:block;}
.g-top .search {padding:5px 55px 0 130px;}
.g-top .search .sear_input {width:100%;height:38px;border:1px #ccc solid;border-radius:4px;font-size:14px;padding-left:8px;vertical-align:middle;box-sizing:border-box;-webkit-border-radius:12px;border-radius:12px;}
.g-top .search .btn_input {position:absolute;right:56px;top:2px;width:34px;height:34px;margin:5px 0 0 130px;display:block;border:none;background:#fff url(../images/searchbg.png) 9px no-repeat;background-size:18px;cursor:pointer;-webkit-border-radius:12px;border-radius:12px;}
.g-top a.guanzhu {position:absolute;right:0;top:5px;}
.g-top a.guanzhu i {width:38px;height:38px;display:inline-block;vertical-align:top;margin-right:8px;}
.g-top a.guanzhu i.icon-guanzhu {background:url(../images/icon-guanzhu.png) no-repeat;background-size:cover;}
.index-more {text-align:center;overflow:hidden;background:#efefef;display:table;font-size:14px;line-height:30px;height:30px;padding:0 15px;margin:10px auto;color:#666;border-radius:100px;width:110px;}
.box-hd {margin-top:10px;overflow:hidden;position:relative;}
.box-hd ins {float:left;width:6px;height:14px;background:#007aff;margin:13px 6px 0 10px;border-radius:100px;}
.box-hd .over {border-bottom:0px solid #d7d7d7;height:36px;line-height:36px;background:#fff;}
.box-hd .over h3 {font-weight:normal;color:#191919;border-top:1px solid #fff;line-height:38px;font-size:16px;}
.marginTop {margin-top:0;}
.index-banner,.index-top-banner {position:relative;overflow:hidden;-webkit-backface-visibility:hidden;z-index:1;width:100%;margin:0 auto;}
.index-banner .swiper-wrapper li,.index-top-banner .swiper-wrapper li {float:left}
.index-banner .swiper-wrapper li img,.index-top-banner .swiper-wrapper li img {width:100%;height:100%;display:none;}
.index-banner .index-pagination,.index-top-banner .index-top-pagination {position:absolute;left:75%;bottom:0;width:100%;height:20%;text-align:center;overflow:hidden;z-index:1001;}
.index-banner .index-pagination span,.index-top-banner .index-top-pagination span {width:2.8%;height:34%;margin-top:2.6%;margin-right:2%;border-radius:50%;background:#797979;float:left;display:inline-block;}
.index-banner .index-pagination span.swiper-active-switch,.index-top-banner .index-top-pagination span.swiper-active-switch {background:#fff;}
.index-banner .banner-title,.index-top-banner .top-banner-title {position:absolute;left:0;bottom:0;color:#fff;font-size:1.6em;width:100%;background:rgba(0,0,0,0.4);height:20%;padding-left:3%;z-index:1000;}
.index-banner .banner-title p,.index-top-banner .top-banner-title p {margin-top:1%;}
.game-list {margin:0 0 10px 0;background:#fff;padding-top: 10px;}
.game-list li {position:relative;background:#fff;border-bottom:1px solid #e8e8e8;padding:7px 10px;overflow:hidden;bottom: 10px;}
.game-list li:last-child {border-bottom:none;}
.game-list li a {display:block;width:100%;}
.game-list li:nth-child(1) {border-top:none;}
.game-list li i {float:left;background:url(../images/icon-default.png) no-repeat;background-size:cover;width:64px;height:64px;display:inline-block;overflow:hidden;margin:3px 0 0 0;border-radius:15px;position: absolute;}
.game-list li .list1 {float:left;margin-left:72px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:70%;}
.game-list li .list2 {font-size:16px;line-height:30px;color:#191919;}
.game-list li .list2 strong {font-weight:500;}
.game-list li .list3{color:#666;line-height:18px;height:18px;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.game-list li .list3 .fenlei {color:#666;font-size:13px;}
.game-list li .golook { position: absolute; right: 10px; top: 26px; width: 60px; height: 26px; display: block; vertical-align: middle; background: #007aff; text-align: center; line-height: 27px; border-radius: 100px; color: #fff; font-size: 1.1em; }
.game-list li i img {width: 100%;height: 100%;}
.vlist li {width:25%;height:75px;border:none;padding:7px 0 0 0;float:left;margin-bottom:15px;}
.vlist li .pic {width:65px;overflow:hidden;margin:0 auto;}
.vlist li a {position:relative;display:block;}
.vlist li a.tit {display:block;height:20px;line-height:16px;overflow:hidden;width:80px;margin:0 auto;margin-top:5px;overflow:hidden;text-align:center;font-size:12px;color:#000;white-space:nowrap;text-overflow:ellipsis;}
.vlist img {width: 65px;height: 65px;display: block;margin: 0 auto;border-radius: 10px;}
.tabs-nav {display:-webkit-box;display:-webkit-flex;height:44px;font-size:14px;white-space:nowrap;background-color:#fff;-webkit-align-content:flex-start;-webkit-align-items:stretch;-webkit-box-align:stretch;-webkit-box-direction:normal;-webkit-box-lines:single;-webkit-box-orient:horizontal;-webkit-box-pack:justify;-webkit-flex-direction:row;-webkit-flex-wrap:nowrap;-webkit-justify-content:space-between;padding:0 16px;}
.tabs-nav-li {display:block;overflow:hidden;width:16.66666667%;height:44px;padding:0 14px 0 15px;line-height:44px;text-align:center;white-space:nowrap;text-decoration:none;text-overflow:ellipsis;list-style:none;color:#333;-webkit-box-flex:1;-webkit-flex:1 1 auto;}
.tabs-curr{ border-bottom: 1px solid #38f; color: #38f; }
.gwarp ul {zoom:1;overflow:hidden;background:#fff;}
section {padding:0 10px 0 10px;background-color:#fff;overflow:hidden;border-bottom:1px solid #e2e2e2;border-top:1px solid #e2e2e2;}
.headline {display:block;height:30px;text-align:center;font:bold 18px/30px"\5FAE\8F6F\96C5\9ED1";color:#ff6600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:10px;    margin-bottom: 10px;}
.headline a {color:#cd0000;}
.txtList li {float:left;width:100%;height:33px;font-size:14px;line-height:40px;border-bottom:1px solid #e2e2e2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
input {outline:none;}\
#nav_bottom{display:block;}
.webdbx {margin-bottom:50px;top: 21px;}
.webgg{color: #ffffff; filter: glow(color=ffff66);  font-size: 11pt; width:100%;margin: 0 auto;background: #d20202;top:28px; position: absolute;}
.bjys{background: #d20202;}

.swiper1top{background: #fff;margin: 5px 0 5px 0;}
.swiper-container {color:#fff;text-align:center;}
.swiper-free-mode > .swiper-wrapper {-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto;}
.swiper-slide {float:left;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.swiper-wp8-horizontal {-ms-touch-action:pan-y;}
.swiper-wp8-vertical {-ms-touch-action:pan-x;}
.swiper1 img {margin-left:1px;margin-right:1px;height:220px;display:block;margin:5px auto 5px auto;border-radius:5px}
.swiper1 .title p {display:block;height:20px;line-height:16px;overflow:hidden;text-align:center;font-size:14px;color:#000;white-space:nowrap;text-overflow:ellipsis;}
.swiper1{width:660px;height:250px;}
.swiper2 img {margin-left:1px;margin-right:1px;height:100px;width:180px;display:block;margin:5px auto 5px auto;border-radius:5px}
.swiper2{width:660px;height:130px;}

#scroll { width: 32px; float: right; position: fixed; right: 0px; bottom: 65px; z-index: 9999; }
#scroll li{border: 0; font-family: inherit; font-size: 100%; font-style: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}
#scroll li a { background: #fff; font-size: 16px; color: #777; width: 25px; height:25px; line-height: 25px; text-align: center; vertical-align: middle; margin-top: 4px; display: block; cursor: pointer; background: rgba(255,255,255,.6); border: 1px solid #ddd; border-radius: 2px; box-shadow: 0 1px 1px rgba(0,0,0,.04); }


.jb1_2 { height: 25px; width: 25px; right: 0px; top: 40px; }
.jb1_1 { height: 23px; width: 23px; right: 0px; top: 42px; }
.jbbox1 { width: 65px; height: 65px; overflow: hidden;/* position: absolute;*/ }
.jb1_1, .jb1_2{ position: absolute; overflow: hidden; background: url(/skin/jb.png) center no-repeat; background-size: contain; border-radius: 0 0 10px 0; -moz-border-radius: 0 0 10px 0; -webkit-border-radius: 0 0 10px 0; }