* {
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
}

.header {
    display: none;
    width: 100%;
    height: 0.44rem;
    background: #041E3A;
    border-radius: 0rem;
    /*display: flex;*/
    /*justify-content: center;*/
    /*flex-wrap: wrap;*/
}

.header-title {

    max-width: 12rem;
    height: 0.44rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-title_1 {
    align-content: center;
    /*width: 1.26rem;*/
    height: 0.19rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.14rem;
    color: #FFFFFF;
    /*line-height: 0rem;*/
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.header-title_2 {
    align-content: center;
    /*width: 0.56rem;*/
    height: 0.19rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.14rem;
    /*line-height: 0rem;*/
    text-align: left;
    font-style: normal;
    text-transform: none;
    padding-left: 0.16rem;
}

.header-title_2 a {
    color: #FFFFFF;
}

.header-title_3 {
    display: flex;
    align-items: center;
    margin-right: 0;
}

.header-title_3 ul {
    display: flex;
    align-items: center;
    height: 0.44rem;
    position: relative;
    left: 4.21rem;
}

.header-title_3 ul li:nth-child(1) img {
    width: 0.2rem;
    height: 0.2rem;
}

.header-title_3 ul li:nth-child(2) {
    align-content: center;
    padding: 0rem 0.04rem 0rem 0.08rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 0.14rem;
    color: #FFFFFF;
    line-height: 0.23rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
    -webkit-text-stroke: 0.1rem rgba(0, 0, 0, 0);
}

.header-title_3 ul li:nth-child(3) img {
    width: 0.2rem;
    height: 0.2rem;
    /*border: 0.01rem dashed #d4d4d4;*/
}




.nav {
    width: 100%;
    /* background: transparent;背景透明 */
    z-index: 99;
    position: sticky;
    display: flex;
    justify-content: center;
    background: #FFFFFF;
    box-shadow: 0rem 0rem 0.06rem 0.01rem rgba(0, 0, 0, 0.1);
    border-radius: 0rem;

}

.navs {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 12rem;
    height: 1.1rem;
}

.navs .navs-1 {
    margin-left: 0;
    width: 0.7rem;
    height: 0.7rem;
}
.navs .navs-1 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.navs ul {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 0.5rem;
    margin-left: .72rem;
    margin-right: .75rem;
}

.nav ul li {
    height: 0.28rem;
}

.nav ul li a {
    /*height: 0.25rem;*/
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 0.18rem;
    color: #1e1e1e;
    line-height: 0rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
}

/* .nav ul li:hover {
    border-bottom: 0.02rem solid #FFFFFF;
    border-radius: 0.03rem;
    text-decoration: solid;
} */

.nav .navs .nav-2 {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 0.4rem;
    margin-right: 0;
}
.nav-2 p a{
    /*width: 0.18rem;*/
    height: 0.18rem;
    display: block;
}
.nav-2 p a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.nav-2 p{
    
    /*width: 0.18rem;*/
    height: 0.18rem;
    display: block;
}
.nav-2 p  img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.nav .navigations:hover {
    border-bottom: 0.03rem solid #FFFFFF;
    border-radius: 0.03rem;
    text-decoration: solid;
}

.nav:hover .navigations:hover {
    border-bottom: 0.03rem solid #1e1e1e;
    border-radius: 0.03rem;
    text-decoration: solid;
}

.nav .navigations-1:hover {
    border-bottom: 0.03rem solid #FFFFFF;
    border-radius: 0.03rem;
    text-decoration: solid;
}

.nav:hover .navigations-1:hover {
    border-bottom: 0.03rem solid #1e1e1e;
    border-radius: 0.03rem;
    text-decoration: solid;
}
/*.nav:hover .nav-2 p:nth-child(1){*/
/*    background: rgba(0,0,0,0);*/
/*}*/

/*.nav:hover .navs-1{*/
    
/*    background: rgba(0,0,0,0);*/
/*}*/
/*.nav:hover .nav-2 p:nth-child(3){*/
    
/*    background: rgba(0,0,0,0);*/
/*}*/



















.list {
    position: absolute;
    width: 100%;
    height: 3.7rem;
    display: none;
    z-index: 999;
}

.lists {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 3.7rem;
    margin: 0 auto;
    border-radius: 0rem 0rem 0rem 0rem;
}

.list-1 {
    width: 5.92rem;
    height: 3.7rem;
    background: #F4F4F6;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}



.list-1 ul {
    margin-right: 1rem;
    margin-top: 0.2rem;
}

.list-1 ul li:nth-child(1) a,
.list-1 ul li:nth-child(2) a {
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 0.18rem;
    color: #0D0D0D;
    line-height: 0.40rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
}

.list-1 ul li:nth-child(3) a,
.list-1 ul li:nth-child(4) a,
.list-1 ul li:nth-child(5) a {
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 0.14rem;
    color: #626262;
    line-height: 0.40rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
}

.list-2 {
    width: 13.28rem;
    height: 3.7rem;
    box-shadow: 0rem 0rem 0.06rem 0.01rem rgba(0, 0, 0, 0.3);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    background: #FFFFFF;
}
.listfar{
    /*width: 7.28rem;*/
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 0.5rem;
    row-gap: 0.4rem;
}
.listfar-1 {
    margin-left: 0.92rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.listfar-1 p:last-child {
    height: 0.2rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 0.14rem;
    color: #1E1E1E;
    /*line-height: 0rem;*/
    text-align: center;
    font-style: normal;
    text-transform: none;
    align-content: center;
}



.list11 {
    position: absolute;
    left: 0;
    /*top: 1.1rem;*/
    width: 100%;
    height: 3.7rem;
    display: none;
}

.list-clo {
    position: absolute;
    left: 0;
    /*top: 1.1rem;*/
    width: 100%;
    /*height: 3.7rem;*/
    display: none;
    overflow: hidden;
}

.list-car {
    position: absolute;
    left: 0;
    /*top: 1.1rem;*/
    width: 100%;
    /*height: 3.7rem;*/
    display: none;
    overflow: hidden;
}

.nav .navigation li:nth-child(2):hover .list11,
.nav .navigation li:nth-child(3):hover .list-clo,
.nav .navigation li:nth-child(4):hover .list-car {
    display: block;
}

.lists1 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 3.7rem;
    margin: 0 auto;
    border-radius: 0rem 0rem 0rem 0rem;
}

.list-clothing {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 3.7rem;
    margin: 0 auto;
    border-radius: 0rem 0rem 0rem 0rem;
    background: #Fff;
}

.list-care {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 3.7rem;
    margin: 0 auto;
    border-radius: 0rem 0rem 0rem 0rem;

}

.list-far_1 {
    width: 5.92rem;
    height: 3.7rem;
    background: #F4F4F6;
}

.list-clothing_1 {
    /*width: 6.86rem;*/
    height: 3.7rem;
    background: #F4F4F6;
    padding-right: 2rem;
    padding-left: 1rem;
}

.list-care_1 {
    width: 5.92rem;
    height: 3.7rem;
    background: #F4F4F6;
}

.list-clothing_1 ul {
    display: flex;
}

.list-care_1 ul {
    display: flex;
}


.list-far_1 ul {
    width: 1.9rem;
    position: relative;
    left: 2rem;
    top: 0.2rem;
    flex-direction: column;
    align-items: flex-start;
}

.list-clothing_1 ul {
    width: 0.9rem;
    flex-direction: column;
    align-items: flex-start;
}

.list-care_1 ul {
    width: 1.9rem;
    position: relative;
    left: 2rem;
    top: 0.2rem;
    flex-direction: column;
    align-items: flex-start;
}

.list-care_1 ul li {
    font-family: PingFang SC, PingFang SC;
    font-weight: bold;
    font-size: 0.18rem;
    color: #0D0D0D;
    /* line-height: 0.40rem; */
    text-align: left;
    font-style: normal;
    text-transform: none;
    cursor: pointer;
    transition: transform 0.3s, color 0.3s;
}
.navigations:hover .list-car .list-care .list-care_1 ul li a{
    color: #0D0D0D;
}
.list-clothing_1 div div ul li:nth-child(1) {
    font-family: PingFang SC, PingFang SC;
    font-weight: bold;
    font-size: 0.18rem;
    color: #0D0D0D;
    /* line-height: 0.40rem; */
    text-align: left;
    font-style: normal;
    text-transform: none;
    cursor: pointer;
}

.list-clothing_1 div div ul li:nth-child(2) {
    padding-top: 0.2rem;
    cursor: pointer;
}
.list-clothing_1 div div ul li:nth-child(3){
    cursor: pointer;
} 
.list-clothing_1 div div ul li {
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 0.14rem;
    color: #626262;
    line-height: 0.40rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.list-far_1 ul li:nth-child(1),
.list-far_1 ul li:nth-child(2) {
    font-family: PingFang SC, PingFang SC;
    font-weight: bold;
    font-size: 0.18rem;
    color: #0D0D0D;
    line-height: 0.4rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
    overflow: hidden;
    cursor: pointer;
}
.list-far_1 ul li:nth-child(1):hover,
.list-far_1 ul li:nth-child(2):hover{
    color: #3a69ec;
}
.list-far_1 ul li:nth-child(3),
.list-far_1 ul li:nth-child(4),
.list-far_1 ul li:nth-child(5) {
    line-height: 0.6rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 0.14rem;
    color: #626262;
    text-align: left;
    font-style: normal;
    text-transform: none;
    cursor: pointer;
}

.list-far_1 ul li:nth-child(1):hover,
.list-far_1 ul li:nth-child(2):hover,
.list-far_1 ul li:nth-child(3):hover,
.list-far_1 ul li:nth-child(4):hover,
.list-far_1 ul li:nth-child(5):hover {
    text-decoration: none;
}

.list-far_2 {
    width: 13.28rem;
    height: 3.7rem;
    /*box-shadow: 0rem 0rem 0.06rem 0.01rem rgba(0, 0, 0, 0.3);*/
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    background: #fff;
}

.list-clothing_2 {
    width: 12.34rem;
    height: 3.7rem;
    /*box-shadow: 0rem 0rem 0.06rem 0.01rem rgba(0, 0, 0, 0.3);*/
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    background: #fff;
}

.list-care_2 {
    width: 13.28rem;
    height: 3.7rem;
    /*box-shadow: 0rem 0rem 0.06rem 0.01rem rgba(0, 0, 0, 0.3);*/
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    background: #fff;
}

.listfar {
    /*width: 7.28rem;*/
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 0.5rem;
    row-gap: 0.4rem;
}


.listfar-clothing {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 0.4rem;
    margin-left: 0.64rem;
}

.listfar-1 {
    margin-left: 0.92rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.listfar-clothing_1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.listfar-clothing_1 p:nth-child(1){
    width: 1.46rem;
    height: 1.82rem;
}
.listfar-clothing_1 p:nth-child(1) img{
    width: 100%;
    height:100%;
    object-fit: cover;
    border-radius: 8px 8px 8px 8px;
}
/*.listfar-1 p:last-child {*/
/*    height: 0.2rem;*/
/*    font-family: PingFang SC, PingFang SC;*/
/*    font-weight: 500;*/
/*    font-size: 0.14rem;*/
/*    color: #1E1E1E;*/
    /*line-height: 0rem;*/
/*    text-align: left;*/
/*    font-style: normal;*/
/*    text-transform: none;*/
/*    align-content: center;*/
/*}*/

.listfar-clothing_1 p:last-child {
    width: 1.46rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: bold;
    font-size: 0.14rem;
    color: #1E1E1E;
    text-align: center;
    font-style: normal;
    text-transform: none;
    align-content: center;
}

.care {
    display: flex;
}

.care div ul {
    position: relative;
    top: 0.2rem;
    /*left: -1.5rem;*/
    flex-direction: column;
}
.care div ul img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.care-ul li img{
    width: 2rem !important;
}
.care div:first-child {
    /* width: 4.66rem; */
}

.care div:first-child ul li:nth-child(1) {
    width: 4.66rem;
    height: 2.62rem;
}

.care div:first-child ul li:nth-child(2) {
    width: 4.66rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 800;
    font-size: 0.16rem;
    color: #333333;
    /*line-height: 0.34rem;*/
    text-align: left;
    font-style: normal;
    text-transform: none;
    padding-bottom: 0.06rem;
    padding-top: 0.16rem;
}

.care div:first-child ul li:nth-child(3) {
    width: 4.66rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 0.14rem;
    color: #646464;
    line-height: 0.33rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
    overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.care div:last-child {
    position: relative;
    left: -3.3rem;
    width: 4.75rem;
    display: flex;
    flex-direction: column;
    row-gap: 0.13rem;
}

.care div:last-child ul li {
    display: flex;
    height: 1rem;
    column-gap: 0.14rem;
    cursor: pointer;
}

.care div:last-child ul li p {
    width: 2.6rem;
}

.care div:last-child ul li p span {
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 0.12rem;
    color: #646464;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.care div:last-child ul li p span:first-child {

    font-family: PingFang SC, PingFang SC;
    font-weight: 700;
    font-size: 0.12rem;
    color: #333333;
    text-align: left;
    font-style: normal;
    text-transform: none;
    /*height: 0.3rem;*/
}

.care div:last-child ul {
    width: 4.75rem;
}









.found-list{
    width: 100%;
    /*height: 2.6rem;*/
    border-radius: 0;    
    position: absolute;
    top: 0.7rem;
    left: 0;
    display: none;
}
.found-list_1{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin: 0 auto;
    column-gap: 1.02rem;
    padding-top: 0.24rem;
    padding-bottom: 0.31rem;
    background: #F4F4F6;
}
.found-list .found-list_1 .found-list-title div a{
    font-family: PingFang SC, PingFang SC;
    font-weight: bold;
    font-size: 0.18rem;
    color: #0D0D0D;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.found-list .found-list_1 .found-list-title p{
    padding-top: 0.12rem;
}
.found-list .found-list_1 .found-list-title p a{
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 0.14rem;
    color: #626262;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.navigations:hover .found-list{
    display: block;
}
.list-care .list-care_1 ul li a{
font-family: PingFang SC, PingFang SC;
font-weight: bold;
font-size: 0.18rem;
color: #0D0D0D;
text-align: left;
font-style: normal;
text-transform: none;
}


.list-clothing_1 div div ul li:nth-child(1):hover{
      transform: translateY(-5px);
      color: #3a69ec;
}
.list-care_1 ul li:hover{
      transform: translateY(-5px);
}
.list-care_1 ul li:hover a{
      color: #3a69ec;
}
.found-list-title div{
    transition: transform 0.3s, color 0.3s;
}
.found-list-title div:hover{
    transform: translateY(-5px);
}
.found-list-title div a:hover {
    color: #3a69ec !important;
}














.nav .navs .nav-3{
    display: flex;
    align-items: center;
    column-gap: 0.08rem;
    margin-left: .19rem;
}
.nav-3-img1{
    width: .18rem;
    height: .18rem;

}
.nav-3-img1 img,
.nav-3-img3 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.nav-3-img3{
    width: .18rem;
    height: .18rem;
}

.nav-3-img2 a{
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: .14rem;
    color: #000;
    line-height: .23rem;
    text-stroke: 0.01rem rgba(0,0,0,0);
    text-align: left;
    font-style: normal;
    text-transform: none;
    -webkit-text-stroke: 0.01rem rgba(0,0,0,0);
    text-decoration: none;
}
