/* CSS Document */

.popLayer{position:absolute; top:75px; left:50%; margin-left:-200px; width:400px; z-index:200;}
.popLayer .popCont{width:100%; height:600px; position:relative;}
.popLayer .popClose{width:100%; height:80px;}
.popLayer .popClose .closeBox{width:50%; height:60px; float:left;}
.popLayer .popClose .closeBox a{display:inline-block; box-sizing:border-box; padding:20px 10px; text-align:center;line-height:20px; font-size:14px; width:100%; cursor:pointer;}
.popLayer .popClose .todayClose a{background:#8cd5ce; color:#000000;}
.popLayer .popClose .todayClose a:hover{background:#ffffff; color:#000000; border:1px solid #8cd5ce; line-height:18px;}
.popLayer .popClose .openClose a{background:#000000; color:#ffffff;}
.popLayer .popClose .openClose a:hover{background:#ffffff; color:#000000; border:1px solid #000000; line-height:18px;}


.popLayer .popCont .swiper-slide img{width:100%;}
.popLayer .popCont .swiper-pagination{position:absolute; bottom:10px; width:100%; text-align:center;}
.popLayer .popCont .swiper-pagination-bullet{width:10px; height:10px; background:#ffffff; opacity:1; margin:0 2px;}
.popLayer .popCont .swiper-pagination-bullet-active{background:#ff7777;}
.popLayer .popCont .swiper-button{display:none;}


 @media screen and (max-width:420px){
	 
.popLayer{position:absolute; top:80px; left:0; margin-left:2%; width:96%;}
.popLayer .popCont{width:100%; height:auto;}
.popLayer .popClose{height:40px; display:table;}
.popLayer .popClose .closeBox{height:40px; float:none; display:table-cell; vertical-align:middle;}
.popLayer .popClose .closeBox a{height:40px; padding:10px;line-height:20px; font-size:12px;}
.popLayer .popClose .todayClose{width:70%;}
.popLayer .popClose .openClose{width:30%;}

	 
 }