@charset "utf-8";
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling: touch;}
body,html{margin:0;padding:0;height:100%;font-family:"lucida grande","lucida sans unicode",lucida,helvetica,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;font-size:14px;color:#5f5f5f;position:relative}
body>div{background: #fff; width: 100%; height: 100%;max-width:640px;margin: 0 auto;}
html, body {
    position: relative;
    height: 100%;
}
body {
    background: #eee;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color:#000;
    margin: 0;
    padding: 0;
}
.swiper-container {
    width: 100%;
    height: 82%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide{
    position: relative;
}
.swiper-slide > img{
    width: 100%;
    height: 100%;
}
.swiper-slide > a {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.swiper-slide > a > img{
    width: 100%;
}
.nav{
    background-color: #fff;
    height: 10%;
}
.mydeal-nav-brand::-webkit-scrollbar {
    display: none;
}
.mydeal-nav-brand {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}
.deal-content-nav{
    padding: 5% 0;
}
.deal-nav-a{
    display: inline-block;
    font-size: 12px;
    color:#7C7E86;
    padding: 6px;
    border-radius: 16px;
    margin: 0 2px;
    /* margin-top:10px; */
    background-color:  #F7F7F7;
}
.active{
    color: white;
    background-color: #72C5FF;
}
.swiper-pagination{
    display: none;
}
.footer{
	background: url(../images/down.png) no-repeat center;
	height: 60px;
	background-size:100%;
   
}
.footer .in{max-width: 640px;margin: 0 auto;display: flex;}
.in a{
	margin-top: 6%;
	width: 70px;
	    text-align: center;
	    height: 35px;
	    font-size: 12px;
	    background: #469bf8;
	    line-height: 35px;
	    text-decoration: none;
	    color: white;
	    border-radius: 10px;
}
.footer img{
    width: 100%;
}