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

.pointer{position:absolute;width:40.8%;top:34.6%;left:29.5%;z-index:999;}
.pointer img{width:100%;height: auto;}

.slider-wrap{width:100%;height:100%;top:0;left:0;}
.slider{position:relative;left:0;width:100%;height:58%;height:100%;}
.slider ul{padding:0;margin:0;height:100%;}
.slider ul:after{content:' ';display:block;clear:both;}
.slider li{padding:0;margin:0;list-style: none;width:100%;box-sizing: border-box;height:100%;overflow-y:hidden;-webkit-overflow-scrolling: touch;}
.slider li .item{position: relative;overflow-x:auto;}
.slider li .img{width:100%;display:block;}
.slider li a img{width:100%;}
.slider>ul>li{background-size:100% auto;background-position: center center;background-repeat:no-repeat;}
.slider>ul>li.repeat{background-position: left top;background-repeat: repeat-y;}
.btn_con1{display:block;position:absolute;width:13.4%;top:82.2%;left:20.6%;}
.btn_con2{display:block;position:absolute;width:13.4%;top:82.2%;left:43.4%;}
.btn_con3{display:block;position:absolute;width:13.4%;top:82.2%;left:65.9%;}

.scroll-wrap{width:100%;-webkit-overflow-scrolling: touch;overflow-y:auto;background:#ffffff;}
.title-bar{position: absolute;width: 100%;z-index:1;display:none;background-color: #f8f7f6;background-image: url(../image/top_shadow.png);background-repeat: no-repeat;background-size: 100% auto;background-position: 0 100%}
.title-bar .top-title{width: auto;height: 100%;display: block;}
.title-bar .shadow{position: absolute;top:auto;bottom:0;width: 100%;height: auto;display: block;}
.progress{position: absolute;display:block;width: 100%;z-index:1;left:0;top:0;height:5px;display:none;background: #fff;overflow-x:hidden;}
.progress .bar{width:25%;height: 100%;display:block;background:#ffffff;
	-webkit-transition: width 400ms;
	-moz-transition: width 400ms;
	-ms-transition: width 400ms;
	-o-transition: width 400ms;
	transition: width 400ms;
}
.slider{box-sizing: border-box;}
.item-top{position: absolute;top:0;width: 100%;height: auto;display: block;}
.item-bottom{position: absolute;top:auto;bottom:0;width: 100%;height: auto;}
.dp-wrap{position:relative;width: 100%;height: 100%;display: table;background-size:100% auto;background-repeat:no-repeat;background-position: center center;}
.dp-cont{position:relative;display: table-cell;vertical-align: middle;}
.dp-wrap.top{vertical-align: top;background-position: 0 0%;}
.dp-wrap.top .dp-cont{vertical-align: top;}
.dp-wrap.bottom{vertical-align: bottom;background-position: 0% 100%;}
.dp-wrap.bottom .dp-cont{vertical-align: bottom;}
.choose{position: absolute;display: block;background-size: 100% auto;background-repeat: no-repeat;}
.choose img{display: block;width: 100%;height: auto;visibility: hidden;}
.choose.on img{visibility: visible;}
.block{display:block;}
.imgw{display: block;width: 100%;height: auto;}
.imglayertop{display: block;position: absolute;left: 0;top:0;}
.imglayertop img{display: block;width: 100%;height: auto;}
.imglayerbottom{display: block;position: absolute;left: 0;top:auto;bottom: 0}
.imglayerbottom img{display: block;width: 100%;height: auto;}