.box-header[data-v-dea81816]{height:65px;padding:31px 33px 0}.box-header[data-v-dea81816],.box-header li[data-v-dea81816]{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.box-header li[data-v-dea81816]{float:left;height:34px;line-height:34px;padding:0 18px;margin-right:34px;font-size:16px;font-family:OPPOSans-M;color:#222;cursor:pointer}.box-header li.active[data-v-dea81816]{color:#fff;background:-webkit-gradient(linear,left top,right top,from(#0fd),to(#0600fd));background:linear-gradient(90deg,#0fd,#0600fd);-webkit-box-shadow:0 3px 7px 0 rgba(2,182,230,.55);box-shadow:0 3px 7px 0 rgba(2,182,230,.55)}.box-header li>span[data-v-dea81816]{position:relative;line-height:22px}.box-header .num[data-v-dea81816]{color:#999}.box-header li.active .num[data-v-dea81816]{color:#fff}.box-header .search-frame[data-v-dea81816]{position:absolute;right:33px;bottom:0;width:275px;height:34px}.box-header .search-frame .search-input[data-v-dea81816]{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;background:none;outline:none;border:1px solid #f3f3f3;font-size:16px;padding:0 30px 0 10px;line-height:32px;font-family:OPPOSans-R}.box-header .search-frame .search-input[data-v-dea81816]::-webkit-input-placeholder{color:#666}.box-header .search-frame .search-input[data-v-dea81816]::-moz-placeholder{color:#666}.box-header .search-frame .search-input[data-v-dea81816]:-ms-input-placeholder{color:#666}.box-header .search-frame .search-input[data-v-dea81816]::-ms-input-placeholder{color:#666}.box-header .search-frame .search-input[data-v-dea81816]::placeholder{color:#666}.box-header .search-frame .search-btn[data-v-dea81816]{position:absolute;top:9px;right:11px;width:18px;height:17px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAMAAADnhAzLAAAAPFBMVEUAAAD////d3dHd3dDe3tDc3M/f39He3tHd3c/e3tHd3c/e3tDf39fd3dHd3dHe3tHc3NDf39D////d3dDEWcpMAAAAE3RSTlMAAbzz5bFXPcwn5t4g+uiMjEcCYnJEWAAAAHdJREFUGNNtkFsOwzAIBAE/wCFO2u7979q6EXWVZH4WjSzA0AeuJfdcKlOwGpA8AbaG2SDK9FLBdjg27HxUO+xbVUj0YEEdWaAUKMqInOYgTnlEd5p4v3117XU/kQ2P3169/W/PKgCWdvrjcwk3L9HCTYZzOjuXNzRBBSBthxodAAAAAElFTkSuQmCC) no-repeat;background-size:100% 100%;cursor:pointer}.user-item[data-v-c5c52348]{-webkit-box-sizing:border-box;box-sizing:border-box;float:left;margin-bottom:19px;margin-right:21px;position:relative;background:#f5f5f5;width:255px;height:294px;padding-top:147px;font-family:OPPOSans-R}.user-item span[data-v-c5c52348]{display:inline-block;vertical-align:top}.user-item .img[data-v-c5c52348]{display:block;position:absolute;top:0;left:0;width:100%;height:147px;background-repeat:no-repeat;background-position:50%;background-size:cover}.user-item .img.view[data-v-c5c52348]{cursor:pointer}.user-item .img.no_view[data-v-c5c52348]{opacity:.5}.user-item[data-v-c5c52348]:hover{-webkit-box-shadow:1px 2px 4px 0 rgba(79,79,79,.4);box-shadow:1px 2px 4px 0 rgba(79,79,79,.4)}.user-item .content[data-v-c5c52348]{padding:11px 15px 0}.user-item .title-row[data-v-c5c52348]{height:16px;font-size:16px;color:#333;line-height:1}.user-item .title-row>a[data-v-c5c52348]{color:#333}.user-item .title-row>a[data-v-c5c52348]:hover{color:#0022fe}.user-item .divide-row[data-v-c5c52348]{margin-top:19px}.user-item .divide-line[data-v-c5c52348]{width:30px;height:1px;background:#999}.user-item .rela-row[data-v-c5c52348]{display:-webkit-box;display:-ms-flexbox;display:flex;height:18px;margin-top:8px;font-size:12px;line-height:18px;color:#999}.user-item .rela-row+.rela-row[data-v-c5c52348]{margin-top:1px}.user-item .rela-row .icon[data-v-c5c52348]{width:16px;height:18px;background-repeat:no-repeat}.user-item .rela-row .play[data-v-c5c52348]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAAXNSR0IArs4c6QAAAZ9JREFUKFM1kT9oU1EYxc+5NzfKq/iqPpLJ0cFVRKR0sIuWgoNLQHCxQ54E+rbsEQeV0AqSR/5gyFRBSru4SJvJSR2cRdxEEoiYIjyTvHjvJ3dwPd85Pw7nIwA0m82VMAw3RWQLwCrJmXPuDMkcwPvFYnGUJMmE3W43IHlPRCoi8gHAiXPul9Z6xTm3RvIOgI8k++x0Op72SEQO5vP52yAIsmq1+pekeJBz7qZSagfA0JtTkqfL5XIvz/M/QRBsiIgVkU+1Wm06GAzO5nn+gOSWNx8C6MRxPEzT9KIxZhfALZIHItIfjUZfS6XSFa31E/Z6PS8+jeP4c6vVumSMeQngPoDvAHzwFYAIQOM/uT8ej99FUXTBGPMMwHUR2bfWvplMJj+iKLpqjHns13ghIrDWPrfWTovF4jXnXJ5l2Zd6vZ6laXquUChsA1hnu932/RKl1JDkYRiGPyuVigXgQecBbAB4CODICwbAbQDbJL8553xobK1dVUqtk7wB4BjAa/oPNhqNYrlcXtNa3xWRyyIiJP1tqpQ6mc1mx0mS/P4HPFrFa+fBcUAAAAAASUVORK5CYII=);background-position:1px 50%}.user-item .rela-row .exam[data-v-c5c52348]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAKCAYAAABv7tTEAAAAAXNSR0IArs4c6QAAAX1JREFUKFM1kL9rU2EUhp/33oZAUAIOilftUBcVhIron+CgSAcn3ZySOqQi4qQQ6uavJRLuFbMUq7QiCg4ODjq7Fpyq0lIhaDcdrrnJ98pX2unAgee8z3kF0O12p7IsW7TdASpgSlJu+0kIYT5N0+/1ev1jWZa/Wq1WpQjleT4n6Z2kpclk8jJJksvADeAVMAeUQLD9OB7bg+5Kum97djgcrjWbzUONRmND0nII4QTwAZiVdBF4sAMVRXEBeGH7taQvwDngGvAUuAfcAZ7ZXpF0ZgfaBeM/14EZYB+wBdwGVm2/lfQZOBh3e0mngc0kSc6GEB4CJ21vA2uSpoGoGIDlaKBer5fVarUl4KekdSCqngK+AUdsX5V0dFfoCnBJ/X7/Zpqmj2LVksoQQiLpN7BtO2u329ODwWB/VVULkm7FNOV5HhUOSzpge912U9In28clZcBXIM5jsazxeLyooij+Skpty/YfSbGEMZBKem77PPDD9pvRaPS+0+n8+w/sqqRkYW551QAAAABJRU5ErkJggg==);background-position:0}.user-item .rela-row .score[data-v-c5c52348]{color:#0022fe;font-family:OPPOSans-H}.user-item .rela-row .red[data-v-c5c52348]{color:red;font-family:OPPOSans-R}.user-item .btn-row[data-v-c5c52348]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:15px}.user-item .btn-row>span[data-v-c5c52348]{-webkit-box-sizing:border-box;box-sizing:border-box;width:106px;height:28px;background:#0022fe;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:14px;color:#fff;font-family:OPPOSans-B;cursor:pointer}.user-item .btn-row>span+span[data-v-c5c52348]{margin-left:11px}.user-item .btn-row>span.no_view[data-v-c5c52348]{background:#ccc;cursor:default}.design_loading .el-loading-spinner[data-v-35a9f9be]{z-index:2000}.page{margin-top:20px;text-align:center}.pagination{display:inline-block;vertical-align:top;font-size:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pagination .btn-next,.pagination .btn-pre,.pagination .pager li{display:inline-block;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;min-width:28px;height:28px;background:#fff;border-radius:3px;border:1px solid #ddd;text-align:center;line-height:26px;margin:0 5px;color:#333;padding:0 4px;cursor:pointer;-webkit-transition:.1s;transition:.1s}.pagination .btn-next.disabled,.pagination .btn-pre.disabled{color:#c0c4cc;background-color:#fff;cursor:not-allowed}.pagination .pager{display:inline-block;vertical-align:top;font-size:0}.pagination .pager li.active{line-height:28px;border:none;color:#fff;background:linear-gradient(138deg,#00fdde,#0604fc);cursor:default}.pagination .pager .more{line-height:28px}.pagination .jump{display:inline-block;vertical-align:top;margin-left:7px;-webkit-box-sizing:border-box;box-sizing:border-box;width:72px;height:28px;background:#fff;border-radius:3px;border:1px solid #ddd;font-size:14px;color:#999;line-height:26px;text-align:center;cursor:pointer;-webkit-transition:.1s;transition:.1s}.pagination .jump:hover{color:#409eff;background-color:#f5f5f5}.pagination .jump.disabled{cursor:not-allowed}.pagination .jump.disabled:hover{color:#999;background-color:#fff}.empty-box[data-v-37c93fe2]{width:100%;height:100%;position:absolute;top:0;left:0;bottom:0}.empty-box .empty-content[data-v-37c93fe2]{position:absolute;width:281px;height:216px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:url(http://cdn.macio.com.cn/static/img/empty.531f8ba1.png) no-repeat;background-size:100% 100%}.empty-box .empty-text[data-v-37c93fe2]{position:absolute;left:-200px;right:-200px;bottom:-4px;font-size:20px;color:#333;height:28px;text-align:center;line-height:28px}.user-list[data-v-c2ce3dfe]{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:422px;padding:31px 33px 50px}.user-list[data-v-c2ce3dfe] ul{margin-bottom:-20px}