.user-tit {
    width: 100%;
    height: 95px;
    background-color: #f4f4f4;
    position: relative;
    display: flex;
    justify-content: center;
}

.user-box>img {
    width: 100%;
    vertical-align: bottom;
}

.max_w {
    width: 1440px;
    margin: 0 auto;
}

.user-tit-content {
    display: flex;
    position: absolute;
    margin-top: -70px;
}

.user-tit-content div {
    height: 100px;
    line-height: 100px;
}

.user-tit-content div span {
    color: #fff;
    font-size: 18px;
    margin-left: 18px;
}

.user-tit-content div img {
    margin-left: 14px;
    vertical-align: text-bottom;
}

.user-tit-cart {
    position: absolute;
    bottom: 0;
}

.user-tit-cart ul {
    display: flex;

}

.user-tit-cart ul li {
    padding: 30px 10px;
    margin-left: 23%;
    font-size: 16px;
    position: relative;
    transition: all .35s;
}

.user-tit-cart li::before {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0%;
    height: 3px;
    background: #D69C09;
    display: block;
    content: '';
    transition: all .4s;
}


.user-tit-cart li.active::before{
    width: 100%;
    left: 0;
}
.user-tit-cart li:hover{
    color: #D69C09;

}
.user-tit-cart li:hover::before {
    width: 100%;
    left: 0;
}



.user-tit-cart ul li:first-child {
    margin-left: 10%;
}

.user-content-item {
    display: none;
}

.user-content-item.active {
    display: block;
}

.user-item-tit ul {
    display: flex;
    height: 95px;
    line-height: 95px;
}

.user-item-tit ul li {
    font-size: 20px;
    transition: color .3s;
}


.user-item-tit ul li:not(:first-child) {
    margin-left: 145px;
}

.user-item-tit ul li.active {
    color: #D69C09;
}

.user-item-tit ul li:hover {
    color: #D69C09;
}

.user-item-content ul {
    display: flex;
    height: 85px;
    line-height: 85px;
    background-color: #987621;
}

.user-item-content ul li {
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.96px;
}

.fir li:first-child {
    margin-left: 35px;
    ;
}

.nfir li:nth-child(2) {
    margin-left: 235px;
}

.nfir li:nth-child(3) {
    margin-left: 665px;
}

.nfir li:nth-child(4) {
    margin-left: 80px;
}

.nfir li:nth-child(5) {
    margin-left: 105px;
}

.nfir li:nth-child(6) {
    margin-left: 130px;
}

.user-item-goods ul {
    display: flex;
    align-items: end;
}

.user-item-goods ul li {
    font-size: 16px;
}



.user-item-goods li:nth-child(2) p,
.user-item-goods li:first-child p {
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
}

.user-item-goods ul li:first-child {
    width: 285px !important;
}

.user-item-goods li:nth-child(2) {
    margin-left: 15px;
    width: 350px;
}

.user-item-goods li:nth-child(3) {
    margin-left: 360px;
}

.user-item-goods li:nth-child(4) {
    margin-left: 95px;
}

.user-item-goods li:nth-child(5) {
    margin-left: 105px;
}

/* .user-item-goods li:nth-child(6) {
    margin-left: 145px;
} */

.user-item-goods li div {
    display: flex;
    flex-direction: column;
}

.user-item-goods li div span {
    font-size: 14px;
    color: #888888;
}

.user-item-goods li div span {
    margin-top: 27px;
}

.user-item-goods li div p {
    margin-top: 30px;
}

/* .user-item-goods {
    padding-bottom: 140px;
} */

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

    /*.qlgzNavigation{
width: 1280px !important;
}*/
    .max_w {
        width: 1280px !important;
    }

    .fir li:first-child {
        width: 100px !important;
    }

    .nfir li:nth-child(2) {
        margin-left: 15% !important;
        width: 45px !important;
    }

    .nfir li:nth-child(3) {
        margin-left: 37% !important;
        width: 45px !important;
    }

    .nfir li:nth-child(4) {
        margin-left: 5% !important;
        width: 45px !important;
    }

    .nfir li:nth-child(5) {
        margin-left: 4% !important;
        width: 100px !important;
    }

    .nfir li:nth-child(6) {
        margin-left: 6% !important;
        width: 45px !important;
    }

    .user-item-goods ul li:first-child {
        width: 270px !important;
    }

    .user-item-goods li:nth-child(2) {
        width: 190px !important;
        margin-left: 2% !important;
    }

    .user-item-goods li:nth-child(3) {
        margin-left: 26% !important;
    }

    .user-item-goods li:nth-child(4) {
        margin-left: 4% !important;
    }

    .user-item-goods li:nth-child(5) {
        margin-left: 5% !important;
    }

    .user-item-goods li:nth-child(6) {
        margin-left: 6% !important;
    }
}