<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Ã¤Â¸Â€Ã£Â€ÂÃ¥Â¤Â´Ã©ÂƒÂ¨-Ã¤Â¸Â»Ã¤Â½Â“Ã¦Â&nbsp;Â·Ã¥Â¼Â */
header{
    width: 100%;
    height: 44px;
    background-color: #f44e01;
    background: linear-gradient(to right,#ffa50d, #f44e01);
    align-items: center;
    position: fixed;
    z-index: 9999;
}
header ul{
    display: flex;
    justify-content: space-between;
    line-height: 40px;
    padding-left: 20px;
    padding-right: 20px;
}
/* 1.1-Ã¥Â¤Â´Ã©ÂƒÂ¨-Ã¦ÂÂœÃ§Â´Â¢Ã¦Â¡Â† */
header ul li input{
    width: 220px;
    height: 32px;
    border-radius: 8px;
    padding-left: 25px;
    box-sizing: border-box;
    background-color: #ffffff80;
    /* color:; */
    font-family: "Ã¤Â»Â¿Ã¥Â®Â‹";
    font-size: 1.6rem;

}
.search{
    margin-left: 0px;
    line-height: 44px;
    /* margin-top: 3px; */
    position: relative;
    
}
.search i{
    /* display:inline-block; */
    position: absolute;
    top: 13px;
    left: 5px;
    color: #fff;
    font-weight: 100;
    font-size: 1.8rem;
}

/* Ã¤ÂºÂŒ Ã¥Â¯Â¼Ã¨ÂˆÂªÃ¦Â&nbsp;Â */
nav{
    width: 100%;
    height: 100px;
    border-bottom: 1px solid red;
    background-color: #f44e01;
    border-bottom-left-radius: 36px;
    border-bottom-right-radius: 36px;
    background: linear-gradient(to right,#ffa50d, #f44e01);
}
.nav-text{
    display: flex;
    font-size: 1.4rem;
    color: #fff;
    justify-content: space-evenly;
    padding: 10px;
    box-sizing: border-box;
}

/* Ã¤Â¸Â‰ Ã¨Â½Â®Ã¦Â’Â­ */
.container{
    padding: 3.3%;
}

.carousel{
    width: 100%;
    position: relative;
    z-index: 99;
    /* top: 0px; */
    /* top: 30px; */
    bottom: 70px;
    /* margin-left: 1.6%;
    margin-right: 1.6%; */
    /* border: 1px solid red; */
}
/* Ã©Â¡Â¹Ã§Â›Â®Ã¥Â†Â…Ã¥Â®Â¹ */
.main-item ul li img{
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 15px;
    border: none;
}
.main-item ul{
    justify-content: space-evenly;
    margin-top: -65px;
}
.main-item ul li{
    margin-bottom: 10px;
}
.main-item ul li p{
    margin-bottom: 5px;
}

/* Ã¥Â›Â¾Ã§Â‰Â‡Ã¥ÂˆÂ—Ã¨Â¡Â¨ */
.img-list{
    /* padding:0 3%; */
    box-sizing: border-box;
}
.col-6{
    border-radius: 2px;
}
.img-list div img{
    display: block;
    border-radius: 10px;
}
.img-list-one{
    padding: 0px 7px 0px 30px;
    
}
.img-list-two{
    padding: 0px 30px 0px 7px;
}
.img-list-two p{
    margin-bottom: 7px;
}

/* Ã¥Â¯Â¼Ã¨ÂˆÂªÃ¦Â&nbsp;ÂÃ¤Â¹Â¦Ã¥Â†Â™ */
.recommend ul{
    display: flex;
    justify-content: space-around;
    margin-top: 10px;
    color: #000;
    font-size: 1.4rem;
    align-items: center;
}

.current span{
    display: inline-block;
    font-size: 1.8rem;
    font-weight: bold;
    color: #f55b04;
    padding-bottom: 5px;
    border-bottom: 3px solid #f55b04;
}
/* Ã¥Â†Â…Ã¥Â®Â¹Ã¥ÂˆÂ—Ã¨Â¡Â¨ */
.main-text img{
    display: block;
    border-radius: 4px;

}
.main-text{
    padding: 5% 5% 0 5%;
}
.main-list-one{
    padding: 0;
}
.main-text-one{
    color: #000;
    font-size: 1.6rem;
}

/* .main-star img{
    display: inline-block;
} */
.main-star i{
    display: inline-block;
    width: 15px;

}
/* .main-star span{
    display: inline-block;
} */
.group i{
    display: inline-block;
    width: 20px;
    background-color: #ff0000;
    color: #fff;
    text-align: center;
    font-style: normal;
    line-height: 20px;
    
}
.main-list-one p{
    margin-bottom: 4px;
    margin-top: -2px;
}
.outer{
    width: 100%;
    margin: 5% 5% 0 5%;
    /* border-bottom: 1px solid white; */
    border-bottom: 1px solid #e2e2e2;  
}
.outer-foot{
   padding-bottom: 20px;
}
/* Ã¥Â°Â¾Ã©ÂƒÂ¨ */
footer{
    margin-top: 40px;
    width: 100%;
    padding: 1.5% 0 1.5% 0;
}
.bottom-nav{
    width: 100%;
    position: fixed;
    z-index: 99;
    bottom: 0;
    left: 0;
    background-color: white;
    border-top: 1px solid #e2e2e2;
    padding: 1.5% 0 1.5% 0;
    margin-top: 50px;
}
.bottom-nav ul{
    display: flex;
    justify-content: space-around;
}
.bottom-nav ul a{
    display: block;
    color: #7d7d7d;
    font-size: 1.4rem;
   

}
.bottom-nav ul a i{
    display: block;
    /* border: red 1px solid; */
    text-align: center;
    margin-bottom: 10%;
    font-size: 1.4rem;
    
}
.bottom-nav ul a span{
    display: block;
    /* border: red 1px solid; */
}
.bottom-nav ul li:nth-child(1) a span{
    color: #f44e01;
}
.bottom-nav ul li:nth-child(1) a i{
    color: #ffa50d;
}

</pre></body></html>