/* reset */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-overflow-scrolling: touch;}
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;-webkit-appearance: none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
input[type="button"],input[type="submit"]{-webkit-appearance: none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:14px/1.14 "PingFang SC","Microsoft YaHei","Hiragino Sans GB W3",Helvetica,"Heiti SC","Droid Sans","Droidsansfallback",sans-serif;color:#333;outline:0;}
html{font-size: 100px; height: 100%; min-width: 320px;}
body{font-size: 0.14rem; min-width: 320px; max-width: 740px; min-height: 100%; background-color: #fff; margin-left: auto; margin-right: auto;}
/*a,a:hover{color:#333;}*/
*,
a:active,
a:focus,
div:active,
div:focus,
input:active,
input:focus {
    -webkit-tap-highlight-color: transparent
}
/* function */
.f-cb { zoom: 1;}
.f-cb:after { display: block; clear: both; visibility: hidden; height: 0; overflow: hidden; content: "";}
.f-pfh5 { max-width: 740px; }
.f-dn { display: none;}
.f-db { display: block;}
.f-dbb { display: block !important;}
.f-fl { float: left;}
.f-fr { float: right;}
.f-oh { overflow: hidden;}
.f-pr { position: relative;}
.f-pa { position: absolute;}
.f-tac { text-align: center;}
.f-blank10 { height: 0.1rem; overflow: hidden; background-color: #efefef; clear: both; }
.f-blank20 { height: 0.2rem; overflow: hidden; background-color: #eee; clear: both; }
.f-mask { width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.4); z-index: 101; }
.f-tips { width: 70%; line-height: 0.32rem; background: rgba(0,0,0,.8); color: #fefefe; position: absolute; top: 20%; left: 50%; text-align: center; z-index: 999999999; padding: 0 25px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; font-size: 0.13rem;}
.u-link { display: block; width: 1.28rem; height: 0.3rem; line-height: 0.3rem; background-color: #fff; border: 1px solid #f9be00; border-radius: 8px; margin-left: auto; margin-right: auto; font-size: 0.13rem; color: #666; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.u-blankt { height: 0.44rem; line-height: 0.44rem; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; background-color: #f5f5f5; font-size: 0.16rem; color: #333; text-align: center; }

.circleGBox { width: 0.5rem; height: 0.12rem; padding: 0.18rem 0; margin: 0 auto; display: none; }
.circleG { display: inline-block; height: 0.12rem; width: 0.12rem; -webkit-animation-name: bounce_circleG; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: linear; -webkit-border-radius: 10px; border-radius: 10px;}
.circleG_1 { -webkit-animation-delay: .4s;}
.circleG_2 { -webkit-animation-delay: .3s;}
.circleG_3 { -webkit-animation-delay: .2s;}
.search-end { font-size: 0.14rem; text-align: center; padding: 0.1rem; display: none; }

/* 页面加载 */
.mo-mark { position: fixed; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.5); z-index: 9999; display: none; }
.mo-mark:after { content: ''; width: 0.5rem; height: 0.5rem; background: url(/mobile/img/wechatcard/load.gif) no-repeat; background-size: 100%; position: fixed; left: 50%; top: 50%; margin-left: -0.25rem; z-index: 10000; }

@-webkit-keyframes bounce_circleG {
    10% {
        background: #fff;
    }
    50% {
        background: #ccc;
    }
    90% {
        background: #fff;
    }
}
@keyframes bounce_circleG {
    10% {
        background: #fff;
    }
    50% {
        background: #ccc;
    }
    90% {
        background: #fff;
    }
}


.frame-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; -webkit-transform: translate3d(0,0,0); transition: -webkit-transform .35s ease; background: #f5f5f5; z-index: 9999; }
.frame-slide.slidein { -webkit-transform: translate3d(-100%,0,0); z-index: 999; overflow: hidden; }

.slideInUp {
    -webkit-animation: slideInUp .3s;
            animation: slideInUp .3s;
}
.allP {
    width: 100%;
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
    }
}



.hsb-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 4px;
  border: 0;
  box-sizing: border-box;
  color: inherit;
  display: block;
  font-size: 18px;
  height: 41px;
  outline: 0;
  overflow: hidden;
  position: relative;
  text-align: center;
}

.hsb-button:not(.is-disabled):active:after {
    opacity: .4;
}

.hsb-button:after {
    background-color: #000;
    content: " ";
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
}

.hsb-button--primary {
    color: #fff;
    background-color: #fabe00;
}

.hsb-button--large {
  display: block;
  width: 100%;
}