@charset "UTF-8";html{font-family:BlinkMacSystemFont,"PingFang SC",PingFang-SC-Regular,"Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;background:#fff;min-height:100%}body{font-size:.14rem;min-height:100%}a,b,body,button,canvas,code,dd,div,dl,dt,em,form,h1,h2,h3,h4,html,i,iframe,img,input,li,ol,option,p,pre,select,span,strong,table,tbody,textarea,thead,ul,video,xmp{margin:0;padding:0;word-break:break-all;word-wrap:break-word;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-overflow-scrolling:touch}audio,dd,dl,dt,ol,p,ul,video{display:block;border:0}img{border:0}a{text-decoration:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}a:hover{text-decoration:none}li{display:block;list-style:none}textarea{resize:none;outline:0;font-family:BlinkMacSystemFont,"PingFang SC",PingFang-SC-Regular,"Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif}input{outline:0;font-size:.12rem}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset!important}::-webkit-scrollbar{width:.06rem;height:.06rem;background-color:#eee;border-radius:.1rem}::-webkit-scrollbar-track{background-color:#eee;border-radius:.1rem}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:.1rem}::-webkit-input-placeholder{color:#bbb!important}::-moz-placeholder{color:#bbb!important}::-ms-input-placeholder{color:#bbb!important}input[disabled]{background:rgba(184,184,184,.5);color:#9a9a9a}.clear{*height:1%}.clear:after{content:".";display:block;width:0;height:0;line-height:0;font-size:0;clear:both;visibility:hidden}.hide{display:none!important}.show{display:block!important}.hidden{visibility:hidden!important}.null{display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-999px}@-webkit-keyframes heart{from{-webkit-transform:translate(0,0);transform:translate(0,0)}to{-webkit-transform:translate(0,.16rem);transform:translate(0,.16rem)}}@keyframes heart{from{-webkit-transform:translate(0,0);transform:translate(0,0)}to{-webkit-transform:translate(0,.16rem);transform:translate(0,.16rem)}}#loading-mask{position:fixed;top:0;left:0;bottom:0;right:0;background-color:transparent;z-index:900}#loading-mask img{display:block;width:1.4rem;height:1.4rem;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.simple-text-prompt{position:fixed;width:100%;top:3.19rem;text-align:center;z-index:801}.simple-text-prompt .message{display:inline-block;padding:0 .6rem;line-height:.6rem;color:#fff;font-size:.26rem;text-align:center;background-color:rgba(0,0,0,.95);border-radius:.3rem}.ajax-error-tip{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;display:none}.ajax-error-tip.show-tip{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.ajax-error-tip img{display:block;width:4rem;height:4rem}.ajax-error-tip p{font-size:.3rem;color:#000;line-height:.4rem;margin:.74rem 0 .88rem;text-align:center}.ajax-error-tip a{font-size:.26rem;color:#c1c1c1}img.lazyload{background:url(../image/lazyload/lazy.png) center center no-repeat;background-size:1.4rem 1.4rem}img.lazyload.cover{background-size:100% auto}img.lazyload.none{background:url(../image/lazyload/lazy-none.png)}img.lazyload[src]{background:0 0}img.lazyload[src].loadfail{background:url(../image/lazyload/loadfail@2x.png) center center no-repeat;background-size:1.4rem 1.4rem}img.lazyload[src].loadfail.cover{background-size:100% auto}.ui-mainColor{background:#f13c41!important;color:#fff!important}@font-face{font-family:FZCYSJW;src:url(../font/FZCYSJW.TTF)}.u-popup{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:800;-webkit-transition:opacity .5s;transition:opacity .5s}.u-popup.show{display:block}.u-popup .reset-board{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.u-popup .normal-board{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.u-popup .normal-board .close{position:absolute}body,html{height:100%}body{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.page-header{display:block;height:1.18rem;display:none}.page-header img{width:100%;height:100%;display:block}.page-root{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:1px;position:relative;z-index:1}.page-root .section{height:100%;position:relative;z-index:1;overflow:hidden}.page-root .section-default-bg{background:url(../image/ht-simulator/bg-default.jpg) no-repeat center top/100% auto}.page-root .header-panel{width:100%;position:absolute;left:0;top:.14rem;z-index:2;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0 .36rem 0 .24rem;box-sizing:border-box}.page-root .header-panel a{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:.42rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border:1px solid #eaeff2;font-size:.22rem;padding:0 .14rem;color:#fff;box-sizing:border-box}.page-root .header-panel a b{font-weight:400}.page-root .header-panel .btn-download{color:#fff194;border-color:#fff194}.page-root .header-panel .left,.page-root .header-panel .right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.page-root .header-panel .left a::before{content:'';display:block;width:.08rem;height:.08rem;background:#fff194;margin:0 .12rem 0 0}.page-root .header-panel .right em{display:block;width:.47rem;height:.42rem;margin:0 0 0 .16rem;cursor:pointer}.page-root .header-panel .right .icon-share{background:url(../image/ht-simulator/icon-share.png) no-repeat center top/100% auto}.page-root .header-panel .right .icon-music{background:url(../image/ht-simulator/icon-music.png) no-repeat center top/100% auto}.page-root .header-panel .right .icon-music.on{background:url(../image/ht-simulator/icon-music-on.png) no-repeat center top/100% auto}.page-root .section-front{background:url(../image/ht-simulator/bg-front.jpg) no-repeat center top/100% auto;display:block}.page-root .section-front .icon-logo{width:3.34rem;height:.84rem;position:absolute;top:.62rem;left:.22rem}.page-root .section-front .front-bottom-line{width:100%;height:.45rem;position:absolute;bottom:.18rem;left:0}.page-root .section-front .start-btn{display:block;width:3.18rem;height:.85rem;text-indent:-9999px;background:url(../image/ht-simulator/start-btn.png) no-repeat center top/100% auto;position:absolute;left:50%;margin-left:-1.59rem;top:10.52rem}.page-root .section-loading{background:url(../image/ht-simulator/bg-loading.jpg) no-repeat center top/100% auto}.page-root .section-loading .loading-img{display:block;width:3.62rem;height:3.28rem;position:absolute;left:50%;top:50%;margin-left:-1.81rem;margin-top:-1.64rem}.page-root .section-home{background:url(../image/ht-simulator/bg-home.jpg) no-repeat center top/100% auto}.page-root .section-home::after{content:'';display:block;width:1.43rem;height:.43rem;background:url(../image/ht-simulator/icon-dot.png) no-repeat center top/100% auto;position:absolute;left:.3rem;bottom:.3rem}.page-root .section-home .icon-home-title{display:block;width:5.65rem;height:1.32rem;margin:.9rem auto 0}.page-root .section-home .drawcard-btn{width:3.18rem;height:.86rem;background:url(../image/ht-simulator/take-btn.png) no-repeat center top/100% auto;position:absolute;left:50%;margin-left:-1.59rem;top:8.75rem;text-indent:-9999px}.page-root .section-talent .title{width:4.13rem;height:1.51rem;background:url(../image/ht-simulator/tit-tfck.png) no-repeat center top/100% auto;margin:.78rem auto .2rem;text-indent:-9999px}.page-root .section-talent .card-panel{width:6.7rem;height:8.15rem;background:url(../image/ht-simulator/card-bg.png) no-repeat center top/100% auto;margin:0 auto .24rem;padding:.27rem 0;box-sizing:border-box;position:relative}.page-root .section-talent .card-panel::before{content:'';display:block;width:1.32rem;height:1.43rem;background:url(../image/ht-simulator/icon-talent-person.png) no-repeat center top/100% auto;position:absolute;right:-.1rem;top:-1.43rem}.page-root .section-talent .card-panel ul{height:100%;overflow-y:auto;width:5.92rem;margin:0 auto}.page-root .section-talent .card-panel ul li{padding:0 .16rem;height:.66rem;line-height:.66rem;text-align:center;font-size:.24rem;color:#f3e4a9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:rgba(126,77,53,.4);margin:0 0 .08rem;position:relative}.page-root .section-talent .card-panel ul li:last-child{margin-bottom:0}.page-root .section-talent .card-panel ul li.on::after{content:'';display:block;width:3.97rem;height:.68rem;background:url(../image/ht-simulator/icon-select-border.png) no-repeat center top/100% auto;position:absolute;left:0;top:-.01rem}.page-root .section-talent .btn-box{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.page-root .section-talent .btn-box a{width:2.54rem;height:.85rem;text-indent:-9999px;margin:0 .34rem}.page-root .section-talent .btn-box a.reroll-btn{background:url(../image/ht-simulator/reroll-btn.png) no-repeat center top/100% auto}.page-root .section-talent .btn-box a.confirm-btn{background:url(../image/ht-simulator/sure-btn.png) no-repeat center top/100% auto}.page-root .section-attribute .title{width:5.44rem;height:.92rem;background:url(../image/ht-simulator/tit-shuxing.png) no-repeat center top/100% auto;margin:1.06rem auto .52rem;text-indent:-9999px}.page-root .section-attribute .card-panel{width:6.7rem;height:8.15rem;background:url(../image/ht-simulator/card-bg.png) no-repeat center top/100% auto;margin:0 auto .24rem;padding:.27rem .39rem;box-sizing:border-box;position:relative}.page-root .section-attribute .card-panel .attribute-count{font-size:.28rem;color:#fff;text-align:center;margin:0 0 .32rem}.page-root .section-attribute .card-panel dl{margin:0 0 .3rem}.page-root .section-attribute .card-panel dl dd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0 0 .4rem}.page-root .section-attribute .card-panel dl dd:last-child{margin-bottom:0}.page-root .section-attribute .card-panel dl dd .dot{margin:0 .08rem;width:.4rem;height:.39rem;background:url(../image/ht-simulator/icon-attribute-dot.png) no-repeat center top/100% auto}.page-root .section-attribute .card-panel dl dd .word{display:block;width:1.13rem;height:.62rem;margin:0 .48rem 0 0}.page-root .section-attribute .card-panel dl dd .operate-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:#2d1d1a}.page-root .section-attribute .card-panel dl dd .operate-box a{width:.63rem;height:.63rem;border:1px solid #fff;position:relative;box-sizing:border-box;text-indent:-9999px}.page-root .section-attribute .card-panel dl dd .operate-box .sub{background:url(../image/ht-simulator/icon-sub.png) no-repeat center top/100% auto;background-position:center;background-size:.23rem .04rem}.page-root .section-attribute .card-panel dl dd .operate-box .add{background:url(../image/ht-simulator/icon-add.png) no-repeat center top/100% auto;background-position:center;background-size:.29rem .29rem}.page-root .section-attribute .card-panel dl dd .operate-box span{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:2.14rem;height:.63rem;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border:1px solid #fff;box-sizing:border-box;font-size:.26rem;color:#fff}.page-root .section-attribute .card-panel .talent-select h4{font-size:.28rem;color:#f3e4a9;text-align:center;margin:0 0 .14rem;font-weight:500}.page-root .section-attribute .card-panel .talent-select ul li{padding:0 .16rem;height:.66rem;line-height:.66rem;text-align:center;font-size:.24rem;color:#f3e4a9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:rgba(126,77,53,.4);margin:0 0 .08rem}.page-root .section-attribute .card-panel .talent-select ul li:last-child{margin-bottom:0}.page-root .section-attribute .btn-box{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.page-root .section-attribute .btn-box a{width:2.56rem;height:.85rem;text-indent:-9999px;margin:0 .34rem}.page-root .section-attribute .btn-box a.random-btn{background:url(../image/ht-simulator/btn-random.png) no-repeat center top/100% auto}.page-root .section-attribute .btn-box a.start-xiuxian-btn{background:url(../image/ht-simulator/btn-start-xiuxian.png) no-repeat center top/100% auto}.page-root .section-game .title{width:4.4rem;height:.78rem;background:url(../image/ht-simulator/title-game.png) no-repeat center top/100% auto;margin:.78rem auto .12rem;text-indent:-9999px}.page-root .section-game .attribute-info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0 0 .22rem}.page-root .section-game .attribute-info dd{margin:0 .17rem}.page-root .section-game .attribute-info dd p{width:.91rem;height:.44rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border:1px solid #fff;font-size:.24rem;color:#fff;background:rgba(0,0,0,.5);font-family:FZCYSJW}.page-root .section-game .card-panel{width:6.7rem;height:7.77rem;background:url(../image/ht-simulator/card-game-bg.png) no-repeat center top/100% auto;margin:0 auto .24rem;padding:.3rem .39rem .48rem;box-sizing:border-box;position:relative}.page-root .section-game .card-panel ul{height:100%;overflow-y:auto;margin:0 auto}.page-root .section-game .card-panel ul li{padding:.12rem .24rem;font-size:.25rem;line-height:.36rem;color:#f3e4a9;background:rgba(126,77,53,.4);margin:0 0 .08rem;text-align:justify}.page-root .section-game .btn-box{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.page-root .section-game .btn-box a{width:2.88rem;height:.85rem;text-indent:-9999px;margin:0 .34rem}.page-root .section-game .btn-box a.continuation-btn{background:url(../image/ht-simulator/btn-continuation.png) no-repeat center top/100% auto}.page-root .section-game .btn-box a.voluntarily-btn{background:url(../image/ht-simulator/btn-voluntarily.png) no-repeat center top/100% auto}.page-root .section-game .btn-box a.summarize-btn{width:3.68rem;height:.86rem;background:url(../image/ht-simulator/btn-summarize.png) no-repeat center top/100% auto}.page-root .section-summarize .title{width:3.65rem;height:.92rem;background:url(../image/ht-simulator/title-summarize.png) no-repeat center top/100% auto;margin:.9rem auto .2rem;text-indent:-9999px}.page-root .section-summarize .my-attribute{width:6.64rem;height:2.64rem;background:url(../image/ht-simulator/summarize-card-bg-1.png) no-repeat center top/100% auto;margin:0 auto .14rem;overflow:hidden}.page-root .section-summarize .my-attribute dl{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:.36rem 0 0}.page-root .section-summarize .my-attribute dl dd{width:1.28rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.page-root .section-summarize .my-attribute dl dd .name{font-size:.3rem;color:#fff;text-align:center;font-family:FZCYSJW;margin:0 0 .18rem}.page-root .section-summarize .my-attribute dl dd .value{width:.84rem;height:.76rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:.4rem;color:#fff;border:1px solid #fff;font-weight:500;background:rgba(0,0,0,.4);margin:0 0 .24rem}.page-root .section-summarize .my-attribute dl dd .level{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:1.28rem;height:.32rem;background:url(../image/ht-simulator/level-bg.png) no-repeat center top/100% auto;font-size:.24rem;color:#fff}.page-root .section-summarize .my-times{width:6.64rem;min-height:2.64rem;margin:0 auto .1rem;position:relative;padding:.25rem 0 .4rem;box-sizing:border-box}.page-root .section-summarize .my-times::before{content:'';display:block;width:100%;height:.25rem;background:url(../image/ht-simulator/summarize-card-bg-2-top.png) no-repeat center top/100% auto;position:absolute;left:0;top:0}.page-root .section-summarize .my-times::after{content:'';display:block;width:100%;height:.4rem;background:url(../image/ht-simulator/summarize-card-bg-2-bottom.png) no-repeat center top/100% auto;position:absolute;left:0;bottom:0}.page-root .section-summarize .my-times .times-content{background:url(../image/ht-simulator/summarize-card-bg-2-center.png) no-repeat center top/100% auto;background-repeat:repeat-y;padding:0 .18rem}.page-root .section-summarize .my-times .times-content .tit{width:3.12rem;height:.36rem;background:url(../image/ht-simulator/tit-ggsk.png) no-repeat center top/100% auto;text-indent:-9999px;margin:0 0 .1rem}.page-root .section-summarize .my-times .times-content .events{min-height:1.6rem;font-size:.24rem;color:#f3e4a9;line-height:.38rem}.page-root .section-summarize .my-times .times-content .events li{background:0 0!important}.page-root .section-summarize .my-talent{width:6.64rem;height:3.1rem;background:url(../image/ht-simulator/summarize-card-bg-3.png) no-repeat center top/100% auto;margin:0 auto .24rem;overflow:hidden;padding:.26rem 0;box-sizing:border-box}.page-root .section-summarize .my-talent .tit{font-size:.24rem;color:#fff;line-height:.36rem;padding:0 .26rem;margin:0 0 .14rem}.page-root .section-summarize .my-talent ul{width:5.92rem;margin:0 auto}.page-root .section-summarize .my-talent ul li{width:100%;height:.66rem;text-align:center;line-height:.66rem;padding:0 .2rem;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.24rem;color:#f3e4a9;background:rgba(126,77,53,.4);margin:0 0 .08rem;position:relative}.page-root .section-summarize .my-talent ul li.on::after{content:'';display:block;width:3.97rem;height:.68rem;background:url(../image/ht-simulator/icon-select-border.png) no-repeat center top/100% auto;position:absolute;left:0;top:-.01rem}.page-root .section-summarize .btn-box{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.page-root .section-summarize .btn-box a{width:2.54rem;height:.85rem;text-indent:-9999px;margin:0 .26rem}.page-root .section-summarize .btn-box a.restart-btn{background:url(../image/ht-simulator/btn-restart.png) no-repeat center top/100% auto}.page-root .section-summarize .btn-box a.share-btn{width:3.63rem;background:url(../image/ht-simulator/btn-share.png) no-repeat center top/100% auto}.page-root .section-data{padding:.9rem 0 1rem;box-sizing:border-box}.page-root .section-data .scroll-panel{height:100%;overflow-y:auto;overflow-x:hidden}.page-root .section-data .scroll-panel .data-panel .title{width:3.64rem;height:.92rem;background:url(../image/ht-simulator/title-data.png) no-repeat center top/100% auto;margin:0 auto .42rem;text-indent:-9999px}.page-root .section-data .scroll-panel .data-panel .list-panel ul{width:6.4rem;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.page-root .section-data .scroll-panel .data-panel .list-panel ul li{width:2.56rem;height:1.42rem;background:url(../image/ht-simulator/data-item-bg.png) no-repeat center top/100% auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:.12rem .32rem}.page-root .section-data .scroll-panel .data-panel .list-panel ul li h3{font-size:.3rem;color:#fff;font-family:FZCYSJW;font-weight:500}.page-root .section-data .scroll-panel .data-panel .list-panel ul li p{color:#fff;font-size:.4rem}.page-root .section-data .scroll-panel .achievement-panel .title{width:2.14rem;height:.92rem;background:url(../image/ht-simulator/title-achievement.png) no-repeat center top/100% auto;margin:.34rem auto;text-indent:-9999px}.page-root .section-data .scroll-panel .achievement-panel .list-panel ul{width:6.4rem;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.page-root .section-data .scroll-panel .achievement-panel .list-panel ul li{width:2.56rem;height:1.42rem;background:url(../image/ht-simulator/data-item-bg.png) no-repeat center top/100% auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:.12rem .32rem}.page-root .section-data .scroll-panel .achievement-panel .list-panel ul li h3{font-size:.3rem;color:#fff;font-family:FZCYSJW;font-weight:500}.page-root .section-data .scroll-panel .achievement-panel .list-panel ul li p{color:#fff;font-size:.4rem}.page-root .section-data .scroll-panel .achievement-panel .list-panel p{margin:.1rem 0 0;font-size:.24rem!important}.share-page{width:750px;min-height:1334px;position:fixed;padding:0 0 60px 0;box-sizing:border-box;top:0;left:-1000%;z-index:-1;overflow:hidden}.share-page .share-bg{display:block;width:100%;position:absolute;left:0;top:0;z-index:1}.share-page .page-content{position:relative;z-index:2}.share-page .page-content .page-title{width:100%;height:248px;padding:36px 0 54px 52px;box-sizing:border-box;background:url(../image/ht-simulator/share-title.png) no-repeat center top/100% auto;margin:194px 0 48px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-size:60px;color:#fff;font-family:FZCYSJW}.share-page .page-content .page-title .nickname{font-size:36px}.share-page .page-content .my-attribute{width:664px;height:264px;background:url(../image/ht-simulator/summarize-card-bg-1.png) no-repeat center top/100% auto;margin:0 auto 14px;overflow:hidden}.share-page .page-content .my-attribute dl{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:36px 0 0}.share-page .page-content .my-attribute dl dd{width:128px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.share-page .page-content .my-attribute dl dd .name{font-size:30px;color:#fff;text-align:center;font-family:FZCYSJW;margin:0 0 18px}.share-page .page-content .my-attribute dl dd .value{width:84px;height:76px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:40px;color:#fff;border:1px solid #fff;font-weight:500;background:rgba(0,0,0,.4);margin:0 0 24px}.share-page .page-content .my-attribute dl dd .level{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:128px;height:32px;background:url(../image/ht-simulator/level-bg.png) no-repeat center top/100% auto;font-size:24px;color:#fff}.share-page .page-content .my-times{width:664px;min-height:264px;margin:0 auto 10px;position:relative;padding:25px 0 31px;box-sizing:border-box;overflow:hidden}.share-page .page-content .my-times::before{content:'';display:block;width:100%;height:25px;background:url(../image/ht-simulator/summarize-card-bg-2-top-l.png.png) no-repeat center top/100% auto;position:absolute;left:0;top:0}.share-page .page-content .my-times::after{content:'';display:block;width:100%;height:31px;background:url(../image/ht-simulator/summarize-card-bg-2-bottom-l.png) no-repeat center top/100% auto;position:absolute;left:0;bottom:0}.share-page .page-content .my-times .times-content{background:url(../image/ht-simulator/summarize-card-bg-2-center-l.png) no-repeat center top/100% auto;background-repeat:repeat-y;padding:0 18px;overflow:hidden}.share-page .page-content .my-times .times-content .tit{width:312px;height:36px;margin:0 0 10px}.share-page .page-content .my-times .times-content .tit img{display:block;width:100%;height:100%}.share-page .page-content .my-times .times-content .events{min-height:165px;font-size:24px;color:#f3e4a9;line-height:38px}.share-page .page-content .my-times .times-content .events li{background:0 0!important}.share-page .page-content .tips{font-size:14px;color:#fff194;text-align:center;margin-bottom:10px}.share-page .page-content .share-code-panel{height:237px;background:url(../image/ht-simulator/share-code-bg.png) no-repeat center top/100% auto;position:relative}.share-page .page-content .share-code-panel .code-box{width:170px;height:170px;position:absolute;background:#fff;top:36px;left:62px}.share-page .page-content .share-code-panel .code-box img{display:block;width:100%;height:100%}.share-page .page-content .share-code-panel .text-box{width:405px;height:78px;position:absolute;top:94px;right:25px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:28px;color:#fff}.pop-awake-app{width:5.6rem;height:6.2rem;background:url(../image/awake-pop-bg.png) no-repeat 0 0;background-size:100% auto}.pop-awake-app .close{width:.64rem;height:.48rem;background:0 0;top:.4rem;right:.1rem}.pop-awake-app .confirm-pbtn{display:block;width:3.6rem;height:.8rem;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);text-indent:-9999px;overflow:hidden}.achieve-tip{position:fixed;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:6.51rem;height:.76rem;top:1.43rem;background:url(../image/ht-simulator/tip-bg.png) no-repeat center top/100% auto;z-index:10;text-align:center;line-height:.76rem;font-size:.32rem;color:#fffffc;display:none}