#wrap{position:relative;width:100%;overflow:hidden;max-width: 640px;margin:0 auto;}
#invitation-wrap{position: relative;height:100%;overflow:hidden;}
.body{opacity:0;}
.main{width:100%;height:auto;display:block;}

.home{position:absolute;top:11%;left:3.1%;width:11.9%;z-index:2;}
.home img{width:100%;height: auto;}
.menu_bg_img{position:absolute;width:100%;height:auto;}
.menubar{position:absolute;top:0%;width:100%;z-index:2;}
.menubar .menu_bg{width:100%;height:auto;display:block;}
.menubar a{position: absolute;display:block;top:0;bottom:auto;height: 100%;}
.menubar a img{width:100%;}
.menubar a img.default{position:absolute;top:0;left:0;z-index:1}
.menubar a img.on{position:relative;display:none;}

.menubar a.menu1{left:3.9%;width:14.1%;}
.menubar a.menu2{left:26.3%;width:13.8%;}
.menubar a.menu3{left:48.3%;width:10%;}
.menubar a.menu4{left:66.9%;width:10.3%}
.menubar a.menu5{left:85.2%;width:10.5%}

.cover{position: absolute;top:0;left:0;width:100%;height:100%;background:url(/goods/common/image/opacity50.png);z-index:3;display: none;}
.layer-wrap{position: relative;width:100%;}
.layer-wrap ul{}
.layer-wrap ul:after{content:' ';display: block;clear: both;}
.layer-wrap .layer{width: 100%;position: relative;overflow-x:hidden;}
.layer-wrap .layer .item{width:100%;height:auto;display:block;}

.gallery{position:absolute;top:20.5%;;width:100%;height:58%;}
.gallery .slider{position:absolute;top:0;left:0;overflow-x:hidden;width:100%;height:100%;overflow-x:hidden;}
.gallery .slider ul{padding:0;margin:0;height:100%;}
.gallery .slider li{padding:0;margin:0;list-style: none;width:100%;height:100%;box-sizing: border-box;}
.gallery .slider li .item{position: relative;height:100%;overflow:hidden;width:auto;padding:0 7%;}
.gallery .slider li .item .play{position: absolute;display:block;width:19%;left:40.5%;top:68%;}
.gallery .slider li .item .play img{width:100%;}
.gallery .prev{position: absolute;display:block;left:0;top:47%;width:6.9%;z-index:2;}
.gallery .prev img{width:100%;height:auto;}
.gallery .next{position: absolute;display:block;left:auto;right:0;top:47%;width:6.9%;z-index:2;}
.gallery .next img{width:100%;height:auto;}

.btn_map{position:absolute;display: block;width:22.7%;left:38.6%;top: 79.6%;}
.btn_map img{width:100%;}


.board{position:absolute;left:6.5%;top: 24%;width:87%;height: 53.5%;}
.board .list{height: 60%;overflow-y:auto;overflow-x:hidden;}
.board .list ul{width:100%;padding:0;margin:0;}
.board .list ul li{list-style: none;width:100%;padding:2% 0 2% 0;border-bottom:1px solid #bfb6ac;font-size:12px;}
.board .list ul li .writer{text-align: right;padding-top:2%;}
.board .list ul li .writer span{padding-left:7px;}
.board .input{position: relative;border-bottom:1px solid transparent;font-size:0px;}
.board .input.textarea{margin-top:1.5%;}
.board .input img{width:100%;height:auto;}
.board .input input{position:absolute;top:0;left:auto;right:0;width:81.5%;height:100%;border:none;background:url(/goods/common/image/temp.png);box-sizing: border-box;font-size:13px;}
.board .input textarea{position:absolute;top:0;left:auto;right:0;width:78.5%;height:100%;border:none;background:url(/goods/common/image/temp.png);box-sizing: border-box;resize: none;overflow:auto;font-size:13px;}
.board .paging{display:block;height: 6%;text-align: center;padding: 2% 0 2% 0;}
.board .paging a{display:inline-block;*display:inline;*zoom:1;width:12%;text-align: center;height:100%;}
.board .paging a img{height:100%;width:auto;padding:0 5% 0 5%;}
.board .btn-area{position: absolute;width:100%;top:auto;bottom:0;text-align: right;}
.board .btn-area a{display:inline-block;*display:inline;*zoom:1;width:18.6%}
.board .btn-area a img{width:100%;}

.btn-connect{position: absolute;left:17.6%;top: 26%;width:64.8%;}
.btn-connect a{display:inline-block;*display:inline;*zoom:1;width:21%;margin: 4% 2%;border-top:1px solid transparent;}
.btn-connect a img{width:100%;}

.mapFrame{position: absolute;background:#ccc;
    left: 6.6%;
    top: 25.3%;
    width: 86.4%;
    height: 28.7%;
    z-index: 2;
}

.video_close{position: absolute;left:87%;top:28.2%;display:block;width:9.4%;z-index:4;display:none;}
.video_close img{width:100%;}
.video{position:absolute;z-index:4;width:100%;left:0;top:200%;height:36%;}

.info{position: absolute;top:88%;left:0;width: 100%;height: auto;}

.layer2{position:absolute;left:0;top:0;width:100%;background:#fff;min-height:100%;height:auto;display:none;z-index:10;}
.layer2 .scroll-wrap{width:100%;-webkit-overflow-scrolling: touch;overflow-y:auto;background:#fdfcfa;}
.layer2 .title{position: absolute;z-index:1;width:100%;}
.layer2 .title img{width:100%;height: auto;display:block;}
.layer2 .title_fake{width:100%;padding-bottom:1.5%;}
.layer2 .title_fake img{width:100%;height: auto;display:block;}
.layer2 .title .btn{position: absolute;width:13.6%;left:2.2%;top:0;}
.layer2 .title .btn img{width: 100%;height: auto;}
.layer2.map .layerMapFrame{width:100% !important;height:100% !important;}