::-moz-selection {
    background: #05a899;
    color:#fff;
   }

::selection {
    background: #05a899;
    color:#fff;
   }

body{
    background: #f4f4f4;
    -webkit-overflow-scrolling : touch;
}
ol{
      -webkit-padding-start:20px;
}
.container1200{
    width: 1200px;
    margin: auto;
}

.form-control{
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-jbers {
  color: #fff;
  background-color: #05a899;
  border: none;
}
.btn-jbers:focus,
.btn-jbers.focus {
  color: #fff;
  background-color: #088e82;
  border: none;
}
.btn-jbers:hover {
  color: #fff;
  background-color: #088e82;
  border: none;
}
.btn-jbers:active,
.btn-jbers.active,
.open > .dropdown-toggle.btn-jbers {
  color: #fff;
  background-color: #088e82;
  border: none;
}
.btn-jbers:active:hover,
.btn-jbers.active:hover,
.open > .dropdown-toggle.btn-jbers:hover,
.btn-jbers:active:focus,
.btn-jbers.active:focus,
.open > .dropdown-toggle.btn-jbers:focus,
.btn-jbers:active.focus,
.btn-jbers.active.focus,
.open > .dropdown-toggle.btn-jbers.focus {
  color: #fff;
  background-color: #02897d;
  border: none;
}
.btn-jbers:active,
.btn-jbers.active,
.open > .dropdown-toggle.btn-jbers {
  background-image: none;
}
.btn-jbers.disabled:hover,
.btn-jbers[disabled]:hover,
fieldset[disabled] .btn-jbers:hover,
.btn-jbers.disabled:focus,
.btn-jbers[disabled]:focus,
fieldset[disabled] .btn-jbers:focus,
.btn-jbers.disabled.focus,
.btn-jbers[disabled].focus,
fieldset[disabled] .btn-jbers.focus {
  background-color: #05a899;
  border: none;
}

.btn-jbers-red {
  color: #fff;
  background-color: #e84351;
  border: none;
}
.btn-jbers-red:focus,
.btn-jbers-red.focus {
  color: #fff;
  background-color: #c9303d;
  border: none;
}
.btn-jbers-red:hover {
  color: #fff;
  background-color: #c9303d;
  border: none;
}
.btn-jbers-red:active,
.btn-jbers-red.active,
.open > .dropdown-toggle.btn-jbers-red {
  color: #fff;
  background-color: #c9303d;
  border: none;
}
.btn-jbers-red:active:hover,
.btn-jbers-red.active:hover,
.open > .dropdown-toggle.btn-jbers-red:hover,
.btn-jbers-red:active:focus,
.btn-jbers-red.active:focus,
.open > .dropdown-toggle.btn-jbers-red:focus,
.btn-jbers-red:active.focus,
.btn-jbers-red.active.focus,
.open > .dropdown-toggle.btn-jbers-red.focus {
  color: #fff;
  background-color: #b82b37;
  border: none;
}

.breadcrumb{
    padding:8px 0 ;
    background: none;
    margin-top: 10px;
}
.breadcrumb a{
    color: #333;
}








/*导航*/
.jbers-nav{
    margin-bottom: 0;
    background: #fff;
}
.jbers-nav .navbar-nav > li > a {
  color: #999;
}
.jbers-nav .navbar-nav > .active > a,
.jbers-nav .navbar-nav > .active > a:hover,
.jbers-nav .navbar-nav > .active > a:focus {
  color: #000;
  background-color: #fff;
}
.jbers-nav .navbar-brand{
    padding-top: 10px;
}
.jbers-nav .navbar-brand .Brand{
        height: 30px;
        padding-right: 20px;
        border-right: 1px solid rgba(0,0,0,.1);
    }
.jbers-nav ul.eaf a,.jbers-nav ul.eaf a:hover{
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    margin:0px 10px 0px 0;
    border: 1px solid #05a899;
    border-radius: 50%;
    text-align: center;
    color: #05a899;
}
.jbers-nav ul.eaf{
        margin: 10px 0;
    }
.jbers-nav ul.eaf,.jbers-nav ul.eaf li{
    float: left;
}
.jbers-nav ul.eaf li.active a,.jbers-nav ul.eaf li.active a:hover{
    background-color:  #05a899;
    color: #fff;
}
.jbers-nav .nav-icon a{
    position: relative;
    width: 20px;
    height: 20px;
    line-height: 20px;
    padding: 0;
    margin:35px 0 35px 10px;
    display:inline-block;
    background: url(../../images/card/public-icons.png) no-repeat;
}
.jbers-nav .nav-icon a.login{
    background-position: 0 0;
}
.jbers-nav .nav-icon a.cart{
    background-position: -52px 0;
}
.jbers-nav .nav-icon a.cart .badge{
    position: absolute;
    right: -15px;
    top: -2px;
    background: #e84351;
}
.jbers-nav .nav-icon .person{
    margin: 0;
    padding: 0;
}
.jbers-nav .nav-icon .person a{
    height: 30px;
    background: none;
    width: auto;
    margin:30px 0;
    line-height: 30px;
}
.jbers-nav .nav-icon .person a img{
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

/*底部*/
.jbers-footer{
    background: #222;
    padding-top: 60px;
    color: #fff;
}
.jbers-footer form.express{
    margin-bottom: 50px;
}
.jbers-footer .express input,.jbers-footer .express button{
    background: none;
    border-radius: 2px;
    padding:14px 12px;
    line-height: 20px;
    border-color: #656565;
    height: auto;
    color: #fff;
}
.jbers-footer .express input{
    border-right: none;
}
.jbers-footer .express button{
    border-left:none;
    width: 50px;
    background: url(../../images/card/public-icons.png) -120px -110px no-repeat;
}
.jbers-footer .express input:focus{
    box-shadow: none;
    border-color: #656565;
}
.jbers-footer .contact {
    margin-bottom:12px;
}
.jbers-footer .contact span{
    float: left;
    display: block;
    width: 36px;
    height: 36px;
    margin:10px 7px 0 0;
    background: url(../../images/card/public-icons.png) -72px -115px no-repeat;
}
.jbers-footer .contact p{
    margin-bottom: 0;
}
.jbers-footer .contact .phone{
    font-size: 24px;
    color: #fff;
}
.jbers-footer .bottomlogo img{
    margin:0 auto 30px;
}
.jbers-footer .qr{
    margin-bottom: 20px;
}
.jbers-footer .qr img{
    width: 50%;
    margin-bottom: 10px;
}
.jbers-footer .links{
    margin-bottom: 20px;
}
.jbers-footer .links .col-sm-2{
    overflow: auto;
    margin-bottom: 30px;
}
.jbers-footer .links h4{
    margin:0 0 15px;
    color: #fff;
}
.jbers-footer .links li{
    line-height:1.8;
        float: left;
        margin-right: 10px;
    }
.jbers-footer .links a{
    color: #666;
}
.jbers-footer .links  span,.jbers-footer .qr span{
    color: #05a899;
}
.jbers-footer .links a:hover{
    color: #05a899;
}
.jbers-footer .divider {
  height: 1px;
  margin: 20px 0 10px;
  overflow: hidden;
  background-color: rgba(255,255,255,.1);

}
.jbers-footer .jbersbottom{
    padding:15px 0 20px;
    font-size: 12px;
    color: #666;
}
.jbers-footer .copyright span a{
    display: inline-block;
    width: 50px;
    height: 13px;
    background: url(../../images/card/public-icons.png) -185px -126px no-repeat;
    margin-right: 5px;
}
.jbers-footer .share{
    line-height: 30px;
    width: auto;
}
.jbers-footer .share a{
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../../images/card/public-icons.png) no-repeat;
    opacity: .7;
}
.jbers-footer .share a:hover{
    opacity: 1;
}
.jbers-footer .share a.wechat{
    background-position: -69px -67px;
}
.jbers-footer .share a.qq{
    background-position: -115px -67px;
}
.jbers-footer .share a.qzone{
    background-position: -161px -67px;
}
.jbers-footer .share a.weibo{
    background-position: -206px -67px;
}


/*悬浮工具条*/
.jbers-sidebar{
    position: fixed;
    z-index: 99;
    right: 0;
    bottom: 50px;
    margin-bottom: 50px;
    cursor: pointer;
}
.jbers-sidebar a{
    background:url(../../images/card/public-icons.png) no-repeat rgba(0,0,0,.3);
    display: block;
    width: 50px;
    height: 50px;
    position: relative;
    text-decoration: none;
}
.jbers-sidebar a.sidecart{
    background-position: -142px -182px;
}
.jbers-sidebar a.sideservice{
    background-position: -142px -232px;
}
.jbers-sidebar a.sideb2t{
    display: none;
    background-position: -142px -282px;
}
.jbers-sidebar a .badge{
    position: absolute;
    right: 2px;
    top: 15px;
    background: #e84351;
}
.jbers-sidebar a:hover{
    background-color: rgba(0,0,0,.5);
}
.jbers-sidebar a.sideb2t0{
    display: block;
}
.mb50{
    margin-bottom: 0px;
}

/*选项卡*/
.jbers-tab{
    background: #fff;
    padding-bottom: 50px;
}
.jbers-tab .container{
    padding:15px;
}
.jbers-tab .tab-content{
    padding: 25px 0;
}
.jbers-tab .jpublic{
    background: #ddd;
    margin: 20px 0;
    padding:10px;
}
.jbers-tab .j-tabs > li > a{
    font-size: 16px;
    color: #999;
    border-radius: 0;
    border:none;
    padding:15px;
}
.jbers-tab .j-tabs > li.active > a{
 border:none;
 color: #05a899;
 border-bottom:2px solid #05a899;
}
.jbers-tab .j-tabs > li > a:hover{
    background: none;
}

.jbers-tab .ofx{
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    border-bottom: 1px solid #ddd;
}
.jbers-tab .ofx::-webkit-scrollbar{
    width:0;
    height:0
}
.jbers-tab .nav-tabs{
    border-bottom: none;
}
.jbers-tab .j-tabs{
    white-space: nowrap;
    word-break: break-all;
}
.jbers-tab .j-tabs li{
    float: none;
    display: inline-block;
}



/*小屏幕 平板 (≥768px)*/
@media (min-width:768px) {
    /*导航*/
    jbers-nav .nav-main a {
      padding-left:12px;
      padding-right:12px;
    }
    .jbers-nav .navbar-brand{
        height: 90px;
        padding-top: 20px;
        padding-right: 10px;
    }
    .jbers-nav .navbar-brand .Brand{
        height: 35px;
        margin-top: 8px;
    }
    .jbers-nav ul.eaf{
        margin: 0;
    }
    .jbers-nav ul.eaf a,.jbers-nav ul.eaf a:hover{
        margin:30px 5px 30px 0;
    }

    /*底部*/
    .jbers-footer .links li{
        float: none;
    }
    .jbers-footer .qr img{
        width: 180px;
    }
    .jbers-footer .copyright {
        text-align:right;
    }

    .jbers-tab .container{
    padding:15px 0;
    }
    .jbers-tab .content-box {
    width: 768px;
    margin: auto;
    }
    /*帮助标签页*/
    .jbers-tab .ofx{
        border-bottom: none;
    }
    .jbers-tab .nav-tabs{
        border-bottom: 1px solid #ddd;
    }
    .jbers-tab .content-box{
        width: 768px;
        margin: auto;
    }
}

/*中等屏幕 桌面 (≥992px)*/
@media (min-width:992px) {
    .jbers-nav .nav-main a {
      font-size: 15px;
      padding-left:15px;
      padding-right:15px;
    }
    .jbers-nav .navbar-brand{
        padding-top: 20px;
        padding-right: 10px;
    }
  .jbers-nav .navbar-brand .Brand{
        height: auto;
        margin-top: 0
    }
    .jbers-nav ul.eaf a,.jbers-nav ul.eaf a:hover{
        margin:30px 10px 30px 0;
    }
  .jbers-nav .nav-icon a{
    margin-left: 30px;
  }
  .jbers-footer {
    padding:60px 5% 0;
  }
  .jbers-footer .qr img{
        width: 120px;
    }
}

/*大屏幕 桌面 (≥1200px)*/
@media (min-width:1200px) {
    .jbers-nav{
    padding: 0 5% ;
  }
}


