.bronze{color:#2bae85}.gold{color:#fcd217}.silver{color:#f1f0ed}.platinum{color:#1661ab}.diamond{color:#813c85}.margin-top{margin-top:.13333333rem}.padding-left-min{padding-left:.13333333rem}.publicClass{width:100%;box-sizing:border-box;min-height:80vh}#app{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif}#app li,#app ul{list-style:none}.ring{height:2rem;width:20rem;display:flex;background:#c4251d;margin-top:2%;border-radius:.10666667rem;width:100%}.ring .ring-contain{white-space:nowrap;overflow-x:auto}.ring .card-contain{height:1.6rem;border-radius:.13333333rem;border:.00666667rem solid #f1f1f1;position:relative}.ring .ring-sec-contain{margin-right:.13333333rem;display:inline-block;width:2rem}.ring .contain{position:absolute;bottom:.13333333rem;left:.26666667rem;color:#fff;z-index:2}.ring .back-image{background:no-repeat top;background-size:contain;box-sizing:border-box}.ring .mark-first{position:absolute;top:0;left:0;height:1.6rem;width:100%;background:rgba(0,0,0,.4);border-radius:.13333333rem;z-index:1}.ring .champion{flex:1;position:relative}.ring .champion .champ-head{width:50%;position:relative}.ring .champion .champ-head img{max-width:100%;height:30%}.ring .champion .champ-head div{position:absolute;left:30%;top:15%;margin:auto;display:flex;height:100%;width:90%}.ring .champion .champ-head div>p:first-child{font-size:.24rem;width:30%}.ring .champion .champ-head div>p:nth-child(2){width:20%;font-size:.16rem;padding-top:20%;box-sizing:border-box;height:70%}.ring .champion .champ-img2{box-shadow:0 .02666667rem .02666667rem rgba(0,0,0,.3);margin:0 auto .13333333rem;box-sizing:border-box;border-radius:50%;max-width:20%;height:35%;position:absolute;left:0;right:-40%;top:35%;bottom:0;margin:auto;text-align:center;padding-top:.06666667rem}.ring .champion .champ-img2 img{border-radius:50%;max-width:100%;height:90%}.ring .champion .champ-img{z-index:9;max-width:100%;height:80%;position:absolute;right:5%;top:0;bottom:0;margin:auto}.ring .ring-bg{flex:1}.ring .attack{flex:1;position:relative;overflow:hidden}.ring .attack .el-carousel,.ring .attack .el-carousel .el-carousel__container{height:100%!important}.ring .attack .attack-head{width:50%;position:relative;left:50%}.ring .attack .attack-head img{max-width:100%;height:30%}.ring .attack .attack-head div{position:absolute;left:30%;top:15%;margin:auto;display:flex;height:100%;width:90%}.ring .attack .attack-head div>p:first-child{font-size:.24rem;width:30%}.ring .attack .attack-head div>p:nth-child(2){width:20%;font-size:.16rem;padding-top:25%;box-sizing:border-box;height:70%}.ring .attack .attack-img2{box-shadow:0 .02666667rem .02666667rem rgba(0,0,0,.3);margin:0 auto .13333333rem;box-sizing:border-box;border-radius:50%;max-width:20%;height:35%;position:absolute;left:-43%;right:0;top:35%;bottom:0;margin:auto;text-align:center;padding-top:.06666667rem}.ring .attack .attack-img2 img{border-radius:50%;max-width:100%;height:90%}.ring .attack .attack-img{z-index:9;max-width:100%;height:45%;position:absolute;left:15%;top:35%;bottom:0;margin:auto}.ring .sl{-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;overflow:hidden;text-overflow:ellipsis}.login_beian{height:.4rem;width:100%;text-align:center;line-height:.4rem;font-size:.10666667rem;color:#999}.login_beian a:link,.login_beian a:visited{color:#ccc}.welcome{padding:.06666667rem}.welcome .welcome-notice{height:40vh;display:flex;padding:.13333333rem;box-shadow:0 .02rem .05333333rem rgba(0,0,0,.24);border-radius:.06666667rem;-webkit-animation:notice 1s ease-out;animation:notice 1s ease-out}.welcome .welcome-notice .notice-shuffling{overflow:hidden;border-radius:0 .05333333rem .05333333rem 0}.welcome .welcome-notice .notice-shuffling img{max-width:100%;min-width:auto;height:auto}.welcome .welcome-notice .notice-text{-webkit-animation:text_notice 1s ease-out;animation:text_notice 1s ease-out}.welcome .welcome-notice>div:nth-child(2){width:60%}.welcome .welcome-notice>div:first-child{width:35%;margin-right:4%}.welcome .welcome-notice .notice-index{height:.26666667rem;font-size:.10666667rem;line-height:.26666667rem;display:flex;justify-content:space-between;align-items:center}.welcome .welcome-notice .notice-index>span{color:#999;cursor:pointer;font-size:.09333333rem}.welcome .welcome-notice .notice-list{height:1.33333333rem}.welcome .welcome-notice .notice-list ._list{width:100%;display:flex;height:24%;justify-content:space-between;align-items:center;border-bottom:.00666667rem solid #f5f5f5;padding:0 .02666667rem;box-sizing:border-box;font-size:.09333333rem}.welcome .welcome-notice .notice-list ._list>div:first-child{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.welcome .welcome-notice .notice-list ._list>div:first-child:hover{color:#1776c2}.welcome .welcome-notice .notice-list ._list:hover{cursor:pointer}.welcome .welcome-notice .notice-list ._list>div:nth-child(2){font-size:.09333333rem;color:#999}.welcome .icon-right{font-weight:600;margin-top:.02666667rem}.welcome .ani_class{-webkit-animation:wel_rank 2s ease-out;animation:wel_rank 2s ease-out}.welcome .welcome-rank{width:100%;min-height:2.66666667rem;display:flex;margin-top:2%}.welcome .welcome-rank .has-gutter{display:none}.welcome .welcome-rank .welcome-rank-month{box-shadow:0 .02rem .05333333rem rgba(0,0,0,.24);border-radius:.13333333rem}.welcome .welcome-rank .welcome-rank-month ._ranking{font-size:.09333333rem}.welcome .welcome-rank .welcome-rank-month .rank-month{padding:.06666667rem}.welcome .welcome-rank .welcome-rank-month .rank-month img{width:.26666667rem;height:.26666667rem;border-radius:50%}.welcome .welcome-rank .welcome-rank-month .rank-month .rankMonth-name{display:flex}.welcome .welcome-rank .welcome-rank-month .rank-month .rankMonth-name img{min-width:.4rem;max-height:.13333333rem;margin-left:.04rem;margin-top:.00666667rem}.welcome .welcome-rank .welcome-rank-week{margin-left:2%}.welcome .welcome-rank .welcome-rank-week .el-table{width:100%}.welcome .welcome-rank .welcome-rank-week .rankMonth-name{display:flex}.welcome .welcome-rank .welcome-rank-week .rankMonth-name img{min-width:.4rem;max-height:.13333333rem;margin-left:.04rem;margin-top:.00666667rem}.welcome .welcome-rank .welcome-rank-week .rank-week{padding:.06666667rem}.welcome .welcome-rank .welcome-rank-week .rank-week img{width:.26666667rem;height:.26666667rem;border-radius:50%}.welcome .welcome-rank .same{width:49%;padding:.13333333rem 0;box-sizing:border-box}.welcome .welcome-rank .indexNameRank{display:flex;height:50%;font-weight:600;font-size:.09333333rem;color:#000}.welcome .welcome-rank .indexlevel{font-size:.02666667rem;font-weight:100;margin-left:.02666667rem}.welcome .welcome-rank .indexSubmit{font-size:.09333333rem;height:.32rem}.welcome .welcome-rank .rank-month-h,.welcome .welcome-rank .rank-week-h{height:.26666667rem;padding:0 .13333333rem;padding-bottom:.06666667rem;box-sizing:border-box;display:flex;justify-content:space-between}.welcome .welcome-rank .rank-month-h>div:first-child,.welcome .welcome-rank .rank-week-h>div:first-child{font-size:.09333333rem}.welcome .size{font-size:.08rem;color:#999;cursor:pointer}.welcome .signatureColumn{width:100%;height:.2rem;position:relative;font-size:.09333333rem}.welcome .signatureColumn .signatureStyle{width:2.66666667rem;line-height:.26666667rem;height:100%;position:absolute;word-break:keep-all;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:-ms-overflow}