.banner{width:100%;max-width:1920px;min-width:1200px;height:310px;position:relative;margin:0 auto}.banner img{width:100%;height:100%}.series_box{width:1200px;margin:0 auto;position:relative}.series_box .seriesImg_box{position:absolute;top:-135px;left:0;width:158px;height:163px;background:url(../img/series_bg.54444904.svg) no-repeat}.series_box .series_img,.series_box .seriesImg_box{-webkit-mask-image:url(../img/series_bg.54444904.svg);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}.series_box .series_img{width:100%;height:100%;-webkit-mask-size:94%}.series_box .series_name{padding-top:67px;display:flex;justify-content:space-between}.series_box .series_name h5{font-size:30px;font-family:SFPixelate-Bold;color:#fff;line-height:32px}.series_box .series_name .btns{display:flex;align-items:center}.series_box .series_name .btns li a{display:inline-block;width:40px;height:40px;background:url(../img/web.face065a.svg) no-repeat;margin-left:12px;display:flex;justify-content:center;align-items:center}.series_box .series_name .btns li a img{width:24px;height:24px}.series_box .series_name .btns li a:hover{background:url(../img/web-hover.e8da55ee.svg) no-repeat}.series_box .series_name .btns li:first-child a{margin:0}.series_box .series_name .btns li:last-child a{background:url(../img/share.1904c331.svg) no-repeat}.series_box .series_name .btns li:last-child a:hover{background:url(../img/share-hover.4cf8a008.svg) no-repeat}.series_box .series_explain{width:100%;max-width:800px;font-family:SFPixelate-Bold;margin-bottom:24px;margin-top:24px}.series_box .series_explain p{font-size:16px;color:#fff;line-height:17px}.series_box .series_explain .all{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.series_box .series_explain .more{font-size:14px;color:#537171;line-height:16px;margin-top:8px;cursor:pointer;display:flex;align-items:center}.series_box .series_explain .more img{margin-left:8px}.series_box .series_explain .more .less{transform:rotate(180deg)}@media screen and (max-width:750px){.banner{min-width:auto;width:100%;height:1.88rem}.series_box{width:100%;padding:0 .6rem 0 .4rem}.series_box .seriesImg_box{top:-1.18rem;left:.4rem;width:1.76rem;height:1.76rem;background:url(../img/seriesBg_mo.6257a81a.svg) no-repeat;-webkit-mask-size:100%;background-size:contain;-webkit-mask-image:url(../img/seriesBg_mo.6257a81a.svg)}.series_box .seriesImg_box .series_img{-webkit-mask-image:url(../img/seriesBg_mo.6257a81a.svg);-webkit-mask-size:94%}.series_box .series_name{padding-top:1.18rem;display:flex;justify-content:space-between;align-items:center;position:relative}.series_box .series_name h5{font-size:.4rem;line-height:.44rem}.series_box .series_name .more_btn{width:.4rem;height:.4rem;background:url(../img/more_btns.c0cd2e66.svg) no-repeat;background-size:contain;cursor:pointer}.series_box .series_name .btns{position:absolute;right:0;bottom:-1rem;background-color:#0c2d33}.series_box .series_name .btns li a{width:.8rem;height:.8rem;margin-left:.12rem;background-size:contain!important}.series_box .series_name .btns li a img{width:.48rem;height:.48rem}.series_box .series_explain{max-width:5.3rem;margin-bottom:.24rem;margin-top:.4rem}.series_box .series_explain p{font-size:.28rem;line-height:.32rem}.series_box .series_explain .all{-webkit-line-clamp:6}.series_box .series_explain .more{font-size:.24rem;line-height:.28rem;margin-top:.2rem}.series_box .series_explain .more img{margin-left:.16rem}}