a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.b2b_header_box {
    background-color: #3c3c3c;
    padding: 10px 0;
}

.b2b_header_box .inBox {
    width: 1200px;
    margin: auto;
    font-size: 8px;
    color: #fff;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.b2b_header_box .inBox .header_left {
    height: 30px;
    display: flex;
}

.b2b_header_box .inBox .header_left .welcome {
    line-height: 30px;
}

.b2b_header_box .inBox .header_left .name {
    position: relative;
    width: 112px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.b2b_header_box .inBox .header_left .name p {
    cursor: pointer;
    line-height: 30px;
}

.b2b_header_box .inBox .header_left .name:hover {
    color: #ff0000;
}

.b2b_header_box .inBox .header_left .name img {
    height: 10px;
    width: 10px;
    margin: 0 0 0 4px;
}

.b2b_header_box .inBox .header_left .name .down2 {
    display: none;
}

.b2b_header_box .inBox .header_right {
    display: flex;
    position: relative;
    height: 100%;
}

.b2b_header_box .inBox .header_right .rightItem {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
    color: #fff;
    height: 30px;
    width: 87px;
    text-align: center;
}
.b2b_header_box .inBox .header_right .rightItem .gerenBox a{
    color: #0A1532;
    cursor: pointer;
}
.b2b_header_box .inBox .header_right .lanse:hover {
    cursor: pointer;
    color: #fc5d48;
}

.b2b_header_box .inBox .header_right img {
    height: 14px;
    width: 14px;
    margin: 0 2px 0 0;
}

.b2b_header_box .inBox .header_right .car2 {
    display: none;
}

.b2b_header_box .inBox .header_right .kefu {
    position: relative;
    height: 30px;
    align-items: flex-start;
}

.b2b_header_box .inBox .header_right .kefu p {
    line-height: 30px;
    height: 30px;
    bottom: 0px;

}

.b2b_header_box .inBox .header_right .kefu .kehuBox {
    display: none;
    height: 70px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    position: absolute;
    width: 90px;
    bottom: -70px;
    right: -20px;
    z-index: 100;
    animation: move 0.5s;
    box-sizing: border-box;
}

.b2b_header_box .inBox .header_right .gerenBox {
    display: none;
    height: 100px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    position: absolute;
    width: 90px;
    bottom: -100px;
    right: 60px;
    z-index: 100;
    animation: moves 0.5s;
    box-sizing: border-box;
}

.b2b_header_box .inBox .header_right .gerenBox a {
    line-height: 35px;
    height: 35px;
    display: block;
}

.b2b_header_box .inBox .header_right .gerenBox a:hover {
    color: #fc5748;
}

.b2b_header_box .inBox .header_right .kehf .kehuBox a {
    line-height: 35px;
    height: 35px;
    display: block;
}

.b2b_header_box .inBox .header_right .kehf .kehuBox a:hover {
    color: #fc5748;
}

@-webkit-keyframes move {
    0% {
        bottom: -120px;
        opacity: 0;
    }
    100% {
        bottom: -100px;
        opacity: 1;
    }
}

@-webkit-keyframes moves {
    0% {
        bottom: -120px;
        opacity: 0;
    }
    100% {
        bottom: -100px;
        opacity: 1;
    }
}

.listcar {
    display: none;
    position: absolute;
    top: 30px;
    background: #fff;
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
    z-index: 100;
}

.listcar .child {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px dashed #E5E5E5;
}

.listcar .child:hover {
    background: #f8f8f8;
}

.listcar .child .left {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.listcar .child .left img {
    width: 40px;
    height: 40px;
}

.listcar .child .left div {
    width: 130px;
    align-self: flex-start;
    margin-left: 10px;
    text-align: left;
    font-size: 12px;
}

.listcar .child .right {
    align-self: flex-start;
    font-weight: bold;
    color: #666;
    font-size: 12px;
}

.listcar .child .right text {
    color: #FC4E48;
    font-size: 14px;
}

.userCart .goods {
    max-height: 360px;
    overflow-y: auto;
    padding-top: 10px;
}

.userCart .goods .cont {
    display: flex;
    padding: 16px 10px;
    font-size: 12px;
    border-bottom: 1px dashed #E5E5E5;
}

.userCart .goods .cont img {
    height: 40px;
    width: 40px;
    margin: 0 10px 0 0;
}

.xzw_word2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.userCart .goods .cont .name {
    width: 140px;
}

.userCart .goods .cont .price {
    flex: 1;
    text-align: right;
    font-weight: bold;
    color: #666;
}

.userCart .goods .cont .price span {
    color: #FC4E48;
    font-size: 14px;
}

.userCart .total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #666;
    font-size: 12px;
    padding: 4px 10px;
}

.userCart .total .layui-btn {
    background-color: #487FFC;
    color: #fff;
    font-size: 12px;
    height: 33px;
    width: 80px;
}

.userCart .empty {
    text-align: center;
    font-size: 13px;
    padding: 30px 20px;
}

.header-content {
    display: flex;
    align-items: center;
    height: 85px !important;
    width: 1200px;
    margin: 0px auto 8px;
    justify-content: space-between;
}

.header-content .header-logo {
    display: flex;
    align-items: center;
    margin: 0 21px 0 0;
}

.header-content .navMenu .menuItem {
    display: inline-block;
    width: 120px;
    text-align: center;
    padding: 15px 0px;
    margin-left: 50px;
}

.header-content .navMenu .menuItem a {
    color: #fff;
    cursor: pointer;
    height: 33px;
    font-size: 24px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    line-height: 33px;
}
.navMenu .menuItem a:hover {
    color: #ff0000;
    cursor: pointer;
    height: 33px;
    font-size: 24px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    line-height: 33px;
}

.header-content .navMenu .active a {
    color: #C94146 !important;
    border-bottom: solid 4px #C94146;
}

.header-content .header-top-box {
    display: flex;
    align-items: center;
    height: 85px;
    width: 1200px;
    margin: 0px auto;
    justify-content: space-between;
}

.header-wrapper .topBottom {
    display: flex;
    justify-content: space-between;
    height: 85px;
    width: 1200px;
    margin: 7px auto 0px;
}

.topBottom .search-form #goods_type {
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    background: #fff;
    border-radius: 0px;
    border-left: 0px;
    border-top: 0px;
    border-bottom: 0px;
    padding: 0px 10px;
}

.header_right .search_keywords {
    position: relative;
    left: -1px;
    border: 0px solid #C94146;
    padding: 0 0 0 13px;
    height: 45px;
    box-sizing: border-box;
    width: 830px;
    font-size: 14px;
    border-radius: 0;
    background-color: #EBEBE4;
}

.header_right .shop_keywords {
    cursor: pointer;
    background-color: #C94146;
    color: #FFF;
    height: 46px;
    position: relative;
    right: 1px;
    width: 71px;
    font-size: 13px;
    top: 0px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.header_right .shop_keywords img {
    height: 25px;
    width: 25px;
    margin: 0 8px 0 0;
}

/*购物车*/
.topBottom .carBox {
    min-width: 120px;
    height: 45px;
    margin: 0 0 0 10px;
    position: relative;
    cursor: pointer;
    top: 1px;
}

.topBottom .carBox .carBoxIn {
    height: 100%;
    font-size: 17px;
    color: #fff;
    background-color: #C94146;
    border: 1px solid #C94146;
    border-radius: 3px;
    padding: 0px 25px;
}

.topBottom .carBox .carBoxIn img {
    height: 20px;
    width: 20px;
    margin: 0 8px 0 0;
}

.topBottom .carBox .subOrderBoxIn {
    height: 100%;
    font-size: 17px;
    color: #C94146;
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 3px;
    padding: 0px 25px;
}

.topBottom .carBox .subOrderBoxIn img {
    height: 20px;
    width: 20px;
    margin: 0 8px 0 0;
}

/*轮播前进后退按钮*/
.swiper-container {
    /*--swiper-theme-color: #ff6600;!* 设置Swiper风格 *!*/
    /*--swiper-navigation-color: #00ff33;!* 单独设置按钮颜色 *!*/
    cursor: pointer;
    --swiper-navigation-size: px; /* 设置按钮大小 */
}

/*首页底部*/
.b2b_bottom_box {
    width: 100%;
    height: 227px;
    background: #0A1532;
}

.bottom_itemBox1 {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 1200px;
    height: 62%;
    margin: 0 auto;
    border-bottom: 1px solid #384058;
}

.bottom_itemBox1 .item {
    display: flex;
    color: #fff;
}

.bottom_itemBox1 .item img {
    height: 38px;
    width: 38px;
    margin: 0 7px 0 0;
}

.bottom_itemBox1 .item .text h6 {
    margin: 6px 0 6px 0;
    font-size: 13px;
}

.bottom_itemBox1 .item .text div {
    color: #6B7183;
    font-size: 8px;
    line-height: 20px;
}

.bottom_itemBox1 .code img {
    height: 91px;
}

/*底部第二部分*/
.bottom_itemBox2 {
    width: 1100px;
    height: 38%;
    margin: 0 auto;
    color: #6B7183;
    font-size: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.bottomLine1 {
    text-align: center;
    margin: 0 0 6px;
}

.bottomLine1 .mid {
    margin: 0 10px;
}

.bottomLine1 a {
    text-decoration: none;
    color: #6B7183;
}

.bottomLine2 {
    text-align: center;
}

a.alink {
    color: #ffffff;
}

.cursor{
    cursor: pointer;
}

.b2b_header_box .inBox .header_left .name .nameBox{
    display: none;
    height: 40px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    position: absolute;
    width: 60px;
    /*bottom:0px;*/
    left: 0;
    z-index: 100;
    padding: 0 10px 0 6px;
    animation:move 0.5s;
}
.b2b_header_box .inBox .header_left .name .nameBox div{
    color: #333 !important;
}
.b2b_header_box .inBox .header_left .name .nameBox div img{
    height: 24px;
    width: 24px;
    margin: 0 auto;
}

.authBox .buttonBox .saveButton{
    display: inline-block;
    width: 200px;
    height: 30px;
    margin: 70px 30px;
    line-height: 30px;
}


