.app-wrap{background:#f4f5f7}.cont-section{margin:0 .53333rem .32rem .53333rem;background:#fff;border-radius:.13333rem;border:.02667rem solid #eee;height:3.46667rem;padding:.32rem 0;box-sizing:border-box}.cont-section,.section-left{display:flex;align-items:center}.section-left{flex-direction:column;justify-content:center;width:28%;height:100%;border-right:.02667rem solid #ebebeb}.section-left .title{margin-top:.08rem;font-size:.4rem;font-weight:400;color:#666}.section-left .des-left{font-size:.48rem;font-weight:700}.section-left .des-right{font-size:.32rem;font-weight:500;color:#666;line-height:.93333rem}.section-left .green{color:#4acb71}.section-left .blue{color:#00a2ff}.section-right{width:72%;height:100%;padding:0 .32rem}.section-right .grid-wrap{background:#d3d3d3;width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:space-between}.section-right .right-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(50% - .01334rem);height:calc(50% - .01334rem);background:#fff}.section-right .text-title{font-size:.48rem;line-height:.53333rem;font-weight:700}.section-right .text-subTitle{font-size:.32rem;font-weight:500;color:#979797}.cont-list{background:#fff;border-radius:.13333rem;margin:0 .53333rem;margin-bottom:.4rem}.cont-list .item-wrap{padding:.4rem;padding-bottom:0;font-size:.42667rem;font-weight:400;color:#060606}.cont-list .item-wrap .item-head img{width:.61333rem;height:.42667rem;margin-right:.18667rem}.cont-list .item-wrap .item-cont{margin-top:.10667rem;font-size:.34667rem;font-weight:400;line-height:.53333rem;color:#6c6c6c}.cont-list .item-wrap .time{display:flex;align-items:center;margin-top:.10667rem}.cont-list .item-wrap .time span{margin-left:.13333rem;font-size:.29333rem;font-weight:400;color:#999}.cont-list .item-wrap .line{margin-top:.4rem;height:.02667rem;width:100%;background:#e5e5e5}.content-wrapper{margin:0 .32rem;margin-top:-.16rem;background:#f4f5f7;display:flex;flex-direction:column}.content-wrapper .row-container{background:#fff;width:100%;border-radius:.26667rem;padding:0 .32rem;padding-bottom:.53333rem;margin-bottom:.26667rem;display:flex;flex-direction:column;box-sizing:border-box}.content-wrapper .row-container .title-wrapper{display:flex;justify-content:space-between;height:1.12rem;align-items:center;font-size:.37333rem;font-weight:700;color:#3c3c3c;line-height:.37333rem}.content-wrapper .row-container .title-wrapper .title-left{display:flex;align-items:center}.content-wrapper .row-container .title-wrapper .title-left img{width:.48rem;height:.48rem;margin-right:.16rem}.content-wrapper .row-container .title-wrapper .title-jump{font-size:.37333rem;font-weight:400;color:#3c3c3c;line-height:.37333rem}.content-wrapper .row-container .item-wrapper{display:flex;justify-content:space-between;width:100%}.content-wrapper .row-container .item-wrapper .item{min-height:2.8rem;width:2.74667rem;position:relative;display:flex;flex-direction:column;text-align:center}.content-wrapper .row-container .item-wrapper .item img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.content-wrapper .row-container .item-wrapper .item .item-title{font-size:.32rem;font-weight:500;line-height:.69333rem;color:#fff;z-index:2}.content-wrapper .row-container .item-wrapper .item .item-detail{margin-top:.32rem;font-size:.26667rem;font-weight:400;color:#6f7070;z-index:2}.content-wrapper .row-container .item-wrapper .item .item-number{font-size:.53333rem;font-weight:700;line-height:.74667rem;color:#1588f8;z-index:2}.content-wrapper .row-container .item-wrapper .item .item-total{margin:0 .21333rem;margin-top:-.10667rem;font-size:.26667rem;font-weight:400;color:#6f7070;z-index:2}.content-wrapper .row-container .list-wrapper .bottom-line{text-align:right;font-size:.32rem;font-weight:500;color:#141414;margin-top:.53333rem}.content-wrapper .row-container .list-wrapper .list-item{position:relative;display:flex;min-height:2.50667rem;background:#fff}.content-wrapper .row-container .list-wrapper .list-item .logo{margin-top:.45333rem;margin-right:.18667rem;width:.48rem;height:.48rem}.content-wrapper .row-container .list-wrapper .list-item .item-right{margin-top:.42667rem;font-size:.42667rem;font-weight:400;color:#060606;line-height:.53333rem}.content-wrapper .row-container .list-wrapper .list-item .item-right .right-title{display:flex;margin-right:.32rem}.content-wrapper .row-container .list-wrapper .list-item .item-right .right-title .read,.content-wrapper .row-container .list-wrapper .list-item .item-right .right-title .unread{margin-top:.13333rem;width:.16rem;height:.16rem;flex-shrink:0;background:red;border-radius:50%}.content-wrapper .row-container .list-wrapper .list-item .item-right .right-title .unread{visibility:hidden}.content-wrapper .row-container .list-wrapper .list-item .item-right img{width:.34667rem;height:.34667rem;margin-right:.13333rem}.content-wrapper .row-container .list-wrapper .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}.content-wrapper .row-container .list-wrapper .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}.content-wrapper .row-container .list-wrapper .list-item .item-right .item-bottom .left{display:flex;align-items:center}.content-wrapper .row-container .list-wrapper .list-item .item-right .item-bottom .center{display:flex;align-items:center;margin-right:.26667rem}.content-wrapper .row-container .list-wrapper .list-item .item-right .item-bottom .right{display:flex;align-items:center;margin-right:.8rem}.content-wrapper .row-container .list-wrapper .list-item:first-child:after{position:absolute;content:"";left:.4rem;right:.4rem;top:calc(100% - .02667rem);display:block;margin:0 auto;border-bottom:.02667rem solid #e5e5e5}.content-wrapper .row{margin-top:.32rem;border-radius:.13333rem;height:4.48rem;width:100%}