.home-class-list .item[data-v-09335b24]{height:64px;line-height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;padding:20px;box-sizing:border-box}.home-class-list .one[data-v-09335b24]{background:#fafafa}.home-class-list .two[data-v-09335b24]{padding-left:53px;cursor:pointer;background-color:#fff}.home-class-list .two .left .iconfont[data-v-09335b24]{color:#1890ff}.home-class-list .two .right[data-v-09335b24]{display:block;width:100px;text-align:left}.home-class-list .two .open-btn[data-v-09335b24]{display:none}.home-class-list .two[data-v-09335b24]:hover{box-shadow:0 0 12px 2px rgba(0,0,0,.1);transform:scale(1.01);transition:all .3s}.home-class-list .two:hover .right[data-v-09335b24]{display:none}.home-class-list .two:hover .open-btn[data-v-09335b24]{width:72px;height:24px;font-size:12px;line-height:12px;background:#1890ff;box-shadow:0 0 20px 0 rgba(0,0,0,.09);border-radius:3px;display:flex;justify-content:center;align-items:center;color:#fff}.home-class-list .left[data-v-09335b24]{display:flex;align-items:center;cursor:pointer}.home-class-list .left .iconfont[data-v-09335b24]{font-size:16px;margin-bottom:-2px;color:#333}.home-class-list .left strong[data-v-09335b24]{font-size:16px;color:#333;margin:0 10px}.home-class-list .left span[data-v-09335b24]{height:18px;background:#ebf3ff;border-radius:3px;padding:3px 10px;color:#1890ff;font-size:12px;line-height:18px}.home-class-list .right[data-v-09335b24]{display:flex;align-items:center;font-size:14px;color:#999}.home-class-list .right .iconfont[data-v-09335b24]{margin-right:10px;font-size:16px;color:#1890ff}.home-class-list .right.success .iconfont[data-v-09335b24],.home-class-list .right.success[data-v-09335b24]{color:#47ab17}.home-class-list .btn[data-v-09335b24]{height:18px;background:#ebf3ff;border-radius:3px;padding:3px 10px;color:#1890ff;font-size:12px;line-height:18px;cursor:pointer}.home-tab-a[data-v-4d2726c8]{padding:10px 20px 20px}.home-tab-a .class-progress[data-v-4d2726c8]{display:flex;align-items:center;padding:30px;justify-content:space-between;margin-bottom:30px;background:#fff;border-radius:6px;box-shadow:0 0 6px 2px rgba(0,0,0,.07);margin-bottom:0}.home-tab-a .class-progress .left[data-v-4d2726c8]{max-width:250px}.home-tab-a .class-progress .left.cur[data-v-4d2726c8]{max-width:300px}.home-tab-a .class-progress .left.cur .title[data-v-4d2726c8]{color:#ff6010}.home-tab-a .class-progress .left .title[data-v-4d2726c8]{font-size:24px;font-weight:700;color:#333;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-tab-a .class-progress .left p[data-v-4d2726c8]{text-align:left}.home-tab-a .class-progress p[data-v-4d2726c8]{font-size:14px;color:#666;line-height:14px;text-align:center;margin:20px 0 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-tab-a .class-progress .right[data-v-4d2726c8]{display:flex;align-items:center}.home-tab-a .class-progress .right .item[data-v-4d2726c8]{padding:0 20px;text-align:center;cursor:pointer}.home-tab-a .class-progress .right .item:hover p[data-v-4d2726c8]{color:#1890ff}.home-tab-a .class-progress .right strong[data-v-4d2726c8]{font-size:28px;font-weight:700;color:#1890ff;line-height:28px}.home-tab-a .class-progress .right strong span[data-v-4d2726c8]{font-size:16px;font-weight:400}.home-tab-a .class-progress .left[data-v-4d2726c8]{width:100%;max-width:100%;margin-right:30px}.home-tab-a .class-progress .right[data-v-4d2726c8]{flex-direction:column;align-items:flex-start}.home-tab-a .class-progress .right p[data-v-4d2726c8]{margin:10px 0 0}.home-tab-a .class-list[data-v-4d2726c8]{display:flex;justify-content:space-between;align-items:flex-start}.home-tab-a .class-list .left[data-v-4d2726c8]{width:calc(100% - 360px)}.home-tab-a .class-list .right[data-v-4d2726c8]{width:330px}.home-tab-a .classmate-body[data-v-4d2726c8]{display:flex;flex-wrap:wrap;padding:10px;background:#fff;border-radius:2px;box-shadow:0 0 6px 2px rgba(0,0,0,.07)}.home-tab-a .classmate-body .item[data-v-4d2726c8]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:25%;padding:10px;box-sizing:border-box}.home-tab-a .classmate-body .item span[data-v-4d2726c8]{font-size:14px;color:#666;line-height:14px;margin-top:10px}.home-tab-a .classmate-body .item .img[data-v-4d2726c8]{width:60px;height:60px;border-radius:4px}.home[data-v-0bce4ede]{background:#fff;border-radius:2px;height:100%;padding:40px 20px}.home[data-v-0bce4ede] .el-tabs__nav-scroll{background-color:#fafafa}.home[data-v-0bce4ede] .el-tabs{margin:0 -20px}.top-details[data-v-0bce4ede]{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.top-details .banner-img[data-v-0bce4ede]{width:230px;height:150px}.top-details .details-body[data-v-0bce4ede]{margin:0 30px;min-width:450px}.top-details .details-body .title[data-v-0bce4ede]{font-size:32px;font-weight:600;color:#333;line-height:44px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.top-details .details-body p[data-v-0bce4ede]{font-size:16px;color:#8d8d8d;line-height:16px}.top-details .details-body p span[data-v-0bce4ede]{margin-left:10px}.top-details .details-body p .remain[data-v-0bce4ede]{color:#ff6010}.top-details .right[data-v-0bce4ede]{width:100%;font-size:12px;color:#8d8d8d;line-height:16px;position:relative;display:flex;justify-content:space-between;align-items:center;height:100%}.top-details .right .item[data-v-0bce4ede]{padding:35px 20px;text-align:center;cursor:pointer;height:100%;flex:1;border-left:1px solid #eee;white-space:nowrap}.top-details .right .item:hover p[data-v-0bce4ede]{color:#1890ff}.top-details .right strong[data-v-0bce4ede]{font-size:34px;font-weight:700;color:#1890ff;line-height:28px}.top-details .right strong span[data-v-0bce4ede]{font-size:16px;font-weight:400}.top-details .right p[data-v-0bce4ede]{font-size:14px}.tab-list[data-v-0bce4ede]{padding:0 20px;display:flex;flex-wrap:wrap;justify-content:space-between;justify-content:left}.tab-list .item[data-v-0bce4ede]{margin:0 20px 20px 0;width:292px;transition:all .3s;background:#fff;border-radius:2px;box-shadow:0 0 6px 2px rgba(0,0,0,.07);overflow:hidden}.tab-list .item[data-v-0bce4ede]:nth-child(3n){margin-right:0}.tab-list .item[data-v-0bce4ede]:hover{box-shadow:0 0 24px 2px rgba(0,0,0,.2);transform:scale(1.01)}.tab-list .item[data-v-0bce4ede]{width:275px}.tab-list .item[data-v-0bce4ede]:nth-child(3n){margin-right:20px}.tab-list .item[data-v-0bce4ede]:nth-child(4n){margin-right:0}