/*----------------------------------------Global---------------------------------------*/

.navbar { margin:0; z-index: 999; background-color: #ffffff;border:none; font-family: SFUIText-Regular;}

.nav-tabs > li > a:hover { text-decoration: none; }

.navbar .navbar-nav > li > a > p {color: #928383;}
.navbar .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover p {  color: #EF4144;  }

/*----------------------------------------Global---------------------------------------*/

/*----------------------------------------Mobile---------------------------------------*/

/*左部按钮*/
.navbar-header { text-align: center; }
.navbar-header-box-shadow { box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1); }
.navbar-header > .navbar-toggle {  border-radius: 0; }
.navbar-header > .navbar-toggle { background-color: #EF4144 !important; }
.navbar-header > .navbar-toggle > .icon-bar { background-color: #ffffff !important;}
.navbar-header > .collapsed { background-color: #ffffff !important;}
.navbar-header > .collapsed > .icon-bar { background-color: #ddd !important;}

.navbar-toggle-shadow {display: none; position: fixed;top:0; width: 100%;height: 150%;left: 0;background-color: #333; opacity: 0.7;z-index: 998;}


@media (min-width: 320px){
    body { background: #F5F5F5;}

    .navbar{  height: 50px;  }

    .nav-container-fluid {background-color: #ffffff;}

    .navbar-header{  height: 50px;}
    .navbar-header > .navbar-toggle {  float: left;  padding: 17px 16px; margin: 0;  }
    .navbar-header > .navbar-toggle > .icon-bar {width: 18px;}
    .navbar-header > .navbar-brand > img{width: 172px;}
    .navbar-header > .navbar-search { float: right; padding: 13px 16px;}
    .navbar-header > .navbar-search > img{ width: 23px; height: 23px; }

    .navbar-header > .navbar-brand { text-align: center;float: none;display: inline-block; }

    .navbar-nav > .dropdown > a { padding: 14px 10px; display: inline-block; width: 100%; }
    .navbar-nav > .dropdown > a > .no-hover { display: initial;}
    .navbar-nav > .dropdown > a > .hover { display: none;}
    .navbar-nav > .dropdown > a > img{ width: 30px; float: left; }
    .navbar-nav > .dropdown > a > p{ margin: 5px 0 5px 18px; font-size: 16px; display: inline-block;}
    .navbar-nav > .dropdown > a > .ico_arrow{ float: right;width: 12px;margin: 6px;}

    .nav-mobile {border-top: 1px solid #E8E8E8;}
    .nav-mobile > .nav-tabs {padding: 0 10px 0 5px;width: 100%;list-style: none;margin: 0;display: inline-block;box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);background: #ffffff;}
    .nav-mobile > .nav-tabs > li {font-size: 15px;padding: 14px 0; width: 20%; text-align: center;}
    .nav-mobile > .nav-tabs > li > a { color: #928383; position: relative;}
    .nav-mobile > .nav-tabs > li.active > a { color: #EF4144;border: none;font-weight: 600;}
    .nav-mobile > .nav-tabs > li.active > a:after {position: absolute;left: 0;right: 0;margin: auto;bottom: -15px;content: " ";width: 50%;height: 3px;background-color: #EF4144;}

}

@media (min-width: 375px){
    .nav-mobile > .nav-tabs { padding: 0 10px 0 5px;}
    .nav-mobile > .nav-tabs > li {padding: 14px 0;}
}

@media (min-width: 411px){
    .nav-mobile > .nav-tabs { padding: 0 10px 0 5px;}
    .nav-mobile > .nav-tabs > li {padding: 14px 0;}
}

@media (min-width: 414px){
    .nav-mobile > .nav-tabs { padding: 0 10px 0 5px;}
    .nav-mobile > .nav-tabs > li {padding: 14px 0;}
}

/*----------------------------------------Mobile---------------------------------------*/

/*----------------------------------------PC---------------------------------------*/

.navbar-form {display: none;}

/*搜索输入框*/
.btn-search > .form-control { border-radius: 20pt 0 0 20pt; border: transparent;box-shadow:none;-webkit-box-shadow:none; background-color: #F5F5F5; }
.btn-search > .form-control:focus{ border: transparent;}
.btn-search > .input-group-addon {border-radius: 0 20pt 20pt 0;border: transparent;background-color: #F5F5F5;}
.btn-search > .input-group-addon > img{width: 100%;}



@media (min-width: 768px){

    body { background: transparent;}

    .nav-container-fluid {position: relative; max-width: 700px; padding: 0;}

    .navbar{height: 65px; box-shadow:0 0 8px rgba(0, 0, 0, 0.1);}

    .navbar-header > .navbar-brand {float: left;padding: 18px 10px;}
    .navbar-header > .navbar-brand img{width: 190px;}

    .navbar-form { margin: 15px 0;}
    .btn-nav-search { padding: 4px 12px;}


    .navbar-nav > .dropdown  {text-align: center;width: 60px;}
    .navbar-nav > .dropdown > a {display: inherit;width: auto;padding: 7px 0px;}
    .navbar-nav > .dropdown > a > img{ float: inherit;  }
    .navbar-nav > .dropdown > a > p{ font-size: 14px; display: inherit; margin:0; }
    .navbar-nav > .dropdown:hover a:after {  position: absolute;  left: 0; right: 0; margin: auto;  bottom: 0;  content: " ";  width: 50%;  height: 3px;  background-color: #EF4144;  }

    .navbar-nav > .active > a > p { color: #EF4144 !important; }
    .navbar-nav > .active > a > .no-hover { display: none !important; }
    .navbar-nav > .active > a > .hover { display: initial !important; }
    .navbar-nav > .active > a:after {  position: absolute;  left: 0; right: 0; margin: auto;  bottom: 0;  content: " ";  width: 50%;  height: 3px;  background-color: #EF4144;  }



    /*PC端不可见*/
    .nav-mobile {display: none;}
    .navbar-nav > .dropdown > a > .ico_arrow{display: none;}
    .navbar-header > .navbar-search {display: none;}
    .nav-tabs { display: none;}
    /*PC端不可见*/

    .navbar-form {display: inherit;}
}

@media (min-width: 992px){

    .nav-container-fluid {position: relative; max-width: 970px; padding: 0;}

    .btn-search {padding: 0 16px;width: 400px;}
    .btn-search > .input-group-addon > img{width: 23px;}

    .navbar-nav > .dropdown  {width: auto;}
    .navbar-nav > .dropdown  {text-align: center;width: 80px;}
    .navbar-nav > .dropdown > a {display: inherit;width: auto;padding: 7px 0px;}
    .navbar-nav > .dropdown > a > img{ float: inherit;  }
    .navbar-nav > .dropdown > a > p{ font-size: 14px; display: inherit; margin:0; }
    .navbar-nav > .dropdown:hover .no-hover { display: none;}
    .navbar-nav > .dropdown:hover .hover { display: initial;}

}

@media (min-width: 1200px){
    .navbar{  height: 80px;  }
    .nav-container-fluid {position: relative; max-width: 1174px; padding: 0;}

    .navbar-header > .navbar-brand {padding: 19px 15px;}
    .navbar-header > .navbar-brand img{width: 271px;}

    .navbar-form { margin: 16px 0;}

    .btn-search {padding: 0 16px;width: 431px;}
    .btn-search > .input-group-addon > img{width: 23px;}
    .btn-search,.btn-search > .form-control,.btn-search > .input-group-addon {height: 47px;}
    .btn-search > .input-group-addon {padding: 7px 0px;}


    .navbar-nav > .dropdown  { text-align: center; width: 100px;}
    .navbar-nav > .dropdown > a  {padding: 14px 0;margin-left: 35px;}
    .navbar-nav > .dropdown > a > .hover { display: none; }
    .navbar-nav > .dropdown:hover .no-hover { display: none;}
    .navbar-nav > .dropdown:hover .hover { display: initial;}

    .navbar-nav > .dropdown:hover a:after {  position: absolute;  left: 0; right: 0; margin: auto;  bottom: 0;  content: " ";  width: 50%;  height: 3px;  background-color: #EF4144;  }

    .navbar-nav > .dropdown > a > img{ width: 32px; }
}