.xl-chrome-ext-bar{display:none}.video-look{margin-bottom:auto;margin-top:auto}*{padding:0;margin:0}li,ul{list-style:none}a{text-decoration:none}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.content{margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-bottom:10px;padding-top:10px}.course-left{width:100%;border:1px solid #eee;border-top:0;display:inherit}.course-box{width:inherit}.course-info{width:50%;background-color:#f7f7f7;border-radius:5px;overflow:hidden;display:inline-block}.course-info .course-img{width:100%;border-radius:5px;overflow:hidden}.course-info .course-img img{width:100%;height:100%}.course-info .course-name{margin:15px 10px;font-size:16px}.course-info p{font-size:14px;color:#797979;margin:0 10px}.slide-nav{width:100%}.slide-nav li{padding:0 20px;font-size:18px;line-height:35px;border-bottom:1px solid #eee;font-family:楷体;cursor:pointer}.slide-nav li:nth-child(4){border-top:1px solid #eee}.slide-nav li.current{color:#31758f;font-weight:700}.current{color:#31758f!important;font-weight:700}.course-center{width:700px}.course-both{margin-top:30px;width:100%;border:1px solid #eee;padding:10px;background:#f6fdfd}.course-video,.course-video video{width:100%;margin-top:10px}.comment-box{width:inherit;margin-top:30px}.comment-box h3{font-size:16px;color:#000;padding:10px 0;border-bottom:1px solid #eee}.comment-form{width:inherit;margin-top:10px}.comment-form textarea{width:100%;border:none;background-color:#f7f7f7}.comment-form button{background-color:#00adb5;color:#fff;border:none;padding:5px 10px;border-radius:5px;font-size:16px;margin-top:5px}.comment-list{width:inherit;margin-top:20px}.comment-item{padding:10px 5px}.comment-item:not(:last-child){border-bottom:1px solid #eee}.user-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-photo{width:34px;height:34px;overflow:hidden;margin-right:10px}.user-photo img{width:100%;height:100%}.comment-desc{color:#797979;margin-top:8px}.course-right{width:360px;border:1px solid #eee}.catalog-h3{font-size:16px;line-height:50px;border-bottom:1px solid #eee;padding-left:10px;font-weight:700}.catalog-list{padding:0 10px;line-height:1.8;letter-spacing:2px;background:#f6fdfd}.catalog-item{width:inherit;margin-bottom:15px}.catalog-item .catalog-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:5px 0;position:relative}.course-section{padding-top:5px}.course-section li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer}.course-section li:not(:last-child){margin-bottom:10px}.course-section-title{display:-webkit-box;display:-ms-flexbox;display:flex}.course-section-title span{color:#797979;font-size:12px;border:1px solid #eee;border-radius:3px;padding-right:2px}.course-section-title span img{width:12px;height:12px;position:relative;top:2px;left:2px;margin-right:2px}.course-section-title p{font-family:楷体;color:#797979;margin-left:25px;font-size:16px}.navi{padding-top:20px}.navi span{cursor:pointer}h3{color:#31758f}.ite{color:#a4a4a4}