@charset "UTF-8";.commList-game1 .card-body{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:.24rem;-webkit-column-gap:.24rem;-moz-column-gap:.24rem;column-gap:.24rem}.commList-game1 .card-body:nth-child(n+2){border-top:1px dashed #e8e8e8}.commList-game1 .app_cover{-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:1.4rem;height:1.4rem;border-radius:.24rem;overflow:hidden}.commList-game1 .app_cover img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.commList-game1 .app_btn{-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:1rem;border-radius:.16rem;background-color:#07c5b9;color:#fff;text-align:center;font-size:.28rem;line-height:.56rem}.commList-game1 .app_btn:active,.commList-game1 .app_btn:hover{background-color:#06b1a7}.commList-game1 .app_info{height:1.4rem;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.commList-game1 .app_info .app_name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#333;font-weight:700;font-size:.3rem;line-height:.48rem}.commList-game1 .app_info .app_name:active,.commList-game1 .app_info .app_name:hover{color:#07c5b9}.commList-game1 .app_info .app_desc{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:.16rem;-moz-column-gap:.16rem;column-gap:.16rem}.commList-game1 .app_info .app_desc>span{overflow:hidden;height:.4rem;color:#666;font-size:.26rem;line-height:.4rem}.commList-game1 .app_info .app_desc .icon-line{width:0;height:.2rem;border-left:.02rem solid #999}.commList-game1 .app_info>p{margin-top:.04rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#666;font-size:.26rem;line-height:.32rem}.commList-game2{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.2rem .08rem;padding:.24rem .12rem}.commList-game2 .card-body{-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:calc(25% - .06rem)}.commList-game2 .card-body>a{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.commList-game2 .card-body>a>img{-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;overflow:hidden;width:1.5rem;height:1.5rem;border-radius:.28rem}.commList-game2 .card-body>a>h3{overflow:hidden;margin-top:.08rem;height:.48rem;color:#666;text-align:center;font-weight:700;font-size:.28rem;line-height:.48rem}.commList-game2 .card-body>a>h3:active,.commList-game2 .card-body>a>h3:hover{color:#07c5b9}.ppHjClass{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.12rem;margin:0 .24rem;padding-top:.24rem}.ppHjClass li{-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:calc(25% - .09rem)}.ppHjClass li a{display:block;background-color:#f5f5f5;border-radius:.12rem;color:#333;text-align:center;font-size:.28rem;line-height:.64rem}.ppHjClass li a:active,.ppHjClass li a:hover{background-color:#07c5b9;color:#fff}.ppHjClass li.active a{background-color:#07c5b9;color:#fff}#loading{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:.64rem;padding-bottom:.24rem}#loading .loading-txt{font-size:.28rem;line-height:.4rem;color:#666}#loading .loading-point{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}#loading .loading-point>i{width:.08rem;height:.08rem;background:#07c5b9;border-radius:100%;margin-left:.08rem;-webkit-animation:load 1.2s infinite ease-in-out;animation:load 1.2s infinite ease-in-out}#loading .loading-point>i:nth-child(1){-webkit-animation-delay:-1s;animation-delay:-1s}#loading .loading-point>i:nth-child(2){-webkit-animation-delay:-.8s;animation-delay:-.8s}#loading .loading-point>i:nth-child(3){-webkit-animation-delay:-.6s;animation-delay:-.6s}@-webkit-keyframes load{0%{-webkit-transform:scale(1.15);transform:scale(1.15)}50%{-webkit-transform:scale(.1);transform:scale(.1)}100%{-webkit-transform:scale(1.15);transform:scale(1.15)}}@keyframes load{0%{-webkit-transform:scale(1.15);transform:scale(1.15)}50%{-webkit-transform:scale(.1);transform:scale(.1)}100%{-webkit-transform:scale(1.15);transform:scale(1.15)}}.appDetail-head{padding:.24rem}.appDetail-head .app-cont{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-webkit-align-items:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-column-gap:.24rem;-moz-column-gap:.24rem;column-gap:.24rem}.appDetail-head .app-cont>h1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;color:#333;font-size:.32rem;line-height:.44rem;word-break:break-all;margin-top:-.08rem}.appDetail-head .app-cont .app-r{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-moz-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.appDetail-head .app-cover{width:1.8rem;height:1.8rem;border-radius:.4rem}.appDetail-head .dll-cover{width:.8rem;height:1.1rem;background-color:#fff}.appDetail-head .app-cover,.appDetail-head .dll-cover{-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;overflow:hidden;background-color:#fff;-webkit-box-shadow:0 .12rem .2rem rgba(0,0,0,.1);box-shadow:0 .12rem .2rem rgba(0,0,0,.1)}.appDetail-head .app-cover img,.appDetail-head .dll-cover img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.appDetail-head .app-title{overflow:hidden;display:block;line-height:.48rem;font-size:0}.appDetail-head .app-title h1,.appDetail-head .app-title span{display:inline;vertical-align:middle;word-break:break-all;white-space:normal}.appDetail-head .app-title h1{color:#333;font-size:.36rem}.appDetail-head .app-title span{margin-left:.08rem;color:#999;font-size:.24rem}.appDetail-head .app-desc{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.appDetail-head .app-desc li{-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#999;font-size:.26rem;line-height:.42rem}.appDetail-head .app-desc li span{color:#666}.appDetail-head>.app-desc{margin-top:.12rem}.appDetail-head>.app-desc li{line-height:.48rem}#down_address{padding:0 .24rem .24rem .24rem}#down_address .gameInfo-btn{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-column-gap:.12rem;-moz-column-gap:.12rem;column-gap:.12rem}#down_address .gameInfo-btn>a{position:relative;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;border-radius:.12rem;-webkit-transition:-webkit-box-shadow .2s ease-in-out;transition:-webkit-box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;color:#fff;text-align:center;font-weight:700;font-size:.32rem;line-height:.8rem}#down_address .gameInfo-btn>a.android{background:#25c88a}#down_address .gameInfo-btn>a.android:active,#down_address .gameInfo-btn>a.android:hover{z-index:10;-webkit-box-shadow:0 .2rem .3rem rgba(37,200,138,.2),0 .08rem .12rem rgba(37,200,138,.2);box-shadow:0 .2rem .3rem rgba(37,200,138,.2),0 .08rem .12rem rgba(37,200,138,.2)}#down_address .gameInfo-btn>a.ios{background:#5298ff}#down_address .gameInfo-btn>a.ios:active,#down_address .gameInfo-btn>a.ios:hover{z-index:10;-webkit-box-shadow:0 .2rem .3rem rgba(82,152,255,.2),0 .08rem .12rem rgba(82,152,255,.2);box-shadow:0 .2rem .3rem rgba(82,152,255,.2),0 .08rem .12rem rgba(82,152,255,.2)}#down_address .gameInfo-btn>a.orderBtn{background:#fe9904}#down_address .gameInfo-btn>a.orderBtn:active,#down_address .gameInfo-btn>a.orderBtn:hover{z-index:10;-webkit-box-shadow:0 .2rem .3rem rgba(254,153,4,.2),0 .08rem .12rem rgba(254,153,4,.2);box-shadow:0 .2rem .3rem rgba(254,153,4,.2),0 .08rem .12rem rgba(254,153,4,.2)}#down_address .gameInfo-btn>a.downNow{background:#07c5b9}#down_address .gameInfo-btn>a.downNow:active,#down_address .gameInfo-btn>a.downNow:hover{z-index:10;-webkit-box-shadow:0 .2rem .3rem rgba(7,197,185,.1),0 .08rem .12rem rgba(7,197,185,.1);box-shadow:0 .2rem .3rem rgba(7,197,185,.1),0 .08rem .12rem rgba(7,197,185,.1)}#down_address .gameInfo-btn>a.noDown{background:#eee;color:#aaa}#down_address .gameInfo-btn-tips{margin:.16rem .24rem 0 .24rem;color:#999;text-align:center;font-size:.24rem;line-height:.4rem}#down_address .safe_tips{margin-top:.16rem;color:#999;font-size:.26rem;line-height:.4rem}#down_address.safe_mod{border:1px solid #e6e6e6;border-radius:.16rem;margin:0 .24rem .24rem .24rem;padding:.24rem}#down_address.safe_mod .gameInfo-btn>a:nth-of-type(n+2){display:none}#down_address.safe_mod .gameInfo-btn>a.hover{background:0 0;outline:.02rem solid #25c88a;outline-offset:-.04rem;color:#25c88a}#down_address.safe_mod .gameInfo-btn>a.hover:active,#down_address.safe_mod .gameInfo-btn>a.hover:hover{-webkit-box-shadow:none;box-shadow:none}#down_address.safe_mod .safe_check{-webkit-box-ordinal-group:0;-webkit-order:-1;-moz-box-ordinal-group:0;-ms-flex-order:-1;order:-1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-right:.8rem}#down_address.safe_mod .safe_check h3{color:#666;font-weight:400;font-size:.3rem}#down_address.safe_mod .safe_check input[type=checkbox]{position:relative;margin-right:.16rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:.3rem;height:.3rem;background-color:#fff;border:.02rem solid #bbb;border-radius:20%}#down_address.safe_mod .safe_check input[type=checkbox]:checked{border-color:#25c88a}#down_address.safe_mod .safe_check input[type=checkbox]:checked::before{content:"✓";display:block;position:absolute;width:100%;height:.3rem;color:#25c88a;text-align:center;font-weight:700;font-size:.24rem;line-height:.3rem}.game-purchase-card{display:block;overflow:hidden;padding:.24rem;margin:.24rem;border-radius:.12rem;border:.02rem solid #e6e6e6;-webkit-box-shadow:0 .04rem .2rem rgba(100,100,100,.1);box-shadow:0 .04rem .2rem rgba(100,100,100,.1)}.game-purchase-card>.top{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;background-color:#f5f5f5}.game-purchase-card>.top .pic{-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:3rem;height:1.5rem;overflow:hidden;margin-right:.2rem}.game-purchase-card>.top .pic img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.game-purchase-card>.top .cont{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}.game-purchase-card>.top .cont h3{word-break:break-all;margin:.08rem 0;color:#333;font-weight:700;font-size:.32rem;line-height:.4rem}.game-purchase-card>.top .cont h3>span{font-size:.26rem;color:#666}.game-purchase-card>.top .cont span{color:#666;font-size:.24rem;line-height:.36rem}.game-purchase-card>.bottom{margin-top:.24rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:.16rem;-moz-column-gap:.16rem;column-gap:.16rem}.game-purchase-card>.bottom span{-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;font-family:Microsoft,Arial,Helvetica,sans-serif}.game-purchase-card>.bottom span.price_cur{letter-spacing:-.02rem;margin-left:-.08rem;color:#f95800;font-weight:700;font-size:.56rem;line-height:1}.game-purchase-card>.bottom span.price_ori{text-decoration:line-through;color:#999;font-size:.28rem;line-height:1}.game-purchase-card>.bottom span.discount{color:#fff;text-align:center;font-size:.28rem;line-height:.64rem;background-color:#50c640;padding:0 .12rem;border-radius:.12rem}.game-purchase-card>.bottom span.buy_now{width:2rem;margin-left:auto;border-radius:.12rem;background-color:#f95800;color:#fff;text-align:center;font-weight:700;font-size:.3rem;line-height:.64rem}.game-purchase-card>.bottom span.buy_now:active,.game-purchase-card>.bottom span.buy_now:hover{opacity:.9}.ppGameImg-new{padding:.24rem}.ppGameImg-new .ppGameImg-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;overflow-x:auto;overflow-y:hidden;-webkit-column-gap:.12rem;-moz-column-gap:.12rem;column-gap:.12rem}.ppGameImg-new .ppGameImg-wrap.shu{height:4rem}.ppGameImg-new .ppGameImg-wrap.heng{height:3rem}.ppGameImg-new .ppGameImg-wrap a{-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;height:inherit}.ppGameImg-new .ppGameImg-wrap a img{display:block;height:100%}.ppDetailTags{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.12rem;padding:0 .24rem .24rem .24rem}.ppDetailTags li{-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.ppDetailTags li a{display:block;background-color:#f5f5f5;padding:0 .24rem;border-radius:2rem;border:.02rem solid #e6e6e6;color:#333;text-align:center;font-size:.28rem;line-height:.56rem}.ppDetailTags li a:active,.ppDetailTags li a:hover{background-color:#07c5b9;color:#fff}.peizhi-name{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;border:.02rem solid #e6e6e6;border-radius:2rem;overflow:hidden;width:60%;margin:.24rem auto 0 auto;background-color:#f5f5f5}.peizhi-name span{-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%;border-radius:2rem;cursor:pointer;color:#666;text-align:center;font-size:.28rem;line-height:.64rem}.peizhi-name span.active{background-color:#07c5b9;color:#fff}.peizhi-ask{margin:.2rem .24rem .24rem .24rem;border:.02rem solid #e6e6e6;border-radius:.08rem}.peizhi-ask li{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:.16rem .2rem;color:#666;font-size:.28rem;line-height:1.5}.peizhi-ask li:nth-child(n+2){border-top:.02rem solid #e6e6e6}.peizhi-ask li span{-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:1.5rem;font-weight:700}.peizhi-ask li p{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;border-left:.02rem solid #e6e6e6;padding-left:.2rem}.txt-list{padding:.12rem .24rem}.txt-list li:nth-child(n+2) a{border-top:.02rem dashed #e6e6e6}.txt-list li a{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:.12rem;-moz-column-gap:.12rem;column-gap:.12rem}.txt-list li a .icon_arr{-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:.16rem;height:.28rem;background:url(../images/icon_arr.png) no-repeat left center;background-size:.1rem .2rem}.txt-list li a p{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;font-size:.3rem;line-height:.8rem}.txt-list li a .btn{-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:1rem;border-radius:.12rem;font-style:normal;background-color:#ebfefd;color:#07c5b9;text-align:center;font-size:.26rem;line-height:.52rem}.txt-list li a:active p,.txt-list li a:hover p{color:#07c5b9}.txt-list li a:active .btn,.txt-list li a:hover .btn{background-color:#07c5b9;color:#fff}.game-information{padding:.24rem}.game-information li{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:.16rem;-moz-column-gap:.16rem;column-gap:.16rem;min-height:.48rem;padding:.16rem 0}.game-information li:nth-child(n+2){border-top:.02rem solid #f2f2f2}.game-information li>em{-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:2rem;font-style:normal;color:#999;font-weight:700;font-size:.26rem;line-height:1}.game-information .infor-r{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.game-information .infor-r>span{-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;max-width:100%;color:#333;text-align:right;font-size:.28rem;line-height:.4rem;overflow-wrap:anywhere}.game-information .infor-r>a{color:#07c5b9;text-align:right;font-size:.28rem;line-height:.48rem}.game-information .infor-r>a:active,.game-information .infor-r>a:hover{color:#06b1a7;text-decoration:underline}.game-information .infor-r .btn-toPop{cursor:pointer;background-color:#f5f5f5;border-radius:.08rem;padding:.04rem .16rem;line-height:.48rem;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.game-information .infor-r .btn-toPop:active,.game-information .infor-r .btn-toPop:hover{color:#07c5b9;background-color:#ebfefd}.permission-box{position:fixed;z-index:100;top:0;left:0;display:none;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:100vw;height:100vh}.permission-box .permission-bg{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.6)}.permission-box .permission-card{position:absolute;background-color:#fff;width:75%;border-radius:.12rem;padding:.24rem;line-height:1.5em;font-size:.28rem}.permission-box .permission-head{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:.88rem}.permission-box .permission-head .permission-name{font-weight:700;font-size:.4rem;line-height:1}.permission-box .permission-head .permission-close{margin-left:auto;width:.6rem;height:.6rem;background-image:url(../images/icon-permission-close.png);background-repeat:no-repeat;background-position:center;background-size:.34rem;cursor:pointer;border-radius:.12rem}.permission-box .permission-head .permission-close:active,.permission-box .permission-head .permission-close:hover{background-color:#f2f2f2}.permission-box .permission-content{max-height:8.4rem;overflow-y:scroll;font-size:.26rem;line-height:1.5}.permission-box .permission-content .permission-title{margin:.2rem 0 .08rem 0;color:#666;font-weight:700}.permission-box .permission-content .permission-desc{color:#999}.game-video{padding:.24rem;text-align:center}.game-video iframe,.game-video video{display:block;margin:0 auto;min-width:80%;max-width:100%;min-height:200px;max-height:350px;background-color:#f5f5f5}.dialog{display:none;position:fixed;z-index:500;left:0;right:0;top:0;bottom:0}.dialog .dialog_wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:100%;height:100%;background-color:rgba(0,0,0,.6)}.dialog .dialog_wrap .dialog_card{margin:auto;width:6.8rem;padding:.24rem .24rem .32rem .24rem;background-color:#fff;border-radius:.16rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.dialog_head{overflow:hidden;padding-bottom:.2rem;margin-bottom:.2rem;border-bottom:.02rem solid #eee}.dialog_head .dialog-close{display:block;float:right;width:.64rem;height:.64rem;background:url(../images/icon-dialog-close.svg) no-repeat center;background-size:.48rem}.dialog_head .dialog-close:active,.dialog_head .dialog-close:hover{background-color:#f5f5f5}.dialog_head .title{vertical-align:middle;color:#333;text-align:center;font-weight:bolder;font-size:.44rem;line-height:.6rem}.dialog_head .title.t-left{text-align:left}.dialog_body .form-item{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:.32rem;position:relative}.dialog_body .form-item.hide{display:none}.dialog_body .form-item .f-name{color:#666;font-size:.28rem;line-height:1.5;margin-bottom:.08rem}.dialog_body .form-item .f-cont{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.dialog_body .form-item .f-cont>input,.dialog_body .form-item .f-cont>textarea{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;padding:.16rem;border:.02rem solid #d8d8d8;border-radius:.08rem;color:#333;font-size:.28rem;line-height:.36rem}.dialog_body .form-item .f-cont>input::-webkit-input-placeholder,.dialog_body .form-item .f-cont>textarea::-webkit-input-placeholder{color:#999;font-size:.24rem;line-height:.36rem}.dialog_body .form-item .f-cont>input::-moz-placeholder,.dialog_body .form-item .f-cont>textarea::-moz-placeholder{color:#999;font-size:.24rem;line-height:.36rem}.dialog_body .form-item .f-cont>input:-ms-input-placeholder,.dialog_body .form-item .f-cont>textarea:-ms-input-placeholder{color:#999;font-size:.24rem;line-height:.36rem}.dialog_body .form-item .f-cont>input::-ms-input-placeholder,.dialog_body .form-item .f-cont>textarea::-ms-input-placeholder{color:#999;font-size:.24rem;line-height:.36rem}.dialog_body .form-item .f-cont>input::placeholder,.dialog_body .form-item .f-cont>textarea::placeholder{color:#999;font-size:.24rem;line-height:.36rem}.dialog_body .form-item .f-cont.f-check-box{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-.32rem;margin-top:-.16rem}.dialog_body .form-item .f-cont.f-check-box>label{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin:.16rem 0 0 .32rem;color:#666;font-size:.24rem;line-height:1.5}.dialog_body .form-item .f-cont.f-check-box>label input{display:none}.dialog_body .form-item .f-cont.f-check-box>label i{-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:.36rem;height:.36rem;margin-right:.08rem;border:.02rem solid #d8d8d8;border-radius:.08rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.dialog_body .form-item .f-cont.f-check-box>label input:checked+i{background:url(../images/dialog-checked.svg) no-repeat center;background-size:100%;border-color:#07c5b9}.dialog_body .form-item .f-cont.f-check-box>label input[type=checkbox]{display:none}.dialog_body .form-item .error-msg{position:absolute;right:.08rem;top:.08rem;color:#ff514e;font-size:.24rem;line-height:1.5}.dialog_body .form-btns{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.dialog_body .form-btns .btn-item{-webkit-box-flex:0;-webkit-flex:0 1 auto;-moz-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;width:60%;padding:.16rem 0;color:#fff;text-align:center;font-size:.28rem;line-height:1.4;border-radius:.12rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.dialog_body .form-btns .btn-item:nth-child(n+2){margin-left:.16rem}.dialog_body .form-btns .btn-item.b-appoint{background-color:#fe9904;border:.02rem solid #fe9904}.dialog_body .form-btns .btn-item.b-appoint:active,.dialog_body .form-btns .btn-item.b-appoint:hover{background-color:#fe9f13}.dialog_body .form-btns .btn-item.b-submit{background-color:#07c5b9;border:.02rem solid #07c5b9}.dialog_body .form-btns .btn-item.b-submit:active,.dialog_body .form-btns .btn-item.b-submit:hover{background-color:#08d4c7}.dialog_body .form-btns .btn-item.b-cancel{background-color:transparent;border:.02rem solid #ddd;color:#666}.dialog_body .form-btns .btn-item.b-cancel:active,.dialog_body .form-btns .btn-item.b-cancel:hover{border-color:#07c5b9;color:#07c5b9}.appoint-tips{margin-top:.32rem;color:#666;text-align:center;font-size:.22rem;line-height:1.5}.dialog-result{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:100%;height:100%}.dialog-result span{margin:auto;max-width:60%;background-color:#07c5b9;padding:.16rem .32rem;border-radius:.12rem;-webkit-box-shadow:0 .2rem .4rem -.1rem rgba(7,197,185,.2);box-shadow:0 .2rem .4rem -.1rem rgba(7,197,185,.2);color:#fff;text-align:center;font-weight:bolder;font-size:.32rem;line-height:1.5}.wx_mask{position:fixed;z-index:100;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;max-width:768px;height:100%;background-color:rgba(0,0,0,.8)}.wx_mask img{display:block;position:absolute;top:.3rem;right:.44rem;width:auto;max-width:80%}.special-note{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-column-gap:.08rem;-moz-column-gap:.08rem;column-gap:.08rem;padding:0 .24rem .24rem .24rem}.special-note .note-i{-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;margin-top:.06rem;width:.36rem;height:.36rem;border-radius:2rem;background-image:url(../images/icon-note.png);background-repeat:no-repeat;background-size:100%;background-position:center}.special-note .note-txt{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}.special-note .note-txt p{color:#ff5a5a;font-size:.28rem;line-height:.48rem}.special-note .note-txt p a{color:#2d7dff}.special-note .note-txt p a:hover{text-decoration:underline}.detail-hjHead-box{--swiper-pagination-color:#07c5b9}.detail-hjHead-box .swiper-pagination{bottom:0}.detail-hjHead{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-column-gap:.24rem;-moz-column-gap:.24rem;column-gap:.24rem;margin:.24rem .24rem 0 .24rem}.detail-hjHead .cover{-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;width:3.36rem;height:1.68rem}.detail-hjHead .cover img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:.08rem}.detail-hjHead .detail-hjHead-r{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.detail-hjHead .detail-hjHead-r .h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.36rem;line-height:.56rem;color:#333}.detail-hjHead .detail-hjHead-r .h3:hover{color:#07c5b9}.detail-hjHead .detail-hjHead-r .p3{color:#999;font-size:.24rem;line-height:.34rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
@charset "UTF-8";.tabStyle-class {
                     display: -webkit-box;
                     display: -webkit-flex;
                     display: -moz-box;
                     display: -ms-flexbox;
                     display: flex;
                     -webkit-box-pack: center;
                     -webkit-justify-content: center;
                     -moz-box-pack: center;
                     -ms-flex-pack: center;
                     justify-content: center;
                     -webkit-column-gap: .24rem;
                     -moz-column-gap: .24rem;
                     column-gap: .24rem;
                     border-bottom: .02rem solid #f2f2f2
                 }

.tabStyle-class .tab-li {
    border-bottom: .04rem solid transparent
}

.tabStyle-class .tab-li a {
    display: block;
    padding: 0 .2rem;
    color: #666;
    font-size: .32rem;
    line-height: .88rem
}

.tabStyle-class .tab-li.active {
    border-color: #07c5b9
}

.tabStyle-class .tab-li.active a {
    color: #07c5b9
}

.tabStyle-class .tab-li:active a,.tabStyle-class .tab-li:hover a {
    color: #07c5b9
}

.commList-heji {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .16rem;
    padding: .24rem
}

.commList-heji .card-body {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: calc(50% - .08rem)
}

.commList-heji .card-body>a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.commList-heji .card-body>a .app_cover {
    overflow: hidden;
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 50%;
    background-color: #f5f5f5;
    border-radius: .12rem
}

.commList-heji .card-body>a .app_cover>img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.commList-heji .card-body>a>h3 {
    overflow: hidden;
    margin-top: .08rem;
    height: .48rem;
    color: #666;
    text-align: center;
    font-weight: 700;
    font-size: .3rem;
    line-height: .48rem
}

.commList-heji .card-body>a>h3:active,.commList-heji .card-body>a>h3:hover {
    color: #07c5b9
}

.commList-game1 .card-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .24rem;
    -webkit-column-gap: .24rem;
    -moz-column-gap: .24rem;
    column-gap: .24rem
}

.commList-game1 .card-body:nth-child(n+2) {
    border-top: 1px dashed #e8e8e8
}

.commList-game1 .app_cover {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: .24rem;
    overflow: hidden
}

.commList-game1 .app_cover img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.commList-game1 .app_btn {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 1rem;
    border-radius: .16rem;
    background-color: #07c5b9;
    color: #fff;
    text-align: center;
    font-size: .28rem;
    line-height: .56rem
}

.commList-game1 .app_btn:active,.commList-game1 .app_btn:hover {
    background-color: #06b1a7
}

.commList-game1 .app_info {
    height: 1.4rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.commList-game1 .app_info .app_name {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #333;
    font-weight: 700;
    font-size: .3rem;
    line-height: .48rem
}

.commList-game1 .app_info .app_name:active,.commList-game1 .app_info .app_name:hover {
    color: #07c5b9
}

.commList-game1 .app_info .app_desc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: .16rem;
    -moz-column-gap: .16rem;
    column-gap: .16rem
}

.commList-game1 .app_info .app_desc>span {
    overflow: hidden;
    height: .4rem;
    color: #666;
    font-size: .26rem;
    line-height: .4rem
}

.commList-game1 .app_info .app_desc .icon-line {
    width: 0;
    height: .2rem;
    border-left: .02rem solid #999
}

.commList-game1 .app_info>p {
    margin-top: .04rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #666;
    font-size: .26rem;
    line-height: .32rem
}

.hj-rank-head-box {
    position: relative;
    overflow: hidden;
    height: 3.75rem
}

.hj-rank-head-box img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.hj-rank-head-box .b_cont {
    position: absolute;
    inset: auto 0 0 0;
    padding: 1rem .24rem .24rem .24rem;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.9)),to(rgba(0,0,0,0)));
    background: -webkit-linear-gradient(bottom,rgba(0,0,0,.9) 0,rgba(0,0,0,0) 100%);
    background: linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,0) 100%)
}

.hj-rank-head-box .b_cont h1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    text-align: center;
    font-size: .4rem;
    line-height: .5rem
}

.hj-rank-head-box .b_cont p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: .12rem 0;
    color: #fff;
    text-align: center;
    font-size: .26rem;
    line-height: .4rem
}

.hj-rank-head-box .b_cont .time {
    display: block;
    opacity: .9;
    color: #fff;
    text-align: right;
    font-size: .24rem;
    line-height: 1.3
}

.hj-rank-head-boxxxx {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 3.6rem
}

.hj-rank-head-boxxxx>img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.hj-rank-head-boxxxx .b_cont {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem .24rem .2rem .24rem;
    color: #fff;
    background: -webkit-linear-gradient(90deg,rgba(0,0,0,.9) 0,rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.9)),to(rgba(0,0,0,0)));
    background: -webkit-linear-gradient(bottom,rgba(0,0,0,.9) 0,rgba(0,0,0,0) 100%);
    background: linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,0) 100%)
}

.hj-rank-head-boxxxx .b_cont h1 {
    overflow: hidden;
    height: .5rem;
    text-align: center;
    font-weight: 700;
    font-size: .4rem;
    line-height: .5rem
}

.hj-rank-head-boxxxx .b_cont p {
    overflow: hidden;
    margin: .1rem 0;
    max-height: .8rem;
    font-size: .26rem;
    line-height: .4rem
}

.hj-rank-head-boxxxx .b_cont .time {
    display: block;
    text-align: right;
    font-size: .24rem;
    line-height: 1.3;
    opacity: .9
}

.rankgroup {
    overflow: hidden;
    -webkit-box-shadow: 0 .1rem .2rem #eee;
    box-shadow: 0 .1rem .2rem #eee;
    background-color: #fff;
    border-radius: .12rem;
    margin: .24rem
}

.rankgroup .rankgroup-head {
    position: relative
}

.rankgroup .rankgroup-head .rankgroup-img {
    height: 2rem
}

.rankgroup .rankgroup-head .rankgroup-img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.rankgroup .rankgroup-head .rankgroup-title {
    position: absolute;
    inset: 0 0 auto 0;
    padding: .12rem .24rem .64rem .24rem;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.7)),to(transparent));
    background: -webkit-linear-gradient(top,rgba(0,0,0,.7),transparent);
    background: linear-gradient(to bottom,rgba(0,0,0,.7),transparent);
    color: #fff;
    text-align: center;
    font-size: .34rem;
    line-height: .5rem
}

.rankgroup .rankgroup-cont {
    padding: .24rem .12rem
}

.rankgroup .rankgroup-cont .swiper-slide {
    width: auto
}

.rankgroup .card-body a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1.68rem;
    row-gap: .08rem
}

.rankgroup .card-body a img {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 1.2rem;
    height: 1.2rem
}

.rankgroup .card-body a h3 {
    overflow: hidden;
    max-width: 100%;
    height: .48rem;
    color: #333;
    text-align: center;
    font-weight: 400;
    font-size: .28rem;
    line-height: .48rem
}

.rankgroup .card-body a:active h3,.rankgroup .card-body a:hover h3 {
    color: #07c5b9
}

.hj-txt-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .12rem .16rem;
    padding: 0 .24rem .24rem .24rem
}

.hj-txt-list li {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.hj-txt-list li a {
    display: block;
    padding: 0 .2rem;
    border-radius: .16rem;
    border-width: .04rem;
    border-style: solid;
    text-align: center;
    font-size: .28rem;
    line-height: .6rem
}

.hj-txt-list li:nth-child(5n+1) a {
    border-color: #cefdfa;
    color: #07c5b9
}

.hj-txt-list li:nth-child(5n+1) a:active,.hj-txt-list li:nth-child(5n+1) a:hover {
    color: #fff;
    border-color: #07c5b9;
    background-color: #07c5b9
}

.hj-txt-list li:nth-child(5n+2) a {
    color: #2971e5;
    border-color: #dfeafb
}

.hj-txt-list li:nth-child(5n+2) a:active,.hj-txt-list li:nth-child(5n+2) a:hover {
    color: #fff;
    border-color: #2971e5;
    background-color: #2971e5
}

.hj-txt-list li:nth-child(5n+3) a {
    color: #fe9904;
    border-color: #ffeccf
}

.hj-txt-list li:nth-child(5n+3) a:active,.hj-txt-list li:nth-child(5n+3) a:hover {
    color: #fff;
    border-color: #fe9904;
    background-color: #fe9904
}

.hj-txt-list li:nth-child(5n+4) a {
    color: #e6c108;
    border-color: #fdf2bd
}

.hj-txt-list li:nth-child(5n+4) a:active,.hj-txt-list li:nth-child(5n+4) a:hover {
    color: #fff;
    border-color: #e6c108;
    background-color: #e6c108
}

.hj-txt-list li:nth-child(5n+5) a {
    color: #e6333b;
    border-color: #fce9ea
}

.hj-txt-list li:nth-child(5n+5) a:active,.hj-txt-list li:nth-child(5n+5) a:hover {
    color: #fff;
    border-color: #e6333b;
    background-color: #e6333b
}