.opus[data-v-356176d0]{width:224px;height:280px;border-radius:8px;background-color:#fff;float:left;margin-right:20px;margin-bottom:20px}.opus.showBorder[data-v-356176d0]{border:1px solid #eee}.opus .img-box[data-v-356176d0]{width:100%;height:168px;overflow:hidden}.opus .img-box img[data-v-356176d0]{width:100%;height:100%;border-top-left-radius:8px;border-top-right-radius:8px;-webkit-transition:all .8s ease;transition:all .8s ease;cursor:pointer}.opus .img-box img[data-v-356176d0]:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.opus .info[data-v-356176d0]{padding-left:8px}.opus .info .name[data-v-356176d0]{font-size:14px;line-height:28px}.opus .info .icon-w-box[data-v-356176d0]{display:-webkit-box;display:-ms-flexbox;display:flex}.opus .info .icon-w-box .icon-w[data-v-356176d0]{padding-right:10px}.opus .info .icon-w-box .icon-w[data-v-356176d0],.opus .info .userInfo[data-v-356176d0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.opus .info .userInfo[data-v-356176d0]{padding-top:20px}.opus .info .userInfo img[data-v-356176d0]{width:20px;height:20px;border-radius:50%}.opus .info .userInfo .name[data-v-356176d0]{padding-left:10px}.back-to-ceiling[data-v-12da1044]{position:fixed;display:inline-block;text-align:center;cursor:pointer}.back-to-ceiling[data-v-12da1044]:hover{background:#d5dbe7}.fade-enter-active[data-v-12da1044],.fade-leave-active[data-v-12da1044]{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-enter[data-v-12da1044],.fade-leave-to[data-v-12da1044]{opacity:0}.back-to-ceiling .Icon[data-v-12da1044]{fill:#9aaabf;background:none}.video-player-box[data-v-7952f65c]{width:100%;height:400px}.video-player-box[data-v-7952f65c] .video-js{width:100%;height:100%}.index .seeMore[data-v-3fb4d341]{background:none;border-color:#f5a623;color:#f5a623}.index .seeMore[data-v-3fb4d341]:hover{background-color:#f5a623;color:#fff}.index .banner[data-v-3fb4d341]{margin-top:40px;margin-bottom:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.index .banner .banner-caro[data-v-3fb4d341]{width:940px;height:360px}.index .banner .notice-wrapper[data-v-3fb4d341]{width:240px;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}.index .banner .notice-wrapper .notice[data-v-3fb4d341]{background-color:#fff}.index .banner .notice-wrapper .notice .notice-title[data-v-3fb4d341]{width:100%;height:50px;line-height:50px;text-align:center;font-size:18px;font-weight:700;border-bottom:1px solid #ddd}.index .banner .notice-wrapper .notice .notice-list[data-v-3fb4d341]{height:230px;overflow:hidden}.index .banner .notice-wrapper .notice .notice-list .notice-item[data-v-3fb4d341]{padding:10px 0}.index .banner .notice-wrapper .notice .notice-list .notice-item.hot[data-v-3fb4d341]:before{content:"";display:block;width:16px;height:16px;margin-right:4px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAATCAYAAACZZ43PAAAAAXNSR0IArs4c6QAAAflJREFUOBGVU01oE0EUft/MKi2WNk3twYPgTSgWRDwUpbGiSQiiBbF4UkrpXfAmCIrQi+BREe8K0mP8WRO0SaV40INie1DoxVNAt2m1akuSeb7ZsnE37pY6l/fe977vm9k3s6CE5WVH7wBquf8YHuBmpZlAI5XUEPyUMebuyoJ5wrncniRerIFXKPQS4ZAVMXPe441H/2XAzfXzItRtEfM5L5e52K5DSewJwJgKcbZSpqv/YAKgE/ROj40wtd504rbu2q339Tyr1MK9iMGPQmFws7H+WggHw6QgB5BnwlHH0Y9Tz18tW7xtIN+4nwy7TDQUCDqjGLyX2RwG4WO6u28ExeIvfwbfz47tZcNz24mtmRX7kXh4ZWPtls39E3jZjGuvywI7XSJsOFoP6Xp+dNwYur5TYYin5cQN1TIxVxZibZeKwRkFpuNJJDuspJ6PMx1QDN6MJYFeKqjLsb0ABNWV7PIhqEPx8wC6x1OpwU92WCE8kor2qXI0bkgS+V2VVtMolX5idva3GNyPqNoFaru6cE31udW3UDQZ7CTxS/pF1b5Gf/WX56/IZd8Oaj+CviroC73Fyjf/IaVL8w+JdAagpQhRCnl9DKdnJsBlAxeOPpIuzy1YTOq/iycmtLdau+SQXkyVK++CTj178kSLmtPQ6t6AW438aH8AivecTFKuZ2oAAAAASUVORK5CYII=) no-repeat;background-size:100% 100%}.index .banner .notice-wrapper .start-btn[data-v-3fb4d341]{width:100%;height:60px;font-size:24px}.index .banner .banner-login-wrapper[data-v-3fb4d341]{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}.index .banner .banner-login-wrapper .login[data-v-3fb4d341]{width:220px;height:290px;background-color:#fff;border-radius:8px;text-align:center;padding-top:40px}.index .banner .banner-login-wrapper .login p[data-v-3fb4d341]{height:24px;color:#999;letter-spacing:0;line-height:24px}.index .banner .banner-login-wrapper .login .avatar[data-v-3fb4d341]{width:60px;height:60px;border-radius:50%}.index .banner .banner-login-wrapper .login .login-btn[data-v-3fb4d341]{display:block;width:140px;height:30px;background:#fff;border:1px solid #3aa7f1;border-radius:18px;color:#0093de;margin:9px auto 0;outline:none;cursor:pointer}.index .banner .banner-login-wrapper .login .login-btn[data-v-3fb4d341]:hover{background:#39a5ef;color:#fff}.index .banner .banner-login-wrapper .login .works-wrapper[data-v-3fb4d341]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.index .banner .banner-login-wrapper .login .works-wrapper .work-item[data-v-3fb4d341]{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}.index .banner .banner-login-wrapper .login .works-wrapper .work-item .icon[data-v-3fb4d341]{width:50px;height:50px;text-align:center;line-height:50px;background-color:#ffefd5;border-radius:50%}.index .banner .banner-login-wrapper .login .works-wrapper .work-item span[data-v-3fb4d341]{padding-top:10px}.index .banner .banner-login-wrapper .start-btn[data-v-3fb4d341]{width:220px;height:60px;font-size:24px}.index .main .top .top-left[data-v-3fb4d341]{width:960px}.index .main .top .top-right[data-v-3fb4d341]{width:230px}.index .main .top .top-right .challenge-list[data-v-3fb4d341]{width:100%;height:288px;background-color:#fff}.index .main .top .top-right .challenge-list .challenge-item[data-v-3fb4d341]{margin-bottom:10px;cursor:pointer}.index .main .top .top-right .challenge-list .challenge-item .poster[data-v-3fb4d341]{width:88px;height:64px}.index .main .top .top-right .challenge-list .challenge-item .name[data-v-3fb4d341]{width:110px}.index .main .top .top-right .challenge-list .see-more[data-v-3fb4d341]{padding:10px 0;border-top:1px solid #eee}.index .main .opus-wrapper .opus-title[data-v-3fb4d341]{font-weight:400;color:#000}.index .main .opus-wrapper .opus-title .title-left .icon[data-v-3fb4d341]{display:inline-block;width:27px;height:28px}.index .main .opus-wrapper .opus-title .title-left span[data-v-3fb4d341]{padding-left:10px}.index .main .opus-wrapper .full[data-v-3fb4d341]{padding:10px 0}.index .main .opus-wrapper .full .opus[data-v-3fb4d341]:nth-child(5n){margin-right:0}.index .main .opus-wrapper .opus-list[data-v-3fb4d341]{padding:10px 0;overflow:hidden}.index .main .opus-wrapper .opus-list .opus[data-v-3fb4d341]:nth-child(4n){margin-right:0}