.test{width:50%;height:5.33333rem;background:#99b4d3;-webkit-clip-path:polygon(0 0,76% 0,24% 100%,0 100%);clip-path:polygon(0 0,76% 0,24% 100%,0 100%)}.doc-config{background:#f4f9ff;padding:0 0}.doc-config .banner{width:90%;margin-left:5%;margin-top:.34667rem}.doc-config .filter{height:.8rem;width:100%;display:flex;align-items:center;justify-content:space-between;font-size:.26667rem;font-weight:400;color:#999;line-height:.8rem;background:#fff;border-bottom:.02667rem solid #e5e5e5}.doc-config .filter img{width:.48rem;height:.48rem}.doc-config .filter .filter-left{display:flex;align-items:center}.doc-config .filter .filter-left span,.doc-config .filter .filter-right{margin-right:.13333rem}.doc-config .doc-list{overflow:hidden;border-radius:.13333rem}.doc-config .doc-list .list-item{display:flex;min-height:2.50667rem;background:#fff;border-bottom:.02667rem solid #e5e5e5}.doc-config .doc-list .list-item .logo{margin-left:.26667rem;margin-top:.45333rem;margin-right:.18667rem;width:.48rem;height:.48rem}.doc-config .doc-list .list-item .item-right{margin-top:.42667rem;font-size:.42667rem;font-weight:400;color:#060606;line-height:.53333rem}.doc-config .doc-list .list-item .item-right .right-title{display:flex;margin-right:.32rem}.doc-config .doc-list .list-item .item-right .right-title .content{margin-right:.32rem}.doc-config .doc-list .list-item .item-right .right-title .read,.doc-config .doc-list .list-item .item-right .right-title .unread{margin-top:.13333rem;width:.16rem;height:.16rem;flex-shrink:0;background:red;border-radius:50%}.doc-config .doc-list .list-item .item-right .right-title .unread{visibility:hidden}.doc-config .doc-list .list-item .item-right img{width:.34667rem;height:.34667rem;margin-right:.13333rem}.doc-config .doc-list .list-item .item-right .item-group{margin-top:.26667rem;display:flex;align-items:center;font-size:.53333rem;font-size:.26667rem;font-weight:400;color:#999;line-height:.53333rem}.doc-config .doc-list .list-item .item-right .item-bottom{display:flex;align-items:center;justify-content:space-between;font-size:.26667rem;font-weight:400;color:#999;line-height:.53333rem;margin-bottom:.26667rem}.doc-config .doc-list .list-item .item-right .item-bottom .left{display:flex;align-items:center}.doc-config .doc-list .list-item .item-right .item-bottom .center{display:flex;align-items:center;margin-right:.26667rem}.doc-config .doc-list .list-item .item-right .item-bottom .right{display:flex;align-items:center;margin-right:.8rem}.doc-config .filter-list{overflow-y:scroll;width:80vw;height:100vh}.doc-config .filter-list .filter-title{margin-left:.32rem;height:.96rem;font-size:.4rem;line-height:.85333rem;width:calc(100% - .32rem);text-align:left;color:#333}.doc-config .filter-list .filter-cont{background:red}