.component-chapter-box{margin-bottom:20px;background:#fff;cursor:pointer}.component-chapter-box:hover{-webkit-box-shadow:0 0 5px hsla(0,0%,39.2%,.2);box-shadow:0 0 5px hsla(0,0%,39.2%,.2);-webkit-transform:scale(1.03);transform:scale(1.03);text-decoration:none}.component-chapter-box .picture{position:relative;display:block}.component-chapter-box .picture img{display:block;width:100%}.component-chapter-box .picture .player{position:absolute;z-index:0;top:0;left:0;right:0;bottom:0}.component-chapter-box .picture .status{position:absolute;z-index:1;right:0;bottom:10px;padding:5px 10px;color:#fff;background:rgba(45,173,132,.8)}.component-chapter-box .desc{padding:15px;border-bottom:1px solid #e6dbdb}.component-chapter-box .desc h2{font-size:13px;line-height:22px;margin:0;color:#333}.component-course-box{margin-top:30px;background:#fff}.component-course-box .picture{display:block}.component-course-box .picture img{display:block;width:100%}.component-course-box .desc{padding:15px;border-top:2px solid #e2b7a3;text-align:center}.component-course-box .desc h2{font-size:16px;line-height:24px;margin:0 0 20px}.component-course-box .desc h2 a{display:block;color:#333;height:93px;overflow:hidden}.component-course-box .desc h2 a:hover{text-decoration:none;opacity:.5}.component-course-box .desc h2 a span{display:block;font-size:12px;padding-bottom:15px;color:#cc4a4e}.component-course-box .desc h2 a span:after{content:" ";display:block;width:42px;height:1px;background:#cc4a4e;margin:5px auto 0}.component-course-box .desc .readmore{border-radius:0;padding:6px 18px;font-size:15px;color:#fff;border:1px solid #8a8383;background:#8a8383}.page-course-detail{padding-bottom:40px}.page-course-detail .top-title{background-size:cover;background-repeat:no-repeat;background-position:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:140px;margin-bottom:40px}.page-course-detail .top-title h2{margin:0;font-size:36px;font-weight:200;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.2)}@media only screen and (max-width:768px){.page-course-detail .top-title h2{font-size:24px}}.page-course-detail .objective .title h1{font-size:24px;color:#cc4a4e;margin:0;padding-bottom:20px}.page-course-detail .objective .title h1:after{content:" ";display:block;width:100px;height:1px;background:#ccc;margin-top:15px}.page-course-detail .objective .title p{font-size:14px;line-height:26px;color:#333;margin:0;padding-bottom:10px}.page-course-detail .objective .title button{display:block;width:100%;text-align:left;background:none;border:none;outline:none;font-size:14px;color:#a26868;padding-bottom:5px}.page-course-detail .objective .title button:hover{color:#cc4a4e;text-decoration:underline}.page-course-detail .objective .title button svg{margin-right:15px;color:#ddd}.page-course-detail .objective h2{font-size:22px;font-weight:200;color:#cc4a4e;margin:0;padding-bottom:20px}.page-course-detail .objective h2:after{content:" ";display:block;width:100px;height:1px;background:#ccc;margin-top:15px}.page-course-detail .objective .desc{font-size:14px;line-height:26px;color:#000;padding:15px 0 25px}.page-course-detail .objective .item{padding:7px 0}.page-course-detail .objective .item svg{color:#eae0d7;margin-right:15px}.page-course-detail .objective .item span{font-size:14px;color:#000}.page-course-detail .chapter-title{background:#fff;padding:7px 10px 7px 20px;border-left:3px solid #ef8588;font-size:14px;color:#555;margin-bottom:20px}@media only screen and (max-width:992px){.page-course-detail .chapter-title{margin-top:20px}}.page-course-detail .other{padding-top:40px}.page-course-detail .other h3{font-size:24px;font-weight:200;margin:0;color:#666;padding-bottom:10px;border-bottom:1px solid #ddd}