/******************
 * PC 端
 ******************/
 .bs-home_150th{display: none;}
@media screen and (min-width: 700px) {
    .pub_header .login_panel {
        width: 1080px!important;
    }
    .pub_nav .nav_panel {
        width: 1080px!important;
    }
    .pub_header ul {
        right: 0!important;
        border-left: 1px solid #888!important;
    }
    .pub_header li {
        border-right: 1px solid #888!important;
        box-sizing: content-box;
    }
    .pub_header .login_panel li.language {
        width: auto;
        padding: 10px;
        /* display: none; */
    }
    .pub_header .buy .header_weixin_click b img {
        width: 340px!important;
        max-width: none;
        margin: 5px 0;
        box-shadow: 0 0 10px rgba(0,0,0,0.3);
    }

    .pub_header li.login,
    .pub_header li.favorite,
    .product_feature .product_btn.save,
    .product_popup .product_btn.save_layer{
        /* 隐藏  注册/登录，我的收藏   */
        display: none;
    }
    .pub_header .buy {
        width: auto!important;
        height: 20px!important;
        padding: 5px 10px!important;
    }
    .vm-pdp_pc_cn .pub_header .buy {
        display: none!important;
    }
    #bs-header-public {
        float: left;
        width: 708px;
        height: 100%;
        display: block;
        padding: 0 20px;
    }

    #bs-header-public * {
        width: initial;
        height: initial;
        margin: initial;
        padding: initial;
        font-size: 12px;
        line-height: initial;
        float: initial;
        position: initial;
        left: initial;
        top: initial;
        right: initial;
        bottom: initial;
        border: initial;
        transform: initial;
        page-break-inside: avoid;
        text-align: initial;
        letter-spacing: normal;
    }

    #bs-header-public .bs-header-menu-level-1-dd {
        height: 100%;
    }

    #bs-header-public .bs-header-menu-level-1-ul {
        display: flex;
        height: 100%;
    }

    #bs-header-public .bs-header-menu-level-1-li, #bs-header-public .bs-header-menu-level-1-dt {
        height: 100%;
        width: 100%;
    }

    #bs-header-public .bs-header-menu-level-1-dt a {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px!important;
        font-weight: normal!important;
        white-space: nowrap;
        padding: 0 15px;
    }

    #bs-header-public .bs-header-menu-level-1-dt a:hover, #bs-header-public .bs-header-menu-level-1-li.bs-header-menu-show > dt a {
        background: -webkit-linear-gradient(top, #dbdbdb,#f5f5f5);
    }

    #bs-header-public .bs-header-menu-level-2-li {
        margin-bottom: 1em;
        width: 200px;
    }

    #bs-header-public .bs-header-menu-level-2-dt {
        margin-bottom: 0.5em;
    }

    #bs-header-public .bs-header-menu-level-2-dt a {
        font-weight: bold;
    }

    #bs-header-public .bs-header-menu-level-2-dt a:hover {
        color: #555;
    }

    #bs-header-public .bs-header-menu-level-2-dd {
        display: none;
        position: fixed;
        left: 50%;
        width: 960px;
        top: 119px;
        height: calc( 100vh - 400px);
        transform: translateX(-50%);
        z-index: 10000;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 1em 0;
    }

    #bs-header-public .bs-header-menu-level-2-dd > h2 a {
        font-size: 1.8em;
        font-weight: bold;
        color: #595656;
        margin-bottom: 1em;
        display: inline-block;
        position: relative;
        letter-spacing: normal;
    }

    #bs-header-public .bs-header-menu-level-2-dd > h2 a:hover {
        color: #000;
    }

    #bs-header-public .bs-header-menu-level-2-dd > h2 a:after {
        content: "";
        display: inline-block;
        border: 1px #666 solid;
        width: 0.4em;
        height: 0.4em;
        transform: translate(0,-40%) rotate(-135deg);
        border-width: 0 0 1px 1px;
        position: absolute;
        right: -0.8em;
        top: 50%;
    }

    #bs-header-public .bs-header-menu-level-2-ul {
        width: 100%;
        column-count: 4;
        height: auto;
    }

    #bs-header-public .bs-header-menu-col-1 > ul {
        column-count: 1;
    }
    #bs-header-public .bs-header-menu-col-2 > ul {
        column-count: 2;
    }
    #bs-header-public .bs-header-menu-col-3 > ul {
        column-count: 3;
    }

    #bs-header-public .bs-header-menu-col-4 > ul {
        column-count: 4;
    }

    #bs-header-public .bs-header-menu-col-5 > ul {
        column-count: 5;
    }

    #bs-header-public .bs-header-menu-col-6 > ul {
        column-count: 6;
    }

    #bs-header-public .bs-header-menu-bg {
        display: none;
        position: fixed;
        left: 0;
        width: 100%;
        top: 119px;
        height: calc( 100vh - 119px);
        background-color: #f0eeef;
        z-index: 1000;
    }

    #bs-header-public .bs-header-menu-level-1-li.bs-header-menu-show > .bs-header-menu-level-2-dd {
        display: block;
    }

    #bs-header-public .bs-header-menu-level-3-li {
        margin: 0.4em 0;
    }

    #bs-header-public .bs-header-menu-level-3-li a {
        color: #7f7e7f!important;
        font-weight: normal!important;
    }

    #bs-header-public .bs-header-menu-level-3-li a:hover {
        color: #000!important;
        font-weight: normal!important;
    }

    #bs-header-public.bs-header-public-show > .bs-header-menu-bg {
        display: block;
    }

    #bs-header-public > .bs-header-menu-bg .bs-guess-sku {
        position: absolute;
        width: 960px;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        height: 240px;
        text-align: left;
    }
    #bs-header-public > .bs-header-menu-bg .bs-guess-sku h6 {
        margin-bottom: 1em;
    }
    #bs-header-public > .bs-header-menu-bg .bs-guess-sku h6 div {
        font-size: 1.4em;
        border-bottom: 1px #000 solid;
        padding: 0.2em 0;
    }
    #bs-header-public > .bs-header-menu-bg .bs-guess-sku li {
        flex:none;
        width: 16.4%;
        margin-left: 1px;
    }
    #bs-header-public > .bs-header-menu-bg .bs-guess-sku .bs-guess-sku-name {
      padding: 0.5em;
    }
    
}

/******************
 * Mob 端
 ******************/
@media screen and (max-width: 700px) {
    .head_w .nav li.login,
    .head_w .nav li.collection,
    .product-content .product-btn-group .collect{
        /* 隐藏  注册/登录，我的收藏  */
        display: none;
    }
    #bs-header-public * {
        width: initial;
        height: initial;
        margin: initial;
        padding: initial;
        font-size: 12px;
        line-height: initial;
        font-weight: initial;
        float: initial;
        position: initial;
        left: initial;
        top: initial;
        right: initial;
        bottom: initial;
        border: initial;
        transform: initial;
        page-break-inside: avoid;
        text-align: initial;
    }

    #bs-header-public dt  {
        position: relative;
        border-bottom: 1px #ddd solid;
    }
    #bs-header-public dt a {
        font-size: 1.3em;
        display: block;
        padding: 0.8em 1em;
        color: #000;
        position: relative;
    }

    #bs-header-public .bs-header-menu-level-1-dd dd {
        display: none;
    }

    #bs-header-public .bs-header-menu-level-1-dt a {
        font-weight: bold;
    }

    #bs-header-public .bs-header-menu-level-2-dt a {
        padding: 0.8em 2em;
    }
    #bs-header-public .bs-header-menu-level-2-dd > h2 {
        display: none;
    }

    #bs-header-public .bs-header-menu-level-3-dt a {
        font-size: 1.1em;
        padding: 1em 3.8em;
        color: #777;
    }
    #bs-header-public .bs-header-menu-folder > dt:after {
        content: "";
        display: inline-block;
        border: 2px #666 solid;
        width: 0.7em;
        height: 0.7em;
        transform: translate(0,-50%) rotate(-45deg);
        border-width: 0 0 2px 2px;
        position: absolute;
        right: 1em;
        top: 50%;
    }
    #bs-header-public .bs-header-menu-folder > dt a {
        display: inline-block;
    }

    #bs-header-public .bs-header-menu-level-1-li.bs-header-menu-folder.bs-header-menu-show > dt {
        background: -webkit-linear-gradient(top,#e0e0e0,#f1f1f1);
    }

    #bs-header-public .bs-header-menu-level-1-li.bs-header-menu-folder.bs-header-menu-show > dt:after {
        transform: translate(0,-50%) rotate(135deg);
    }

    #bs-header-public .bs-header-menu-show > dd {
        display: block;
    }
    .bs-header-menu-level-2-dd {
        max-height: 70vh;
        overflow-y: auto;
    }
    #bs-header-public .bs-header-menu-bg {
        display: none;
    }

    /*重构MOB头样式2022.11.18*/
    body{
        padding-top: 50px!important;
    }
    header {
        position: fixed;
        word-spacing: 0.166667em;
        letter-spacing: 0.0833333em;
        font-size:14px;
        width: 100%;
        z-index: 200;
        top: 0;
        left: 0;
    }
    header .head_w {
        width: 100%;
        background-color: #fff;
        font-size: inherit!important;
    }
    header .head {
        border-top: 5px solid #232323;
        border-bottom: 1px solid #dddddd;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        box-sizing: border-box;
    }
    header .home {
        height: 100%;
        display: flex;
        align-items: center;
        padding: 0 1em;
        background-color: transparent;
    }
    header .home .home_wrap {
        height: 50%;
    }
    header .home .home_wrap img{
        height: 100%;
        max-width: none;
    }
    header .home.active {
        background-image: -webkit-linear-gradient(bottom,rgba(204,204,204,0.15),rgba(0,0,0,0.15));
    }
    header .head .logo_b {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: url(http://m.yqxcgy.com/images/icon-home.png) no-repeat left center /auto 60%;
    }
    body.home.M-home header .head .logo_b {
        background: none;
    }
    header .head .logo_b a {
        display: block;
        width: 100%;
        height: 50%;
        text-align: center;
    }
    header .head .logo_b a img {
        display: inline-block;
        height: 100%;
    }
    header .head .search {
        min-width: 50px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    header .head .search img {
        height: 60%;
    }
    /*nav*/
    header .hid {
        display: none;
        /* box-shadow: rgb(0 0 0 / 70%) 0 50px 70px; */
    }
    header .hid::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100vh;
        background: rgba(0,0,0,0.7);
        left: 0;
        top: 0;
        z-index: -1;
    }
    header .hid .nav {
        display: block!important;
    }
    header .hid .nav > ul {
        margin: 0!important;
    }
    header .hid .nav ul li {
        padding: 0.8em 1em;; 
        background: #232323;
        color: #888;
        border-bottom: 1px solid #676767;
        position: relative;
        margin: auto;
    }
    header .hid .nav ul li * {
        display: inline-block;
        color: inherit;
        font-size: 12px;
        line-height: 1.8;
    }
    header .hid .nav ul li .img {        
        width: 2.5em;    
        height: 1.6em;
    }
    header .hid .nav ul li img {    
        height: 100%;
        vertical-align: top;
    }
    .head_w .nav ul li.mall .jiantou, .head_w .nav ul li.mall .xiajiantou {
        position: absolute;
        top: 50%;
        right: 1em;
        height: 30%;
        transform: translateY(-50%);
    }
    .head_w .nav ul li.mall .xiajiantou {
        display: none;
    }
    .head_w .nav ul .find.child {
        padding-left: 4em;
        display: none;
        background-color: #000;
    }

    .head_s {
        position: absolute;
        top: 50px;
        left: 0;
        width: 100%;
        z-index: 2000;
        background-color: #f5f5f5;
        padding: 1em;
        box-sizing: border-box;
        display: none;
    }
    .head_s img{
        max-width: 100%;
    }
    .head_search {
        display: flex;
        background-color: #f5f5f5;
        height: 2.8em;
    }
    .head_search_input {
        width: 100%;
        background-color: #fff;
    }
    .head_search_input .control-group {
        display: flex;
        width: 100%;
        height: 100%;
        padding: 0 1em;
        box-sizing: border-box;
        align-items: center;
    }
    .head_search_input .control-group input {
        width: 100%;
        line-height: 1;
        font-size: 1.2em;
    }
    .head_search_input .control-group input::placeholder {
        font-size: inherit;
        line-height: 1;
    }
    .head_search_btn {
        position: absolute;
        top: 50%;
        right: 1.5em;
        width: 2.2em;
        transform: translateY(-50%);
    }
    .head_search_list {
        height: auto;
        position: absolute;
        top: 4em;
        left: 0;
        width: 100%;
        padding: 0 1em;
        box-sizing: border-box;
    }
    .head_search_list ul{
        background-color: #fff;
        box-shadow: 0 3px 3px rgb(0 0 0 / 30%);
    }
    .head_search_list ul li{
        padding: 1em;
        color: #888;
        line-height: 1.5;
        border-bottom: 1px solid #eee;
    }
    .head_search_list ul li span {
        color: #005ead;
    }

    .head_search_input .tooltips_main{
        position: absolute;
        white-space: nowrap;
        left: 190px;
        padding-top: 10px;
    }
}


.bs-pop-img {
    display: flex;
    position: fixed;
    z-index: 1000;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    justify-content: center;
    align-items: center;
}
.bs-pop-img img {
    display: block;
    max-width: 60%;
    max-height: 30%;
    box-shadow: 0 0 30px 0px rgb(0 0 0 / 50%);
}
.bs-pop-img .bs-pop-img-close {
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 20px;
    background: url(../images/magnify/clsBtnPcMg.png) no-repeat;
    width: 40px;
    height: 40px;
    background-size: auto;
    background-position: center;
}

.bs-hover-img img{
    max-width: 310px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
}

.scrollbar-min,.scrollbar-min * {
    scrollbar-face-color: #cccccc;
    /*面子*/
    scrollbar-arrow-color: #fff;
    /*箭头*/
    scrollbar-3dlight-color: #ccc;
    /*最外左*/
    scrollbar-highlight-color: #ccc;
    /*左二*/
    scrollbar-shadow-color: #ccc;
    /*右二*/
    scrollbar-darkshadow-color: #ccc;
    /*右一*/
    scrollbar-track-color: #eeeeee;
    /*滑道*/
}

.scrollbar-min::-webkit-scrollbar,.scrollbar-min *::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

/*滚动条宽度*/
.scrollbar-min::-webkit-scrollbar-button,.scrollbar-min *::-webkit-scrollbar-button {
    width: 0;
    height: 0;
}

/*滚动条按钮*/
.scrollbar-min::-webkit-scrollbar-track,.scrollbar-min *::-webkit-scrollbar-track {}

/*滑道全部*/
.scrollbar-min::-webkit-scrollbar-track-piece,.scrollbar-min *::-webkit-scrollbar-track-piece {
    background-color: #f5f5f5;
    /*滑道*/
    -webkit-border-radius: 0px;
    /*滑道圆角宽度*/
}

.scrollbar-min::-webkit-scrollbar-thumb,.scrollbar-min *::-webkit-scrollbar-thumb {
    background-color: #ccc;
    /*滑动条表面*/
    border: solid 2px #ccc;
    /*滑动条边框*/
    border-radius: 10px;
    /*滑动条圆角宽度*/
}

/*横竖滚动条交角*/
.scrollbar-min::-webkit-scrollbar-corner,.scrollbar-min *::-webkit-scrollbar-corner {
    background-color: none;
}

/*横竖滚动条交角图案*/
.scrollbar-min::-webkit-resizer,.scrollbar-min *::-webkit-resizer {
    /*background-image: url(/public/img/resizer-inactive.png);*/
    background-repeat: no-repeat;
    background-position: bottom right;
}

/*鼠标滑过滑动条*/
.scrollbar-min::-webkit-scrollbar-thumb:hover,.scrollbar-min *::-webkit-scrollbar-thumb:hover {
    background-color: #bbb;
    border: solid 2px #bbb;
    /*滑动条边框*/
}