.black-new .black-info{margin:20px auto;width:1200px}.black-new .black-info .black-bg{background:url(https://resources1.interface003.com/web20/img/othor/blackbg.png) no-repeat 0 0;background-size:100% 100%;height:168px;width:100%}.black-new .black-info .black-bg,.black-new .black-info .black-bg .black-bg-title{align-items:center;display:flex;justify-content:center}.black-new .black-info .black-bg .black-bg-title .black-bg-title-text{color:#fff;font-size:46px;font-style:normal;font-weight:600;line-height:64px;padding:0 6px}.black-new .black-info .black-content{display:flex;margin-top:20px}.black-new .black-info .black-content .l{flex:1;margin-right:20px}.black-new .black-info .black-content .l .black-head{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:12px;display:flex;margin-bottom:20px;padding:20px;width:100%}.black-new .black-info .black-content .l .black-head .black-head-l{border:1px solid rgba(0,0,0,.05);border-radius:6px;flex-shrink:0;height:118px;overflow:hidden;width:192px}.black-new .black-info .black-content .l .black-head .black-head-l img{height:100%;width:100%}.black-new .black-info .black-content .l .black-head .black-head-r{padding-left:16px}.black-new .black-info .black-content .l .black-head .black-head-r .black-head-title{color:#292929;font-size:24px;font-style:normal;font-weight:600;line-height:34px;margin-bottom:7px}.black-new .black-info .black-content .l .black-head .black-head-r .black-head-label{display:flex;margin-bottom:12px}.black-new .black-info .black-content .l .black-head .black-head-r .black-head-label span{background:rgba(61,61,61,.1);border-radius:2px;color:#292929;font-size:14px;font-style:normal;font-weight:400;height:22px;line-height:22px;margin-right:6px;padding:0 4px;white-space:nowrap}.black-new .black-info .black-content .l .black-head .black-head-r .black-head-p{color:#292929;font-size:16px;font-style:normal;font-weight:400;line-height:26px;opacity:.8}.black-new .black-info .black-content .l .black-list{display:flex;flex-wrap:wrap;justify-content:space-between}.black-new .black-info .black-content .l .black-list .black-ul{background:#fff;border:2px solid hsla(0,0%,80%,.18);border-radius:12px;display:flex;height:116px;margin-bottom:20px;padding:20px;width:413px}.black-new .black-info .black-content .l .black-list .black-ul .black-ul-l{border:1px solid #eee;border-radius:6px;flex-shrink:0;height:76px;overflow:hidden;width:140px}.black-new .black-info .black-content .l .black-list .black-ul .black-ul-l img{display:flex;height:100%;width:100%}.black-new .black-info .black-content .l .black-list .black-ul .black-ul-r{flex:1;padding-left:20px}.black-new .black-info .black-content .l .black-list .black-ul .black-ul-r .black-ul-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.black-new .black-info .black-content .l .black-list .black-ul .black-ul-r .black-ul-head .black-ul-title{color:#333;font-size:18px;font-style:normal;font-weight:600;line-height:25px;max-width:148px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.black-new .black-info .black-content .l .black-list .black-ul .black-ul-r .black-ul-head .black-ul-label{background:#d7a638;border-radius:2px;color:#fff;font-size:12px;font-style:normal;font-weight:400;line-height:19px;padding:0 6px}.black-new .black-info .black-content .l .black-list .black-ul .black-ul-r .black-ul-p{color:#3d3d3d;font-size:14px;font-style:normal;font-weight:300;line-height:20px;margin-bottom:5px}.black-new .black-info .black-content .l .black-list .black-ul .black-ul-r .black-ul-time{color:#b8b8b8;font-size:12px;font-style:normal;font-weight:400;line-height:17px}.black-new .black-info .black-content .l .black-list .black-ul:hover{background:rgba(0,0,0,.05)}.black-new .black-info .black-content .r{width:334px}.black-new .black-info .black-content .r .new-black{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:12px;padding:20px;width:100%}.black-new .black-info .black-content .r .new-black .new-black-title{color:#000;font-size:16px;font-style:normal;font-weight:600;line-height:22px}.black-new .black-info .black-content .r .new-black .new-black-list{margin-top:14px}.black-new .black-info .black-content .r .new-black .new-black-list .item{margin-bottom:16px}@media screen and (max-width:1199px){.black-new .black-info{width:940px}.black-new .black-info .black-content{flex-direction:column}.black-new .black-info .black-content .l{margin-right:0}.black-new .black-info .black-content .l .black-list .black-ul{width:460px}.black-new .black-info .black-content .l .black-list .black-ul .black-ul-r .black-ul-head .black-ul-title{max-width:195px}.black-new .black-info .black-content .r{margin-top:20px;width:100%}.black-new .black-info .black-content .r .new-black .new-black-list{display:flex;flex-wrap:wrap;justify-content:space-between}.black-new .black-info .black-content .r .new-black .new-black-list .item{width:442px}}@media screen and (max-width:999px){.black-new .black-info{width:760px}.black-new .black-info .black-content .l .black-head .black-head-l{height:108px;width:176px}.black-new .black-info .black-content .l .black-list .black-ul{height:112px;width:370px}.black-new .black-info .black-content .l .black-list .black-ul .black-ul-l{height:60px;width:110px}.black-new .black-info .black-content .l .black-list .black-ul .black-ul-r .black-ul-head .black-ul-title{max-width:135px}.black-new .black-info .black-content .r .new-black .new-black-list .item{width:352px}}@media screen and (max-width:799px){.black-new .black-info{background:#f8f8f8;margin:0 auto;width:100%}.black-new .black-info .black-bg{background:url(https://resources1.interface003.com/web20/img/othor/blackbgwap.png) no-repeat 0 0;background-size:100% 100%;display:block;height:166px;padding-top:32px;width:100%}.black-new .black-info .black-bg .black-bg-title img{height:44px}.black-new .black-info .black-bg .black-bg-title .black-bg-title-text{font-size:28px;line-height:39px;white-space:nowrap}.black-new .black-info .black-content{transform:translateY(-80px)}.black-new .black-info .black-content .l{padding:0 16px}.black-new .black-info .black-content .l .black-head{margin-bottom:12px;padding:14px}.black-new .black-info .black-content .l .black-head .black-head-l{border:.5px solid #ccc;border-radius:4px;height:66px;width:106px}.black-new .black-info .black-content .l .black-head .black-head-r{padding-left:12px}.black-new .black-info .black-content .l .black-head .black-head-r .black-head-title{word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:18px;line-height:22px;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis}.black-new .black-info .black-content .l .black-head .black-head-r .black-head-label{flex-wrap:wrap;height:16px;margin-bottom:0;overflow:hidden}.black-new .black-info .black-content .l .black-head .black-head-r .black-head-label span{font-size:10px;height:16px;line-height:16px;margin-bottom:0}.black-new .black-info .black-content .l .black-head .black-head-r .black-head-p{display:none}.black-new .black-info .black-content .l .black-list .black-ul{border:none;height:80px;margin-bottom:12px;padding:10px 14px;width:100%}.black-new .black-info .black-content .l .black-list .black-ul .black-ul-l{border:.5px solid #ccc;border-radius:4px;height:60px;width:96px}.black-new .black-info .black-content .l .black-list .black-ul .black-ul-r{padding-left:12px}.black-new .black-info .black-content .l .black-list .black-ul .black-ul-r .black-ul-head{margin-bottom:3px}.black-new .black-info .black-content .l .black-list .black-ul .black-ul-r .black-ul-head .black-ul-title{font-size:15px;line-height:21px;max-width:114px}.black-new .black-info .black-content .l .black-list .black-ul .black-ul-r .black-ul-p{margin-bottom:3px}.black-new .black-info .black-content .r .new-black .new-black-list .item{width:100%}}html[dir=rtl] .black-new .black-info .black-bg .black-bg-title img{transform:rotate(180deg)}html[dir=rtl] .black-new .black-info .black-content .l{margin-left:20px;margin-right:0}html[dir=rtl] .black-new .black-info .black-content .l .black-head .black-head-r{padding-left:0;padding-right:16px}html[dir=rtl] .black-new .black-info .black-content .l .black-head .black-head-r .black-head-label span{margin-left:6px;margin-right:0}html[dir=rtl] .black-new .black-info .black-content .l .black-list .black-ul .black-ul-r{padding-left:0;padding-right:20px}@media screen and (max-width:1199px){html[dir=rtl] .black-new .black-info .black-content .l{margin-left:0}}