.work{position: relative;z-index: 1;padding: 2.8125vw 0 8.1771vw;}
.work-list{flex-wrap: wrap;}
.work-list .item{width: 26.0417vw;margin:0 3.125vw 4.1667vw 0;}
.work-list .item:nth-child(3n){margin-right: 0;}
.work-list .item .pic{overflow: hidden;}
.work-list .item img{height: 19.5313vw;object-fit: cover;}
.work-list .item .title{max-width: 22.9167vw;}
.work-list .item .txt{line-height: 1.1875;}
.work-list .item .tips{flex-wrap: wrap;}
.work-list .item span{padding: 0 0.9375vw;display: block;line-height: 1.9792vw;border: 1px solid var(--cb200);}
.work-list .item:hover img{transform: scale(1.1, 1.1);}
.work-list .item:hover .title{color: var(--ch);}

.detail{padding: 13.0208vw 0 9.375vw;}
.detail .top{padding-bottom: 4.6354vw;border-bottom: 1px solid #D5D5D5;}
.detail .top .name{margin-top: 0.3125vw;}
.detail .top img{display: block;height: 7.2917vw;}
.detail .title{max-width: 75vw;line-height: 1.1781;}
.detail .main{padding-top: 1.5625vw;}
.detail .main .tips{display: flex;justify-content: flex-end;}
.detail .tips span{box-sizing: border-box;border: 1px solid var(--cb200);padding: 0 0.9375vw;height: 2.0833vw;}
.detail .main .box{display: flex;justify-content: space-between;align-items: flex-start;margin-top: 4.1667vw;}
.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 .right{width: 59.5833vw;}
.detail .video{position: relative;}
.detail .video video{display: block;width: 100%;}
.detail .video .player{position: absolute;right: 1.5625vw;bottom: 1.5625vw;z-index: 10;width: 5.9896vw;height: 5.9896vw;background: rgba(163, 163, 163, 0.3);}
.detail .sub-tit{padding: 1.0417vw 0 1.0417vw 1.5625vw;border-left: 2px solid var(--ch);}
.detail .content{line-height: 2.2222;}
.detail .content img{display: block;max-width: 100%;}
.detail .content table{max-width: 100%;}

/*移动端适配*/
@media screen and (max-width: 750px) {
    .work{padding: .8rem 0 1.2rem;}
    .work-list .item{width: 100%;margin: 0 0 .5rem;}
    .work-list .item img{height: 5.2rem;}
    .work-list .item .top{display: block;}
    .work-list .item .title{max-width: none;}
    .work-list .item .time{margin-top: .1rem;}
    .work-list .item span{padding: 0 .3rem;line-height: .56rem;margin: 0 .2rem .2rem 0;}

    .detail{padding: 1.8rem 0 1.2rem;}
    .detail .top img{height: 1.4rem;float: right;}
    .detail .tips span{padding: 0 .3rem;height: .6rem;}
    .detail .top{padding-bottom: .6rem;}
    .detail .top .name{display: block;margin-top: .5rem;}
    .detail .title{max-width: none;font-size: .48rem;line-height: 1.3;}
    .detail .time{margin-top: .2rem;text-align: right;}
    .detail .main{padding-top: .4rem;}
    .detail .main .container{display: block;}
    .detail .back{display: none;}
    .detail .main .right{width: 100%;}
    .detail .video .player{width: 1rem;height: 1rem;right: .2rem;bottom: .2rem;}
}