/*

wap-col-1 

wap-col-2 

wap-col-3

pc-col-2

pc-col-3

pc-col-4

pc-col-6

imgbox图片放大

wap-space-10px 手机间隙10px，20，30,50

pc-space-10px PC端间隙10px，20，30,50

*/



.pc-col-8>ul>li .imgbox,.pc-col-6>ul>li .imgbox,.pc-col-5>ul>li .imgbox,.pc-col-4>ul>li .imgbox,.pc-col-3>ul>li .imgbox,.pc-col-2>ul>li .imgbox{overflow: hidden;}

.pc-col-8>ul>li .imgbox>img,.pc-col-6>ul>li .imgbox>img,.pc-col-5>ul>li .imgbox>img,.pc-col-4>ul>li .imgbox>img,.pc-col-3>ul>li .imgbox>img,.pc-col-2>ul>li .imgbox>img{-ms-transition: 1s;-moz-transition: 1s;-webkit-transition: 1s;-o-transition: 1s;transition: 1s;}

.pc-col-8>ul>li:hover .imgbox>img,.pc-col-6>ul>li:hover .imgbox>img,.pc-col-5>ul>li:hover .imgbox>img,.pc-col-4>ul>li:hover .imgbox>img,.pc-col-3>ul>li:hover .imgbox>img,.pc-col-2>ul>li:hover .imgbox>img{transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);}



/* .list-title{width:100%;color:#4b4b4b;text-align: center;} */



@media screen and (max-width:899px){

    .pc-col-1>ul{gap:;}.pc-col-2>ul{gap:;}.pc-col-3>ul{gap:;}.pc-col-4>ul{gap:;}.pc-col-5>ul{gap:;}.pc-col-6>ul{gap:;}.pc-col-8>ul{gap:;}



    .wap-col-1>ul{width:100%;display: grid;grid-template-columns: minmax(0, 1fr);;}

    .wap-col-1.wap-space-10px>ul{gap:10px;}.wap-col-1.wap-space-20px>ul{gap:20px;}

    .wap-col-1.wap-space-30px>ul{gap:30px;}.wap-col-1.wap-space-50px>ul{gap:50px;}

    .wap-col-1.wap-space-80px>ul{gap:80px;}

    .wap-col-1.pc-space-1vw>ul{gap:1vw;}.wap-col-1.pc-space-2vw>ul{gap:2vw;}

    .wap-col-1.pc-space-3vw>ul{gap:3vw;}.wap-col-1.pc-space-4vw>ul{gap:4vw;}

    .wap-col-1.pc-space-5vw>ul{gap:5vw;}.wap-col-1.pc-space-8vw>ul{gap:8vw;}



    .wap-col-2>ul{width:100%;display: grid;grid-template-columns: repeat(2,1fr);}

    .wap-col-2.wap-space-10px>ul{gap:10px;}.wap-col-2.wap-space-20px>ul{gap:20px;}

    .wap-col-2.wap-space-30px>ul{gap:30px;}.wap-col-2.wap-space-50px>ul{gap:50px;}

    .wap-col-2.wap-space-80px>ul{gap:80px;}

    .wap-col-2.pc-space-1vw>ul{gap:1vw;}.wap-col-2.pc-space-2vw>ul{gap:2vw;}

    .wap-col-2.pc-space-3vw>ul{gap:3vw;}.wap-col-2.pc-space-4vw>ul{gap:4vw;}

    .wap-col-2.pc-space-5vw>ul{gap:5vw;}.wap-col-2.pc-space-8vw>ul{gap:8vw;}    



    .wap-col-3>ul{width:100%;display: grid;grid-template-columns: repeat(3,1fr);}

    .wap-col-3.wap-space-10px>ul{gap:10px;}.wap-col-3.wap-space-20px>ul{gap:20px;}

    .wap-col-3.wap-space-30px>ul{gap:30px;}.wap-col-3.wap-space-50px>ul{gap:50px;}

    .wap-col-3.wap-space-80px>ul{gap:80px;}

    .wap-col-3.pc-space-1vw>ul{gap:1vw;}.wap-col-3.pc-space-2vw>ul{gap:2vw;}

    .wap-col-3.pc-space-3vw>ul{gap:3vw;}.wap-col-3.pc-space-4vw>ul{gap:4vw;}

    .wap-col-3.pc-space-5vw>ul{gap:5vw;}.wap-col-3.pc-space-8vw>ul{gap:8vw;}



    .wap-col-4>ul{width:100%;display: grid;grid-template-columns: repeat(4,1fr);}

    .wap-col-4.wap-space-10px>ul{gap:10px;}.wap-col-4.wap-space-20px>ul{gap:20px;}

    .wap-col-4.wap-space-30px>ul{gap:30px;}.wap-col-4.wap-space-50px>ul{gap:50px;}

    .wap-col-4.wap-space-80px>ul{gap:80px;}

    .wap-col-4.pc-space-1vw>ul{gap:1vw;}.wap-col-4.pc-space-2vw>ul{gap:2vw;}

    .wap-col-4.pc-space-3vw>ul{gap:3vw;}.wap-col-4.pc-space-4vw>ul{gap:4vw;}

    .wap-col-4.pc-space-5vw>ul{gap:5vw;}.wap-col-4.pc-space-8vw>ul{gap:8vw;}

    

    .auto-6>ul{width:100%;display: grid;grid-template-columns: minmax(0, 1fr);;}

    .auto-6.space-10px>ul{gap:10px;}.auto-6.space-20px>ul{gap:20px;}

    .auto-6.space-30px>ul{gap:30px;}.auto-6.space-50px>ul{gap:50px;}

    .auto-6.space-80px>ul{gap:80px;}

    .auto-6.space-1vw>ul{gap:1vw;}.auto-6.space-2vw>ul{gap:2vw;}

    .auto-6.space-3vw>ul{gap:3vw;}.auto-6.space-5vw>ul{gap:5vw;}

    .auto-6.space-5vw>ul{gap:5vw;}.auto-6.space-8vw>ul{gap:8vw;}



    .auto-8>ul{width:100%;display: grid;grid-template-columns: repeat(2,1fr);}

    .puto-8.space-10px>ul{gap:10px;}.auto-8.space-20px>ul{gap:20px;}

    .auto-8.space-30px>ul{gap:30px;}.auto-8.space-50px>ul{gap:50px;}

    .auto-8.space-80px>ul{gap:80px;}

    .auto-8.space-1vw>ul{gap:1vw;}.auto-8.space-2vw>ul{gap:2vw;}

    .auto-8.space-3vw>ul{gap:3vw;}.auto-8.space-4vw>ul{gap:4vw;}

    .auto-8.space-5vw>ul{gap:5vw;}.auto-8.space-8vw>ul{gap:8vw;}

}

@media screen and (min-width:900px) {

    .wap-col-1>ul{gap:;}.wap-col-2>ul{gap:;}.wap-col-3>ul{gap:;}.wap-col-4>ul{gap:;}

        

    .pc-col-1>ul{width:100%;display: grid;grid-template-columns: minmax(0, 1fr);;}

    .pc-col-1.pc-space-10px>ul{gap:10px;}.pc-col-1.pc-space-20px>ul{gap:20px;}

    .pc-col-1.pc-space-30px>ul{gap:30px;}.pc-col-1.pc-space-50px>ul{gap:50px;}

    .pc-col-1.pc-space-80px>ul{gap:80px;}

    .pc-col-1.pc-space-1vw>ul{gap:1vw;}.pc-col-1.pc-space-2vw>ul{gap:2vw;}

    .pc-col-1.pc-space-3vw>ul{gap:3vw;}.pc-col-1.pc-space-4vw>ul{gap:4vw;}

    .pc-col-1.pc-space-5vw>ul{gap:5vw;}.pc-col-1.pc-space-8vw>ul{gap:8vw;}



    .pc-col-2>ul{width:100%;display: grid;grid-template-columns: repeat(2,1fr);}

    .pc-col-2.pc-space-10px>ul{gap:10px;}.pc-col-2.pc-space-20px>ul{gap:20px;}

    .pc-col-2.pc-space-30px>ul{gap:30px;}.pc-col-2.pc-space-50px>ul{gap:50px;}

    .pc-col-2.pc-space-80px>ul{gap:80px;}

    .pc-col-2.pc-space-1vw>ul{gap:1vw;}.pc-col-2.pc-space-2vw>ul{gap:2vw;}

    .pc-col-2.pc-space-3vw>ul{gap:3vw;}.pc-col-2.pc-space-4vw>ul{gap:4vw;}

    .pc-col-2.pc-space-5vw>ul{gap:5vw;}.pc-col-2.pc-space-8vw>ul{gap:8vw;}



    .pc-col-3>ul{width:100%;display: grid;grid-template-columns: repeat(3,1fr);}

    .pc-col-3.pc-space-10px>ul{gap:10px;}.pc-col-3.pc-space-20px>ul{gap:20px;}

    .pc-col-3.pc-space-30px>ul{gap:30px;}.pc-col-3.pc-space-50px>ul{gap:50px;}

    .pc-col-3.pc-space-80px>ul{gap:80px;}

    .pc-col-3.pc-space-1vw>ul{gap:1vw;}.pc-col-3.pc-space-2vw>ul{gap:2vw;}

    .pc-col-3.pc-space-3vw>ul{gap:3vw;}.pc-col-3.pc-space-4vw>ul{gap:4vw;}

    .pc-col-3.pc-space-5vw>ul{gap:5vw;}.pc-col-3.pc-space-8vw>ul{gap:8vw;}



    .pc-col-4>ul{width:100%;display: grid;grid-template-columns: repeat(4,1fr);}

    .pc-col-4.pc-space-10px>ul{gap:10px;}.pc-col-4.pc-space-20px>ul{gap:20px;}

    .pc-col-4.pc-space-30px>ul{gap:30px;}.pc-col-4.pc-space-50px>ul{gap:50px;}

    .pc-col-4.pc-space-80px>ul{gap:80px;}

    .pc-col-4.pc-space-1vw>ul{gap:1vw;}.pc-col-4.pc-space-2vw>ul{gap:2vw;}

    .pc-col-4.pc-space-3vw>ul{gap:3vw;}.pc-col-4.pc-space-4vw>ul{gap:4vw;}

    .pc-col-4.pc-space-5vw>ul{gap:5vw;}.pc-col-4.pc-space-8vw>ul{gap:8vw;}



    .pc-col-5>ul{width:100%;display: grid;grid-template-columns: repeat(5,1fr);}

    .pc-col-5.pc-space-10px>ul{gap:10px;}.pc-col-5.pc-space-20px>ul{gap:20px;}

    .pc-col-5.pc-space-30px>ul{gap:30px;}.pc-col-5.pc-space-50px>ul{gap:50px;}

    .pc-col-5.pc-space-80px>ul{gap:80px;}

    .pc-col-5.pc-space-1vw>ul{gap:1vw;}.pc-col-5.pc-space-2vw>ul{gap:2vw;}

    .pc-col-5.pc-space-3vw>ul{gap:3vw;}.pc-col-5.pc-space-4vw>ul{gap:4vw;}

    .pc-col-5.pc-space-5vw>ul{gap:5vw;}.pc-col-5.pc-space-8vw>ul{gap:8vw;}



    .pc-col-6>ul{width:100%;display: grid;grid-template-columns: repeat(6,1fr);}

    .pc-col-6.pc-space-10px>ul{gap:10px;}.pc-col-6.pc-space-20px>ul{gap:20px;}

    .pc-col-6.pc-space-30px>ul{gap:30px;}.pc-col-6.pc-space-50px>ul{gap:50px;}

    .pc-col-6.pc-space-80px>ul{gap:80px;}

    .pc-col-6.pc-space-1vw>ul{gap:1vw;}.pc-col-6.pc-space-2vw>ul{gap:2vw;}

    .pc-col-6.pc-space-3vw>ul{gap:3vw;}.pc-col-6.pc-space-4vw>ul{gap:4vw;}

    .pc-col-6.pc-space-5vw>ul{gap:5vw;}.pc-col-6.pc-space-8vw>ul{gap:8vw;}



    .pc-col-8>ul{width:100%;display: grid;grid-template-columns: repeat(8,1fr);}

    .pc-col-8.pc-space-10px>ul{gap:10px;}.pc-col-8.pc-space-20px>ul{gap:20px;}

    .pc-col-8.pc-space-30px>ul{gap:30px;}.pc-col-8.pc-space-50px>ul{gap:50px;}

    .pc-col-8.pc-space-80px>ul{gap:80px;}

    .pc-col-8.pc-space-1vw>ul{gap:1vw;}.pc-col-8.pc-space-2vw>ul{gap:2vw;}

    .pc-col-8.pc-space-3vw>ul{gap:3vw;}.pc-col-8.pc-space-4vw>ul{gap:4vw;}

    .pc-col-8.pc-space-5vw>ul{gap:5vw;}.pc-col-8.pc-space-8vw>ul{gap:8vw;}



    .auto-6>ul{width:100%;display: grid;grid-template-columns: repeat(2,1fr);}

    .auto-6.space-10px>ul{gap:10px;}.auto-6.space-20px>ul{gap:20px;}

    .auto-6.space-30px>ul{gap:30px;}.auto-6.space-50px>ul{gap:50px;}

    .auto-6.space-80px>ul{gap:80px;}

    .auto-6.space-1vw>ul{gap:1vw;}.auto-6.space-2vw>ul{gap:2vw;}

    .auto-6.space-3vw>ul{gap:3vw;}.auto-6.space-5vw>ul{gap:5vw;}

    .auto-6.space-5vw>ul{gap:5vw;}.auto-6.space-8vw>ul{gap:8vw;}



    .auto-8>ul{width:100%;display: grid;grid-template-columns: repeat(4,1fr);}

    .puto-8.space-10px>ul{gap:10px;}.auto-8.space-20px>ul{gap:20px;}

    .auto-8.space-30px>ul{gap:30px;}.auto-8.space-50px>ul{gap:50px;}

    .auto-8.space-80px>ul{gap:80px;}

    .auto-8.space-1vw>ul{gap:1vw;}.auto-8.space-2vw>ul{gap:2vw;}

    .auto-8.space-3vw>ul{gap:3vw;}.auto-8.space-4vw>ul{gap:4vw;}

    .auto-8.space-5vw>ul{gap:5vw;}.auto-8.space-8vw>ul{gap:8vw;}

}

@media screen and (min-width:1400px){

    .auto-6>ul{width:100%;display: grid;grid-template-columns: repeat(4,1fr);}

    .auto-8>ul{width:100%;display: grid;grid-template-columns: repeat(6,1fr);}

}

@media screen and (min-width:2000px){

    .auto-6>ul{width:100%;display: grid;grid-template-columns: repeat(6,1fr);}

    .auto-8>ul{width:100%;display: grid;grid-template-columns: repeat(8,1fr);}

}