.list{min-height:95vh;background-color:#f3f5f6}.list>.top{height:30px;background-color:#49555c}.list>.banner{background:url("https://www.edu.cn/c_images/cernet/ietf/banner-bg.png") no-repeat center center;background-size:cover;min-height:340px}.list>.banner .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.list>.banner>.mask{background-color:rgba(51,56,65,.7);height:100%;min-height:340px}.list>.banner .wrapper{padding-top:15px;padding-bottom:45px}.list>.banner .wrapper img{width:130px;margin-bottom:40px}.list>.banner .wrapper h3{font-weight:700;color:#fff;font-size:40px;margin-bottom:20px}.list>.banner .wrapper p{color:#fff;font-size:20px}.list>.banner .wrapper p:nth-of-type(1){font-size:24px}.list>.content{background-color:#f3f5f6}.list>.content .wrapper .breadcrumb{padding:30px 0}.list>.content .wrapper .breadcrumb a{color:#49555c;font-size:20px}.list>.content .wrapper .breadcrumb a:hover{text-decoration:underline}.list>.content .wrapper .breadcrumb img{width:22px;vertical-align:top}.list>.content .videos ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-1%;margin-right:-1%}.list>.content .videos ul li{width:23%;background-color:#fff;margin:0 1%;margin-bottom:30px;height:225px;overflow:hidden}.list>.content .videos ul li h5{padding:10px 10px 20px}.list>.content .videos ul li h5 a{display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.list>.content .perpage{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:60px}.list>.content .perpage a{padding:10px 14px;background-color:#0064c1;border:1px solid #0064c1;color:#fff;margin:0 15px}.list>.content .perpage a:hover,.list>.content .perpage a.cur{color:#0064c1;background-color:#fff;border:1px solid #d7d7d7}
@media screen and (max-width:1199px){.list>.content .videos ul li{width:31%;height:200px}.list>.content .perpage{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.list>.content .perpage a{padding:5px 10px;margin:0 10px;margin-bottom:10px}}
@media screen and (max-width:767px){.list>.banner{height:auto}.list>.content .videos ul li{width:48%;height:180px}}