/* CSS Document */
@charset "utf-8";
/*!
 * @名称：base.css
 * @功能：1、重设浏览器默认样式
 *       2、设置通用原子类
 */

*{-webkit-tap-highlight-color:transparent;outline:none;} 
 
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html {
    background:#EEEEEE;
    color:black;
}
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,figure,footer,header,hgroup,menu,nav,section {
    margin:0;
    padding:0;
}
/* 要注意表单元素并不继承父级 font 的问题 */
body,button,input,select,textarea {
    font:.875rem \5FAE\8F6F\96C5\9ED1,arial,sans-serif;
}
input,select,textarea {
    font-size:100%;
}
/* 去除默认边框 */
img {
    border:0;
    display:block;
}
/* 去掉 firefox 下此元素的边框 */
abbr,acronym {
    border:none;
    font-variant:normal;
}
/* 去掉列表前的标识，li 会继承 */
ol,ul {
    list-style:none;
}
i, em, var{
    font-style: normal;
}
/* 对齐是排版最重要的因素，别让什么都居中 */
caption,th {
    text-align:left;
}

button{
    overflow: visible
}
button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

/* 来自yahoo，让标题都自定义，适应多个系统应用 */
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
/* A链接*/
a { text-decoration: none; color: #333333;}
a:hover,a:active{opacity:0.8;
    filter:alpha(opacity=80); text-decoration: none;}
a:focus {
    outline: none;
}

/* 清除浮动 */
.clear {
    clear:both;
    display:block;
    font-size:0;
    height:0;
    line-height:0;
    overflow:hidden;
}
.clearfix:after {
    content: " ";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}
/* 设置显示和隐藏，通常用来与 js 配合 */
.hide {
    display:none;
}
.block {
    display:block;
}
/* 设置浮动，减少浮动带来的 bug */
.inline {
    display:inline;
}
.fb{
    font-weight:bold;
}
.f12px{
    font-size:.875rem;
}
.f14px{
    font-size:.9rem;
}
.f15px{
    font-size:1rem;
}
.f16px{
    font-size:1.2rem;
}

.colord7{
    color: #d7d7d7;
}

.left{
    float:left;
}
.right{
    float:right;
}

.red{
    color: #F34E4A;
}


.hui{
    color: #999999;
}



.navbar {
        height: 2.75rem;
    width: 100%;
    box-sizing: border-box;
    font-size: 1.2rem;
    position: fixed; background: #eeeeee;
    margin: 0;
    z-index: 500;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.navbar .center {
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    margin: 0;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 2.75rem;
    -webkit-flex-shrink: 10;
    -ms-flex: 0 10 auto;
    flex-shrink: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.navbar-inner, .toolbar-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 8px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.navbar:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #d7d7d7;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}


.navbar .left, .navbar .right {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.navbar a.link, .toolbar a.link, .subnavbar a.link {
    line-height: 44px;
    height: 44px;
    text-decoration: none;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
}

.navbar .left {
    margin-right: 10px;
}

.navbar .right {
    margin-left: 10px;margin-right: 5px;
}

i.icon {
    display: inline-block;
    vertical-align: middle;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    font-style: normal;
    position: relative;
}


i.icon.icon-back {
    width: 20px;
    height: 20px;
    background-image: url("../images/return.svg");
}

i.icon.icon-index {
    width: 20px;
    height: 20px;
    background-image: url("../images/more.svg");
}







.toTop{
  position: fixed;
  right: 10px;
  bottom: 60px;
  z-index: 88;
  width: 36px;
  height: 36px;
    background:url(../images/go-top.png) no-repeat;
    background-size:100%;
    display:none;
}

.preloader {
    background-color: #ffffff;
    background-image: url("../images/preloader.gif");
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999999999;
}

.mb {
    z-index: 9997;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url(../images/mb.png) repeat;
    background-color:rgba(0,0,0,0.5);
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#40000000,endColorstr=#40000000);
    display:none;
}


.but01{
    width: 40%;
    height: 2.4rem;
    display: block;
    line-height: 2.4rem;
    text-align: center;
    font-size: 1rem;
    background: #FDD100;
    border-radius: 2.4rem;
    margin: 0 auto;
}

.bottom_db{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2.6rem;
    padding: 1.2rem 0;
    background: #ffffff;text-align: center;
}

.b_but01{
    width: 40%;
    height: 2.6rem;
    line-height: 2.6rem;
    text-align: center;
    font-size: 1.2rem;
    box-sizing: border-box;
    border: 1px solid #FDD100;
    background: #ffffff;
    border-radius: 2.4rem;
    display: inline-block; margin-right: .8rem;

}

.b_but02{
    width: 50%;
    height: 2.6rem;
    line-height: 2.6rem;
    text-align: center;
    font-size: 1.2rem;
    background: #FDD100;
    box-sizing: border-box;
    border-radius: 2.4rem;
    display: inline-block;
}


.b_but03{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4rem; line-height: 4rem;
    background: #FDD100;text-align: center;
    font-size: 1.2rem;
    background: #FDD100;display: block;
    z-index:4;
}

.b_but04{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%; color: #ffffff;
    height: 4rem; line-height: 4rem;
    background: #FDD100;text-align: center;
    font-size: 1.2rem;
    background: #F34E4A;display: block;
}


i .badge {
        position: absolute;
    right: -.2rem;
    top: -.2rem;
    min-width: 1.3rem;
    text-align: center;
    z-index: 15;
    font-size: .7rem;
    background-color: #ff3b30;
    color: #fff;
    border-radius: 20px;
    padding: 0 .2rem;
    box-sizing: border-box;
}

.not_have{
        background: url(../images/not_have.jpg) no-repeat;
    background-size: 14.4rem;
    width: 14.4rem;
    height: 10.8rem;
    margin: 4rem auto;
}
.not_have2{
    width: 100%;
    text-align: center;
    padding: 4rem 0;
    margin: 0 auto;
}


.sv3_ico {
    width: 2.2rem;
    height: 1.7rem;
    background: url(../images/ico-s3.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: .3rem;
    top: .6rem;
}