.self-loading[data-v-33c43d40]{width:100%;height:100%;z-index:8}.loading-box[data-v-33c43d40]{display:inline-block;width:100%;height:100%;position:relative}.loading-main[data-v-33c43d40]{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;display:block;height:30px;line-height:30px;text-align:center}.loading-icon[data-v-33c43d40]{-webkit-animation:loading-rotate-data-v-33c43d40 1.2s linear infinite;animation:loading-rotate-data-v-33c43d40 1.2s linear infinite;display:inline-block;padding:0 10px;font-size:20px}.self-loading-box[data-v-33c43d40],.self-loading-container[data-v-33c43d40]{width:100%;height:100%}.self-loading-box[data-v-33c43d40]{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;z-index:2}@-webkit-keyframes loading-rotate-data-v-33c43d40{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading-rotate-data-v-33c43d40{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
.mask-vip-inner-container .mask-footer[data-v-166b6f11]{padding-top:30px;text-align:center}.become-vip[data-v-166b6f11]{max-width:300px;margin:auto;font-size:16px;font-weight:700;font-family:"Microsoft Yahei";text-align:center;line-height:44px;color:#80520d;border-radius:4px;background-image:-webkit-gradient(linear,left top,right top,from(#ffe9ca),color-stop(#ffd79c),to(#ffe9ca));background-image:-webkit-linear-gradient(left,#ffe9ca,#ffd79c,#ffe9ca);background-image:linear-gradient(90deg,#ffe9ca,#ffd79c,#ffe9ca);background-position:0;background-size:200% auto;cursor:pointer;-webkit-transition:background-position .2s ease-in-out;transition:background-position .2s ease-in-out}.become-vip[data-v-166b6f11]:hover{background-position:100%}.advise-btn[data-v-166b6f11]{display:inline-block;padding:10px 20px 10px 15px;margin-top:15px;line-height:21px;color:#ff3101;text-decoration:underline;border-radius:8px;background:#fff}.advise-ico[data-v-166b6f11]{position:relative;bottom:2px;width:20px;height:21px;margin-right:9px;vertical-align:middle}
.course-board[data-v-0b28ee34]{min-width:280px;max-width:282px;margin-top:24px;line-height:22px;border:1px solid #e0e0e0;background:#fff;border-radius:4px}.course-board[data-v-0b28ee34]:hover{-webkit-box-shadow:0 2px 6px #e0e0e0;box-shadow:0 2px 6px #e0e0e0}.course-img[data-v-0b28ee34]{height:160px;background-size:cover;background-position:top;border-bottom:1px solid #f8f8f8}.course-main[data-v-0b28ee34]{padding:10px 15px}.course-title[data-v-0b28ee34]{display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:44px;font-size:14px;color:#262626;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.course-board:hover .course-title[data-v-0b28ee34]{color:#224ae3}.course-footer[data-v-0b28ee34]{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:10px}.course-price[data-v-0b28ee34]{font-size:14px;color:#f84e44}.course-free[data-v-0b28ee34]{font-size:16px;color:#52b818}.course-learned[data-v-0b28ee34]{font-size:12px;color:#8c8c8c}