body{background:#fff}.articlelist{min-height:calc(100vh - 308px);width:1300px;margin:0 auto;padding:40px 0;display:-webkit-box;display:-ms-flexbox;-js-display:flex;display:flex}.articlelist-left{width:780px;margin-top:15px}.articlelist-left .nav{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#222;line-height:20px}.articlelist-left .taglist{width:100%}.articlelist-left .taglist .tag{height:23px;color:rgba(0,0,0,.51);cursor:pointer;font-size:16px;margin-right:36px;white-space:nowrap;border-bottom:5px solid rgba(0,0,0,0);padding-bottom:5px}.articlelist-left .taglist .tag.active{color:rgba(0,0,0,.93);border-color:#ff6691}.articlelist-left .arclist{margin-top:10px}.articlelist-left .arclist .arcitem{padding:20px 0;border-bottom:1px dashed #ff6691}.articlelist-left .arclist .arcitem .new{background-repeat:no-repeat;background-size:100% 100%;background-position:50%;width:37px;height:17px;border-radius:8px 2px 8px 2px;background:#ff6691;font-size:12px;font-weight:700;text-align:center;display:-webkit-box;display:-ms-flexbox;-js-display:flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-transform:capitalize;letter-spacing:.03em;color:#fff;margin-right:8px}.articlelist-left .arclist .arcitem .preview{width:128px;height:72px;-ms-flex-negative:0;flex-shrink:0;position:relative;border-radius:8px 4px 4px 4px;overflow:hidden;margin-right:12px}.articlelist-left .arclist .arcitem .preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.articlelist-left .arclist .arcitem .preview .top{left:0;top:0;position:absolute;background:#fa6544;font-size:9px;font-weight:400;color:#fff;line-height:13px;padding:2px 4px}.articlelist-left .arclist .arcitem .preview .new{left:0;top:0;position:absolute}.articlelist-left .arclist .arcitem .info{display:-webkit-box;display:-ms-flexbox;-js-display:flex;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1}.articlelist-left .arclist .arcitem .info .title{font-size:16px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:rgba(0,0,0,.59);line-height:22px;display:-webkit-box;display:-ms-flexbox;-js-display:flex;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-indent:-8px}.articlelist-left .arclist .arcitem .info .desc{font-size:16px;font-weight:400;line-height:22px;color:#9e9e9e;margin-top:4px;height:44px;overflow:hidden}.articlelist-left .arclist .arcitem .info .time{color:#d9d8d8;font-size:12px;font-weight:400;line-height:20px;position:absolute;right:0;top:0}.articlelist-left .arclist .arcitem:last-child{border-bottom:0}.articlelist-right{margin-left:auto;width:368px;background:#f9f9f9;border-radius:16px;padding:34px;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:70px}.articlelist-right .title{font-size:18px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#222;line-height:25px;text-align:center}.articlelist-right .postlist .postitem{display:-webkit-box;display:-ms-flexbox;-js-display:flex;display:flex;width:100%;margin-top:22px}.articlelist-right .postlist .postitem .title{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#545452;line-height:20px;text-align:left;margin-right:15px}.articlelist-right .postlist .postitem .time{font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#999;line-height:17px;margin-left:auto;-ms-flex-negative:0;flex-shrink:0}