.guide-icon:before,.top-bubble,.top-bubble:after{display:block;background-image:url(../images/wrap_ico_sp.png);background-repeat:no-repeat;-webkit-background-size:33px auto;} .guide-icon{position:relative;border:1px solid transparent;} .guide-icon,.guide-icon:before{display:block;-webkit-box-sizing:border-box;width:33px;height:33px;-webkit-border-radius:2px;} .guide-icon:before{position:absolute;top:-1px;left:-1px;content:'';} .guide-icon-search:before{background-position:0 0;} .guide-icon-update:before{background-position:0 -33px;} .guide-icon-update .modify{position:absolute;top:2px;right:2px;width:1pc;height:13px;background-position:0 -68px;color:#fff;text-align:center;font-size:8px;line-height:13px;line-height:15px;} .guide-icon-msg:before,.guide-icon-nav:before{background-position:0 -66px;} .guide-icon-return:before{background-position:0 -99px;} .top-bubble{position:absolute;top:3px;right:5px;margin-right:0;padding:0 0 0 4px;height:9pt;background-position:0 -99pt;line-height:1;} .top-bubble:after{position:absolute;top:0;right:-4px;display:inline-block;width:4px;height:9pt;background-position:right -99pt;content:"";} .top-bubble .num{display:-webkit-box;height:9pt;color:#fff;font-size:8px;-webkit-box-pack:center;-webkit-box-align:center;} .main-header{position:fixed;top:0;right:0;left:0;z-index:10;height:44px;border-bottom:1px solid #ccc;background:#f5f5f5;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.1);} .main-header .header-content{position:absolute;overflow:hidden;width:100%;height:44px;color:#333;text-align:center;font-size:18px;line-height:44px;} .main-header .header-widget{-webkit-box-sizing:border-box;height:44px;} .main-header .header-sub{float:left;} .main-header .header-sub .logo{overflow:hidden;padding:0 0 0 10px;height:44px;} .main-header .header-sub .logo .img{height:44px;} .main-header .header-sub .guide-icon-return{margin:5px 0 0 5px;} .main-header .header-aside{float:right;display:-webkit-box;} .main-header .header-aside .aside-item{display:block;-webkit-box-sizing:border-box;margin-right:5px;padding-top:5px;height:44px;-webkit-box-flex:0;} .main-header .header-aside .aside-item.press .guide-icon,.main-header .header-sub .guide-icon.press{border:1px solid #dedede;background:#fff;} .header-more-list{position:absolute;top:42px;right:5px;z-index:4;display:none;width:180px;-webkit-border-radius:3px;background:rgba(0,0,0,.85);text-align:center;} .header-more-list:after{position:absolute;top:-4px;right:14px;border-color:transparent transparent rgba(0,0,0,.85);border-style:solid;border-width:0 4px 4px;content:'';} .header-more-list li{position:relative;float:left;-webkit-box-sizing:border-box;padding:6px 5px;width:50%;height:44px;color:#fff;font-size:14px;} .header-more-list li:nth-child(2n):after{position:absolute;top:15px;bottom:15px;left:0;border-left:1px solid #000;content:"";} .header-more-list span{display:block;line-height:2pc;} .header-more-list span.on,.header-more-list.press span{-webkit-border-radius:3px;background:hsla(0,0%,100%,.3);} .totop-wrap{display:none;overflow:hidden;padding-left:10px;height:44px;} .totop-wrap .guide-icon,.totop-wrap .inner-text{display:inline-block;vertical-align:middle;font-size:14px;line-height:44px;} .totop-wrap .inner-text{line-height:46px;} .totop-wrap.press .guide-icon{border:1px solid #c2c2c2;background:#fff -webkit-gradient(linear,left top,left bottom,from(white),to(#eee));-webkit-background-size:150%;} .topfix-holder{width:100%;height:44px;} .bottom-default{display:table;-webkit-box-sizing:border-box;padding:9pt 0;width:100%;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;background:#fff;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);text-align:center;font-size:14px;} .bottom-default li{display:table-cell;width:20%;border-right:1px solid #ccc;line-height:1;} .bottom-default li:nth-last-child(1){border-right:none;} .bottom-default .icon-gotop{display:inline-block;margin-top:0;width:20px;height:14px;background-image:url(/image/2013/5/13/9139348.png);background-position:0 -7pc;background-size:34px 238px;background-repeat:no-repeat;vertical-align:top;} .footer-default{padding:10px 0;text-align:center;font-size:14px;line-height:1pc;} .g-quick-nav{position:fixed;bottom:9pt;left:9pt;z-index:11;} .g-quick-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:none;background:rgba(0,0,0,.2);} .g-qnav-home .g-bg,.g-qnav-list .g-bg,.g-quick-btn,.g-quick-con{background-image:url(/public/images/global/android/bg_quick.png);background-repeat:no-repeat;-webkit-background-size:350px auto;} .g-quick-btn{position:relative;z-index:13;width:53px;height:53px;background-position:0 0;} .g-quick-btn.current{background-position:0 -58px;} .g-quick-con{position:absolute;bottom:25px;left:23px;z-index:12;overflow:hidden;width:190px;height:190px;background-position:-60px 0;-webkit-transition:all linear .15s;} .g-quick-con.g-hide{opacity:0;-webkit-transform:translate(-100px,100px) scale(.2);pointer-events:none;} .g-quick-con.g-show{opacity:1;-webkit-transform:translate(0,0) scale(1);pointer-events:auto;} .g-qnav-list li{position:absolute;} .g-qnav-list .g-link{position:absolute;display:block;height:28px;outline:0;color:#626262;text-align:center;text-decoration:none;text-shadow:0 0 1px hsla(0,0%,100%,.6);font-size:14px;line-height:28px;-webkit-tap-highlight-color:transparent;} .g-qnav-list .on .g-link{color:#fff;text-shadow:0 0 1px rgba(255,214,163,.6);} .g-qnav-list .g-bg{display:none;width:100%;height:100%;} .g-qnav-list .on .g-bg{display:block;} .g-qnav-home{position:absolute;top:55px;left:56px;width:78px;height:78px;} .g-qnav-home .g-link{top:11px;left:11px;overflow:hidden;width:53px;height:53px;text-indent:-5625pc;line-height:750pt;} .g-qnav-home .g-bg{background-position:-251px 0;} .g-qnav-game{top:4px;left:94px;width:77px;height:67px;} .g-qnav-game .g-link{top:20px;left:11px;width:42px;} .g-qnav-game .g-bg{background-position:-200px -300px;} .g-qnav-test{top:3pc;left:99pt;width:52px;height:90px;} .g-qnav-test .g-link{top:31px;left:6px;width:42px;} .g-qnav-test .g-bg{background-position:-75pt -300px;} .g-qnav-my{top:87pt;left:94px;width:77px;height:85px;} .g-qnav-my .g-link{top:22px;left:1px;width:62px;} .g-qnav-my .g-bg{background-position:0 -300px;} .g-qnav-bbs{top:115px;left:1pc;width:79px;height:69px;} .g-qnav-bbs .g-link{top:22px;left:22px;width:42px;} .g-qnav-bbs .g-bg{background-position:-200px -200px;} .g-qnav-gift{top:49px;left:4px;width:52px;height:90px;} .g-qnav-gift .g-link{top:31px;left:4px;width:42px;} .g-qnav-gift .g-bg{background-position:-75pt -200px;} .g-qnav-service{top:4px;left:17px;width:92px;height:68px;} .g-qnav-service .g-link{top:19px;left:23px;width:42px;} .g-qnav-service .g-bg{background-position:0 -200px;} .mod-footer{padding-bottom:10px;text-align:center;font-size:14px;} .mod-footer .mod-bottom-nav{display:-webkit-box;padding:9pt 0;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;background:#fff;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);line-height:1;} .mod-footer .mod-bottom-nav li{overflow:hidden;height:14px;border-right:1px solid #ccc;font-size:14px;-webkit-box-flex:1;} .mod-footer .mod-bottom-nav li:last-child{border-right:none;} .mod-footer .ico-gotop{display:inline-block;width:18px;height:14px;background-position:-6px -106px;} .mod-footer .mod-web-nav{display:-webkit-box;margin:0 auto;padding:14px 0 10px;width:180px;} .mod-footer .mod-web-nav li{overflow:hidden;height:1pc;border-right:1px solid #b5b5b5;font-size:14px;line-height:1;-webkit-box-flex:1;} .mod-footer .mod-web-nav li:last-child{border-right:none;} .mod-footer .mod-user-info{padding:9pt 14px 0;text-align:center;font-size:14px;line-height:1;} .mod-footer .mod-user-con{display:inline;} .mod-footer .mod-user-btn{display:inline;padding:0 8px;} .mod-footer .g-space{display:inline-block;margin:0 5px;color:#b5b5b5;} .mod-footer .g-link{color:#1a71de;} .ico-claer,.ico-spread,.search-btn-ico,.search-history li:before{display:block;background-image:url(../images/search_sp.png);background-repeat:no-repeat;-webkit-background-size:33px auto;} .search-btn-ico{-webkit-box-sizing:border-box;width:33px;height:33px;border:1px solid #d5d5d5;-webkit-border-radius:1px;background-color:#fff;background-position:0 0;} .search-btn-ico.press{background-color:#f2f2f2;} .ico-claer{width:33px;height:33px;background-position:0 -33px;} .ico-spread{width:15px;height:15px;background-position:0 -81px;} .ico-spread-up{background-position:0 -6pc;} .ico-spread-hot{background-position:0 -111px;} .search-pop{position:fixed;top:0;right:0;left:0;z-index:20;display:none;background:#fff;} .search-pop-bg{width:100%;height:44px;border-bottom:1px solid #ccc;background:#f5f5f5;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.1);} .search-pop-main{position:relative;display:none;} .search-input{position:relative;display:-webkit-box;-webkit-box-sizing:border-box;padding:5px 8px;border:1px solid #d5d5d5;-webkit-border-radius:1px;background:#fff;-webkit-box-pack:justify;} .search-input .input{display:block;-webkit-box-sizing:border-box;padding-right:33px;width:100%;height:20px;line-height:18px;} .search-input .ico-claer{position:absolute;top:0;right:0;display:none;} .search-shell{display:-webkit-box;-webkit-box-sizing:border-box;padding:5px 10px 0 5px;-webkit-box-pack:justify;} .search-shell .guide-icon,.search-shell .search-btn{-webkit-box-flex:0;} .search-shell .search-btn{margin-left:5px;width:33px;} .search-shell .guide-icon{margin-right:5px;} .search-shell .search-input{-webkit-box-flex:1;} .search-spread-list{position:absolute;z-index:9;width:100%;background:#fff;} .search-spread-list li{float:left;-webkit-box-sizing:border-box;padding:0 8px;width:33.333333333333336%;border:solid #eee;border-width:0 1px 1px 0;background-color:#fff;} .search-spread-list li.press{background-color:#f2f2f2;} .search-spread-list li:nth-child(3n){border-right-width:0;} .search-spread-list li .inner{position:relative;display:block;overflow:hidden;-webkit-box-sizing:border-box;padding-right:15px;height:38px;text-align:center;text-overflow:ellipsis;white-space:nowrap;line-height:38px;} .search-spread-list li .ico-spread{position:absolute;top:50%;right:0;margin-top:-7px;} .search-guess-list,.search-history{position:absolute;top:0;right:0;left:0;z-index:10;display:none;border-bottom:1px solid #eee;} .search-guess-list li,.search-history li{position:relative;overflow:hidden;padding:0 15px;height:38px;border-bottom:1px solid #eee;background:#fff;color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:38px;} .search-guess-list .match-item,.search-recom-list li{position:relative;-webkit-box-sizing:border-box;padding:10px 15px;height:50px;} .search-guess-list .match-item .m-wrap,.search-recom-list li .m-wrap{display:-webkit-box;-webkit-box-pack:justify;} .search-guess-list .match-item .m-wrap .game-icon-sm,.search-recom-list li .m-wrap .game-icon-sm{margin-right:10px;width:30px;height:30px;-webkit-box-flex:0;} .search-guess-list .match-item .m-wrap .content,.search-recom-list li .m-wrap .content{-webkit-box-sizing:border-box;-webkit-box-flex:1;} .search-guess-list .match-item .m-wrap .content .game-title,.search-recom-list li .m-wrap .content .game-title{line-height:1pc;} .search-guess-list .match-item .m-wrap .content .game-info,.search-recom-list li .m-wrap .content .game-info{color:#ccc;font-size:9pt;line-height:14px;} .search-guess-list .match-item .m-wrap .content .game-info .item,.search-recom-list li .m-wrap .content .game-info .item{color:#999;} .search-guess-list{z-index:11;background:#fff;} .search-guess-list .match-item{padding-right:70px;} .search-guess-list .match-item .m-wrap .content .game-title{line-height:30px;} .search-guess-list .btn{position:absolute;top:50%;right:15px;margin-top:-9pt;width:50px;height:24px;border-color:#68b647;background:#68b647;font-size:9pt;line-height:26px;} .search-recom-list li{float:left;padding-right:30px;width:50%;border:solid #eee;border-width:0 1px 1px 0;background-color:#fff;} .search-recom-list li.press{background-color:#f2f2f2;} .search-recom-list li:nth-child(2n){border-right-width:0;} .search-recom-list li .ico-spread{position:absolute;top:50%;right:15px;margin-top:-7px;} .search-recom-list li .m-wrap .content .game-title{color:#333;font-size:14px;line-height:30px;} .search-history li{padding-left:40px;} .search-history li:before{position:absolute;top:50%;left:15px;display:block;margin-top:-7px;width:15px;height:15px;background-position:0 -66px;content:'';} .search-history .clear-history{border-bottom:0;color:#666;text-align:center;} .search-history .clear-history:before{display:none;} .search-wrap .search-text{text-align:left;} .search-pop-main-bg{width:100%;} .search-page .search-pop{display:block;} .search-page .search-pop-main-bg,.search-page .search-spread-list{display:none;} .loading{padding:10px 0;color:#999;text-align:center;font-size:9pt;} .loading-child{display:inline-block;width:15px;height:15px;border:2px solid #ccc;border-radius:15px;vertical-align:middle;-webkit-animation:load 1.2s infinite linear;} .loading-child:after{display:block;margin-top:-2px;margin-left:-2px;width:7.5px;height:7.5px;border-top:2px solid #f60;border-left:2px solid #f60;-webkit-border-top-left-radius:15px;content:"";} @-webkit-keyframes load{0%{-webkit-transform:rotate(0);} 50%{-webkit-transform:rotate(180deg);} to{-webkit-transform:rotate(360deg);} } .loading-text{display:inline-block;margin-left:10px;vertical-align:middle;font-size:9pt;} .loading .link{margin:0 1px;color:#0050b4;} .loading .error{color:red;} .btn-css-grey{background:gradient(linear,0 0,0 100%,from(#fcfcfc),to(#f4f4f4));background:-webkit-gradient(linear,0 0,0 100%,from(#fcfcfc),to(#f4f4f4));box-shadow:0 0 1px 0 #d1d1d1,inset 0 1px 1px rgba(0,0,0,.08),0 1px 1px rgba(0,0,0,.2);color:#333;} .btn-css-grey,.btn-css-orange{display:block;width:146px;height:31px;-webkit-border-radius:3px;text-align:center;line-height:31px;} .btn-css-orange{background:gradient(linear,0 0,0 100%,from(#ffb621),to(#ffa614));background:-webkit-gradient(linear,0 0,0 100%,from(#ffb621),to(#ffa614));box-shadow:0 0 1px 0 #ff8400,inset 0 1px 1px rgba(0,0,0,.08),0 1px 1px rgba(0,0,0,.2);color:#fff;} .open-test-popup{position:fixed;top:0;left:0;z-index:30;display:none;width:100%;height:100%;background:rgba(0,0,0,.5);} .gift-detail-con .con{padding:9px 10px 13px;line-height:1pc;} .gift-detail-con .con:last-child{border-bottom:1px solid #e4e4e4;} .open-test-con{position:fixed;top:136px;left:50%;z-index:31;display:none;margin-left:-140px;padding:10px 0;width:280px;border:1px solid #fff;border-radius:2px;background:#f5f5f5;} .open-test-con form{margin:0;padding:0;} .open-test-con .title1{padding-left:10px;height:22px;color:#666;font-size:9pt;line-height:22px;} .open-test-con .title2{padding-left:10px;height:22px;border-bottom:1px inset #e0e0e0;color:#333;font-size:9pt;line-height:10px;} .open-test-con .tips{display:none;padding:3px 0 0 10px;height:9pt;color:#f80;font-size:9pt;line-height:9pt;} .open-test-con .tel-num{display:block;margin:5px auto;width:259px;height:2pc;border-radius:2px;background:#fff;box-shadow:0 0 1px #000,inset 0 1px 1px rgba(0,0,0,.08);text-indent:7px;} .open-test-con .ctrl-con{display:-webkit-box;-webkit-box-sizing:border-box;padding:0 10px 10px;text-align:center;-webkit-box-pack:center;} .open-test-con .ctrl-con .btn{display:block;margin-right:10px;width:93pt;height:29px;-webkit-border-radius:2px;text-align:center;line-height:29px;cursor:pointer;} .open-test-con .ctrl-con .btn:last-child{margin-right:0;} .open-test-con .text-con{padding:10px;text-align:center;line-height:22px;} .open-test-con .text-con .black{color:#333;} .open-test-con .text-con .orange{color:#f80;} .open-test-con .text-con .grey{color:#999;} .open-test-con .text-con .modi{margin-left:5px;color:#54aede;text-decoration:underline;} .open-test-con .text-form .ctrl-con{padding-top:10px;} .open-test-con .text-content .black{margin-left:70px;text-align:left;} .tips-con{position:fixed;top:50%;left:50%;display:none;margin:-1pc 0 0 -55px;width:110px;height:33px;border:1px solid #333;border-radius:2px;background:rgba(27,27,27,.85);color:#fff;text-align:center;font-size:9pt;line-height:33px;} .open-test-con .text-form .text{padding:5px 0 5px 10px;font-size:9pt;} .open-test-con .text-code{margin:0 10px;text-align:left;} .text-code .info-code{position:relative;display:-webkit-box;margin-bottom:10px;height:30px;} .text-code .info-code label{display:inline-block;width:60px;color:#333;font-size:14px;line-height:30px;} .text-code .info-code .input-code{position:relative;display:block;padding-left:9px;border:1px solid #eee;border-radius:4px;background:#f8f8f8;color:#f80;text-align:left;font-size:14px;line-height:30px;-webkit-box-flex:1;} .text-code .info-code label{display:inline-block;width:60px;} .text-code .info-code .btn-copy{position:absolute;top:-1px;right:-1px;width:56px;height:2pc;border-radius:0 4px 4px 0;background:#f80;color:#fff;text-align:center;font-size:14px;line-height:2pc;} .text-code .info-code .tips{position:absolute;top:6px;right:60px;left:60px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;} .open-test-con .text-code .black{padding-left:7px;line-height:1pc;} .open-test-con .row{position:relative;height:37px;} .open-test-con .icon-clear{position:absolute;top:0;right:8px;width:35px;height:31px;background-image:url(/image/2013/5/13/9139351.png);background-position:center center;background-size:23px 18px;background-repeat:no-repeat;} .open-test-con .icon-down:before{display:inline-block;margin:-2px 3px 0 0;width:13px;height:13px;background-image:url(/public/images/android_new/login/icon_down.png);background-size:13px 13px;content:"";vertical-align:middle;} .open-test-con .row .tel-num{border:none;background:#f8f8f8;color:silver;} .tips-con{top:75pt;left:50%;margin-left:-55px;width:110px;height:33px;border:1px solid #333;border-radius:2px;background:rgba(27,27,27,.85);color:#fff;text-align:center;line-height:33px;} .popup-up-remind,.tips-con{position:fixed;display:none;font-size:9pt;} .popup-up-remind{top:0;z-index:30;width:100%;} .popup-up-remind .key{margin-right:3px;} .popup-up-remind .bar{display:table;margin:0 auto;margin-top:200px;padding:10px 15px;border-radius:2px;background:rgba(0,0,0,.8);color:#fff;text-align:center;} body{background:#fff;} .bottom-default{background:#f5f5f5;} .label-title,.newgame-list-header .pre-verline:after{background-image:url(../images/flows_sp.png);background-repeat:no-repeat;-webkit-background-size:67px auto;} .label-title{display:block;overflow:hidden;width:67px;height:24px;background-position:0 0;color:#fff;text-align:center;text-indent:2px;line-height:26px;} .label-title-blue{background-position:0 -194px;} .label-title-blue-short{width:44px;background-position:0 -72px;} .label-title-purple{background-position:0 -24px;} .label-title-purple-short{width:44px;background-position:0 -3pc;} .label-title-gray{width:56px;background-position:0 -6pc;color:#666;} .label-title-rose{background-position:0 -170px;} .label-title-rose-short{width:44px;background-position:0 -90pt;} .newgame-list-header .pre-verline:after{position:absolute;top:50%;left:-4px;display:block;margin-top:-5px;width:10px;height:10px;background-position:0 -90pt;content:'';} .newgame-list-header .pre-verline-gray:after{background-position:0 -10pc;} .newgame-list-header .pre-verline-blue:after{background-position:0 -130px;} .newgame-list-header .pre-verline-purple:after{background-position:0 -140px;} .label-widget{position:relative;display:block;margin-top:2px;padding:0 18px 0 7px;height:19px;border:1px solid #e8e8e8;border-radius:10px;background:#f5f5f5;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.04);font-size:9pt;line-height:21px;} .label-widget .modify{position:absolute;top:6px;right:7px;width:6px;height:8px;background-position:0 -119px;} .newgame-list-header{position:relative;-webkit-box-sizing:border-box;padding:4px 10px 0;height:33px;border-bottom:1px solid #eee;background:#f5f5f5;line-height:35px;} .newgame-list-header .label-title{float:left;margin-right:8px;} .newgame-list-header .label-widget{float:right;} .newgame-list-header .pre-verline{position:absolute;top:-1px;left:8px;width:2px;height:33px;border:solid #eaeaea;border-width:0 1px;background:#f0f0f0;} .newgame-list-header-sched{padding-left:18px;} .game-essay-list-item .pre-verline{position:absolute;top:0;left:8px;width:2px;height:100%;border:solid #eaeaea;border-width:0 1px;background:#f0f0f0;} .remindBtn{font-size:9pt;}