.container-works-detail{
    padding-top: 2.4rem;
}
.container-works-detail .content-head{
    padding: 0 .4rem;
}
.container-works-detail .detail{
    padding: .6rem .92rem .746667rem; margin-top: .4rem; background-color: #f7f7f7; border-top-left-radius: .066667rem; border-top-right-radius: .066667rem;
}
.container-works-detail .detail .name{
    font-size: .426667rem; font-weight: 700; line-height: .56rem; color: #18d8b6;
}
.container-works-detail .detail .sub{
    font-size: .266667rem; line-height: .48rem; color: #808080;
}
.container-works-detail .detail .desc{
    margin-top: .2rem; font-size: .32rem; line-height: .56rem; color: #808080;
}
.container-works-detail .pic img{
    display: block; width: 100%;
}
.container-works-detail .pic img:nth-child(n+2){
    margin-top: .2rem;
}
.swiper-box{
    position: fixed; top: 0; left: 0; z-index: 999; display: none; width: 100%; height: 100%; background-color: #000; background-color: rgba(0, 0, 0, 0.7);
}
.swiper-box .swiper-container{
    width: 100%; height: 100%;
}
.swiper-box .swiper-slide{
    overflow: hidden;
}
.swiper-box .swiper-pagination-bullet{
    border: 1px solid #fff;
}
.swiper-box .swiper-pagination-bullet-active{
    background-color: #18d8b6;
}
.swiper-box .close{
    position: absolute; top: 0; right: 0; z-index: 9; width: .253333rem; height: .253333rem; padding: 0.4rem; background-color: rgba(255, 255, 255, 0.3);
}
.swiper-box .close i{
    display: block; width: .253333rem; height: .253333rem; background-position: -0.64rem -0.24rem; transform: scale(1.5);
}