@charset "UTF-8";@-webkit-keyframes slide{0%{background-position:0 0}100%{background-position:-100% 0}}@keyframes slide{0%{background-position:0 0}100%{background-position:-100% 0}}.user{padding:28px 0}.user-left{background:#f6f6f6;-webkit-border-radius:3px;border-radius:3px;max-width:295px;padding:28px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.user-left .user-avatar{max-width:88px}.user-left .user-info{margin-top:20px}.user-left .user-name{font-size:14px;color:#000;padding-top:20px;padding-bottom:10px}.user-left .user-lasttime{font-size:12px;color:#555;padding-bottom:15px}.user-left .user-edit{padding-bottom:20px}.user-left .user-edit .col-xs-6{padding-left:0;padding-right:0}.user-left .btn-edit{cursor:pointer;display:inline-block;width:92%;padding:8px 10px;border:1px solid #d8d8d8;-webkit-border-radius:3px;border-radius:3px;font-size:14px;color:#555;text-align:center}.user-left .user-relative{border-top:1px solid #d8d8d8}.user-left .user-relative-item{cursor:pointer;margin-top:20px;width:100%;line-height:38px;text-align:center;border:1px solid #cbcbcb;-webkit-border-radius:3px;border-radius:3px;font-size:14px;color:#000}.user-left .user-relative-item.active{background:#0054d0;-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,.5);box-shadow:0 2px 6px 0 rgba(0,0,0,.5);border:1px solid #0054d0;color:#fff}.user-right{padding-left:50px}.section-item{padding-bottom:50px}.section-item .section-item-title{font-size:22px;color:#000;padding-bottom:20px}.section-item .section-item-title .btn-study{padding:8px 12px;border:1px solid #0054d0;font-size:14px;-webkit-border-radius:3px;border-radius:3px;color:#0054d0;float:right;cursor:pointer}.section-item .icon-rectangle{display:inline-block;width:8px;margin-right:10px;vertical-align:text-bottom}.section-item .section-learn-info{background:#f6f6f6;-webkit-border-radius:3px;border-radius:3px;padding:20px;font-size:16px;color:#333}.section-item .section-learn-info .info-top{border-bottom:1px solid #d8d8d8;padding-bottom:20px}.section-item .section-learn-info .info-top .emphasize{color:#000}.section-item .section-learn-info .info-top .highlight{color:#0054d0;padding:0 2px}.section-item .section-learn-info .info-top .info-top-item{padding-right:30px}.section-item .section-learn-info .info-middle{padding:50px 0;border-bottom:1px solid #d8d8d8;text-align:center}.section-item .section-learn-info .info-middle .item-icon{display:inline-block;width:20px;height:20px;vertical-align:sub;background:url(../imgs/user/icon-learn.png?v=KxF712KRr6yMSug9qwQXjQ%3D%3D) no-repeat center;-webkit-background-size:100% 100%;background-size:100% 100%;margin-right:5px}.section-item .section-learn-info .info-middle .icon-progress{background:url(../imgs/user/icon-process.png?v=jwlrQUpzganlVWB73Jdz0g%3D%3D) no-repeat center;-webkit-background-size:100% 100%;background-size:100% 100%}.section-item .section-learn-info .info-middle .icon-badge{background:url(../imgs/user/icon-badge.png?v=cp1HNqecsfIsrfzEXu%2BYzQ%3D%3D) no-repeat center;-webkit-background-size:100% 100%;background-size:100% 100%}.section-item .section-learn-info .info-middle .status-box{padding-top:40px;font-size:14px;color:#000}.section-item .section-learn-info .info-middle .status-box .count{font-size:24px}.section-item .section-learn-info .info-bottom{padding-bottom:26px}.section-item .section-learn-info .info-bottom .btn-study{display:block;margin:50px auto 0;width:220px;line-height:44px;background:#0054d0;-webkit-box-shadow:0 2px 13px 0 rgba(0,38,82,.5);box-shadow:0 2px 13px 0 rgba(0,38,82,.5);-webkit-border-radius:3px;border-radius:3px;color:#ffff;text-align:center}.section-item .section-record{padding-top:30px}.section-item .section-record a:hover{color:#333}.course-list-item{width:158px;display:inline-block;font-size:14px;color:#333;margin-bottom:50px;margin-right:10px;padding-left:0}.course-list-item:nth-child(5n){margin-right:0}.course-list-item:hover{color:#333}.course-list-item .course-name{width:100%;font-size:14px;line-height:20px;color:#000;height:50px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:10px 0;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:10px}.course-list-item .course-time{padding-bottom:10px;border-bottom:1px solid #ececec;margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.course-list-item .btn-delete{padding:4px 8px;border:1px solid #0054d0;color:#0054d0;-webkit-border-radius:3px;border-radius:3px;font-size:12px;cursor:pointer}.course-list-item .course-img{width:100%;height:120px;-o-object-fit:cover;object-fit:cover}.form-horizontal{padding-top:20px}.form-horizontal .form-group{margin-bottom:40px}.form-horizontal .form-group .col-sm-9{padding-left:0}.form-horizontal .form-control{width:40%;height:44px}.form-horizontal input[type=radio]{margin-top:0}.form-horizontal .control-label{font-weight:400;text-align:left}.form-horizontal .control-label.col-sm-3{width:20%;padding-right:0}.form-horizontal .btn-commit{padding:10px 80px;background:#0054d0;color:#fff;font-size:14px}@media (max-width:750px){body{background:#f3f3f3}.user{padding-top:.75rem}.user-box{overflow:hidden}.user-left{max-width:100%;padding:.9375rem;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:.625rem;background:#fff}.user-left .user-avatar{width:3.46875rem}.user-left .user-info{text-align:left;padding-left:.625rem;margin-top:0;-webkit-box-flex:1;-ms-flex:1;flex:1}.user-left .user-name{font-size:1rem;color:#222;padding-top:0;padding-bottom:.625rem}.user-left .user-lasttime{font-size:.75rem;padding-bottom:0}.user-left .user-edit{padding-bottom:0;-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right;display:-webkit-box;display:-ms-flexbox;display:flex}.user-left .user-edit .col-xs-6:first-child{border-right:1px solid #d8d8d8}.user-left .btn-edit{width:100%;display:block;padding:0;border:none;font-size:.8125rem;color:#555;-webkit-border-radius:0;border-radius:0}.section-item,.section-item-user{padding-bottom:0}.section-item .section-item-title,.section-item-user .section-item-title{font-size:1rem;color:#333;padding:.9375rem 0 .9375rem 0;font-weight:600;text-align:center}.section-item .section-learn-info,.section-item-user .section-learn-info{background:0 0;-webkit-border-radius:0;border-radius:0;padding:0;font-size:.6875rem;color:#555}.section-item .section-learn-info .info-top,.section-item-user .section-learn-info .info-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #f3f3f3;padding-bottom:.9375rem}.section-item .section-learn-info .info-top .emphasize,.section-item-user .section-learn-info .info-top .emphasize{color:#555}.section-item .section-learn-info .info-top .highlight,.section-item-user .section-learn-info .info-top .highlight{color:#0054d0;padding:0 2px}.section-item .section-learn-info .info-top .info-top-item,.section-item-user .section-learn-info .info-top .info-top-item{padding-right:0}.section-item .section-learn-info .info-middle,.section-item-user .section-learn-info .info-middle{padding:1.5625rem 0;border-bottom:1px solid #f3f3f3;text-align:center;overflow:hidden}.section-item .section-learn-info .info-middle .col-xs-3,.section-item-user .section-learn-info .info-middle .col-xs-3{padding:0}.section-item .section-learn-info .info-middle .status-box,.section-item-user .section-learn-info .info-middle .status-box{padding-top:1.25rem;font-size:.6875rem;color:#555}.section-item .section-learn-info .info-middle .status-box .count,.section-item-user .section-learn-info .info-middle .status-box .count{font-size:.875rem}.section-item .section-learn-info .info-middle .status-box .count.finish,.section-item-user .section-learn-info .info-middle .status-box .count.finish{color:#13a525}.section-item .section-learn-info .info-bottom,.section-item-user .section-learn-info .info-bottom{padding-top:.9375rem;padding-bottom:.9375rem}.section-item .section-learn-info .info-bottom .btn-study,.section-item-user .section-learn-info .info-bottom .btn-study{display:block;width:4.75rem;line-height:1.875rem;margin-top:0;background:#0054d0;-webkit-box-shadow:0 2px 13px 0 rgba(0,38,82,.5);box-shadow:0 2px 13px 0 rgba(0,38,82,.5);-webkit-border-radius:3px;border-radius:3px;color:#ffff;text-align:center}.section-item-user{padding:0 .9375rem;background:#fff;margin-bottom:.9375rem}.section-item-user .section-item-title{text-align:left}.section-item-user .btn-study{margin:0 auto}.user-relative{background:#fff;padding-left:.9375rem}.user-relative-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1.25rem .9375rem 1.25rem 0;border-bottom:1px solid #f3f3f3;font-size:.875rem;font-weight:700}.user-relative-item:last-child{border-bottom:none}.user-relative-item .icon-arrow-right{display:inline-block;width:.5rem;height:.5rem;border-bottom:solid 1px #888;border-right:solid 1px #888;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.course-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden}.course-list .empty{width:100%;text-align:center}.course-list-item{width:10.3125rem;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:1.25rem}.course-list-item:nth-child(2n){margin-right:0}.course-list-item .course-img{display:block;width:100%;height:5.78125rem;-o-object-fit:cover;object-fit:cover;font-size:.75rem;margin:0 auto}.course-list-item .course-name{width:100%;font-size:.875rem;line-height:normal;margin:.625rem 0;padding:0;height:auto;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.course-list-item .course-time{padding-bottom:.625rem;margin-bottom:.625rem}.dialog-user-panel{position:fixed;left:0;top:0;width:100%;height:100%;background:#fff;display:none}.dialog-user-panel .section-user-panel{background:#fff;padding:3.125rem .9375rem 0}.dialog-user-panel .back-box{position:absolute;left:.9375rem;top:4.125rem;font-size:1rem}.dialog-user-panel .icon-back{width:.625rem;margin-right:.3125rem;vertical-align:bottom}.form-horizontal{width:100%;padding-top:.9375rem}.form-horizontal .form-group{width:100%;margin-bottom:1.40625rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-right:0;margin-left:0}.form-horizontal .form-group:before{display:none;content:''}.form-horizontal .form-control{width:68%}.form-horizontal input[type=radio]{margin-top:0}.form-horizontal .control-label{width:30%;padding-left:0}.form-horizontal .btn-commit{display:block;margin:0 auto;padding:.625rem 3.125rem;font-size:.875rem}.logout{text-align:center;padding:1.875rem 0;font-size:.875rem;font-weight:700}}