@charset "utf-8";/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input{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}
em{font-style:normal;}
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 .i2 {background-position:0 -207px;}
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 {top:24px;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;height: 40px;}
.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;}
.game-list {margin:0 0 10px 0;background:#fff;}
.game-list li {position:relative;background:#fff;border-bottom:1px solid #e8e8e8;padding:7px 10px;overflow:hidden;}
.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;overflow: hidden;position: relative;}
.game-list li .list1 {float:left;margin-left:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:70%;}
.game-list li .subscript{color: #fff; height:13px; width: 78px; position: absolute; right: 14px; text-align: center; line-height:13px; background-color: #ee0c0c; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); font-size: 10px; top: 6px; overflow: hidden; font-weight: bold; font-style: normal;}
.game-list li .list2 {font-size:16px;line-height:30px;color:#191919;}
.game-list li .list2 strong {font-weight:500;}
.game-list li .list3{margin-top: 5px;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: 35px; 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 em {font-size:12px;color:#ff1919;margin-left:5px;}
.webdb {margin-bottom:65px;}
.clear:after {display:block;visibility:hidden;clear:both;overflow:hidden;height:0;content:"clear";}
.other-list-item{float:left;-webkit-box-sizing:border-box;padding:5px 2px;text-align:center;border-width:0 1px 1px 0;background:#fff;width:16%;}

.other-list-item .item-btn {display:block;line-height:24px;font-size:14px;text-decoration:none;border-radius:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.curr {background-color:#ffae00;color:#fff;}
.other-list {border-bottom:1px solid #e3e3e3;margin-left:10px;margin-right:10px;}
.mode {overflow:hidden;margin-top:65px;background:#fff;}
section {margin-bottom:10px;padding:0 10px 0 10px;background-color:#fff;overflow:hidden;border-bottom:1px solid #e2e2e2;border-top:1px solid #e2e2e2;}
input {outline:none;}
.listxx{margin-top:0px;}
img{max-width: 100%; height: auto;}
.other-list-item{padding:2px 2px;width:16%;}
.page {padding-bottom:5px;+padding-top:34px;height:30px;text-align:center;padding-top: 5px;}
.page a, .page span {display:inline-block;height:25px;line-height:25px;padding:0 8px;margin:0 2px;text-align:center;font-size:14px;border-radius:20px;transition:background .1s;}
.page a {border:1px solid #25c88a;color:#25c88a;}
.page b,.page a:hover {color:#fff;background:#25c88a;border:1px solid #25c88a;display: inline-block;height:25px;line-height:25px;padding: 0 8px;margin: 0 2px;text-align: center;font-size: 14px;border-radius: 20px;transition: background .1s;}
.webgg{color: #ffffff; filter: glow(color=ffff66);  font-size: 11pt; width:100%; margin: 0 auto;background: #d20202;top:28px; position: absolute;}
 .beijing{font-size: 14px;}
.toolbar{ height: 30px; line-height: 30px; margin-left: 10px; }
.ajaxtext{border-radius: 15px; width:100%; text-align: center; cursor: pointer; margin: 10px auto 10px auto; font-size: 16px;}

#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; }
.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; }