/*通用样式*/
*{appearance: normal; -webkit-appearance: none; -moz-appearance: none; margin: 0; padding: 0; border: 0; vertical-align: baseline; outline: none; font-size-adjust: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-shadow: none;}
*{font-family:"微软雅黑",tahoma,'宋体',Arial,Lucida,Verdana,Helvetica,sans-serif;}
html{font-size: 62.5%;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;overflow-scrolling:touch;min-width: 320px;max-width: 640px;margin: 0 auto;-webkit-text-size-adjust:none;}
body{margin:0;padding: 0;background-color: #F5F5F5;}
input[type=text]{-webkit-appearance:none;outline:none}
fieldset, img{border: 0;max-width:100%;}
a{color: #666666;}
a,input{text-decoration: none; outline: 0; -webkit-tap-highlight-color: transparent;}
a:link, a:visited{color: #666; text-decoration: none;}
ol,ul,li{list-style:none}
dl,dt,dd,ul,li,h1,h2,h3,h4,h5,p{margin:0;padding:0;word-break:break-all;}
em,h1,h2,h3,h4,h5,i{font-style: normal;font-weight: normal;} 
.clearfix:before, .clearfix:after{content:"\0020";display:block;height:0;overflow:hidden;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.fl{float: left;}
.fr{float: right;}
#index{position: relative;width: 100%;overflow: hidden;}
#main{padding-top: 4.5em;padding-bottom: 5.5em;}
.nofound {background: url(../images/nofound.png); width: 100%; padding-bottom: 42.5%; background-size: cover;}
#error {display: none!important;}
.searchTitle{padding: 1rem 1.5rem; border-bottom: 1px solid #eee; background-color: #F7F7F7;}
.searchTitle h2{background-color: #fff;border: 1px solid #efefef;border-radius: 0.5rem;line-height: 3rem;height: 3rem;font-size: 1.2rem;color: #999;padding: 0 1rem;position: relative;}
.searchTitle h2 i.ico{background: url(../images/search.png) no-repeat 0 0.8rem/1.6rem;display: block;width: 2rem;height: 3.5rem;float: left;position: absolute;}
.searchTitle h2 input[type="text"]{width: 85%;padding-left: 2rem;box-sizing: border-box;font-size: 1.2rem;}
.searchTitle h2 a {
    background: #fff;
    border-left: 1px solid #efefef;
    border-radius: 0 0.5rem 0.5rem 0;
    color: #006ED6;
    display: block;
    font-size: 1rem;
    padding: 0 1rem;
    position: absolute;
    right: 0;
    top: 0;
}
.list_loading {height: 25px;padding: 10px 0 10px;text-align: center;}
.list_loading i {height: 16px; width: 16px; display: inline-block; background: url('../images/icons.png') no-repeat -288px -16px; background-size: 500px 500px; margin-right: 10px; vertical-align: middle; -webkit-animation: loading 1s infinite linear; -ms-animation: loading 1s infinite linear; -o-animation: loading 1s infinite linear; -moz-animation: loading 1s infinite linear; animation: loading 1s infinite linear;}
.list_loading span {height: 16px; display: inline-block; line-height: 16px; vertical-align: middle; color: #A0A0A0;font-size: 14px;}
@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}}  
 
@-webkit-keyframes cubemove {
  25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
  50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
  75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
  100% { -webkit-transform: rotate(-360deg) }
}
@keyframes cubemove {
  25% {
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  } 50% {
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  } 50.1% {
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  } 75% {
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  } 100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}
  

/*页头样式*/
header{background-color: #006ED6;box-sizing:border-box;padding: 1rem;position: fixed;top: 0;width: 100%;z-index: 999;max-width: 640px;-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); -moz-transition: -moz-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); -o-transition: -o-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); transition: all 0.3s cubic-bezier(0.55,0.055,0.675,0.19)}
header.on{background-color: #006ED6;  } 
header .headTitle{height: 2.5rem;}
header .headTitle ul{display:-moz-box; display:-webkit-box; display:box;display: -o-box;width: 100%;} 
header .headTitle li:nth-child(1){-moz-box-flex:1; -webkit-box-flex:1; box-flex:1;-o-box-flex:1;}
header .headTitle li:nth-child(2){-moz-box-flex:4; -webkit-box-flex:4; box-flex:4;-o-box-flex:4;}
header .headTitle li:nth-child(3){-moz-box-flex:1; -webkit-box-flex:1; box-flex:1;-o-box-flex:1;}
header .headTitle li a{display: block;width: 2.2rem;height: 2.2rem;} 
header .headTitle .input{text-align: center;line-height: 2.4rem;font-size: 1.5rem;color: #fff;height: 2.4rem;overflow: hidden;margin:0 1rem 0 0.5rem;} 
header .headTitle .back{}
header .headTitle .back a{background: url(../images/left.png) no-repeat 0 0/cover;background-color: rgba(34,34,34,0.6);float: left;background-position: 0.4rem 0.4rem;border-radius:50%;width: 2.5rem;height: 2.5rem;background-size: 1.6rem;}
header .headTitle .back.on a{background: url(../images/left.png) no-repeat 0 0.2rem/2rem;height: 2.5rem;width: 2.5rem;float: left;}
header .headTitle .home a{background: url(../images/home1.png) no-repeat 0 0/cover;background-color: rgba(34,34,34,0.6);float: right;background-position: 0.4rem 0.4rem;border-radius: 50%;width: 2.5rem;height: 2.5rem;background-size: 1.6rem;}
header .headTitle .home.on a{background: url(../images/home1.png) no-repeat 0 0/cover;height: 2rem;width:2rem;float: right;}
/*页脚样式*/
footer{position: fixed; bottom: 0; width: 100%; max-width: 640px;}
footer ul{border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
footer ul li{-webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;text-align: center;background-color: #fff;padding: 1rem;box-sizing: border-box;font-size: 1.1rem;border-right: 1px solid #e6e6e6;}
footer ul li i{background-repeat: no-repeat;background-size: cover;display: block;width: 2rem;height: 2rem;margin: 0 auto;}
footer ul li i.f1{background-image: url(../images/phone.png);}
footer ul li i.f2{background-image: url(../images/weixin.png);}
footer ul li i.f3{background-image: url(../images/top.png);}
footer ul li i.f4{background-image: url(../images/home.png);}  
footer ul li i.f5{background-image: url(../images/city.png);} 
footer ul li i.f6{background-image: url(../images/filter.png);}
footer ul li i.f7{background-image: url(../images/price.png);}   
footer ul li i.theme{background-image: url(../images/theme.png);}
footer > div{line-height: 3rem;background-color: #fff;text-align: center;font-size: 1.2rem;color: #999;} 
footer.menu{position: fixed; bottom: 0; width: 100%;max-width: 640px;}
footer.menu li{background-color: rgba(255,255,255,0.95);}
footer.menu li em{display: block;}


.mip-fill-content {
        display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 100%;
    max-width: 100%;
    height: 100%;
    margin: auto;
        position: fixed;
    z-index: 1000100;
    top: 0px;
    right: 0px;
    left: 0px;
    background: rgba(0,0,0, 0.5);
	display: none;
}
 .mip-fill-content .wechat-model-layer {
    width:28rem; //20.6875rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1.25rem;
    position: relative;
    background: #fff;
    border-radius: .8125rem;
}
.antman-wechat-modal-icon {
    font-family: antman-wechat-modal-icon!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.mip-fill-content .wechat-model-layer .close {
    position: absolute;
    right: .9375rem;
        top: 4px;
    font-size: 26px;
    color: #ccc;
}
.mip-fill-content .wechat-model-layer .wechat-model-success {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.mip-fill-content .wechat-model-layer .wechat-model-success .image .wechat_success_logo {
    width: 2.75rem;
    height: 2.75rem;
}
.mip-fill-content .wechat-model-layer .wechat-model-success .title {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    margin: .4375rem 0 .625rem;
}
.mip-fill-content .wechat-model-layer .wechat-model-success .wechat-number {
    color: #333;
    font-size: 15px;
}
.mip-fill-content .wechat-model-layer .wechat-model-success .desc {
    color: #333;
    font-size: 15px;
}
.mip-fill-content .wechat-model-layer .wechat-model-success .button {
    background-color: #1aad19;
    border-radius: .25rem;
    width: 9rem;
    height: 2.75rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .9375rem;
}
 .mip-fill-content .wechat-model-layer .wechat-model-success .button span {
    color: #fff;
    font-size: .9375rem;
}
.mip-fill-content .wechat-model-layer .guide-img {
    margin-top: 17px;
}
.mip-fill-content .wechat-model-layer .guide-img img {
    width: 274px;
    height: 155px;
}

/*响应式控制*/
@media screen and (min-width: 300px) {
    html,body  {
        font-size: 9px; } }
@media screen and (min-width: 320px) {
     html,body {
        font-size: 10px; } }
@media screen and (min-width: 340px) {
     html,body {
        font-size: 11px; } }
@media screen and (min-width: 360px) {
     html,body {
        font-size: 12px; } }
@media screen and (min-width: 400px) {
     html,body {
        font-size: 13px; } }
@media screen and (min-width: 420px) {
     html,body {
        font-size: 14px; } }
@media screen and (min-width: 440px) {
     html,body {
        font-size: 15px; } }
@media screen and (min-width: 460px) {
     html,body {
        font-size: 16px; } }
@media screen and (min-width: 480px) {
     html,body {
        font-size: 17px; } }
@media screen and (min-width: 500px) {
     html,body {
        font-size: 18px; } }
@media screen and (min-width: 520px) {
     html,body {
        font-size: 19px; } }
@media screen and (min-width: 550px) {
     html,body {
        font-size: 20px; } }
@media screen and (min-width: 570px) {
     html,body {
        font-size: 21px; } }
@media screen and (min-width: 600px) {
     html,body {
        font-size: 22px; } }
@media screen and (min-width: 620px) {
     html,body {
        font-size: 23px; } }
@media screen and (min-width: 640px) {
     html,body {
        font-size: 24px; } }