@charset "utf-8";


/************************************** layer-pop **************************************/

.main-pop-wrap {position: absolute; top: 0; left: 0; z-index: 9999; }
.main-pop-wrap .pop-wrap { position: relative; width: 100%; height: 100%; }
.main-pop-wrap .pop-wrap ul { position: relative; width: 1920px; height:100%; }
.main-pop-wrap .pop-wrap ul li { position: absolute; background: #4b4b4b; display: inline-block; box-shadow: 3px 3px 20px rgba(0,0,0,0.5); white-space: nowrap; border-radius: 0 30px 0 30px; overflow: hidden;}
.main-pop-wrap .pop-wrap ul li .img-area { position: relative; width: 100%; cursor: pointer; max-width: 800px;}
.main-pop-wrap .pop-wrap ul li .img-area img { width: 100%; height: auto; }
.main-pop-wrap .pop-wrap ul li .foot { line-height: 40px; width: 100%; text-align: center; }
.main-pop-wrap .pop-wrap ul li .foot a { font-size: 1.2rem; float: left; display: block; background: #2f6ed5; color: rgba(255,255,255,0.8); width: 50%; }
.main-pop-wrap .pop-wrap ul li .foot a.a-02 { border-left: 1px solid #2f6ed5; }
.main-pop-wrap .pop-wrap ul li .foot a:hover { color: rgba(255,255,255,1)}
.main-pop-wrap .pop-wrap ul li .foot.btnFull a{ width:100%; }

@media all and (max-width:1200px) {
    .main-pop-wrap { top:0; left:0; }
    .main-pop-wrap .pop-wrap ul {max-width: 100%;}
    .main-pop-wrap .pop-wrap ul li { top: 20px !important; left: 20px !important; }
}
@media all and (max-width:800px) {
    .main-pop-wrap { width:100%; }
    .main-pop-wrap .pop-wrap ul li { width:calc(100% - 20px); top:100px !important; left:50% !important; transform: translateX(-50%) }
    .main-pop-wrap .pop-wrap ul li iframe { width:100%; }
}