.content{background:#f5f7fb;padding-bottom:65px}.comment-title{font-size:28px;color:#030314;text-align:center;background-image:url(../../images/college/title_bg.png);background-repeat:no-repeat;background-position:center 25px;line-height:100px}.banner{width:100%;min-width:1200px}.banner .swiper-container{width:100%}.banner .swiper-container .swiper-slide{position:relative;width:100%;height:570px;background-repeat:no-repeat;background-position:center;background-size:cover}.banner .swiper-container .swiper-slide.banner{background-image:url(../../images/college/new_banner.png)}.banner .swiper-container .swiper-slide .banner_box{color:#ffffff;padding-top:187px;position:relative;height:100%;box-sizing:border-box}.banner .swiper-container .swiper-slide .banner_box .h3{font-size:36px;line-height:1}.banner .swiper-container .swiper-slide .banner_box .p1{font-weight:300;font-size:25px;margin-top:28px;line-height:1}.banner .swiper-container .swiper-slide .banner_box .p2{font-weight:100;font-size:18px;margin-top:24px;line-height:1}.banner .swiper-container .swiper-slide .banner_box .banner_btn{margin-top:30px;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}.banner .swiper-container .swiper-slide .banner_box .banner_btn .btn{width:103px;height:32px;border-radius:16px;color:#fff;background:#ff4d4f;font-size:18px;line-height:32px;text-align:center;margin-right:18px}.sidbar{width:284px;border-radius:5px;overflow:hidden;padding-top:65px;box-sizing:border-box;padding-left:25px}.sidbar .title{font-size:24px;color:#fff;margin-bottom:20px;padding-left:10px}.sidbar>p{font-size:18px;color:#fff;line-height:29px;padding-left:10px}.sidbar .btn{display:block;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;width:232px;height:63px;border-radius:32px;background:#e3f1ff;margin-top:20px}.sidbar .btn .play{width:48px;height:48px;background:url(../../images/college/solid_play.png) no-repeat center/cover;margin-left:10px}.sidbar .btn .text{font-size:18px;color:#4775fd;text-align:center}.sidbar .btn .icon{width:12px;height:16px;background:url(../../images/college/new_right.png) no-repeat center/cover;margin-right:25px}.right-box{display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:space-between;width:900px;margin-left:20px}.right-box .item{width:284px;border-radius:5px;background:#fff;margin-bottom:20px}.right-box .item:nth-last-child(1),.right-box .item:nth-last-child(2),.right-box .item:nth-last-child(3){margin-bottom:0}.right-box .item:hover{box-shadow:0px 0px 13px 2px #d1d0d0}.right-box .item>a{display:block;width:100%;height:100%}.right-box .item .item-top{width:100%;height:143px;padding:35px 15px 0;box-sizing:border-box;background:url(../../images/college/mp4_img_09.png) no-repeat center/cover;position:relative}.right-box .item .item-top .title{font-size:25px;width:200px;color:#fff;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;position:relative;z-index:1}.right-box .item .item-top .play-btn{width:50px;height:50px;position:absolute;bottom:12px;right:10px}.right-box .item .item-top .play-btn img{width:100%;vertical-align:middle}.right-box .item .item-top .descr{font-size:14px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:28px}.right-box .item .item-txt{box-sizing:border-box;padding:18px}.right-box .item .item-txt .title{font-size:16px;color:#43435b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right-box .item .item-txt .descr{font-size:14px;color:#989898;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px}.right-box .item .item-txt .tips{display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:space-between;margin-top:15px}.right-box .item .item-txt .tips .price{color:#4a75ff;font-size:16px}.right-box .item .item-txt .tips .views{font-size:14px;color:#949494;vertical-align:middle}.right-box .item .item-txt .tips .views i{display:inline-block;width:14px;height:14px;background:url(../../images/college/play_icon.png) no-repeat center/cover;vertical-align:middle;margin-right:5px}.mode-content{width:100%;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;padding-top:10px}.new-update .sidbar{background:url(../../images/college/new_update_bg.png) no-repeat center/cover;padding-top:35px}.new-update .right-box .item:nth-child(1) .item-top{background:url(../../images/college/mp4_img_08.png) no-repeat center/cover}.new-update .right-box .item:nth-child(2) .item-top{background:url(../../images/college/mp4_img_04.png) no-repeat center/cover}.new-update .right-box .item:nth-child(3) .item-top{background:url(../../images/college/mp4_img_09.png) no-repeat center/cover}.getting-started .sidbar{background:url(../../images/college/getting_started_bg.png) no-repeat center/cover}.getting-started .right-box .item:nth-child(1) .item-top{background:url(../../images/college/mp4_img_07.png) no-repeat center/cover}.getting-started .right-box .item:nth-child(2) .item-top{background:url(../../images/college/mp4_img_01.png) no-repeat center/cover}.getting-started .right-box .item:nth-child(3) .item-top{background:url(../../images/college/mp4_img_03.png) no-repeat center/cover}.getting-started .right-box .item:nth-child(4) .item-top{background:url(../../images/college/mp4_img_02.png) no-repeat center/cover}.getting-started .right-box .item:nth-child(5) .item-top{background:url(../../images/college/mp4_img_03.png) no-repeat center/cover}.getting-started .right-box .item:nth-child(6) .item-top{background:url(../../images/college/mp4_img_04.png) no-repeat center/cover}.operate .sidbar{background:url(../../images/college/operate_bg.png) no-repeat center/cover}.operate .right-box .item:nth-child(1) .item-top{background:url(../../images/college/mp4_img_05.png) no-repeat center/cover}.operate .right-box .item:nth-child(2) .item-top{background:url(../../images/college/mp4_img_03.png) no-repeat center/cover}.operate .right-box .item:nth-child(3) .item-top{background:url(../../images/college/mp4_img_02.png) no-repeat center/cover}.operate .right-box .item:nth-child(4) .item-top{background:url(../../images/college/mp4_img_04.png) no-repeat center/cover}.operate .right-box .item:nth-child(5) .item-top{background:url(../../images/college/mp4_img_06.png) no-repeat center/cover}.operate .right-box .item:nth-child(6) .item-top{background:url(../../images/college/mp4_img_07.png) no-repeat center/cover}.lecturer-content>ul{display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}.lecturer-content>ul>li{width:283px;height:397px;border-radius:5px;overflow:hidden;position:relative;margin-right:22px;cursor:pointer}.lecturer-content>ul>li:last-child{margin-right:0}.lecturer-content>ul>li:hover{box-shadow:0px 0px 13px 2px #d1d0d0}.lecturer-content>ul>li img{width:100%;vertical-align:middle}.lecturer-content>ul>li .introduce{position:absolute;left:0;bottom:0;width:100%;height:101px;text-align:center;background:rgba(0,0,0,0.7);padding:20px}.lecturer-content>ul>li .introduce .name{font-size:24px;color:rgba(255,255,255,0.8)}.lecturer-content>ul>li .introduce .position{font-size:18px;color:rgba(255,255,255,0.8);margin-top:5px}