body{background: #fff;}
.pack-warp{max-width:640px;margin:0 auto;}
.pack-warp .pack-box{position: relative;height:100%;}
.banner-box{width: 100%;}
.banner-box img{width: 100%;height: auto;}


.pack-warp .pack-list{position: absolute;left:0;z-index:3;width:100%;top:105%;}
.pack-warp .pack-list .pack-list-inner{position:absolute;left:0;top:0;transition: all 1s;padding:0 2.5%;width:95%;}
.pack-warp .pack-list .menu-list{width:100%;margin:0 auto;position: relative;padding-top: 20px;}
/*.pack-warp .pack-list .menu-list.on{display: block;}*/
.pack-warp .pack-list .pack-list-inner.top-top .menu-list{opacity:0;}
.pack-warp .pack-list .menu-list ul li{width:28%;height:45px;float:left;text-align: center;line-height:45px;margin:0 0 20px;padding:0 2.6%;}
.menu-list ul li a{display: block;width:100%;height:45px;font-size:16px;color:#000000;background:url(../images/btn-bg.png) no-repeat left top;background-size: 100% 45px;}

.pack-warp .pack-list .index-list{width:100%;margin:0 auto;position: relative;}
.pack-warp .pack-list .index-list ul li{width:28%;height:45px;float:left;text-align: center;line-height:45px;margin:0 0 20px;padding:0 2.6%;}
.index-list ul li a{display: block;width:100%;height:45px;font-size:16px;color:#000000;background:url(../images/btn-bg.png) no-repeat left top;background-size: 100% 45px;}
.pack-warp .pack-list .index-list ul li.redt{margin: 0px 0 5px;color: #bb3b40;font-size: 16px;font-weight: bold;}

.dis-list .dis-list-t{padding:20px 0;text-align: center;overflow: hidden;display: none;position: relative;}
.dis-list .dis-list-t span{display: block;font-size:20px;color:#564c43;position: relative;}
.dis-list .dis-list-t span i{display: inline-block;background:#ffffff;position: relative;z-index:1;padding:0 10px;}
.dis-list .dis-list-t span:after{width:50%;left:0;content: '';top:16px;height:1px;background:#564c43;position: absolute;display: block;}
.dis-list .dis-list-t span:before{width:50%;right:0;content: '';top:16px;height:1px;background:#564c43;position: absolute;display: block;}

.dis-list .dis-con{display: none;opacity:0;transition: all 1s;}
.dis-list .dis-con.active{display: block;opacity:1;}

.dis-list .event-list{margin:0 auto;}
.dis-list .event-list ul li{width:28%;height:45px;float:left;text-align: center;line-height:45px;margin:0 0 20px;padding:0 2.6%;}
.dis-list .event-list ul li a{display: block;width:100%;height:45px;font-size:16px;color:#000000;background:url(../images/btn-bg.png) no-repeat left top;background-size: 100% 45px;}

.header-box{width:100%;height:100px;text-align: center;background:url(../images/header-bg.png) repeat-x;}
.header-box .header-inner{height:100px;width:100%;position: relative;}
.header-box img{position: absolute;width:200px;height:44px;left:50%;top:50%;margin:-22px 0 0 -100px;}
.ret{position: absolute;right:0;top:0;color:#b86839;font-size:24px;display: none;width:50px;text-align: center;font-weight: bold;}
.ret.on{display: block;}

.big-img{display: none;}
.pack-button-img{ width: 95%; padding-top:55%; margin: 0 auto;}
.pack-button-img p{text-align:center;}
#index-ret{margin-top: -8px;}
@media only screen and (max-width: 320px){
    .pack-warp .pack-list .pack-list-inner{margin-top: -20px;}
    .dis-list .dis-list-t{margin-top: 10px;}
    .pack-warp .pack-list .menu-list ul li{margin: 0 0 5px;}
    .dis-list .dis-list-t{padding: 20px 0 10px;}
    .dis-list .event-list ul li{margin: 0 0 5px;}
}
@media only screen and (max-width: 375px){
    .pack-warp .pack-list .pack-list-inner{margin-top: -20px;}
    .dis-list .dis-list-t{padding: 20px 0 10px;}
}

@media only screen and (min-height: 635px){
    .pack-warp .pack-list .pack-list-inner{margin-top: 10px;}
    .pack-warp .pack-list .index-list ul li.redt{margin: 0 0 5px;}
}

@media only screen and (min-height: 641px) and (max-height: 641px) {
    .pack-warp .pack-list .pack-list-inner{margin-top: 0px;}
    .pack-warp .pack-list .index-list ul li{margin: 0 0 27px;}
    .pack-warp .pack-list .index-list ul li.redt{margin: 0 0 15px;}
    .small-img{display: none;}
    .big-img{display: block;}
}
@media only screen and (min-height: 724px) and (max-height: 724px){
    .pack-warp .pack-list .pack-list-inner{margin-top: -25px;}
    .pack-warp .pack-list .index-list ul li{margin: 0 0 27px;}
    .pack-warp .pack-list .index-list ul li.redt{margin: 0 0 15px;}
    .small-img{display: none;}
    .big-img{display: block;}
}
@media only screen and (min-height: 725px){
    .pack-warp .pack-list .pack-list-inner{margin-top: 0px;}
    .pack-warp .pack-list .index-list ul li{margin: 0 0 27px;}
    .pack-warp .pack-list .index-list ul li.redt{margin: 0 0 15px;}
    .small-img{display: none;}
    .big-img{display: block;}
}