@charset "utf-8";

#divpops{border:1px solid #000;font-size:12px;position:absolute;left:430px;top:120px;width:502px;height:535px;z-index:9999999999;background-color:#000; color: #fff;}
#divpop01{border:1px solid #000;font-size:12px;position:absolute;left:120px;top:120px;z-index:99999;background-color:#000; color: #fff;}
#divpop02{border:1px solid #000;font-size:12px;position:absolute;left:620px;top:120px;z-index:99999;background-color:#000; color: #fff;}
#divpop03{border:1px solid #000;font-size:12px;position:absolute;left:820px;top:120px;z-index:99998;background-color:#000; color: #fff;}

#divpops .swiper-container{width:500px;height:500px;}
#divpops .swiper-pagination{bottom:3px;}
#divpops .swiper-pagination-bullet{width:12px;height:12px;background:#eee;}
#divpops .swiper-pagination-bullet-active{background:#fff;}

@media all and (max-width:1370px){
#divpop03{left:600px;}
}

@media all and (max-width:1200px){
#divpops{width:70%;height:auto;max-width:502px;left:10px;top:120px;}
#divpops .swiper-container{width:100%;height:auto;}
#divpops .swiper-slide img{width:100%;}

#divpop01{width:70%;height:auto;max-width:400px;left:10px;top:120px;}
#divpop01 img{width:100%;}

#divpop02{width:70%;height:auto;max-width:400px;left:420px;top:120px;}
#divpop02 img{width:100%;}

#divpop03{width:70%;height:auto;max-width:502px;left:10px;top:120px;}
#divpop03 img{width:100%;}
}

@media all and (max-width:900px){
#divpops{width:70%;height:auto;max-width:502px;left:10px;top:90px;}

#divpop03{width:70%;height:auto;max-width:502px;left:10px;top:90px;}
#divpop03 img{width:100%;}
}

@media all and (max-width:860px){
#divpop01{width:70%;height:auto;max-width:300px;left:10px;top:90px;}
#divpop01 img{width:100%;}

#divpop02{width:70%;height:auto;max-width:300px;left:320px;top:90px;}
#divpop02 img{width:100%;}
}

@media all and (max-width:640px){
#divpops{top:500px;}
#divpop03{top:500px;}

#divpop01{width:85%;height:auto;max-width:400px;left:10px;top:90px;}
#divpop01 img{width:100%;}

#divpop02{width:85%;height:auto;max-width:400px;left:10px;top:550px;}
#divpop02 img{width:100%;}
}

@media all and (max-width:380px){
#divpops{top:470px;}
#divpop02{top:450px;}
#divpop03{top:470px;}
}

@media all and (max-width:330px){
#divpops{top:420px;}
#divpop02{top:400px;}
#divpop03{top:420px;}
}