html{font-size: 10px;}
 

*{padding:0;margin:0;border:none;box-sizing:border-box;}
a:focus{outline:none;}
a:hover{color:#111;text-decoration:none;}
a {color:#222;text-decoration:none;noFocusline:expression(this.onFocus = this.blur());-webkit-tap-highlight-color:transparent;}
.m-top3{margin-top: 3rem;}
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Roboto", "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", BlinkMacSystemFont, -apple-system, "Segoe UI", "Microsoft Yahei", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    margin: 0 auto;
    width: 108rem;
}

a {
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    color: #474157;
}
 

ul,li{list-style-type:none;vertical-align:bottom;}
.flex{display: flex;}
.flex-c{display: flex;flex-direction: column;}
.flex-x-center{align-items: center;}
.flex-between{justify-content: space-between;}
.flex-wrap{flex-wrap: wrap;}
.flex-center{align-items: center;justify-content: center;}



.main{padding: 2rem;font-size: 4rem;  display: flex;
    flex-direction: column;
align-items: center;
justify-content: center;}
.s1{width: 100%;border-radius: 2rem;overflow: hidden;}
.s1 img{width: 104rem;border-radius: 2rem;  }
.s1 .hd{display: none;}
.s2{width: 100%;border-radius: 2rem;margin-top: 3rem;padding: 3rem 2rem;}
.s2_title h3{font-size: 6rem;font-size: #512f14;}
.s2_title div{width: 10rem;}
.s2_title div img{width: 100%;}

 

.s2_title_title {font-size: 4rem;}
.s2_list_content ul li{width: 49%;height: 10rem;color: #a19184;background-color: #feeee1;display: flex;align-items: center;justify-content: center;margin-top: 2rem;border-radius: 2rem;padding: 2rem 0;box-sizing: content-box;}

.s3{background-color: #b2e2e4;}
.s3_list_content ul li{background: linear-gradient(135deg , #edf3f3 0%, #b2e2e4 100%);}




.goodslist img{width: 100%;height: 100%;border-radius: 1rem;}
.goodslist_content b{margin: 3rem 0px;display: block;font-size: 5rem;}
.goodslist li{width: 100%;background-color: #fff;padding: 7rem 9rem;margin-bottom: 3rem;border-radius: 1rem;}
.goodslist_price{display: flex;}
.goodslist_price .txt{color: #9E9E9E;}
.goodslist_price span{font-size: 5rem;}
.goodslist_price:nth-of-type(1) div span{color: #FB6847;}
.goodslist_price:nth-of-type(1) div span:last-of-type{color: #000;}

.goodslist_price div span:nth-of-type(1){font-size: 3rem;}

 
.footer {
    background-color: #222222;
    padding: 20px 0;
    color: rgba(255, 255, 255, 0.3);
    text-align: center;
}

.footer p {
    font-size: 14px;
    margin: 0;
}

.tab{background-color: #fff;display: flex;padding: 0 5%;box-sizing: border-box;}
.tab div{width: 50%;display: flex;align-items: center;justify-content: center;height: 18rem; position: relative;font-size: 5rem;color: #000;}
.tab .on{color: #1DADDB;}
.tab .on::after{content:'';width: 90%;height: 1px;background-color: #1DADDB;position: absolute;bottom: 0.1rem;}
.s2-2{width: 100%;padding: 0 2rem;}