.main{background:url(../img/screen-mirroring-bg.9b786351.png) no-repeat 50% fixed;background-size:100% 100%;overflow:hidden;overflow-y:auto;z-index:1}.main,.main .mask-div{position:absolute;width:100%;height:100%}.main .mask-div{background-color:#000;opacity:0;z-index:2}.main .content-div{position:absolute;width:100%;height:100%;z-index:3}.main .content-div .match-title-div{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;height:90px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:1% auto 0;width:95%}.main .content-div .match-title-div .match-title{position:relative;width:100%;font-size:50px;color:#fff;font-family:PangMenChenDao,sans-serif}.main .content-div .project-info-div{position:relative;width:100%;font-size:30px;color:#fff;font-family:OPPOSans M,sans-serif;text-align:center;height:150px;line-height:150px;margin-top:50px}.main .content-div .project-info-div .order-info{padding:5px 10px;background-color:#031850;margin-right:20px;border-radius:5px}.main .content-div .user-score-div{width:90%;margin:0 auto 0;height:600px;border-radius:20px;padding-bottom:30px;-webkit-box-sizing:border-box;box-sizing:border-box}.main .content-div .user-score-div .pattern-div{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:1200px;background-color:#fff;border-radius:20px;margin:0 auto}.main .content-div .user-score-div .pattern-div .user-info{position:relative;width:30%;height:100%}.main .content-div .user-score-div .pattern-div .user-info .image-div{width:200px;height:200px;margin:50px auto 50px}.main .content-div .user-score-div .pattern-div .user-info .image-div img{width:100%;height:100%;border-radius:100px}.main .content-div .user-score-div .pattern-div .user-info .unit-div{width:80%;text-align:center;margin:0 auto;margin-top:20px;font-size:28px;color:#031850;min-height:32px;font-family:OPPOSans B,sans-serif;word-break:break-all;word-wrap:break-word;white-space:normal}.main .content-div .user-score-div .pattern-div .user-info .username-div{width:80%;text-align:center;margin:0 auto;margin-top:20px;font-size:22px;font-family:OPPOSans M,sans-serif}.main .content-div .user-score-div .pattern-div .user-info .group-div{margin-top:20px;text-align:center;font-size:22px}.main .content-div .user-score-div .pattern-div .user-info .group-div span{padding:6px 30px;background-color:#031850;height:40px;line-height:40px;color:#fff;border-radius:20px}.main .content-div .user-score-div .pattern-div .score-group{position:relative;width:37%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;padding:120px 80px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-wrap:wrap;flex-wrap:wrap}.main .content-div .user-score-div .pattern-div .score-group .score-group-item{position:relative;width:50%;height:180px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;color:#031850}.main .content-div .user-score-div .pattern-div .score-group .score-group-item .title{height:60px;line-height:60px;font-size:22px;font-family:OPPOSans B,sans-serif}.main .content-div .user-score-div .pattern-div .score-group .score-group-item .value{height:120px;line-height:120px;font-size:40px;font-family:OPPOSans B,sans-serif}.main .content-div .user-score-div .pattern-div .score-result{position:relative;width:30%;height:100%}.main .content-div .user-score-div .pattern-div .score-result .title{margin-top:120px;text-align:center;font-size:50px;height:150px;line-height:150px}.main .content-div .user-score-div .pattern-div .score-result .score-num{text-align:center;width:90%;margin:20px auto;background-color:#031850;color:#fff;font-size:85px;height:180px;line-height:180px;border-radius:30px;font-family:OPPOSans B,sans-serif}.main .content-div .user-score-div .speed-div{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden;overflow-x:auto;white-space:nowrap;margin:20px auto 0;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main .content-div .user-score-div .speed-div .user-item{position:relative;height:100%;min-height:100%;text-align:center;min-width:10%}.main .content-div .user-score-div .speed-div .user-item .user-score-detail{position:relative;width:95%;margin:5px auto;background-color:#fff;border-radius:5px;padding:5px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.main .content-div .user-score-div .speed-div .user-item .user-score-detail .image-div{text-align:center;position:relative;margin:0 auto;width:200px;height:200px}.main .content-div .user-score-div .speed-div .user-item .user-score-detail .image-div img{position:relative;width:90%;height:90%;border-radius:50%}.main .content-div .user-score-div .speed-div .user-item .user-score-detail .unit-div{width:100%;text-align:center;margin:0 auto;margin-top:10px;font-size:14px;color:#031850;padding:0 10px;min-height:36px;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:OPPOSans B,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.main .content-div .user-score-div .speed-div .user-item .user-score-detail .username-div{width:100%;text-align:center;margin:0 auto;margin-top:3px;font-size:12px;max-height:50px;min-height:50px;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:OPPOSans M,sans-serif;word-break:break-all;word-wrap:break-word;white-space:normal}.main .content-div .user-score-div .speed-div .user-item .user-score-detail .group-div{margin-top:10px;text-align:center;font-size:14px}.main .content-div .user-score-div .speed-div .user-item .user-score-detail .group-div span{padding:6px 20px;background-color:#031850;height:40px;line-height:40px;color:#fff;border-radius:20px}.main .content-div .user-score-div .speed-div .user-item .user-score-detail .score-num-div{text-align:center;width:80%;margin:10px auto;background-color:#031850;color:#fff;font-size:30px;height:70px;line-height:70px;border-radius:8px;font-family:OPPOSans B,sans-serif}.main .content-div .user-score-div .rule-div{text-align:center;font-size:14px;color:#031850;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden;overflow-x:auto;white-space:nowrap;margin:0 auto;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:50px}.main .content-div .user-score-div .rule-div .user-item{position:relative;height:100%;min-height:100%;text-align:center;min-width:10%;margin-bottom:20px;margin:20 auto}.main .content-div .user-score-div .rule-div .user-item .user-score-detail{position:relative;width:95%;margin:5px auto;background-color:#fff;border-radius:5px;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.main .content-div .user-score-div .rule-div .user-item .user-score-detail .user-info{width:30%}.main .content-div .user-score-div .rule-div .user-item .user-score-detail .user-info .unit-div{width:100%;text-align:center;margin:0 auto;margin-top:10px;font-size:16px;color:#031850;padding:0 10px;min-height:32px;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:OPPOSans B,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.main .content-div .user-score-div .rule-div .user-item .user-score-detail .user-info .username-div{width:100%;text-align:center;margin:0 auto;margin-top:3px;font-size:12px;max-height:100px;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:OPPOSans M,sans-serif;word-break:break-all;word-wrap:break-word;white-space:normal}.main .content-div .user-score-div .rule-div .user-item .user-score-detail .user-info .group-div{margin-top:20px;text-align:center;font-size:14px}.main .content-div .user-score-div .rule-div .user-item .user-score-detail .user-info .group-div span{padding:6px 20px;background-color:#031850;height:40px;line-height:40px;color:#fff;border-radius:20px}.main .content-div .user-score-div .rule-div .user-item .user-score-detail .score-item-div{width:70%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 0;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;color:#031850;font-family:OPPOSans M,sans-serif}.main .content-div .user-score-div .rule-div .user-item .user-score-detail .score-item-div .score-item{width:40%;text-align:center;border-radius:20px;font-family:OPPOSans B,sans-serif}.main .content-div .user-score-div .rule-div .user-item .user-score-detail .score-item-div .score-item p{height:40px;line-height:40px;font-size:18px}.main .content-div .user-score-div .rule-div .user-item .user-score-detail .score-item-div .score-item .score-num-div{text-align:center;width:95%;margin:10px auto;background-color:#031850;color:#fff;font-size:26px;height:50px;line-height:50px;border-radius:8px;font-family:OPPOSans B,sans-serif}.main .content-div .user-score-div .speed-div::-webkit-scrollbar{height:10px}.main .content-div .user-score-div .speed-div::-webkit-scrollbar-track{background:transparent}.main .content-div .user-score-div .speed-div::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}.main .content-div .user-score-div .speed-div::-webkit-scrollbar-thumb:hover{background:#555;opacity:.4}.el-carousel__container{height:600px!important}