.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}.page-chapter-detail{padding:40px 0}.page-chapter-detail .cover{position:relative;margin-bottom:40px}.page-chapter-detail .cover img{width:100%;display:block}.page-chapter-detail .cover img.player{position:absolute;top:0;left:0;z-index:1;cursor:pointer}.page-chapter-detail .video{margin-bottom:40px}.page-chapter-detail .video .wrapper{position:relative;padding-bottom:56.25%;height:0}.page-chapter-detail .video .wrapper .crop-wrapper{overflow:hidden}.page-chapter-detail .video .wrapper .crop-wrapper .cropping{overflow:hidden;margin-top:-51%;margin-bottom:-20.2%}.page-chapter-detail .video .wrapper .crop-wrapper .cropping .player-wrapper{position:relative;overflow:hidden;padding-top:127.5%}.page-chapter-detail .video .wrapper .crop-wrapper .cropping .player-wrapper .player{position:absolute;top:0;width:100%;height:124%}.page-chapter-detail .video .wrapper .crop-wrapper .cropping .player-wrapper .player iframe{position:absolute;top:0;left:0;width:100%;height:100%}.page-chapter-detail .board .module{display:block;font-size:12px;color:#aaa}.page-chapter-detail .board h1{font-size:22px;color:#cc4a4e;margin:0;padding-bottom:30px}.page-chapter-detail .board h1:after{content:" ";display:block;width:100px;height:1px;background:#ccc;margin-top:15px}.page-chapter-detail .board article{font-size:14px;line-height:26px;color:#333}.page-chapter-detail .board article h4{font-weight:700;font-size:18px}.page-chapter-detail .board article p,.page-chapter-detail .board article ul{margin:20px 0}.page-chapter-detail .board article p:last-child,.page-chapter-detail .board article ul:last-child{margin-bottom:0}.page-chapter-detail .board article img{display:block;max-width:100%;margin:30px auto}.page-chapter-detail .board article img:first-child{margin-top:0}.page-chapter-detail .board article img:last-child{margin-bottom:0}.page-chapter-detail .board article img+p{padding:20px 0}.page-chapter-detail .materials{background:#fff;padding:7px 10px 7px 20px;border-left:3px solid #e4acae;font-size:14px;font-weight:700;color:#cc4a4e;margin-bottom:10px}.page-chapter-detail .materials svg{color:#b78b8c;margin-right:10px}@media only screen and (max-width:992px){.page-chapter-detail .materials{margin-top:20px}}.page-chapter-detail .alert{font-size:14px;margin-bottom:10px}.page-chapter-detail .alert svg{color:#f3c536;margin-right:10px}.page-chapter-detail .download{background:#fff;padding:5px 20px 15px;margin-bottom:10px}.page-chapter-detail .download button{display:block;width:100%;font-size:15px;color:#555;padding:10px 0;text-align:left;outline:none;background:none;border:none;border-bottom:1px dashed #ddd}.page-chapter-detail .download button:last-child{border-bottom:none}.page-chapter-detail .download button.read{color:#ccc}.page-chapter-detail .download button.read i{color:#20b26e}.page-chapter-detail .download button.read span{color:#ccc}.page-chapter-detail .download button:hover{color:#333;text-decoration:underline}.page-chapter-detail .download button:hover span{color:#555}.page-chapter-detail .download button i{color:#ccc}.page-chapter-detail .download button span{font-size:11px;color:#555}.page-chapter-detail .download i{font-size:22px;line-height:22px;margin-right:8px;color:#ddd;vertical-align:middle;display:inline-block}.page-chapter-detail .download .no-material{margin-top:30px;padding:50px 10px;font-size:14px;font-weight:200;text-align:center;color:#aaa}.page-chapter-detail .download .no-material i{display:block;color:#e5e5e5;margin-bottom:20px;font-size:60px}.page-chapter-detail .other{padding-top:40px}.page-chapter-detail .other h3{font-size:24px;font-weight:200;color:#666;padding-bottom:10px;margin:0;margin-bottom:30px;border-bottom:1px solid #ddd}