*{
    margin: 0;
    padding: 0;
    text-decoration: none;
}
/* 使用100vw 消除左右滚动条 */
html {
    overflow-y: scroll;
    
   }
   
   :root {
    overflow-y: auto;
    overflow-x: hidden;
   }
   
   :root body {
    position: absolute;
   }
   
   body {
    width: 100vw;
    overflow: hidden;
   }
   
   /* 使用100vw 消除左右滚动条结束 */
   .a{
        background-color: rgb(77, 255, 172);
   }
.box{
    width: 100vw;
    overflow: hidden;
    background-color: #eeee;
}
.top_danghang{
    width: 100%;
    height: 55px;
    background-color: rgb(255, 244, 244);
    position: relative;
    z-index: 70;
}
.danghang_qianer{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    position: relative;
    /* justify-content: space-between; */
}
.t-ul{
    width: 300px;
    height: 50px;
    display: flex;
    list-style: none;
    justify-content: space-between;
    margin-left: 50px;
}
.t-ul>a{
    text-align: center;
    line-height: 55px;
    width: 100px;
    /* background-color: aqua; */
    height: 55px;
    color: #efefef;
    font-size: 15px;
    cursor: pointer;
    transition: 0.3s;
   
}
.t-ul>a:hover{
    transition: 0.3s;
    background-color: rgb(224, 91, 18);
}
.sousuo_{
    /* width: 230px; */
    height: 35px;
    border-radius: 5px;
    background-color: aliceblue;
    overflow: hidden;
    position: relative;
    margin-left:;
    margin-top: 20px;
}
.sousuo_ input{
    width: 100%;
    height: 100%;
    padding-left: 10px;
    outline: none;
    border: none;
}
.anniu{
    width: 50px;
    height: 50px;
    background-color: rgb(224, 91, 18);
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}
.anniu>img{
    width:25px;
    height: 25px;
}
.degnlu_zhuce{
    width: 290px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    right: 0;
}
.degnlu_zhuce>a>div{
    width: 100px;
    height: 55px;
    color: #ffff;
    font-size: 14px;
    cursor: pointer;
    transition: 0.3s;
    text-align: center;
    line-height: 55px;
}
.degnlu_zhuce>a>div:hover{
    transition: 0.3s;
    background-color: rgb(224, 91, 18);
}
/* 左侧导航 */
.fexi{
    width: 200px;
    height: 100vh;
    background-color: rgb(255, 129, 129);
    position: fixed;
    top: 0;
    z-index:80;
}
.fexi>ul{
    margin-top: 15px;
    width: 250px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.fexi>ul>a{
    width: 200px;
    height: 50px;
    text-align: center;
    /* padding-left: 50px; */
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    font-weight: bold;
}
.fexi>ul>a>img{
    width:18px;
    height: 18px;
    margin-right: 10px;
}
.fexi>ul>a:hover{
    background-color: rgb(255, 86, 86);
}
/* 身体 */
.cosnt_ti{
    width: 1180px;
    overflow: hidden;
    margin: 0 auto;
    background-color: #ffff;
    /* margin-top: 10px; */
    border-radius: 5px;
    padding: 10px 10px;
}
.swiper{
    width: 1180px;
    height: 390px;
}
.sio{
    overflow: hidden;
}
.sio>img{
    width: 100%;
    height: 100%;
}
/* 精选 */
.div-ka{
    width: 1180px;
    overflow: hidden;
    background-color: #ffff;
    margin: 0 auto;
    margin-top: 10px;
    border-radius: 5px;
    padding: 10px 10px;
}
.biaotou{
    width: 100%;
    height: 50px;
    /* border-bottom: dashed  1px rgb(0, 135, 25); */
    display: flex;
    align-items: center;
    position: relative;
}
.biaotou>img{
    width: 35px;
    height: 35px;
    margin-right: 5px;
}
.biaotou>p{
    font-size: 18px;
    color: #ff4646;
}
.biaotou>span{
    cursor: pointer;
    position: absolute;
    right: 0;
    color: rgb(0, 135, 25);
    font-size: 14px;
}
.manka-hua{
    width: 100%;
    overflow: hidden;
    /* background-color: aqua; */
    margin-top: 10px;
    display: flex;
        flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    
}
.danka-tu{
    width: 222px;
    height: 333px;
    /* background-color: brown;   */
}
.s-tu{
    width: 222px;
    height: 280px;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
}
.s-tu>img{
    width: 100%;
    height: 100%;
    transition: 0.1s;
        object-fit: contain;
    cursor: pointer;
}
.hangban{
   background-color: rgb(33, 33, 33,0.7);
   text-align: center;
   color: #fff; 
   z-index: 50;
   bottom: 0;
   width: 100%;
   line-height:30px;
   position: absolute;
   font-size: 13px;
}
.danka-tu>p{
    margin-top: 5px;
    color: rgb(27, 27, 27);
}
.danka-tu>p:nth-child(3){
    margin-top: 5px;
    color: rgb(101, 101, 101);
    font-size: 13px;
}
.danka-tu:hover .s-tu>img{
    margin: -3px -3px;
    transition: 0.1s;
    width: 103%;
    height: 103%;
}
.danka-tu:hover p{
    color: #ff4646;
}
/* fooer */
.fooer{
   width: 100%;
   height: 200px;
   background-color:#ffff;
   margin-top: 20px;
   position: relative;
   z-index: 50;
}
.fo_zhong{
    width: 1200px;
    height: 240px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}