.wrapper{max-width:640px;margin:auto;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden}
html,body {
	position:relative;
	height:100%;
	overflow:hidden;
}
* {
	padding:0;
	margin:0;
}
body {
	background:#fff;
	font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size:12px;
}
[v-cloak] {
    display: none;
}
.mail{margin:auto;height:100%;background:url(img/mailback1.jpg) no-repeat center center;text-align:center;background-size:cover}
.mail .biaoti{position:absolute;margin:0 auto;height:20%;width:75%;top:5%;left:0;right:0;background:url(img/biaoti2.png) no-repeat center center;background-size:contain;z-index:100}
.mail .dynamic{display:none;position:absolute;margin:0 auto;height:20%;width:90%;top:25%;left:0;right:0;background:url(img/dynamic.png) no-repeat center center;background-size:contain;z-index:100}
.mail .mailbox{display:none;position:absolute;margin:0 auto;height:85%;width:85%;top:99%;left:0;right:0;background:url(img/mailbox.png) no-repeat center center;background-size:contain;z-index:100}
.mail .action4{display:none;width:100%;height:40%;top:99%;position:absolute;text-align:center; z-index:1001}
.mail .action4 .mail_bt{height:100%;width:30%;border: none;background:url(img/mail_bt.png) no-repeat center center;background-size:contain;margin:auto;-webkit-tap-highlight-color: rgba(0,0,0,0)}

.mail1{display:none;margin:auto;height:100%;background:url(img/mailback1.jpg) no-repeat center center;text-align:center;background-size:cover}
.mail1 .xinfeng{height:85%;width:100%;position:absolute;margin: auto;top:0;background:url(img/mailback11.png) no-repeat center center;background-size:contain}
.mail1 .xinfengwz{height:33%;width:82%;position:absolute;margin: auto;left:0;right:0;top:13%;background:url(img/mailwenzi1.png) no-repeat center center;background-size:contain}
.mail1 .action{width:100%;height:10%;top:85%;position:absolute;text-align:center;z-index:101;}
.mail1 .action .getmail,.mail1 .action .getseed{display:block;text-align:center;border:none;width:7.8rem;height:3rem;-webkit-tap-highlight-color: rgba(0,0,0,0)}
.mail1 .action .getmail{float:left;margin-left:10%;background:url(img/getmail.png) no-repeat center center;background-size:cover}
.mail1 .action .getseed{float:right;margin-right:10%;background:url(img/get_seed.png) no-repeat center center;background-size:cover;}


.mail2{display:none;margin:auto;height:100%;width:100%;background:url(img/mailback2.png) no-repeat center center;text-align:center;background-size:cover}
.swiper-container {
      width: 80%;
      height: 80%;
      margin-left: auto;
      margin-right: auto;
    }
    .swiper-slide {
      background-size: 100% 100%;
      background-position: center;
    }
    .gallery-top {
	  top: 6%;
      height: 67%;
      width: 78%;
    }
    .gallery-thumbs {
	  top: 9%;
      height: 13%;
      box-sizing: border-box;
      padding: 10px 0;
    }
    .gallery-thumbs .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
    }
    .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }
.mail2 .action{width:100%;height:10%;top:88%;position:absolute;text-align:center;z-index:101;}
.mail2 .action .getpost,.mail2 .action .getseed{display:block;text-align:center;border:none;;width:7.8rem;height:3rem;-webkit-tap-highlight-color: rgba(0,0,0,0)}
.mail2 .action .getpost{float:left;margin-left:10%;background:url(img/getpost.png) no-repeat center center;background-size:cover}
.mail2 .action .getseed{float:right;margin-right:10%;background:url(img/get_seed1.png) no-repeat center center;background-size:cover;}
#post{ display: none;height:100%;width:100%;position: absolute;margin: auto;top: 0; left: 0; bottom: 0; right: 0; margin:auto;z-index:1002;}
.savename{font-family:KaiTi;font-weight:800;font-size:20px;color:white;position: absolute;left:5%;top:3%;height:5%;z-index:1003;}
#lastpost{width:100%;height:100%;position: absolute;margin: auto;text-align:center;bottom: 0%; left: 0;right: 0; margin:auto;z-index:1000;}
#headerimg{position:absolute;bottom:3%;left:5%;z-index:1001;}
#nickname{position:absolute;bottom:4%;left:18%;font-size:12px;z-index:1001;}
.white_content2 { 
            height:480px;width:320px; 
            position: absolute; 
			margin: auto;
            top: 10%; left: 0;  right: 0;               
			
                         
        } 

.o-img{
                position: absolute;
                top: 0;
                left: 0;
                 width: 100%;
                 
                 z-index: 1000;
             }
.o-img1{
                position: absolute;
                top: 0;
                left: 0;
                 width: 100%;
                 opacity:0;
                 z-index: 1100;
             }
.black_overlay{ 
            display: none; 
            position: absolute; 
            top: 0%; 
            left: 0%; 
            width: 100%; 
            height: 100%; 
            background-color: black; 
            z-index:1001; 
            -moz-opacity: 0.8; 
            opacity:.80; 
            filter: alpha(opacity=88); 
        } 
.white_content { 
            display: none; 
            position: absolute; 
			margin: auto;
            top: 0; left: 0; bottom: 0; right: 0;
            margin:auto;                 
			border-radius:25px;
			background:url(img/rule2.jpg) no-repeat center center;
			background-size:cover;
            z-index:1002;             
        } 
.white_content1 { 
            display: none; 
            position: absolute; 
            left:0;
			right:0;
			top:0;
			bottom:0;
            margin:auto;
            width: 75%; 
            height: 70%;  
            border-radius:10px;
            z-index:1002;              
        } 
.audio_div{position:absolute;margin:0 auto;height:7%;width:8%;top:0;right:2%;background:url(img/musicstart1.png) no-repeat center center;background-size:contain}		
.shouye{display:none;margin:auto;height:100%;background:url(img/zjback0.jpg) no-repeat center center;text-align:center;background-size:cover}
.shouye .wdnj{position:absolute;margin:0 auto;height:25%;width:75%;top:5%;left:0;right:0;background:url(img/zjcxd1.png) no-repeat center center;background-size:contain;z-index:100}
.shouye .wz{display:none;position:absolute;margin:0 auto;height:18%;width:95%;top:35%;left:0;right:0;background:url(img/shouyewz.jpg) no-repeat center center;background-size:contain;z-index:100}
/*.shouye .dibu{position:absolute;margin:0 auto;height:11%;width:88%;top:87%;left:0;right:0;background:url(img/dibu.png) no-repeat center center;background-size:cover;z-index:100}*/
.shouye .action{width:100%;height:10%;top:70%;position:absolute;text-align:center;z-index:101}
.shouye .action .shouye-bt{display:block;height:3.25rem;width:10.225rem;border: none;background:url(img/getseed.png) no-repeat center center;background-size:cover;margin:auto;-webkit-tap-highlight-color: rgba(0,0,0,0)}
.shouye .white_content .action1{width:100%;height:10%;top:65.5%;position:absolute;text-align:center;z-index:103}
.shouye .white_content .action1 .shouye-bt1{display:block;height:3rem;width:8.2rem;border: none;background:url(img/know.png) no-repeat center center;background-size:cover;margin:auto;-webkit-tap-highlight-color: rgba(0,0,0,0)}



.plant{display:none;margin:auto;height:100%;background:url(img/zjback1.png) no-repeat center center;text-align:center;background-size:cover}
.plant .action2{position:absolute;width:70%;height:10%;top:2%;right:0;position:absolute;text-align:center;z-index:1000}
.plant .action2 .mudi{position:absolute;height:3.95rem;width:9.225rem;border: none;background:url(img/zhibo.png) no-repeat center center;background-size:cover;-webkit-tap-highlight-color: rgba(0,0,0,0)}
.plant .intromudi{display:none;position:absolute;z-index:1000;width:86%;left:7%;height: 60%;top:20%;background: rgb(255,255,255);}

	.shang{
	width:100%;
	height:80%;
	position:absolute;
	top:15%;
	text-align:center;
	}
	.shang img{width:200px;height:200px;vertical-align:middle;}
	.xia{
	width:100%;margin:auto;position:absolute;top:80%;left:0;right:0;font-size:0.95rem;font-weight:600;font-family:"Microsoft YaHei";
	}






.plant .zjmap {position:absolute;margin:auto;top:0;width:100%;height:93%;background:url(img/zjditu1.png) no-repeat center center; background-size:cover;-moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=88);}
.plant .hua{position:absolute;width:25%;height:4%;z-index:103}

.result{position:absolute;top:0;text-align:center;background: rgba(0,0,0,0.6);z-index:1000;width:100%;height:100%;display: none;}  
.imgresult{}
#clo{float:right;margin-top:15%;z-index:1010}
.indiv{width:100%;height:50%;top:32%}
#tit{position:absolute;left:0;right:0;top:63%;text-align:center;font-size:0.95rem;font-weight:600;color:#FFFFFF;font-family:"Microsoft YaHei"}
.indiv{position: absolute;}
.plant .action{width:100%;height:10%;top:85%;position:absolute;text-align:center;display:none;z-index:1000}
.plant .action .certbt,.plant .action .badgebt{display:block;text-align:center;border:none;;width:7.3rem;height:2.95rem;-webkit-tap-highlight-color: rgba(0,0,0,0)}
.plant .action .certbt{float:left;margin-left:10%;background:url(img/getcert.png) no-repeat center center;background-size:cover}
.plant .action .badgebt{float:right;margin-right:10%;background:url(img/zhibo.png) no-repeat center center;background-size:cover;}
.plant .allicon{position:absolute;width:31%;text-align:left;bottom:0;right:2%;font-size:.65rem;color:#333333;font-weight:700}
.plant .allcountj{position:absolute;width:100%;text-align:center;bottom:4%;font-size:14px;color:#8e36a7;font-weight:700}
.plant .allcountj #count{color:#8e36a7;font-size:14px;}
.result1{position:absolute;text-align:center;background: rgba(0,0,0,0.5);z-index:1000;width:100%;height:100%;display: none;}
#btn{position:absolute;margin:auto;left:0;right:0;top:70%;text-align:center;width:7rem;height:3.4rem;border:none;background:url(img/zjcbt.jpg) no-repeat center center;background-size:cover;-webkit-tap-highlight-color: rgba(0,0,0,0)}


#cert{margin:auto;height:100%;width:100%;background:url(img/certback.jpg) no-repeat center center;text-align:center;background-size:cover}
.certbaocun1{height:450px;width:320px; 
            position: absolute; 
			margin: auto;
            top: 10%; left: 0;  right: 0;}
#zhengshu{width:100%;height:100%;position: absolute;margin: auto;text-align:center;bottom: 0%; left: 0;right: 0; margin:auto;}
#headerimg1{position:absolute;top:33%;left:15%;}
#nickname1{position:absolute;top:36%;left:33%;font-size:12px;}
#count1{position:absolute;top:43%;left:28%;font-size:15px;width:20%}
#baocun{display:none;position:absolute;top:0%;height:10.65rem;width:8.225rem;right:2%;background:url(img/baocun.png) no-repeat center center;background-size:cover;z-index:1001;}
#huiz{height:100%;width:100%;text-align:center; vertical-align:middle;}