@charset "utf-8";
/* CSS Document */
body{width:100%; height:auto; font-size:12px; font-family:'微软雅黑',Verdana,Tahoma,Arial,Sans-serif; margin:0 auto; padding:0; background:#fff; position:relative; z-index:100;}
body,form,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,div,span,input,textarea,tr,td,th,caption{padding:0; margin:0; border:0; font-family:'微软雅黑'}
body li{list-style:none}
body a{text-decoration:none;}
a:link,a:visited {
text-decoration:none; } 
a:focus {outline:0;/*兼容火狐浏览器*/ }  
body img {border:none;}
br.clearfix{clear:both; font-size:0; line-height:0; height:0; border:0; margin:0px; padding:0px;}


.Wrapper{width:100%; height:100%; position:absolute; top:0; left:0;}
.wrap {position:relative; width:100%; height:100%;}

#mainPage{width:1200px; height:1769px; margin: 0 auto; position: relative;}
#mainPage .part{width:100%; height:auto; position: relative;}

#mainPage .part1 .btn1{width:19%; height:auto; position: absolute; top:15.9%; left: 18.8%;cursor:pointer;}
#mainPage .part1 .btn2{width:19%; height:auto; position: absolute; top:19.6%; left: 18.8%;cursor:pointer;}
#mainPage .part1 .btn3{width:19%; height:auto; position: absolute; top:23.5%; left: 18.8%;cursor:pointer;}
#mainPage .popup-qr{
	position: absolute;
	width: 100%;
	
	display: none;
}
#mainPage .popup-addcard{
	position: absolute;
	width: 100%;
	
	display: none;
}
#mainPage .popup-addcard .qr-popup-area{position: fixed;width: 36%;height: auto;left: 50%;top: 25%;margin-left: -18%;z-index: 10001;}
#mainPage .popup-qr .qr-popup-area{position: fixed;width: 25%;height: 30%;left: 50%;top: 30%;margin-left: -11%;z-index: 10001;}
#mainPage .qr-popup-area img{width: 100%;}
#mainPage .qr-popup-area .add-card{width: 27%;position: absolute;left:36.5%; top:0;margin-top: 84%;}
#mainPage .qr-popup-area .change-card{width: 27%;position: absolute;left:36.5%;top:0;margin-top: 44%;} 
#mainPage .qr-popup-area .qr-code{position: absolute;width: 62.3%;height: auto;left:50%;top: 20%;margin-left: -31.15%;padding-top: 10%;}
#mainPage .qr-popup-area .qr-code img{width: 100%;}
#mainPage .qr-popup-area .close-btn{position: absolute;width: 30px;height: 30px;right: 5px;top: 5px;cursor:pointer;}
#mainPage .qr-popup-area .close-btn .close-x {stroke: black;fill: transparent;stroke-linecap: round;stroke-width: 5;}

#mainPage .mask{display: none;background: #000;opacity: 0.5;filter: alpha(opacity=50);position: fixed;width: 100%;height: 100%;z-index: 9998;top: 0;left: 0;}