.warp,
#markets-list {
    position: relative;
}
.f_red {
    color: red;
}
.warp {
    margin: 0 auto;
    max-width: 1200px;
    min-width: 1200px;
}
.hassub_ .subtextmenu{
    display: none;
   }
.w1190.header_ad.J-header_ad {
    float: left;
}

div.wp>div.y {
    line-height: 31px;
}

.top-1 {
    height: 31px;
    line-height: 31px;
    width: 100%;
    margin: 0 auto;
    background: #fafafa;
    border-bottom: 1px solid #dfdfdf;
}

#destoon_member {
    font-size: 14px;
}

.f_r {
    float: right;
}

img {
    border: none;
    vertical-align: middle;
}

.clear {
    clear: both;
    zoom: 1;
}

.clear:after {
    content: '';
    display: block;
    clear: both;
}

div.header {
    height: 105px;
    /* overflow: hidden; */
}

.top-2 {
    width: 1200px;
    height: 120px;
}

.top_logo {
    float: left;
    position: relative;
    margin-top: 25px;
    height: 82px;
    overflow: hidden;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ul,
ol,
pre,
form,
input,
textarea,
th,
td,
select {
    margin: 0;
    padding: 0;
}

.J-sc-hd-searchbar {
    margin-left: 60px;
    width: 100%;
    float: left;
    max-width: 610px;
    height: 40px;
}

.ui-searchbar-body {
    position: relative;
    background-color: #fff;
    border-radius: 3px;
}

.ui-searchbar-body {
    margin-top: 34px;
}

.ui-searchbar-button-icon {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 6px;
    left: -2px;
    z-index: 3;
    background-position: -310px 0;
    cursor: pointer;
    right: -40px;
}

.ui-searchbar-type {
    float: left;
    position: relative;
    border-right: 1px solid #e6e6e6;
    padding: 0;
    margin: 0 2px;
    height: 34px;
    *z-index: 2;
}

.ui-searchbar-type-value {
    width: 70px;
    height: 35px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
}

.search_m {
    width: 40px;
    cursor: default;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    color: #666666;
    background: url(/template/new/css/image/spacer.gif);
    border: none;
    text-align: center;
}

#search_module {
    left: -3px;
    top: 38px;
    z-index: 1000;
    position: absolute;
    width: 84px;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    background: #FFFFFF;
    border: #CCCCCC 1px solid;
    border-top: none;
}

#search_module a {
    display: block;
    height: 26px;
    padding: 10px 10px 1px 10px;
    color: #333333;
}

div.ui-searchbar-main {
    height: 34px;
}

.ui-searchbar-main {
    margin-left: 10px;
    position: relative;
    _zoom: 0 !important;
}

.ui-searchbar-keyword {
    width: 410px;
    margin: 0;
    border: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    font-family: inherit;
    height: 34px;
    padding: 8px 0;
    color: #333;
    outline: 0;
    overflow: visible;
    *margin-top: -1px;
    _line-height: 19px;
    _height: 19px;
    _width: 98%;
    outline: 0;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.ui-searchbar-submit {
    background-color: #ff6a00;
    border-radius: 0 !important;
    border: none;
    width: 114px;
    height: 40px;
    margin-left: -23px;
    color: #fff;
}

input.ui-searchbar-submit {
    width: 120px;
    height: 37px;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-family: inherit;
    font-family: inherit;
    line-height: 0;
    background-color: #DE3237;
    _height: 34px;
    padding-right: 20px;
    text-align: right;
    -webkit-appearance: none;
    border-radius: 0 3px 3px 0 !important;
    position: absolute;
    right: 0px;
    _right: -96px;
    _overflow: visible;
    top: -0.5px;
}

.ui-searchbar-submit {
    background: url(/template/new/image/search.png) no-repeat 20px;
}

input.ui-searchbar-submit {
    background-color: #DE3237 !important;
    transition: 0.5s;
}

.keyWord {
    overflow: hidden;
    width: 500px;
    color: #ff6600;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}

.frtop_rs {
    margin-top: 24px;
    float: right;
    width: 260px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    margin-right: 25px;
}

.sc-hd-m-notify {
    position: relative;
    height: 28px;
    vertical-align: top;
    padding-top: 10px;
    width: 272px;
}

.sc-hd-cell {
    line-height: 15px;
    float: left;
}

.sc-hd-m-notify *,
.sc-hd-m-notify:after,
.sc-hd-m-notify:before {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.sc-hd-m-notify .sc-hd-ms-tab {
    float: left;
    position: relative;
}

.J-hd-m-notify-tab-trigger {
    background: url(/template/new/image/CART.png) no-repeat 10px 6px;
    width: 135px;
    margin-right: 10px;
}

.sc-hd-m-notify .sc-hd-ms-trigger {
    padding-bottom: 6px;
    padding-top: 4px;
    height: 38px;
    text-align: left;
    box-sizing: border-box;
}

.sc-hd-ms-title {
    float: right;
    margin-top: 5px;
}

.sc-hd-m-notify .sc-hd-ms-title,
.sc-hd-m-notify .sc-hd-ms-title-top {
    margin-right: 7px;
    line-height: 19px;
    padding-left: 5px;
}

.sc-hd-m-notify .sc-hd-ms-title,
.sc-hd-m-notify .sc-hd-ms-title a {
    color: #333;
}

.frtop_rs a {
    float: left;
}

.sc-hd-ms-title a {
    height: 20px;
    line-height: 20px;
}

.sc-hd-m-notify .sc-hd-ms-title-top {
    height: 19px;
    overflow: hidden;
    float: right;
}

.sc-hd-m-notify .sc-hd-sc-num {
    display: inline-block;
    line-height: 17px;
    height: 16px;
    border-radius: 16px;
    padding: 0 5px;
    color: #FFF;
    background-color: #DE3237;
}

.navWrap {
    max-width: 100%;
    min-width: 1200px;
    width: 100%;
    /* background: #DE3237; */
    background: #DE3237;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 20px;
}

.navWrap {
    background: #DE3237 !important;
}

.warp {
    margin: 0 auto;
    max-width: 1200px;
    min-width: 1200px;
}

.warp,
#markets-list {
    position: relative;
}

.main>div {
    background-color: #fff;
    height: 478px;
    width: 383px;
    padding: 20px;
    -webkit-border: 1px solid #dcdee3;
    -o-border: 1px solid #dcdee3;
    border: 1px solid #dcdee3;
    /* overflow: hidden; */
    box-sizing: border-box;
    float: left;
}

.main .menu {
    list-style: none;
    width: 100%;
    padding-top: 10px;
}

.main .menu>li {
    float: left;
    width: 97%;
    height: 43px;
    line-height: 43px;
    position: relative;
    cursor: pointer;
    padding-left: 3%;
    border: none;
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
    /* overflow: hidden; */
}

.main .menu li a {
    font-size: 14px;
}

.main .menu>li.active>ul {
    height: 454px;
    position: absolute;
    top: -72px;
    left: 361px;
    background: #fff;
    min-width: 530px;
    -webkit-border: 1px solid #ddd;
    -o-border: 1px solid #ddd;
    border: 1px solid #ddd;
    padding: 16px 30px;
    display: none;
    box-shadow: 1px 1px 5px #ddd;
    -moz-box-shadow: 1px 1px 5px #ddd;
    -webkit-box-shadow: 1px 1px 5px #ddd;
}

.main .menu>li.active>ul>li {
    float: left;
    width: 240px;
    height: 223px;
    margin-right: 25px !important;
    margin-right: 17px;
}

.main .menu>li.active>ul>li>div {
    overflow: hidden;
    /* width: 240px; */
    height: 42px;
    padding-top: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.main .menu>li.active>ul>li>div>a {
    font-weight: bold;
    color: #000;
    width: 240px;
    line-height: 35px;
    height: 35px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.main .menu>li.active>ul>li li {
    width: 100%;
    overflow: hidden;
    height: 43px;
    line-height: 28px;
}
.main .menu>li.active>ul>li li:hover {
    background-color: #e5e5e5;
}
.main .menu>li.active>ul>li li>a {
    width: 218px;
    height: 35px;
    line-height: 35px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.main .all_categories {
    position: absolute;
    z-index: 1;
    bottom: -2px;
    left: 361px;
    background: rgb(250, 250, 250);
    min-height: 478px;
    width: 820px;
    -webkit-border: 1px solid #ddd;
    -o-border: 1px solid #ddd;
    border: 1px solid #ddd;
    list-style: none;
    padding: 20px 0;
    overflow: hidden;
    display: none;
    /* z-index: 999; */
    box-shadow: 1px 1px 5px #ddd;
    -moz-box-shadow: 1px 1px 5px #ddd;
    -webkit-box-shadow: 1px 1px 5px #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.main .menu>li>ul {
    height: 478px;
}

.all_categories>li {
    height: 30px;
    line-height: 30px;
    width: 50%;
    float: left;
    overflow: hidden;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.all_categories>li ul li {
    float: left;
    height: 30px;
    line-height: 30px;
}


footer#ui-footer {
    background-color: #f4f4f4;
    color: #343537;
    clear: both;
    font-size: 14px;
    min-width: 1200px;
}

footer#ui-footer {
    background: #333;
    padding: 30px 0 20px 0;
    color: #696969;
    margin-top: 20px;
}

.ui-footer-seo a,
.ui-footer_footer a {
    color: #666;
    font-size: 14px;
}

.ui-footer-seo a,
.ui-footer_footer a {
    font-size: 12px !important;
    color: #b2b2b2 !important;
}

.ui-footer-seo .ui-footer-left {
    text-align: left;
}

.ui-footer-seo .ui-footer-left .cell {
    width: 210px;
    margin-right: 40px;
    float: left;
}

.ui-footer-seo .ui-footer-left .cell h3,
.ui-footer-seo .ui-footer-right h3 {
    line-height: 50px;
    font-weight: bold;
}

.ui-footer-seo .ui-footer-left .cell h3,
.ui-footer-seo .ui-footer-right h3 {
    font-size: 14px !important;
    color: #b2b2b2 !important;
}

.ui-footer-seo .ui-footer-left .cell ul li,
.ui-footer-seo .ui-footer-right li {
    padding: 5px 0;
}

.ui-footer-seo .ui-footer-left .cell ul li,
.ui-footer-seo .ui-footer-right li {
    font-size: 12px !important;
    color: #b2b2b2 !important;
}

.ui-footer_footer {
    font-size: 12px !important;
    color: #b2b2b2 !important;
}

.ui-footer-seo .ui-footer-right {
    text-align: left;
    float: right;
}

.ui-footer-seo .ui-footer-right .QRcode {
    width: 68px;
    height: 68px;
    float: left;
    padding-right: 10px;
}

.ui-footer-copyright {
    padding-top: 30px;
    font-size: 16px;
}

.ui-footer-copyright a {
    padding: 0 8px;
    font-size: 17px;
}

.ui-footer-copyright span a {
    padding: 0 16px 0 0;
}

.ui-footer_footer {
    line-height: 31px;
    text-align: center;
    color: #666;
}

p.ui-footer-seo-language {
    padding: 15px 0;
}

p.ui-footer-seo-brand {
    margin-bottom: 15px;
}

p.ui-footer-copyright {
    margin-bottom: 20px;
}

div.ui-footer-seo p a {
    color: #666;
}

div.ui-footer-seo,
div.footer_con {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}

body {
    width: 100%;
    font-size: 14px;
    font-family: Roboto, Helvetica, Tahoma, Arial, "Microsoft YaHei";
}

#alselect #catselecteds {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

#alselect #catselecteds select {
    height: 182px !important;
    width: 150px !important;
    float: left;
    margin-left: 3px;
    user-select: none;
    outline: none;
}

#alselect #catselecteds select:first-child {
    margin-left: 0;
}

#alselect #catselecteds select option {
    padding: 2px;
    user-select: none;
    outline: none;
}

.google-auto-placed {
    display: none;
}

.navWrap {
    background: #DE3237 !important;
}

.ssk {
    border: 2px solid #FF6A00;
}

input.ui-searchbar-submit {
    background-color: #DE3237 !important;
}

input.ui-searchbar-submit:hover {
    background-color: #DE3237 !important;
}

#scrollDiv::-webkit-scrollbar {
    width: 0px;
    height: 6px
}

#scrollDiv::-webkit-scrollbar-thumb {
    background-color: #e6e6e6;
    border-radius: 50px
}

#scrollDiv:hover::-webkit-scrollbar-thumb {
    background-color: #b2b2b2
}

#scrollDiv {
    overflow: hidden;
}

.product-right-item div p {
    width: 160px;
}

.btn {
    text-decoration: none;
    border: solid 1px;
    text-align: center;
    cursor: pointer;
    padding: 0 11px;
    font-size: 12px;
    border-radius: 3px;
    height: 28px;
    display: inline-block;
    line-height: 28px;
    background: #fff;
    border-color: #e6e6e6;
    color: #333;
}

.btn.btn-primary {
    background: #0f69dc;
    border-color: #0f69dc;
    color: #fff;
}

.btn.btn-danger {
    background: #e60000;
    border-color: #e60000;
    color: #fff;
}

.btn.btn-default {
    padding: 0 10px;
    font-size: 14px;
    border-radius: 3px;
    height: 34px;
    display: inline-block;
    line-height: 34px;
}

.btn.disabled {
    background: #f3f3f3;
    border-color: #e6e6e6;
    color: #b2b2b2;
    cursor: default;
}

#alselect #catselecteds select {
    height: 100% !important;
}

option[selected] {
    background-color: #efefef;
    color: #e60000;
}

/* 9new */
.common-header-clearfix:before,
.common-header-clearfix:after {

    content: ".";

    display: block;

    height: 0;

    overflow: hidden
}

.common-header-clearfix:after {

    clear: both
}

.common-header-clearfix {

    zoom: 1
}

.pull-left {

    float: left
}


.ali-common-header {

    width: 100%;

    position: relative;

    z-index: 101
}

.ali-common-header-inner {

    min-width: 1000px;

    max-width: 1200px;

    margin: 0 auto;

    position: relative
}









.ali-common-header-inner .menu {

    width: 1230px;

    font-size: 16px;

    color: #fff;

    margin-left: -30px;

    height: 40px;
    position: absolute;
    top: 0;
    left: 0;


}

.ali-common-header-inner .menu li.top-menu-item {



    float: left;

    margin-left: 50px;

    position: relative;

    z-index: 9999;

    height: 40px;

    -webkit-transition: all .6s ease-in;

    -moz-transition: all .6s ease-in;

    -o-transition: all .6s ease-in;

    transition: all .6s ease-in;

}


.ali-common-header-inner .menu li.top-menu-item:first-child {

    margin-left: 30px;

}

.ali-common-header-inner .menu li.top-menu-item .menu-hd {

    text-transform: uppercase;

    display: inline-block;

    padding: 0 20px;

    color: #fff;

    text-decoration: none;

    font-size: 18px;

}

.ali-common-header-inner .menu li.top-menu-item:last-child .menu-hd {
    text-transform: none;
}

.ali-common-header-inner .menu li.top-menu-item .menu-hd a {

    color: #fff !important;

}

.menu-hd a:hover {

    color: #fff !important;

}

.menu-hd1 {

    display: inline-block;

    /*padding: 0 45px;*/
    padding-left: 45px;

    color: #fff;

    text-decoration: none;

    background: url(../image/hunberge.png) no-repeat 10px 11px;

    font-size: 18px;

}

.ali-common-header-inner .menu-dropdown {

    position: absolute;

    width: 920px;
    left: -1px !important;



    line-height: 18px;


    color: #333;

    /*-webkit-box-shadow: 0 1px 5px #dddbdb;*/

    /*-moz-box-shadow: 0 1px 5px #dddbdb;*/

    /*box-shadow: 0 1px 5px #dddbdb;*/

    overflow: hidden;
    height: 0
}






































































@media screen and (max-width: 1200px) {}


li.top-menu-item>span.menu-hd1 {

    text-transform: uppercase;

}

.top-menu-item.hassub:hover .subtextmenu::after {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #ffffff;
    position: absolute;
    top: 37px;
    left: 50px;
    transform: rotateZ(45deg);
}



li.top-menu-item {
    cursor: pointer;
}

/* index2024 */
* {
    margin: 0;
    padding: 0;
    list-style: none;
}
a {
    color: #666;
    text-decoration: none;
    font-size: 12px;
}
button {
    border: none;
    outline: none;
    cursor: pointer;
}
input, textarea {
    border: 1px solid #c8c8c8;
    outline: none;
}
.header {
    font-size: 14px;
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.header-right {
    margin-right: 0;
}
.line {
    margin-top: 3px;
    height: 1px;
    background-color: #d9d9d9;
}
.header-search {
    height: 94px;
    border: 1px solid black;
}
.search {
    position: relative;
    margin: 0 auto;
    height: 94px;
    width: 1200px;
}
.search-logo {
    position: absolute;
    left: 50px;
    top: 50%;
    margin-top: -29px;
}
.search-product {
    position: absolute;
    height: 56px;
    width: 100px;
    font-size: 30px;
    padding-left: 10px;
    line-height: 56px;
    top: 50%;
    left: 257px;
    margin-top: -28px;
    border-left: 2px solid #d9d9d9;
}
.search-mid {
    position: absolute;
    border: 2px solid #DE3237;
    border-right: none;
    width: 400px;
    height: 32px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
    display: flex;
}
.search-mid input {
    background: none;
    border: none;
    outline: none;
    line-height: 40px;
    height: 100%;
    font-size: 16px;
    width: 332px;
    padding-left: 10px;
}
.search-mid button {
    background-color: #DE3237;
    color: #fff;
    font-size: 14px;
    line-height: 15px;
    width: 17%;
}
.search-cart img {
    position: absolute;
    width: 35px;
    height: 33px;
    right: 320px;
    top: 50%;
    margin-top: -17px;
}
.search-link {
    font-size: 12px;
    position: absolute;
    bottom: 0;
    left: 400px;
}
.search-link a {
    color: #4a6dca;
}
.nav {
    margin-top: 15px;
    position: relative;
    height: 36px;
    width: 100%;
    background-color: #DE3237;
}
.nav-menu {
    width: 1200px;
    height: 36px;
    margin: 0 auto;
    display: flex;
}
.nav-menu-item {
    display: flex;
    cursor: pointer;
}
.nav-menu-item p {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 150px;
    line-height: 31px;
    text-align: center;
}
.nav-menu-item p a {
    color: #fff;
}
.nav-menu-item p:hover {
    background-color: #d9787b;
}
.wrap {
    width: 1200px;
    height: 452px;
    margin: 10px auto 20px auto;
    display: flex;
}
.wrap-category {
    width: 238px;
    height: 100%;
    background-color: #fff;
    border: 1px solid #d9d9d9;
}
.wrap-category-title {
    position: relative;
    color: #fff;
    height: 30px;
    line-height: 30px;
    background-color: #DE3237;
    width: 100%;
}
.wrap-category-title svg {
    position: absolute;
    top: 5px;
    left: 3px;
}
.wrap-category-item {
    border-bottom: 1px solid #d9d9d9;
    height: 24%;
    padding: 20px 10px 10px 10px;
    position: relative;
}
.wrap-category-item:last-child {
    border: none;
}
.wrap-category-item .moreBtn {
    position: absolute;
    width: 120px;
    height: 25px;
    border: 1px solid #a4a4a4;
    color: #a4a4a4;
    border-radius: 30px;
    line-height: 25px;
    text-align: center;
    left: 50%;
    margin-left: -60px;
    bottom: 10px;
    transition: all .2s ease-in;
}
.wrap-category-item .moreBtn:hover {
    border: 1px solid #333;
    color: #333;
}
.wrap-category-item a {
    font-size: 14px;
}
.wrap-category-item h4 {
    margin-top: 0;
    color: #BD001C;
    margin-bottom: 5px;
}
.wrap-center {
    width: 700px;
    margin: 0 10px;
    height: 100%;
}
.wrap-center-banner {
    width: 100%;
    height: 215px;
    position: relative;
}
.wrap .item2 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-size: 50px;
    color: #fff;
    position: absolute;
    opacity: 0;
    transition: all 1s;
}
.wrap .item2.active {
    opacity: 1;
    z-index: 10;
}
.wrap-center-product {
    width: 698px;
    margin-top: 10px;
    height: 225px;
    border: 1px solid #d9d9d9;
    position: relative;
    background-color: #fff;
}
.wrap-center-product h5 {
    position: absolute;
    top: 10px;
    left: 10px;
}
.product-list {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 200px;
    display: flex;
    justify-content: space-between;
}
.wrap-item {
    margin-top: 20px;
    width: 100px;
    height: 150px;
    border: 1px solid #d9d9d9;
}
.wrap-item > img {
    width: 100%;
    height: 60%;
}
.wrap-item p {
    font-size: 12px;
    margin-left: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.wrap-item p:last-child {
    margin-top: 10px;
    color: red;
}
.wrap-item:first-child {
    margin-left: 10px;
}
.wrap-item:last-child {
    margin-right: 10px;
}
.wrap-center-product span > a {
    position: absolute;
    top: 10px;
    right: 10px;
    color: red;
}
.wrap-message {
    width: 238px;
    height: 100%;
}
.wrap-message-product {
    height: 35px;
    width: 100%;
    display: flex;
    line-height: 35px;
    text-align: center;
}
.wrap-message-product div > a {
    color: white;
    font-size: 14px;
}
.wrap-message-product div:nth-child(1) {
    background-color: #FC9B01;
    width: 50%;
}
.wrap-message-product div:nth-child(2) {
    background-color: #DE3237;
    width: 50%;
}
.wrap-message-new {
    margin-top: 10px;
    width: 100%;
    height: 168px;
    border: 1px solid #d9d9d9;
    position: relative;
    background-color: #fff;
}
.new-link {
    margin-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
}
.new-link p:first-child {
    margin-top: 40px;
}
.new-link p {
    margin: 10px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.wrap-message h5 {
    position: absolute;
    top: 10px;
    left: 10px;
}
.wrap-message span > a {
    position: absolute;
    top: 10px;
    right: 10px;
    color: red;
}
.wrap-message-vip {
    margin-top: 10px;
    width: 100%;
    height: 225px;
    border: 1px solid #d9d9d9;
    position: relative;
    background-color: #fff;
}
.scroll {
    width: 700px;
    /* height: 50px; */
    margin: 0 auto;
}
.scroll img {
    width: 100%;
    height: 100%;
}
.product {
    width: 1200px;
    height: 370px;
    margin: 0 auto 10px auto;
}
.product-title {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #d9d9d9;
    font-size: 16px;
    position: relative;
}
.product-title-index {
    height: 2px;
    width: 100px;
    background-color: #DE3237;
    position: absolute;
    bottom: 0;
    left: 0;
}
.product-container {
    width: 100%;
    height: 330px;
    display: flex;
    border-bottom: 1px solid #d9d9d9;
}
.product-left {
    width: 250px;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}
.product-left img {
    width: 220px;
    height: 180px;
    /* position: absolute;
    left: 50%;
    margin-left: -110px;
    top: 20px; */
}
.product-left p:nth-child(2) {
    /* position: absolute;
    top: 220px;
    left: 10px; */
    width: 100%;
    padding: 0px 14px;
    box-sizing: border-box;
}
.product-left p:nth-child(3) {
    /* position: absolute; */
    font-size: 14px;
    /* top: 270px;
    left: 10px; */
    width: 100%;
    padding: 0px 14px;
    box-sizing: border-box;
}
.product-center {
    width: 698px;
    height: 100%;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
}
.product-center-list {
    width: 100%;
    height: 179px;
    border-bottom: 1px solid #d9d9d9;
    display: flex;
    justify-content: space-between;
}

.product-item {
    margin-top: 10px;
    width: 110px!important;
    height: 160px!important;
    position: relative;
}
.product-item > img {
    width: 100%;
    height: 70%;
}
.product-item img,.wrap-item img {
    width: 100%;
    max-height: 65%;
}
.product-item img {
    margin-top: 10px;
    width: 70px;
    height: 70px;
}
.wrap-item img {
    margin-bottom: 5px;
}
.product-item p:nth-child(2) {
    position: absolute;
    font-size: 12px;
    bottom: 25px;
    text-overflow: ellipsis;
    overflow: hidden;
  
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.product-item p:nth-child(3) {
    position: absolute;
    font-size: 14px;
    bottom: 0;
    color: red;
}
.product-item:first-child {
    margin-left: 10px;
}
.product-item:last-child {
    margin-right: 10px;
}
.product-center-link {
    width: 100%;
    height: 50%;
    padding-top: 10px;
    padding-left: 20px;
}
.product-center-link p {
    position: relative;
    margin-top: 10px;
}
.product-center-link p span:nth-child(2) {
    position: absolute;
    right: 50px;
}
.product-center-link a {
    font-size: 14px;
    color: black;
    display: block;
    width: 90%;
}
.product-right {
    width: 250px;
    height: 100%;
}
.product-right h5 {
    margin-left: 10px;
    margin-top: 10px;
}
.product-right-item {
    width: 250px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    cursor: pointer;
    border-bottom: 1px solid #d9d9d9;
}
.product-right-item:last-child {
    border: none;
}
.product-right-item div {
    margin-left: 10px;
}
.product-right-item img {
    width: 70px;
    height: 70px;
}
.link {
    width: 1200px;
    margin: 20px auto 0 auto;
    height: 150px;
    border: 1px solid #d9d9d9;
}
.link-nav {
    width: 100%;
    height: 40px;
    background-color: #f3f3f3;
    display: flex;
}
.link-nav div {
    width: 100px;
    height: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    cursor: pointer;
}
.link-nav div:last-child {
    background-color: #fff;
    color: red;
}
.link-container {
    margin-left: 10px;
    margin-top: 10px;
}
.bottom {
    width: 1200px;
    height: 120px;
    margin: 20px auto 0 auto;
    border-top: 3px solid #DE3237;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.bottom-line1 {
    margin-bottom: 10px;
}
body {
    background: #f4f4f4;
}
.bg_white {
    background-color: #fff;
}
.new_wrap {
    width: 1200px;
    margin: 20px auto;
}
.new_wrap * {
    box-sizing: border-box;
}
.new_wrap .newlatest .top_new {
    position: relative;
}
.new_wrap .newlatest .procure {
    position: absolute;
    top: 22px;
    left: 10px;
    color: #000;
    font-size: 16px;
}
.new_wrap .newlatest .procure span {
    font-style: italic;
    font-size: 16px;
    margin-right: 6px;
}
.new_wrap .newlatest .quotation {
    width: 252px;
    position: absolute;
    top: 18px;
    right: 0;
    padding-left: 21px;
}
.new_wrap .newlatest .quotation span {
    color: #fa0000;
}
.new_wrap .newlatest .bottom_new {
    display: flex;
}
.new_wrap .newlatest .bottom_new .quo_left {
    width: 950px;
    height: 381px;
    padding: 10px 10px 0 0;
}
.new_wrap .newlatest .bottom_new .quo_left ul {
    display: flex;
    flex-wrap: wrap;
}
.new_wrap .newlatest .bottom_new .quo_left li{
    background-color: #fff;
    height: 177px;
    width: 32.33%;
    padding: 15px 12px;
    color: #8d8c8c;
    margin-right: 13px;
    margin-bottom: 13px;
}
.new_wrap .newlatest .bottom_new .quo_left li p {
    margin-bottom: 10px;
}
.new_wrap .newlatest .bottom_new .quo_left li p:first-child {
    color: #000;
}
.new_wrap .newlatest .bottom_new .quo_left li p:nth-child(3) {
    margin-bottom: 0px;
}
.new_wrap .newlatest .bottom_new .quo_left li:nth-child(3n) {
    margin-right: 0;
}
.new_wrap .newlatest .bottom_new .quo_left li .date {
    color: #000;
}
.new_wrap .newlatest .bottom_new .quo_left li .red {
    color: #ff0000;
}
.new_wrap .newlatest .bottom_new .quo_left li .red_w {
    float: right;
}
.new_wrap .newlatest .bottom_new .quo_left li .now {
    width: 95px;
    height: 32px;
    border: 1px solid #ff0000;
    display: block;
    line-height: 32px;
    text-align: center;
    border-radius: 18px;
    float: right;
    color: #ff0000;
}
.new_wrap .newlatest .bottom_new .quo_left li .now_wrap{
    overflow: hidden;
    margin-bottom: 10px;
}
.new_wrap .newlatest .bottom_new .quo_right {
    width: 250px;
    padding: 22px 16px;
    margin-top: -4px;
    position: relative;
}
.new_wrap .newlatest .bottom_new .quo_right form>input,.inpur_w input {
    border: 1px solid #DCDFE6;
    width: 212px;
    height: 35px;
    border-radius: 7px;
    margin-bottom: 20px;
    padding: 0 10px;
}
.new_wrap .newlatest .bottom_new .quo_right form>input:focus,.inpur_w input {
    outline: 0;
}
.new_wrap .newlatest .bottom_new .quo_right .inpur_w {
    display: flex;
}
.new_wrap .newlatest .bottom_new .quo_right .inpur_w input {
    width: 50%;
    margin-right: 8px;
}
.new_wrap .newlatest .bottom_new .quo_right .submit {
    width: 212px;
    height: 35px;
    border-radius: 7px;
    background-color: #ff7519;
    color: #fff;
    line-height: 35px;
    text-align: center;
    margin-top: 15px;
}
#scroll_list_1 {
    width: 950px!important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
#scroll_list_1 li {
    padding: 0!important;
}
#cate_list {
    overflow: unset;
}
#cate_list ul li {
    margin-bottom: 13px;
    width: 160px;
    margin-right: 0;
}
#cate_list ul li a span {
    height: 30px;
}
#cate_list ul li a span:first-child img {

}
.main {
    margin: 0;
}
.main .menu>li.active:hover>ul {
    z-index: 100;
    display: inline-block;
    padding-top: 10px;
    box-sizing: border-box;
}
.main>div {
    width: 238px;
}
.main .menu>li.active>ul {
    left: 237px;
    width: 238px;
    min-width:unset;
    min-height: 411px;
    padding: unset;
    /* padding-left: 30px; */
}
.main .all_categories {
    z-index: 100;
    bottom: -49px;
    left: 237px;
    background-color: #fff;
}
.categories>p {
    background-color: #DE3237!important;
}
.list_style {
    background-color: #fff!important;
}
#cate_list ul li a {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 10px 10px 0;
}
#cate_list ul li {
    height: 180px;
}
#cate_list ul li a span:last-child {
    display: none;
}
#cate_list ul li a span {
    margin-top: 10px;
}
.main .menu {
    position: relative;
}
.main .menu>li>ul {
    top: -1px !important;
}
.main .menu>li.active,.main .menu>li:last-child {
    position: unset;
}
.main .menu>li>ul>li>ul {
    display: none;
    height: 454px;
    width: 238px;
}
.main .menu>li>ul>li:hover>ul {
    z-index: 100;
    display: inline-block;
    position: absolute;
    top: -1px !important;
    left: 236px;
    background-color: #fff;
    /* padding-left: 25px; */
    min-height: 413px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    padding-top: 10px;
}
.main .menu>li.active>ul>li {
    height: 43px;
    width: 100%;
    box-sizing: border-box;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 20px;
}
.main .menu>li:last-child>ul>li>ul {
    display: block;
}
.main .menu>li.active>ul>li li {
    display: flex;
    /* margin-top: 15px; */
    padding-left: 20px;
    box-sizing: border-box;
    padding-right: 20px;
}
.main .menu>li.active>ul>li>div>a {
    font-weight: normal;
}
.main .menu li a {
    color: #222!important;
}
.main .menu>li.active:hover,.main .menu>li.active>ul>li:hover {
    background-color: #e5e5e5!important;
}
.main .menu>li.active>ul>li>div {
    padding-top: 0;
}
.new_wrap .newlatest .bottom_new .quo_left li .now:hover {
    background-color: #ff0000;
}
.new_wrap .newlatest .bottom_new .quo_left li .now a:hover {
    
    color: #fff;
}
.new_wrap .newlatest .bottom_new .quo_left li .now a {
    color: #ff0000;
}
.main .menu>li:last-child>ul>li:hover>ul {
    position: unset;
    padding-left: unset;
    background-color: unset;
    border: unset;
    padding-top: 0;
}
#postRequest_form input.errorIN {
    border-color: #e60000;
}
.purchase-box .code-pop {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: none;
}
.purchase-box .code-pop .box {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    background: #fff;
    padding: 20px;
}
.purchase-box .code-pop .box .closer {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 14px;
    height: 14px;
    background: url(../image/close2024.png) no-repeat center center;
}
.purchase-box .code-pop .box .titlea {
    font-size: 14px;
    font-weight: bold;
    line-height: 15px;
}
.purchase-box .code-pop .box .captcha-p {
    text-align: center;
    margin: 20px 0 10px 0;
    padding: 5px 0;
    background: #f0f0f0;
    height: 40px;
}
.purchase-box .code-pop .box .right-p {
    text-align: right;
}
.purchase-box .code-pop .box .right-p a {
    color: #e60000;
}
.purchase-box .code-pop .box .errorIN {
    border-color: #e60000!important;
}
.purchase-box .code-pop .box .text-captcha {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: 0;
    border-bottom: 1px solid #333;
    border-radius: 0;
    padding: 0;
    margin: 0;
}
.purchase-box .code-pop .box .bnt {
    display: block;
    width: 100px;
    height: 34px;
    line-height: 34px;
    background: #e60000;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border-radius: 50px;
    margin: 20px auto 0 auto;
}
.purchase-box .tips-pop {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.5);
    display: none;
    z-index: 8;
}
.purchase-box .tips-pop .box {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 14px;
    min-width: 40%;
    line-height: 20px;
    text-align: center;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    background: #fff;
    padding: 25px 15px;
    border-radius: 5px;
    overflow: hidden;
}
.purchase-box .tips-pop .box .icon {
    margin-bottom: 5px;
}
.icon.icon-error-default {
    padding: 20px;
    line-height: 40px;
    background-position: -119px -111px;
}
.icon.icon-success-default {
    padding: 20px;
    line-height: 40px;
    background-position: -14px -111px
  }
  .icon.icon-warning-default {
    padding: 20px;
    line-height: 40px;
    background-position: -224px -111px
  }
.icon {
    background: url(../image/icon2024.png) no-repeat;
    display: inline-block;
}
.modal-open {
    overflow: hidden
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2999;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    outline: 0;
    width: unset;
    top: unset;
    left: unset;
    text-align: unset;
    transform: unset;
    padding: unset
}

.modal-content .title {
    position: unset;
    font-size: unset;
    padding: unset
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.modal-header {
    padding: 15px
}

.modal-header:before,
.modal-header:after {
    content: " ";
    display: table
}

.modal-header:after {
    clear: both
}

.modal-header .close {
    margin-top: 0;
    float: right;
    font-size: 16px
}

.modal-header .closer {
    width: 14px;
    height: 14px;
    display: block;
    background: url(../images/close2024.png) no-repeat center center;
    float: right
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
    float: left;
    font-size: 14px;
    color: #333;
    font-weight: bold
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px 15px 25px 15px;
    text-align: right;
    text-align: center
}

.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table
}

.modal-footer:after {
    clear: both
}

.modal-footer .btn+.btn {
    margin-left: 10px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-footer .btn {
    min-width: 78px
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}
.industry-modal .modal-dialog {
    width: 636px
}

.industry-modal .modal-body .search-bar {
    margin-bottom: 20px
}

.industry-modal .search-bar .search-box {
    height: 28px;
    width: 212px;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    padding: 0 8px;
    outline: 0;
    font-size: 12px
}

.industry-modal .search-bar .btn {
    margin: 0 5px
}

.industry-modal .search-bar .manual {
    margin-left: 4px;
    padding-right: 12px;
    background: url(../images/arrow.png) no-repeat right center
}

.industry-modal .modal-body .search-result {
    border: 1px solid #e6e6e6;
    display: none
}

.industry-modal .search-result .result-list {
    padding: 12px 15px 4px;
    height: 180px;
    overflow-x: hidden;
    overflow-y: auto
}

.industry-modal .search-result .result-list ul li {
    height: 24px;
    line-height: 24px;
    margin-bottom: 6px
}

.industry-modal .search-result .result-list .radio-box {
    padding-left: 22px;
    cursor: pointer;
    position: relative
}

.industry-modal .search-result .result-list .radio-box input {
    opacity: 1
}

.industry-modal .search-result .back-to-manual {
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #f6f6f6
}

.industry-modal .modal-body .selected-box {
    height: 24px;
    line-height: 24px;
    margin-top: 13px
}

.industry-modal .modal-body .search-result-empty {
    height: 228px;
    font-size: 14px;
    padding: 5px 0;
    text-align: center;
    background-color: #f9f9f9;
    display: none
}

.industry-modal .modal-body .search-result-empty span {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding-left: 28px;
    margin: 89px auto 0;
    background: url(../images/warning.png) no-repeat left center
}
.industry-modal .category-container {
    height: 220px;
    border: 1px solid #e2e2e2;
    background-color: #fff;
    z-index: 1
}

.industry-modal .category-container .category-list {
    float: left;
    padding: 12px 0;
    height: 196px;
    width: 198px;
    overflow-x: hidden;
    overflow-y: scroll
}

.industry-modal .category-container .category-list a {
    display: block;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    padding-left: 18px;
    padding-right: 15px;
    overflow: hidden
}

.industry-modal .category-container .category-list a:hover {
    color: #e60000;
    background-color: #efefef
}

.industry-modal .category-container .category-list .p-node {
    background: url(../images/arrow_right.png) no-repeat 172px center
}

.industry-modal .category-container .category-list .p-node:hover {
    background: #efefef url(../images/arrow_right.png) no-repeat 172px center
}

.industry-modal .category-container .category-list .current {
    color: #e60000;
    background-color: #efefef
}

.industry-modal .category-container .mCSB_scrollTools {
    margin-right: 0
}
@media(min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 0 auto;
        top: 50%;
        margin-top: -220px;
    }

    .modal-sm {
        width: 300px
    }
}

@media(min-width:992px) {
    .modal-lg {
        width: 900px
    }
}
.advertising{
    display: block;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    width: 150px;
    height: 230px;
    position: fixed;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1000;
}
.advertiseWaimaotong{
    right: 10px;
    background: url(../images/advertising2024.jpg) no-repeat;
}
.advertiseInternational{
    left:10px;
    background: url(../image/advertising2.jpg) no-repeat;
}
.advertiseWeituocaigou{
    left:10px;
    background: url(../images/advertising3.jpg) no-repeat;
}
.advertising img{
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
}
/* meun_index */
.inquiry:hover #popup-root {
    display: block;
}

#popup-root {
    display: none;
}

.tnh-popup-root .functional-content {
    color: #222;
}

#thirdpart-login .icon-facebook {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAyNCIgaGVpZ2h0PSIxMDI0IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0aXRsZT5GYWNlYm9vazwvdGl0bGU+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdCBmaWxsPSIjMzg1NzlBIiB3aWR0aD0iMTAyNCIgaGVpZ2h0PSIxMDI0IiByeD0iNzgiLz48cGF0aCBkPSJNNzMxLjg3NCA0MzUuOTY3aDExMi4xMlYyOTcuNTdoLTExMi4xMmMtOTIuNzc1IDAtMTY5LjA0IDgxLjQ5NC0xNjkuMDQgMTgxLjYxdjcwLjI5M0w0NTEuNTUgNTQ5djEzNS4xODRoMTExLjI4NXYzMzkuNzY0aDE0MS4wMTJsLS40MjUtMzM5Ljc2NGgxMjkuMzIzTDg0NC4wMSA1NDlINzAzLjg0NmwtLjQyNS03NS42OTdjMC0yMy45NzcgMTUuMjM0LTM3LjMzNiAyOC40NTItMzcuMzM2IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+);
}

#thirdpart-login .icon-google {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAyNCIgaGVpZ2h0PSIxMDI0IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGU+Z29vZ2xlPC90aXRsZT48ZGVmcz48cGF0aCBkPSJNLjM5OCAyMTMuMDg4QzU3LjUwOCA4Ny4zMzIgMTg0LjA3OCAwIDMzMS4yMyAwYzk4LjA1IDAgMTgwLjA1IDM1LjgwNSAyNDMuMzQyIDk1LjE0NmwtOTguNjE3IDk0Ljk4N2MtMjYuOTQ3LTI1Ljk5LTc0LjIxMi01Ni4wOTItMTQ0LjcyNC01Ni4wOTItMTAyLjYzNSAwLTE4OS42MTUgNzAuNDA3LTIxNi41NTggMTY2LjQ3NUwuMzk4IDIxMy4wODh6IiBpZD0iYSIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IGZpbGw9IiNGN0Y4RkEiIHdpZHRoPSIxMDI0IiBoZWlnaHQ9IjEwMjQiIHJ4PSI3OCIvPjxwYXRoIGQ9Ik01MzEuMjMgNDYwLjU0MlY1ODUuMmgyMDYuMDJjLTguMzc3IDUzLjUyNS02Mi4yOTQgMTU2Ljc2LTIwNi4wMiAxNTYuNzYtMTI0LjAyIDAtMjI1LjE4LTEwMi44MDMtMjI1LjE4LTIyOS40NiAwLTEyNi42NTcgMTAxLjE2LTIyOS40NiAyMjUuMTgtMjI5LjQ2IDcwLjUxMyAwIDExNy43NzggMzAuMTAzIDE0NC43MjUgNTYuMDkzbDk4LjYxNy05NC45ODdDNzExLjI4IDE4NC44MDYgNjI5LjI4IDE0OSA1MzEuMjMyIDE0OSAzMzAuNDU0IDE0OSAxNjggMzExLjU3NSAxNjggNTEyLjVTMzMwLjQ1NSA4NzYgNTMxLjIzIDg3NkM3NDAuNzkzIDg3NiA4ODAgNzI4LjQ2NCA4ODAgNTIwLjg4M2MwLTIzLjg1NC0yLjU2NS00Mi4wMy01LjY3NS02MC4yMDRsLTM0My4wOTQtLjEzOHoiIGZpbGw9IiMyQ0E5NEYiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik03NzkuNTQ0IDc4MC45OEM4NDMuNDI0IDcxNy45MTMgODgwIDYyNy4yODcgODgwIDUyMC44ODNjMC0yMy44NTQtMi41NjUtNDIuMDMtNS42NzUtNjAuMjA0bC0zNDMuMDk0LS4xMzhWNTg1LjJoMjA2LjAyYy00Ljg3NSAzMS4xNTQtMjUuMTggNzkuMTQ4LTY5LjY0IDExMy44MjVsMTExLjkzNCA4MS45NTV6IiBmaWxsPSIjM0U4MkY3IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNMjExLjAxMyA2ODQuMzdDMTgzLjU2NSA2MzMuMjEgMTY4IDU3NC42OTQgMTY4IDUxMi41YzAtNTQuMDAyIDExLjczNS0xMDUuMjM0IDMyLjc5NS0xNTEuMjg0bDExNS42MzggODIuMzNjLTYuNzQ0IDIxLjc2Ny0xMC4zODMgNDQuOTMyLTEwLjM4MyA2OC45NTQgMCAzMS4zNyA2LjIwNiA2MS4yOCAxNy40MjggODguNTI0TDIxMS4wMTMgNjg0LjM3eiIgZmlsbD0iI0ZDQkQwMCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHVzZSBmaWxsPSIjRUQ0MjJDIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiNhIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMDAgMTQ5KSIvPjwvZz48L3N2Zz4=);
}

#thirdpart-login .icon-linkedin {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAyNCIgaGVpZ2h0PSIxMDI0IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0aXRsZT5MaW5rZUluPC90aXRsZT48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IGZpbGw9IiMwMDY0QTMiIHdpZHRoPSIxMDI0IiBoZWlnaHQ9IjEwMjQiIHJ4PSI3OCIvPjxwYXRoIGQ9Ik0yMjcuMzI4IDM4OS44MjRoMTE0LjYyNHY0MzIuNEgyMjcuMzI4di00MzIuNHptNTcyLjggMjQuOGMyOC4zMiAyMy4zOTIgNDIuNDY0IDYyLjIyNCA0Mi40NjQgMTE2LjQxNnYyOTEuMTg0aC0xMTUuODRWNTU5LjIxNmMwLTIyLjc1Mi0zLjAyNC00MC4yMDgtOS4wNTYtNTIuMzUyLTExLjAwOC0yMi4yNC0zMi0zMy4zMjgtNjMuMDA4LTMzLjMyOC0zOC4wOCAwLTY0LjE5MiAxNi4yNzItNzguMzUyIDQ4LjgtNy4zNiAxNy4yLTExLjAwOCAzOS4xMzYtMTEuMDA4IDY1LjgyNHYyMzQuMDY0SDQ1Mi4yNzJWMzkwLjYwOGgxMDkuNDU2djYzLjA4OGMxNC40OTYtMjIuMjA4IDI4LjE5Mi0zOC4yMDggNDEuMDg4LTQ4IDIzLjE4NC0xNy40NTYgNTIuNTQ0LTI2LjE5MiA4OC4wOTYtMjYuMTkyIDQ0LjQ5Ni4wMTYgODAuODk2IDExLjY5NiAxMDkuMjE2IDM1LjEyek0zNTUuODcyIDI1Ny4yMTZjLS4wMDQgMzkuMzQ1LTMxLjkwMyA3MS4yMzYtNzEuMjQ4IDcxLjIzMi0zOS4zNDUtLjAwNC03MS4yMzYtMzEuOTAzLTcxLjIzMi03MS4yNDguMDA1LTM5LjM0NSAzMS45MDMtNzEuMjM2IDcxLjI0OC03MS4yMzIgMzkuMzQ1LjAwNCA3MS4yMzcgMzEuOTAzIDcxLjIzMiA3MS4yNDh6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+);
}

#thirdpart-login .icon-twitter {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAyNCIgaGVpZ2h0PSIxMDI0IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0aXRsZT5Ud2l0dGVyPC90aXRsZT48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IGZpbGw9IiMwNjlGRjUiIHdpZHRoPSIxMDI0IiBoZWlnaHQ9IjEwMjQiIHJ4PSI3OCIvPjxwYXRoIGQ9Ik04NjIuMDY0IDM0OS42YTI3MC4zNTIgMjcwLjM1MiAwIDAgMS03Ni45OTIgMjAuOTYgMTMzLjU4NCAxMzMuNTg0IDAgMCAwIDU4LjkxMi03My41NjggMjcwLjUyOCAyNzAuNTI4IDAgMCAxLTg1LjA3MiAzMi4yODggMTM0LjIwOCAxMzQuMjA4IDAgMCAwLTk3Ljc3Ni00Mi4wMTZjLTc0IDAtMTMzLjk2OCA1OS41Mi0xMzMuOTY4IDEzMi45NzYgMCAxMC4zNjggMS4xODQgMjAuNTkyIDMuNDg4IDMwLjMyYTM4MS41NTIgMzgxLjU1MiAwIDAgMS0yNzYuMTQ0LTEzOC45MTIgMTMxLjQyNCAxMzEuNDI0IDAgMCAwLTE4LjE2IDY2Ljc4NGMwIDQ2LjE2IDIzLjY2NCA4Ni44MTYgNTkuNiAxMTAuNjcyYTEzMy41ODQgMTMzLjU4NCAwIDAgMS02MC42NzItMTYuNjcybC0uMDE2IDEuNjhjMCA2NC40MzIgNDYuMjA4IDExOC4xNDQgMTA3LjQ3MiAxMzAuMzUyYTEzNS44NCAxMzUuODQgMCAwIDEtNjAuNTI4IDIuMjU2YzE3Ljc0NSA1NC4zMjUgNjguMDEgOTEuNDAzIDEyNS4xNTIgOTIuMzJhMjcwLjAzMiAyNzAuMDMyIDAgMCAxLTE2Ni4zNjggNTYuOTc2IDI3MC41OCAyNzAuNTggMCAwIDEtMzEuOTg0LTEuOTA0IDM4MS4yOTYgMzgxLjI5NiAwIDAgMCAyMDUuMzYgNTkuNzQ0YzI0Ni40MTYgMCAzODEuMTY4LTIwMi41NiAzODEuMTY4LTM3OC4yNzIgMC01Ljc2LS4xNDQtMTEuNTItLjM2OC0xNy4yYTI2OS42IDI2OS42IDAgMCAwIDY2Ljg5Ni02OC43ODQiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L3N2Zz4=);
}

#thirdpart-login .thirdpart-login-icon {
    background-size: contain;
    background-position: 0 0;
    width: 40px;
    height: 40px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-right: 0px;
}

.tnh-button {
    -ms-flex-negative: 0;
    background-color: #f60;
    border-radius: 9999px;
    color: #fff !important;
    cursor: pointer;
    display: block;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 600;
    height: 36px;
    line-height: 36px;
    outline: none;
    padding: 0 24px;
    text-align: center
}

.tnh-button:active {
    text-decoration: none;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

.tnh-button:hover {
    background-color: #d04a0a
}

.sign-in-content {
    margin: -20px;
    max-height: -webkit-calc(100vh - 20px);
    max-height: calc(100vh - 20px);
    overflow-y: scroll;
    padding: 20px
}

#popup-root .functional-content h3 {
    color: #222;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px
}

#popup-root .functional-content .login-with {
    text-align: center;
    width: 100%;
    font-size: 14px;
}

#popup-root .functional-content .thirdpart-login {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 auto 20px;
    width: 245px
}

#popup-root .functional-content .thirdpart-login a {
    border-radius: 8px
}

#popup-root .functional-content .thirdpart-login a {
    border-radius: 8px;
}

#popup-root .functional-content {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 6px 12px 4px rgba(0, 0, 0, .08);
    -webkit-box-shadow: 0 6px 12px 4px rgba(0, 0, 0, .08);
    max-height: -webkit-calc(100vh - 40px);
    max-height: calc(100vh - 40px);
    padding: 20px;
    width: 360px
}

#popup-root .functional-content a {
    outline: none
}

#popup-root .functional-content a:active,
#popup-root .functional-content a:hover,
#popup-root .functional-content a:link,
#popup-root .functional-content a:visited {
    color: #222;
    text-decoration: none
}

#popup-root .functional-content ul {
    list-style: none;
    padding: 0
}

#popup-root .functional-content h3 {
    color: #222;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px
}

#popup-root .functional-content .css-jrh21l-control {
    border-color: #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none !important
}

#popup-root .functional-content .css-jrh21l-control .css-15lsz6c-indicatorContainer {
    color: #ccc
}

#popup-root .functional-content .thirdpart-login {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 auto 20px;
    width: 245px
}

#popup-root .functional-content .thirdpart-login a {
    border-radius: 8px
}

#popup-root .functional-content .login-with {
    text-align: center;
    width: 100%
}

#popup-root .functional-content .login-tips {
    font-size: 12px
}

#popup-root .functional-content .login-tips a {
    color: #767676 !important;
    outline: none;
    text-decoration: underline !important
}

#popup-root .functional-content .tnh-button {
    color: #fff;
    outline: none !important
}

#popup-root .functional-content .login-links>div {
    border-top: 1px solid #ddd
}

#popup-root .functional-content .login-links>div ul {
    list-style: none;
    margin: 8px 0
}

#popup-root .functional-content .login-links>div a {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #222;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    min-height: 40px;
    text-decoration: none
}

#popup-root .functional-content .login-links>div a:hover {
    background-color: #f4f4f4;
    font-weight: 600;
    margin: 0 -20px;
    padding: 0 20px
}

#popup-root .functional-content .login-links .membership {
    padding: 8px 0
}

#popup-root .functional-content .login-links .membership a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 8px 0
}

#popup-root .functional-content .login-links .membership a:hover {
    padding: 8px 20px
}

#popup-root .functional-content .login-links .membership a .tnh-ma-activities {
    font-size: 14px;
    font-weight: 400;
    margin-top: 4px
}
#login form {
    float: left;
    width: 100%;
}
#login form h2 {
    height: 59px;
    line-height: 59px;
    text-indent: 35px;
    font-size: 16px;
    border-bottom: 1px solid #fc6900;
    color: #fc6900;
    overflow: hidden;
    font-weight: bold;
}
#login form .f {
    width: 100%;
    /* padding: 0 40px; */
}
#login form .f .input {
    border: 1px solid #d8d8d8;
    height: 26px;
    margin: 30px 0;
    padding: 10px 0;
    padding-left: 40px;
}
#login form .f .input input {
    border: none;
    width: 95%;
    height: 26px;
    line-height: 26px;
}
#login form .f .username {
    background: url(/template/default/memberadmin/images/login_account_bg.jpg) 14px 14px no-repeat;
}
#login form .f .password {
    background: url(/template/default/memberadmin/images/login_password_bg.jpg) 14px 14px no-repeat;
}
#login form .f .submit {
    color: #fff;
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    font-weight: bold;
    background: #fc6900;
    border: none;
    cursor: pointer;
}
.mb-20 {
    margin-bottom: 20px;
}
.top-menu-item.hassub .menu-hd>a>span {
    padding-right: 20px;
    background: url(/template/new/images/arrow_b.png) no-repeat right center;
}

.top-menu-item.hassub.rfqmenu {
    width: 100px;
}

.top-menu-item.hassub .subtextmenu {
    display: none;
    background: #fff;
    color: #333;
    padding: 15px 20px;
    font-size: 16px;
    border-radius: 5px;
    min-width: 204px;
    width: max-content;
    box-shadow: 0px 2px 5px #a6a4a4;
    margin-left: -20px;
}

.top-menu-item.hassub .subtextmenu>a {
    display: block;
}

.top-menu-item.hassub .subtextmenu>a:hover {
    color: #fc6900;
}

.top-menu-item.hassub:hover .subtextmenu {
    display: inline-block;
}

.kwbox {
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .13);
    background-color: #fff;
    position: absolute;
    top: 38px;
    left: 74px;
    border: 1px solid #eee;
    width: 415px;
    max-height: 300px;
    overflow-y: auto;
    z-index: 999;
}

.kwbox a {
    display: block;
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
    cursor: pointer;
}

.kwbox a:hover {
    background-color: #e7e7e7;
}
/* indexcat */
.list_style{
    background-color:#fff1e3;
}
.list_style2{
    background-color: #fefbf8;
}
.main .menu>li:last-child:hover .all_categories {
    display: block;
}
/* 页头 */
.ali-common-header-inner .menu li.top-menu-item .menu-hd a {
    color: #333 !important;
}
.navWrap {
    background: #fff!important;
}
#J_common_header_menu .top-menu-item:first-child {
    background-color: #DE3237;
    padding: 0px 93px 0px 0;
}
.menu-hd1 {
    font-size: 12px;
}