.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;text-align:center}.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:80px;line-height:80px;margin-top:50px}.main .content-div .project-info-div .order-info{padding:5px 10px;background-color:var(--themeColor);margin-right:20px;border-radius:5px}.main .content-div .user-score-div{margin:0 auto 0;height:800px;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:var(--themeColor);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:var(--themeColor);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:var(--themeColor)}.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:var(--themeColor);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 .pattern-div2{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:1200px;background-color:#fff;margin:100px auto 0}.main .content-div .user-score-div .pattern-div2 .left-div{width:65%;height:100%}.main .content-div .user-score-div .pattern-div2 .left-div .group-div{margin-bottom:20px;font-size:22px}.main .content-div .user-score-div .pattern-div2 .left-div .group-div span{padding:10px 50px;background-color:var(--themeColor);height:40px;line-height:40px;color:#fff}.main .content-div .user-score-div .pattern-div2 .left-div .user-info{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:60px}.main .content-div .user-score-div .pattern-div2 .left-div .user-info .image-div{width:200px;height:200px;margin:0 50px 50px}.main .content-div .user-score-div .pattern-div2 .left-div .user-info .image-div img{width:100%;height:100%;border-radius:100px}.main .content-div .user-score-div .pattern-div2 .left-div .user-info .text-div{width:calc(100% - 250px)}.main .content-div .user-score-div .pattern-div2 .left-div .user-info .text-div .unit-div{margin:0 auto;margin-top:20px;font-size:28px;color:var(--themeColor);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-div2 .left-div .user-info .text-div .username-div{margin:0 auto;margin-top:20px;font-size:22px;font-family:OPPOSans M,sans-serif}.main .content-div .user-score-div .pattern-div2 .left-div .score-group{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:20px}.main .content-div .user-score-div .pattern-div2 .left-div .score-group .score-group-item{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:180px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;color:var(--themeColor)}.main .content-div .user-score-div .pattern-div2 .left-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-div2 .left-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-div2 .right-div{width:30%;height:100%}.main .content-div .user-score-div .pattern-div2 .right-div .score-result{position:relative;height:100%}.main .content-div .user-score-div .pattern-div2 .right-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-div2 .right-div .score-result .score-num{text-align:center;width:90%;margin:20px auto;background-color:var(--themeColor);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;overflow:hidden;overflow-x:auto;overflow-y: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}.main .content-div .user-score-div .speed-div .user-item .user-score-detail{position:relative;width:95%;height:230px;margin:5px auto;border-radius:5px;padding:0 0 5px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff}.main .content-div .user-score-div .speed-div .user-item .user-score-detail .group-div{width:100%;margin-top:10px;font-size:18px;background-color:var(--themeColor);border-top-left-radius:5px;border-top-right-radius:5px}.main .content-div .user-score-div .speed-div .user-item .user-score-detail .group-div span{padding:6px 20px;height:40px;line-height:40px;color:#fff;border-radius:20px}.main .content-div .user-score-div .speed-div .user-item .user-score-detail .unit-div{width:100%;margin:0 auto;margin-top:10px;font-size:14px;color:var(--themeColor);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 .user-score-detail-body{display:-webkit-box;display:-ms-flexbox;display:flex}.main .content-div .user-score-div .speed-div .user-item .user-score-detail .user-score-detail-body .user-detail{width:70%}.main .content-div .user-score-div .speed-div .user-item .user-score-detail .user-score-detail-body .user-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 .user-score-detail-body .score-num-div{text-align:center;width:23%;margin:10px auto;background-color:var(--themeColor);color:#fff;font-size:26px;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:var(--themeColor);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:var(--themeColor);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:var(--themeColor);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:var(--themeColor);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:var(--themeColor);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}