html,body{margin:0;height: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;font-family:"Helvetica Neue","Microsoft YaHei","微软雅黑",SimHei,"宋体",simsun,sans-serif;line-height:20px}
body{font-size:16px;background:#f4f4f4;color:#000}
body{-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;word-break:break-all}
ul,li{list-style:none}
input,textarea{vertical-align:middle;font-size:100%}
textarea{overflow:auto;vertical-align:middle}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,iframe{display:block}
em,i{font-style:normal;font-size:100%}
img{max-width:100%;vertical-align:middle;border:0 none;-ms-interpolation-mode:bicubic}
button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;border-radius:0;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;outline:0 none}
.center{text-align:center}
input[type=button]{outline:0}
a,a:visited,a:link{text-decoration:none;color:#000}
a:active{color:#0846a3;-webkit-tap-highlight-color:rgba(0,0,0,.2);text-decoration:none}
.ellipsis{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.ellipsis2,.ellipsis3,.ellipsis4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all}
.ellipsis2{height:40px;-webkit-line-clamp:2}
.ellipsis3{height:60px;-webkit-line-clamp:3}
.ellipsis4{height:80px;-webkit-line-clamp:4}
.row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.col{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:block;width:100%}
div{display:block;-webkit-tap-highlight-color:transparent}
.clearfix:after,.carList:after{content:'\0020';display:block;height:0;clear:both}
.clearfix{zoom:1}
html,body{min-height:100%}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),only screen and (min-resolution:2dppx){.tab>span em:before,.tab>span a:before,.tab,.title{border-width:1px;border-image:url(http://cdn2.guopan.cn/frontend/m/static/img/icon_border_137f5b4.png) 2 stretch;-webkit-border-image:url(http://cdn2.guopan.cn/frontend/m/static/img/icon_border_137f5b4.png) 2 stretch}
.newsList li a,.gameList li a,.waitList li,.detailList li,.soonList li,.itemTime,.lb-list li,.sliderContent a,.sh-list li,.defaultSearch a>span,.serYx-list li,.ser-msg,.news-list li,.list li,.aritle-head,.comment-list li,.cmtContent .cmtTxt,.lbff-list li,.cmtList li,.letter-list .item,.info-list .item,.exitArea,.info-tips,.cmtList li .cmt-reply .reply-txt,.ftList li a,.groupComment-list li,.reply-item,.groupBottom,.groupWrite span.gPinglun,.shareBottom,.tieComment span:last-child,.tieList li,.tiePage>span{border-width:1px;border-image:url(http://cdn2.guopan.cn/frontend/m/static/img/gray_icon_border_96cf802.png) 2 stretch;-webkit-border-image:url(http://cdn2.guopan.cn/frontend/m/static/img/gray_icon_border_96cf802.png) 2 stretch}
.title .tit-hd{border-width:1px;border-image:url(http://cdn2.guopan.cn/frontend/m/static/img/red_icon_border_c7ff4ac.png) 2 stretch;-webkit-border-image:url(http://cdn2.guopan.cn/frontend/m/static/img/red_icon_border_c7ff4ac.png) 2 stretch}}
.tab,.title,.list li,.newsList li a,.gameList li a,.waitList li,.tab>span em:before,.tab>span a:before,.detailList li,.soonList li,.itemTime,.lb-list li,.sliderContent a,.sh-list li,.defaultSearch a>span,.serYx-list li,.ser-msg,.news-list li,.aritle-head,.comment-list li,.cmtContent .cmtTxt,.lbff-list li,.cmtList li,.letter-list .item,.info-list .item,.exitArea,.info-tips,.cmtList li .cmt-reply .reply-txt,.ftList li a,.groupComment-list li,.reply-item,.groupBottom,.groupWrite span.gPinglun,.shareBottom,.tieComment span:last-child,.tieList li,.tiePage>span{border-color:#ccc;border-style:solid;border-width:1px}
.title .tit-hd{border-color:#e73c44;border-style:solid;border-width:1px}
.commentText span:after,.ser-msg:before,.zoneMsg:before,.videoRec li a:before,.cmt-tool>span:before{background:url(http://cdn2.guopan.cn/frontend/m/static/img/icon_4969e49.png) no-repeat;-webkit-background-size:50px auto;background-size:50px auto}
#main{padding-top:45px;overflow:hidden;-webkit-overflow-scrolling:touch;position:relative;z-index:10}
.header{position:fixed;left:0;top:0;width:100%;background-color:#333;color:#fff;height:45px;line-height:45px;z-index:1000;overflow:hidden}
.header.por{position:relative!important}
.tab,.title{display:-webkit-box;display:box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.tab>span,.title .mores{display:block;-webkit-box-flex:1;box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.header .header-title{height:45px;padding:0 75px;text-align:center;font-size:18px}
.header .header-title p{height:45px;line-height:45px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.header-left{position:absolute;left:10px;top:5px}
.header-left .logo{display:block}
.header-left .logo img{display:block}
.header-back{position:absolute;width:45px;height:45px}
.header-back a{display:block;height:45px;position:relative}
.header-back a:before{position:absolute;content:"";left:50%;top:50%;margin:-7px 0 0 -7px;width:14px;height:14px;border-width:2px 0 0 2px;border-style:solid;border-color:#fff;-webkit-transform:rotate(-45deg)}
.header-title span{display:block;text-align:center}
.header-right{position:absolute;right:3px;top:0;height:45px}
.header-right .search-box,.header-right .menu{position:relative;float:left;width:35px;height:45px;display:block;text-align:center}
.header-right .menu.sxMenu:before{position:absolute;content:"";width:6px;height:6px;background-color:#E74C3C;-webkit-border-radius:50%;border-radius:50%;right:4px;top:13px;z-index:1}
.header-right .menu.onNav:before{background-color:transparent}
.header-right .search-box i,.header-right .menu i{width:20px;height:20px;margin-top:12px;display:inline-block}
.header-right .search-box i{-webkit-;background-repeat: no-repeat;}
.header-right .menu i,.header-right .menu i:before,.header-right .menu i:after{position:absolute;width:20px;height:2px;background-color:#fff;-webkit-border-radius:5px;border-radius:5px;left:50%;margin-left:-10px;-webkit-transition:-webkit-transform .3s;transition:transform .3s}
.header-right .menu i{top:50%;margin-top:-1px}
.header-right .menu i:before{top:6px;content:""}
.header-right .menu i:after{bottom:6px;content:""}
.header-right .menu.onNav i{background-color:transparent}
.header-right .menu.onNav i:before{top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.header-right .menu.onNav i:after{bottom:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.tab{border-width:0;border-bottom-width:1px;background:#fff}
.tab>span{text-align:center}
.tab>span.on{border-bottom:2px solid #e73c44;margin-bottom:-1px;position:relative}
.tab>span.on em,.tab>span.on a{color:#E73C44}
.tab>span em,.tab>span a{display:block;border-width:0;padding:15px 0;position:relative}
.tab>span em:before,.tab>span a:before{position:absolute;right:0;top:50%;height:20px;margin-top:-10px;border-width:0;border-right-width:1px;content:""}
.tab>span:last-child em:before,.tab>span:last-child a:before{border-width:0}
.title{border-width:0;border-bottom-width:1px;padding-top:5px}
.title .tit-hd{border-width:0;border-bottom-width:1px;display:block;font-size:18px;line-height:30px;margin-bottom:-1px;padding:3px 5px}
.title .mores{font-size:14px;margin:13px 5px 0 0;text-align:right}
.btn1,.btn2{color:#fff!important;-webkit-border-radius:2px;border-radius:2px;display:block;padding:5px 0;line-height:20px;text-align:center;font-size:14px;-webkit-tap-highlight-color:rgba(0,0,0,.1)}
.btn1{background-color:#60ca20}
.btn2{background-color:#f5702e}
.btn1.gray,.btn2.gray{background:#bbb}
.btn-lq{background-color:#e73c44}
.btn-th{background-color:#f5702e}
.btn-yh{background-color:#1db7ff}
.downloadBtn{height:30px;overflow:hidden;width:60px!important}
.searchBtn{width:60px!important}
.jSlider{position:fixed;bottom:20%;right:15px;margin-right:auto;width:40px;height:40px;z-index:100;background-color:rgba(0,0,0,.5);-webkit-border-radius:50%;border-radius:50%}
.jSlider.center{bottom:15%;right:50%;margin-right:-20px}
.jSlider span{position:absolute;width:14px;height:2px;top:12px;left:50%;margin-left:-7px;background-color:#fff}
.jSlider span:before,.jSlider span:after{position:absolute;content:""}
.jSlider span:before{width:0;height:0;top:-2px;left:50%;margin-left:-7px;border-width:7px;border-style:solid;border-color:transparent transparent #fff}
.jSlider span:after{width:6px;height:8px;background-color:#fff;left:50%;top:10px;margin-left:-3px}
.boxItem{background:#fff;padding:0 8px;margin-top:10px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.02);box-shadow:0 1px 0 rgba(0,0,0,.02)}
.loadMore{padding:10px}
.loadMore a{display:block;background:#e9e9e9;-webkit-border-radius:3px;border-radius:3px;text-align:center;padding:10px 0;color:#666;text-shadow:0 1px 0 rgba(255,255,255,.4);position:relative}
.loadMore a:before{content:"";width:16px;height:16px;vertical-align:-2px;background:url(http://cdn2.guopan.cn/frontend/m/static/img/loads_50c5e3e.gif) no-repeat;-webkit-background-size:16px auto;background-size:16px auto;display:inline-block;margin:0 8px 0 0}
.loadMore a.noLoadimg:before{width:0;height:0;display:none}
.hide{display:none}
.tipCodeMsk{position:fixed;background:rgba(0,0,0,.5);width:100%;height:100%;left:0;top:0;z-index:2001}
.codesWrap{width:240px;background:#fff;padding:15px 20px 25px;margin:0 auto;border-radius:4px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.codesWrap .closeBtn{display:block;width:30px;height:30px;position:absolute;top:10px;right:10px}
.codesWrap .closeBtn:before,.codesWrap .closeBtn:after{position:absolute;content:"";width:20px;height:2px;background:#333;left:5px;top:15px}
.codesWrap .closeBtn:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.codesWrap .closeBtn:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.codesWrap .tipIcon{position:relative;display:block;width:46px;height:46px;border:2px solid #E88505;-webkit-border-radius:50%;border-radius:50%;margin:20px auto}
.codesWrap .tipIcon:before,.codesWrap .tipIcon:after{position:absolute;content:"";width:4px;left:50%;margin-left:-2px;background:#E88505;-webkit-border-radius:10px;border-radius:10px}
.codesWrap .tipIcon:before{height:4px;top:12px}
.codesWrap .tipIcon:after{height:20px;top:18px}
.codesWrap p{font-size:14px;color:#666}
.codesWrap .code{text-align:center;margin:5px 0 15px}
.codeWrap .code p{font-size:16px;line-height:28px;color:#666}
.codesWrap .trueBtn{border:0;border-radius:4px;color:#fff;height:45px;line-height:45px;font-size:18px;text-align:center;background:#08adf9}
.codesWrap .trueBtn a{display:block;color:#fff}
.iosLb .tipIcon{background:url(http://cdn2.guopan.cn/frontend/m/static/img/lb_de3aace.png) no-repeat;background-size:contain;border:0;border-radius:0;-webkit-border-radius:0}
.iosLb .tipIcon:before,.iosLb .tipIcon:after{background:0 0}
.loadingMask,.showTipMask,.confirmMask{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(255,255,255,.02);z-index:99998}
.loadingImg{height:40px;width:40px;position:absolute;margin:-20px 0 0 -20px;left:50%;top:50%;z-index:99999;-webkit-animation:rotation .6s infinite linear;animation:rotation .6s infinite linear;border-left:4px solid rgba(47,60,87,.15);border-right:4px solid rgba(47,60,87,.15);border-bottom:4px solid rgba(47,60,87,.15);border-top:4px solid rgba(47,60,87,.75);border-radius:100%}
.showTipMask .showTitle{position:absolute;left:50%;top:50%;background-color:rgba(0,0,0,.8);color:#fff;z-index:99999;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-border-radius:3px;border-radius:3px}
.showTipMask .showTitle span{display:inline-block;padding:10px 20px;font-size:14px;text-align:center;white-space:nowrap}
.tipMask{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000;background:rgba(255,255,255,.1)}
.tipMask>span{position:absolute;max-width:300px;left:50%;top:50%;padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(0,0,0,.7);color:#fff;white-space:nowrap;overflow:hidden;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-border-radius:5px;border-radius:5px;font-size:14px}
.setTips,.loadTitle{position:fixed;left:0;top:0;width:100%;background:#fff2a9;color:#f60;text-align:center;border-bottom:1px solid #eadb85;z-index:2000}
.setTips{-webkit-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0);-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease;-webkit-backface-visibility:hidden;-webkit-perspective:1000}
.setTips>span,.loadTitle span{display:block;padding:0 5px;line-height:45px;white-space:nowrap;overflow:hidden}
.setTips.tipsShow{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.inLoading{position:relative;padding:55px 0 0;text-align:center;font-size:14px;color:#666}
.inLoading span{position:absolute;content:"";width:40px;height:40px;left:50%;top:0;margin-left:-20px;-webkit-animation:rotation .6s infinite linear;animation:rotation .6s infinite linear;border-left:4px solid rgba(47,60,87,.15);border-right:4px solid rgba(47,60,87,.15);border-bottom:4px solid rgba(47,60,87,.15);border-top:4px solid rgba(47,60,87,.75);border-radius:100%}
.confirmMask{background-color:rgba(0,0,0,.5)}
.confirm{display:none;position:fixed;left:50%;top:50%;width:250px;background-color:#fff;-webkit-border-radius:5px;border-radius:5px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:99999}
.confirm.confirmShow{display:block}
.confirm .confirm-title{position:relative;padding:20px 10px;text-align:center;font-size:14px}
.confirm .confirm-title:before{position:absolute;content:"";bottom:0;left:0;width:100%;height:0;border-top:1px solid #aaa;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(.5);transform:scaleY(.5)}
.confirm .confirm-b{text-align:center}
.confirm .confirm-b>span{position:relative;padding:12px 0;-webkit-tap-highlight-color:rgba(0,0,0,.2);color:#0078FF}
.confirm .confirm-b>span:active{background-color:rgba(0,0,0,.1)}
.confirm .confirm-b>span:last-child:before{position:absolute;content:"";top:0;left:0;height:100%;width:0;border-left:1px solid #aaa;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}
.border-box{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.us-btn{display:block;width:100%;border:0;border-radius:4px;color:#fff;height:45px;line-height:45px;font-size:18px;margin:10px 0 20px;text-align:center}
.us-btn.active{background:#08adf9}
.us-btn.disable{background:#bdbdbd}
.us-wrap{padding:20px 15px 15px}
.inputWrap{display:-webkit-box;display:-webkit-flex;display:flex;width:100%}
.inputWrap input{-webkit-box-flex:1;-webkit-flex:1;flex:1;border:1px solid #c9eaf5;display:block;width:100%;padding:10px;font-size:14px;line-height:normal;margin-bottom:10px}
@-webkit-keyframes rotation{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@keyframes rotation{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
#footer{margin-top:10px;position:relative;z-index:2}
.foot{background-color:#323232;text-align:center;padding:15px 10px;font-size:14px;color:#fff}
.foot p{font-size:11px}
.foot-link{padding-bottom:10px}
.foot-link a{color:#fff}
.foot-link p{margin:0;color:#787878}
#footer.ftFixed{position:absolute;width:100%;bottom:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box}
.join{padding:15px 10px;background:#fff;margin-bottom:10px}
.join .join-left{display:block}
.join .join-middel{margin:0 10px}
.join .join-middel .j-head{font-size:16px;padding-top:3px}
.join .join-middel .j-desc{font-size:14px}
.join-right .j-link{display:block;margin-top:5px;padding:8px 20px;border:1px solid #E73C44;color:#E73C44;-webkit-border-radius:3px;border-radius:3px}
.gameList li a{border-width:0;border-bottom-width:1px;padding:10px 0;display:-webkit-box;display:box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.gameList li:last-child a{border-bottom-width:0}
.gameList li a img{width:70px;height:70px;display:block;-webkit-border-radius:12px;border-radius:12px}
.gameList li a img.bl{width:90px;height:60px;border-radius:0}
.gameList li .gameDesc{display:block;-webkit-box-flex:1;box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:0 0 0 8px}
.gameList li .gameDesc .g-tit{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gameList li .gameDesc .g-tit.noImg{height:50px;line-height:25px;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}
.gameList li .gameDesc .g-content{height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;font-size:14px;color:#999;margin-top:5px}
.header-search{margin:0 10px 0 50px}
.searchBox{background:#fff;margin:8px 0 0;-webkit-border-radius:3px;border-radius:3px;height:30px;line-height:30px}
.searchBox .searchText{background:transparent;border:0;padding:5px;height:20px;line-height:normal;font-size:14px}
.searchBox .searchBtn{width:30px!important;height:30px;display:block;border:0;background:url(http://cdn2.guopan.cn/frontend/m/static/img/icon_search1_29a9a92.png) no-repeat 5px 5px;-webkit-background-size:20px 20px;background-size:20px 20px}
.plusMask{display:none;position:fixed;left:0;top:0;background:rgba(0,0,0,.8);width:100%;height:100%;z-index:2000}
.heng{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}
.allImg{position:absolute;left:0;transform:translateX(0px)}
.allImg img.big{vertical-align:middle}
.selected{position:absolute;bottom:10px;left:0;width:100%;text-align:center}
.selected .circle{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ccc;margin:0 2px}
.selected .circle.active{background:#E74C3C}
.pages{position:absolute;left:0;top:55px;width:100%;text-align:center;font-size:16px;color:#fff;z-index:10}
.mySlider{display:none;position:relative;width:100%;overflow:hidden;background-color:#e5e5e5;-webkit-transition:height .2s;transition:height .2s;-webkit-backface-visibility:hidden}
.mySlider .slider-wrap{position:absolute;width:100%;top:0}
.slider-wrap .sliderItem{position:absolute;width:100%;height:100%;top:0}
.slider-wrap .sliderItem img{width:100%;display:block}
.slider-wrap .sliderItem .itemTitle{position:absolute;left:0;bottom:0;width:100%;padding:5px;background-color:rgba(0,0,0,.5);color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.slider-pagination{position:absolute;right:5px;bottom:5px}
.slider-pagination span{display:inline-block;margin:0 3px;width:8px;height:8px;-webkit-border-radius:50%;border-radius:50%;background-color:rgba(255,255,255,.7)}
.slider-pagination span.active{background-color:#E74C3C}
.zoneMain .zone-c{display:none}
.zoneMain .zone-cur{display:block}.header-right .search-box i{background-position:0px 0px}.header-right .search-box i{background-size: 20px 20px;background-image: url(http://cdn2.guopan.cn/frontend/m/static/gpm/css/layout_0.5_z_396de4a.png)}