.article{width:1200px;position:relative;height:auto;border-radius:10px;margin:20px auto 0;font-family:Roboto;border:0 solid red}.article .content{width:100%;display:flex;justify-content:space-between;color:#fff;font-size:14px;margin:30px 0 0 0}.article .content .left{width:75%;height:100%;border:0 solid red}.article .content .left .title{font-size:24px;font-weight:700;line-height:40px;letter-spacing:0;color:#fff}.article .content .left .time_view{display:flex;justify-content:flex-start;margin:10px 0 0 0}.article .content .left .time_view .time{margin:0 20px 0 0;display:flex}.article .content .left .time_view .view{display:flex}.article .content .left .time_view .icon{margin:0 6px 0 0}.article .content .left .time_view .icon img{width:14px;height:14px;margin:1px 0 0 0}.article .content .left .category{width:100%;display:flex;position:relative;margin:20px 0 20px 0}.article .content .left .category .item{position:relative;border-radius:25px;background:#1f2937;padding:6px 10px 8px 10px;color:#1b9af5;border:0 solid red}.article .content .left .text p{margin:10px 0;line-height:20px}.article .content .right{width:15%;height:100%;border:0 solid red;margin:0 0 0 10%}.article .content .right .name{line-height:40px;font-size:14px;font-weight:700}.article .content .right .item_box{width:100%;overflow:hidden}.article .content .right .item_box .list{line-height:36px;color:#9ca3af}