.head{border-bottom:2px solid #eee;padding-right:10px}.head .shortcuts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.head .title-box{height:52px}.head .title-box .head-title{font-size:19px;width:75px;text-align:center;line-height:52px;margin-right:30px;cursor:pointer}.head .title-box .head-title.active{color:#074676;border-bottom:4px solid #074676;font-weight:700}.content-body{height:calc(100% - 44px)}.content-body .left-menu{max-width:200px;width:auto;height:calc(100% - 66px);border:1px solid #eee;border-radius:6px;-webkit-box-shadow:0 0 10px 0 #e4e7ed;box-shadow:0 0 10px 0 #e4e7ed;margin-top:20px}.content-body .left-menu .page-box{margin:10px 0;text-align:right}.content-body .left-menu .theme-menu{width:200px;height:100%}.content-body .left-menu .theme-menu .theme-list-box{overflow-y:auto;height:calc(100% - 24px)}.content-body .left-menu .theme-menu .theme-list-box .theme-list{text-align:center;font-size:15px;height:50px;line-height:50px;width:100%;cursor:pointer}.content-body .left-menu .theme-menu .theme-list-box .theme-list .theme-name{line-height:20px;display:inline-block;width:100%;vertical-align:middle}.content-body .left-menu .theme-menu .theme-list-box .theme-list .theme-name.active{color:#4aa4f0}.content-body .left-menu .theme-menu .theme-list-box .theme-list:hover{background-color:#f9f9f9}.content-body .left-menu .theme-menu .page-box{text-align:center}.content-body .score-box{overflow-y:auto;padding-left:20px;padding-top:20px;padding-right:10px}.content-body .score-box .score-head{height:34px;line-height:34px;border-bottom:1px solid #ddd;font-size:17px;font-weight:700}.content-body .score-box .base-box{height:160px;border-radius:6px;background:#f2f3f6;-webkit-box-shadow:1px 4px 15px 0 #e5e6e7;box-shadow:1px 4px 15px 0 #e5e6e7;margin:30px 0;padding:0 30px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.content-body .score-box .base-box>div{-webkit-box-flex:1;-ms-flex:1;flex:1;border-right:1px solid #ddd;padding-left:22px;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;position:relative}.content-body .score-box .base-box>div>div:first-of-type{font-size:14px;font-weight:700;line-height:14px}.content-body .score-box .base-box>div>div:nth-of-type(2){font-weight:700;font-size:34px;line-height:10px}.content-body .score-box .base-box>div>div:nth-of-type(2) span{font-size:14px;margin-left:10px}.content-body .score-box .base-box>div .extra{position:absolute;bottom:-32px;left:22px;color:grey}.content-body .score-box .base-box>div:nth-of-type(4){border-right:none}.content-body .score-box .top-box{height:300px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-shadow:1px 4px 15px 0 #e5e6e7;box-shadow:1px 4px 15px 0 #e5e6e7;border-radius:6px;padding:16px;margin:30px 0}.content-body .score-box .top-box .empty{width:3.5%}.content-body .score-box .top-box .top5{-webkit-box-flex:1;-ms-flex:1;flex:1}.content-body .score-box .top-box .top5 .title{font-size:16px;font-weight:700;margin-bottom:10px}.content-body .score-box .top-box .top5 .top5-list{height:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.content-body .score-box .top-box .top5 .top5-list .info{margin:6px 0}.content-body .score-box .top-box .top5 .top5-list .info>div:first-child{color:grey}.content-body .score-box .top-box .top5 .top5-list .info>div:last-child{font-weight:700}.content-body .score-box .detail-box{-webkit-box-shadow:1px 4px 15px 0 #e5e6e7;box-shadow:1px 4px 15px 0 #e5e6e7;border-radius:6px;margin:30px 0;padding:0 16px 1px}.content-body .score-box .detail-box .empty{color:#bbb;text-align:center;font-size:16px;padding:30px 0 20px}.content-body .score-box .detail-box .detail-item:not(:last-child){border-bottom:1px solid #ebebeb}.content-body .score-box .detail-box .detail-item{min-height:98px;padding:20px 0}.content-body .score-box .detail-box .detail-item .detail-avatar{height:46px;width:46px;margin-right:16px}.content-body .score-box .detail-box .detail-item .detail-avatar img{height:100%;width:100%;border-radius:100%}.content-body .score-box .detail-box .detail-item .time{width:120px;font-size:12px;text-align:center;color:#666}.content-body .score-box .detail-box .detail-item .detail-content .top-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px;font-size:14px}.content-body .score-box .detail-box .detail-item .detail-content .top-item>div:first-of-type{width:100px}.content-body .score-box .detail-box .detail-item .detail-content .bottom-item{word-break:break-all;color:#333;font-size:12px}.content-body .score-box .detail-box /deep/ .el-table th{background-color:#fff!important}