.honor{position: relative;z-index: 1;padding: 5.5208vw 0 9.8958vw;}
.honor-list{flex-wrap: wrap;}
.honor-list .item{width: 20%;height: 12.2917vw;margin-bottom: 4.1667vw;}
.honor-list .item img{max-width: 13.0208vw;max-height: 12.2917vw;display: block;}

.story{position: relative;z-index: 1;padding: 2.8125vw 0 14.5833vw;}
.story-list{flex-wrap: wrap;}
.story-list .item{display: block;width: 50%;height: 39.9479vw;box-sizing: border-box;background: #E5DCC2;position: relative;padding: 2.0833vw 2.6042vw 0;}
.story-list .item .title{line-height: 1.1667;max-width: 26.0417vw;}
.story-list .item .img{width: 23.9583vw;height: 14.7917vw;}
.story-list .item img{display: block;max-width: 100%;max-height: 14.7917vw; transition: .5s linear;}
.story-list .item .txt{position: relative;line-height: 1.579;height: 6.25vw;}
.story-list .item .txt::before{content: '';width: 1.6146vw;height: 1.6146vw;background: url(../images/dh_arrow.png) no-repeat;background-size: cover;position: absolute;left: 0;top: -2.9688vw;}
.story-list .item .more i{display: block;width: 0.9375vw;height: 0.9375vw;background: url(../images/scroll_arrow.png) no-repeat;background-size: cover;transform: rotate(-90deg);}
.story-list .item .play-icon{position: absolute;right: 1.5625vw;top: 2.0833vw;width: 5.9896vw;height: 5.9896vw;cursor: pointer;backdrop-filter: blur(18.6px);background: var(--cb2);}
.story-list .item:nth-child(4n+2),
.story-list .item:nth-child(4n+3){background: var(--cb200);}
.story-list .item:nth-child(4n+2) .title,
.story-list .item:nth-child(4n+3) .title,
.story-list .item:nth-child(4n+2) .time,
.story-list .item:nth-child(4n+3) .time,
.story-list .item:nth-child(4n+2) .txt,
.story-list .item:nth-child(4n+3) .txt,
.story-list .item:nth-child(4n+2) .more,
.story-list .item:nth-child(4n+3) .more{color: var(--cw);}
.story-list .item:nth-child(4n+2) .more i,
.story-list .item:nth-child(4n+3) .more i{background-image: url(../images/scroll_w_arrow.png);}
.story-list .item:nth-child(4n+2) .play-icon,
.story-list .item:nth-child(4n+3) .play-icon{background: var(--cw2);}

.story-list .item:hover img{transform: scale(1.1, 1.1);}

.brand{position: relative;z-index: 1;padding: 2.8125vw 0 11.9792vw;}
.brand-list .item{background: var(--cw6);display: flex;justify-content: space-between;backdrop-filter: blur(20px);padding: 1.0417vw 1.0417vw 1.0417vw 3.125vw;}
.brand-list .box{width: 37.2917vw;display: flex;justify-content: space-between;flex-direction: column;}
.brand-list .cell{padding-bottom: 1.8229vw;}
.brand-list .pic{width: 24.375vw;}
.brand-list .pic img{height: 37.7604vw;object-fit: cover;}
.brand-list .txt{position: relative;line-height: 1.579;}
.brand-list .txt::before{content: '';width: 1.6146vw;height: 1.6146vw;background: url(../images/dh_arrow.png) no-repeat;background-size: cover;position: absolute;left: 0;top: -2.9688vw;}
.brand-list .more i{display: block;width: 0.9375vw;height: 0.9375vw;background: url(../images/scroll_arrow.png) no-repeat;background-size: cover;transform: rotate(-90deg);}

.detail{padding: 13.0208vw 0 9.375vw;}
.detail .top{padding-bottom: 4.6354vw;border-bottom: 1px solid #D5D5D5;}
.detail .title{max-width: 75vw;line-height: 1.1781;}
.detail .time{line-height: 1.19;}
.detail .main{padding-top: 7.7604vw;}
.detail .main .container{display: flex;justify-content: space-between;align-items: flex-start;}
.detail .back{display: block;position: sticky;top: 9.375vw;z-index: 10;background: #CAB782;width: 5.5208vw;height: 4.5833vw;box-sizing: border-box;padding-top: 0.9896vw;}
.detail .back i{display: block;width: 1.25vw;height: 1.25vw;background: url(../images/back_icon.png) no-repeat;background-size: cover;}
.detail .main .right{width: 59.5833vw;}
.detail .main .content{line-height: 2.2222;}
.detail .main .content img{display: block;max-width: 100%;}
.detail .main .content table{max-width: 100%;}

/*移动端适配*/
@media screen and (max-width: 750px) {
    .honor{padding: .6rem 0 1.6rem;}
    .honor-list .item{width: 50%;height: 2.36rem;margin-bottom: .5rem;}
    .honor-list .item img{max-width: 72%;max-height: 2.36rem;}
    .story{padding: .6rem 0 1.2rem;}
    .story-list .item{width: 100%;height: auto;padding: .6rem .3rem;background: #E5DCC2 !important;}
    .story-list .item:nth-child(2n){background: var(--cb200) !important;}
    .story-list .item .title{max-width: 3.6rem;}
    .story-list .item .img{width: 4.6rem;height: 2.84rem;margin-top: .5rem;}
    .story-list .item img{max-height: 2.84rem;}
    .story-list .item .txt{height: 1.24rem;}
    .story-list .item .info::before{width: .42rem;height: .42rem;top: -.6rem;}
    .story-list .item .more i{width: .36rem;height: .36rem;}
    .story-list .item .play-icon{width: 1rem;height: 1rem;right: .3rem;top: .3rem;font-size: .18rem;}
    .story-list .item .title,
    .story-list .item .time,
    .story-list .item .txt,
    .story-list .item .more{color: var(--cb8) !important;}
    .story-list .item .info::before{background-image: url(../images/dh_arrow.png) !important;}
    .story-list .item .more i{background-image: url(../images/scroll_arrow.png) !important;}
    .story-list .item .play-icon{background: var(--cb2) !important;}
    .story-list .item:nth-child(2n) .title,
    .story-list .item:nth-child(2n) .time,
    .story-list .item:nth-child(2n) .txt,
    .story-list .item:nth-child(2n) .more{color: var(--cw) !important;}
    .story-list .item:nth-child(2n) .info::before{background-image: url(../images/dh_w_arrow.png) !important;}
    .story-list .item:nth-child(2n) .more i{background-image: url(../images/scroll_w_arrow.png) !important;}
    .story-list .item:nth-child(2n) .play-icon{background: var(--cw2) !important;}
    .brand{padding: .6rem 0 1.2rem;}
    .brand-list .item{padding: .6rem .3rem;margin-bottom: .5rem;flex-direction: column-reverse;}
    .brand-list .pic{width: 4.68rem;}
    .brand-list .pic img{height: 7.25rem;}
    .brand-list .box{width: 100%;display: block;padding-top: .4rem;}
    .brand-list .cell{padding-bottom: 0;}
    .brand-list .txt{margin-top: 1rem;}
    .brand-list .txt::before{width: .42rem;height: .42rem;top: -.6rem;}
    .brand-list .more i{width: .36rem;height: .36rem;}
    .detail{padding: 1.8rem 0 1.2rem;}
    .detail .top{padding-bottom: .6rem;}
    .detail .top .name{display: block;}
    .detail .title{max-width: none;font-size: .48rem;line-height: 1.3;}
    .detail .time{margin-top: .2rem;text-align: right;}
    .detail .main{padding-top: .8rem;}
    .detail .main .container{display: block;}
    .detail .back{display: none;}
    .detail .main .right{width: 100%;}
}