@charset "UTF-8";body{background:#f1f1f1;color:#434343}
a{color:#434343}
img{display:block;max-width:100%;height:auto}
.orange{color:#fb7e35}
.pr{position:relative}
.mt0{margin:0!important}
.mt10{margin-top:10px}
.p10{padding:0 10px}
#slider .swiper-pagination{bottom:0}
#slider .swiper-pagination-bullet-active,.stiem .swiper-pagination-bullet-active{background-color:#fc9241}
.ui-header{background-color:#fff;border-bottom:1px solid #ccc}
.ui-header .tw{text-align:left;padding-left:10px}
.ui-footer{background:#fff;border-top:1px solid #fb7e35;line-height:16px;font-size:14px}
.ui-footer li a{display:block;height:56px;width:100%}
.ui-footer i{background-image:url(../images/foot.png);background-repeat:no-repeat;background-size:169px 65px;display:block;width:30px;height:30px;margin:6px auto 0}
.ui-footer i.game{background-position:0 0}
.ui-footer .cur a{color:#fb7e35}
.ui-footer .cur i.game{background-position:0 -35px}
.ui-footer i.packs{background-position:-35px 0}
.ui-footer .cur i.packs{background-position:-35px -35px}
.ui-footer i.info{background-position:-70px 0}
.ui-footer .cur i.info{background-position:-70px -35px}
.ui-footer i.client{background-position:-105px 0}
.ui-footer .cur i.client{background-position:-105px -35px}
.ui-footer i.bbs{background-position:-140px 0}
.ui-footer .cur i.bbs{background-position:-140px -35px}
.logo{display:inline-block;max-height:35px;margin-top:5px}
.btn-user{display:block;position:absolute;right:10px;top:50%;margin-top:-15px;width:30px}
.ui-slider{margin:10px 0;padding-top:38%}
.mod{background-color:#fff;margin-bottom:10px;padding:10px;overflow:hidden}
.nav{padding:0 0 5px;margin:0 -10px}
.nav a{display:block;padding:0 10px;line-height:1.6;font-size:14px}
.tit{border-left:2px solid #fb7e35;line-height:1;margin:0 0 10px;padding-left:5px;font-size:18px}
.tab-list-box .tit{margin:0}
.more{float:right;color:#b7b7b7;font-size:16px;line-height:20px;padding:0 10px}
.hot-game{margin:0 -15px}
.hot-game .pr{max-width:80px; margin:0 auto;}
.hot-game .ui-col{text-align:center}
.hot-game .ui-col p{text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;word-wrap: break-word; word-break: break-all; overflow:hidden; width:auto;padding-left: 10px;padding-right: 10px;}
.hot-game .desc{color:#b7b7b7;font-size:13px;line-height:1.2;}
.hot-game .dowm{display:inline-block;background-color:#83ce63;color:#fff;width:80%;font-size:14px;margin-top:5px;line-height:30px;border-radius:4px;max-width:80px;padding-left: 10px;padding-right: 10px;}
.hot-game .avatar{overflow:hidden;position:relative;display:inline-block; max-width:80px; margin:0 auto;}
.hot-game .avatar img{border-radius:10px}
.crown{background:url(../images/crown.png) no-repeat;background-size:31px 25px;width:31px;height:18px;position:absolute;top:-7px;left:-9px;color:#fff;padding-top:7px;font-size:12px}
.grid{background:red;position:absolute;top:0;left:0;line-height:20px;padding:0 10px;color:#fff;font-size:12px;border-radius:10px 0 10px 0}
.small-hot-game{margin:10px -10px 0;font-size:13px}
.small-hot-game .ui-col{padding:0 10px}
.small-hot-game .desc{font-size:12px}
.small-hot-game .dowm{padding:0;}
.link-more{background:#f2f2f3;border-radius:4px;display:block;line-height:30px;text-align:center;margin-top:10px;font-size:14px}
.panel-media{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:10px 0}
.panel-media_hd{margin-right:10px;width:60px;height:60px;line-height:60px;text-align:center;overflow:hidden}
.game-info .panel-media_hd{width:110px;margin-right:.6em}
.panel-media_bd{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0}
.panel-title{font-weight:400;font-size:17px;width:auto;overflow:hidden;text-overflow:ellipsis;word-wrap:normal;word-wrap:break-word;word-break:break-all}
.panel-desc{color:#999;font-size:13px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.panel-media:before{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-top:1px solid #E5E5E5;color:#E5E5E5;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5);left:0}
.panel .panel-media:last-child::before{border:none}
.panel-fr{text-align:right;color:#999}
.game-info .panel-title{font-size:15px;line-height: 21px;height: 42px;}
.game-info .time{text-align:right;color:#b7b7b7;font-size:12px}
.g-down .panel-media{padding:0}
.g-down .panel-media:before{border:none}
.g-down .panel-media_hd,.packs-list .panel-media_hd{border-radius:10px}
.panel-down-btn a{display:block;font-size:12px;background:#83ce63;border-radius:4px;color:#fff;padding:4px 8px}
.packs-list .panel-down-btn a{padding:5px 10px}
.panel-down-btn .packs-btn{background:#fb7e35;margin-top:6px}
#slider{width:100%;position:relative;margin-bottom:15px}
.swiper-container-horizontal>.swiper-pagination-progress{top:auto;bottom:-15px}
.swiper-pagination-progress .swiper-pagination-progressbar{background:#fb7e35}
.sim-intro{padding-top:.6em;color:#7d7d7d}
.actives li{border-bottom:1px solid #f2f2f3;line-height:1.8;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;word-wrap:break-word;word-break:break-all}
.actives li span{color:#fff;border-radius:4px;font-size:14px;padding:2px 5px}
.activity{background-color:#fb7e35}
.green,.news{background-color:#83ce63}
.blue,.raiders{background-color:#3fa1f9}
.progress{margin-top:5px;width:140px;height:6px;background-color:#f1f1f1}
.progress span{display:block;width:auto;height:6px;background-color:#fb7e35}
.title{border-bottom:1px solid #f2f2f3;padding:0 0 10px;margin-bottom:10px}
.title h2{text-align:center}
.source{font-size:12px;text-align:center;color:#7d7d7d}
.details{font-size:14px;line-height:1.8}
.search-bar{margin:10px 0;padding:10px;position:relative;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;background-color:#fff}
.search-form{position:relative;-webkit-box-flex:1;-webkit-flex:auto;flex:auto;border:1px solid #ccc;border-radius:4px;background-color:#fcfcfc;line-height:30px}
.search-bar-box{position:relative;padding-left:30px;padding-right:30px;height:100%;width:100%;box-sizing:border-box;z-index:1}
.search-bar-box .icon-search{position:absolute;left:6px;top:5px;line-height:28px;background-image:url(../images/search.png);background-repeat:no-repeat;background-position:center;background-size:14px 14px;width:20px;height:20px}
.search-bar-box .search-bar-nput{width:100%;height:30px;border:0;font-size:14px;line-height:30px;box-sizing:content-box;background:0 0}
.search-bar-label{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;text-align:center;border-radius:4px;color:#9B9B9B;background:#fcfcfc}
.search-bar-label span{display:inline-block;font-size:14px;vertical-align:middle}
.search-bar-label .icon-search{position:absolute;top:5px;left:50%;margin-left:-35px;background-image:url(../images/search.png);background-repeat:no-repeat;background-position:center;background-size:15px 15px;width:20px;height:20px}
.search-bar-box .icon-clear{position:absolute;top:0;right:0;padding:0 5px;line-height:28px;background-image:url(../images/clear.png);background-repeat:no-repeat;background-position:center;background-size:15px 15px;width:30px;height:30px}
input[type=search]{-webkit-appearance:none}
input::-webkit-search-cancel-button{display:none}
.search-bar-focusing .search-bar-label{display:none}
.search-cancel-btn{display:none;margin-left:10px;line-height:32px;color:#777;white-space:nowrap;padding:0 5px}
.search-bar-focusing .search-cancel-btn{display:block}
.ui-tab-nav li{position:relative;border:none}
.ui-tab-nav li::before{content:"";position:absolute;left:-1px;top:12px;bottom:12px;width:1px;background-color:#7d7d7d}
.ui-tab-nav li.current{color:#fb7e35;border:none}
.tab-list-box{background-color:#fff;margin-top:10px;padding:10px}
.search-nav-box{margin:0;padding:0}
.stiem{background:#fff;padding-top:10px}
.stiem .tit{margin:0 10px 10px}
.stiem .swiper-pagination{position:static;padding:10px 0 5px;background:#fafafa}
.stiem .swiper-pagination .swiper-pagination-bullet{width:15px;height:15px}
.table{width:100%;text-align:center;font-size:14px}
.table>thead>tr>th{vertical-align:bottom;text-align:center;background:#fafafa;font-weight:400}
.table>tbody>tr>td,.table>tbody>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:7px 0;line-height:1.42857143;vertical-align:top;border-top:1px solid #e8e7e4}
.ui-header-black{background:#333;color:#fff}
.header-back{position:absolute;left:0;z-index:2;display:inline-block;min-width:50px}
.icon-back{display:inline-block;width:13px;height:13px;margin:15px 0 0 15px;border-left:2px solid #fdfcfe;border-top:2px solid #fdfcfe;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.weui-flex{display:-webkit-box;display:-webkit-flex;display:flex}
.weui-flex__item{-webkit-box-flex:1;-webkit-flex:1;flex:1}
.s-tab{background:#fff;text-align:center}
.s-tab .weui-flex__item{display:block;padding:7px 0}
.select-time{background:#f0efed;text-align:center;padding:5px 0;-webkit-box-align:center;-webkit-align-items:center;align-items:center}
.calendar{background-image:url(../images/calendar.png);background-position:left center;background-repeat:no-repeat;background-size:20px auto;padding-left:24px;text-align:left;display:inline-block;line-height:24px;margin-bottom:4px}
.select-time .tiem{font-size:17px}