.container{width:100%;margin:0 auto;background:#f5f7fb}.container .banner{width:100%;height:400px}.container .banner .swiper-container{width:100%;height:100%}.container .banner .swiper-container .swiper-slide{background-image:url(../../images/college/banner.jpg);background-repeat:no-repeat;background-size:100% 400px;position:relative}.container .banner .swiper-container .swiper-slide .bannerBox{width:1200px;margin:0 auto;color:#fff;padding-top:120px}.container .banner .swiper-container .swiper-slide .bannerBox h3{font-size:55px}.container .banner .swiper-container .swiper-slide .bannerBox p{margin-top:30px;margin-bottom:49px;font-size:19px}.container .banner .swiper-container .swiper-slide .bannerBox .goInfo a{display:inline-block;line-height:40px;text-align:center;width:120px;height:40px;margin-right:20px;color:#fff;font-size:14px;cursor:pointer;border:solid 1px #fff}.container .banner .swiper-container .swiper-slide .bannerBox .goInfo a:hover{background-color:#5097ff;color:#fff;border:none}.container .content{padding-bottom:50px}.container .content .comment-title{font-size:26px;line-height:90px}.container .content .mode-content .item{width:284px;border-radius:5px;background:#fff;margin-bottom:20px;float:left;margin-right:21px}.container .content .mode-content .item:nth-child(4n){margin-right:0}.container .content .mode-content .item:hover{box-shadow:0px 0px 13px 2px #d1d0d0}.container .content .mode-content .item>a{display:block;width:100%;height:100%}.container .content .mode-content .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}.container .content .mode-content .item .item-top .title{font-size:22px;font-weight:bold;width:200px;color:rgba(255,255,255,0.95);overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;position:relative;z-index:1}.container .content .mode-content .item .item-top .play-btn{width:38px;height:38px;position:absolute;bottom:18px;right:12px}.container .content .mode-content .item .item-top .play-btn img{width:100%;vertical-align:middle}.container .content .mode-content .item .item-top .descr{font-size:14px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:28px}.container .content .mode-content .item:nth-child(2) .item-top,.container .content .mode-content .item:nth-child(10) .item-top,.container .content .mode-content .item:nth-child(13) .item-top{background:url(../../images/college/mp4_img_01.png) no-repeat center/cover}.container .content .mode-content .item:nth-child(5) .item-top{background:url(../../images/college/mp4_img_02.png) no-repeat center/cover}.container .content .mode-content .item:nth-child(3) .item-top,.container .content .mode-content .item:nth-child(6) .item-top,.container .content .mode-content .item:nth-child(9) .item-top{background:url(../../images/college/mp4_img_03.png) no-repeat center/cover}.container .content .mode-content .item:nth-child(7) .item-top,.container .content .mode-content .item:nth-child(15) .item-top{background:url(../../images/college/mp4_img_04.png) no-repeat center/cover}.container .content .mode-content .item:nth-child(8) .item-top{background:url(../../images/college/mp4_img_05.png) no-repeat center/cover}.container .content .mode-content .item:nth-child(11) .item-top{background:url(../../images/college/mp4_img_06.png) no-repeat center/cover}.container .content .mode-content .item:nth-child(1) .item-top,.container .content .mode-content .item:nth-child(12) .item-top{background:url(../../images/college/mp4_img_07.png) no-repeat center/cover}.container .content .mode-content .item:nth-child(4) .item-top,.container .content .mode-content .item:nth-child(14) .item-top{background:url(../../images/college/mp4_img_08.png) no-repeat center/cover}.container .content .mode-content .item:nth-child(9) .item-top{background:url(../../images/college/mp4_img_09.png) no-repeat center/cover}.container .content .mode-content .item .item-txt{box-sizing:border-box;padding:18px}.container .content .mode-content .item .item-txt .title{font-size:16px;color:#43435b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container .content .mode-content .item .item-txt .descr{font-size:14px;color:#989898;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px}.container .content .mode-content .item .item-txt .tips{display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:space-between;margin-top:15px}.container .content .mode-content .item .item-txt .tips .price{color:#4a75ff;font-size:16px}.container .content .mode-content .item .item-txt .tips .views{font-size:14px;color:#949494;vertical-align:middle}.container .content .mode-content .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}.container .page{height:60px;display:flex;text-align:center;margin-top:50px}.container .page span{display:inline-block;height:30px;width:30px;line-height:30px;margin-right:10px;cursor:pointer;border:solid 1px #e5e5e5}.container .page .active{background-color:#0D72BA;color:#fff}