.w1110{width: 1110px;margin: auto}
.w1400{width: 1400px;margin: auto}
.mt48{margin-top: 48px}
.mt32{margin-top: 32px}
.tea_introduce{margin-bottom: 104px;}
.tea_introduce .crumbs{margin-top: 50px}
.tea_introduce .crumbs .arrow{color: #94A3B8;font-size: 12px;margin: 0 10px;line-height: 16px}
.tea_introduce .crumbs .text{color: #0F172A;font-weight: 700;font-size: 16px;line-height: 16px;}
.tea_introduce .crumbs a{color:#DEB700;font-weight: 700;font-size: 16px;line-height: 16px;}
.tea_introduce .main_title{font-size: 32px;font-weight: 900;line-height:  42px;color: #0F172A;margin-top: 26px}

.tea_introduce .one_dom{padding-top: 48px;position: relative}
.tea_introduce .top_bg{background: url("img/top_bg.svg") center top;background-repeat: repeat-x;height:128px;width: 100%;margin-top: 64px;}
.tea_introduce .bottom_bg{height: 300px;background: linear-gradient(180deg, #FEFAE8 0%, rgba(254, 250, 232, 0) 100%);width: 100%}
.tea_introduce .one_dom .info{position: absolute; top:48px;left: calc((100% - 1110px) / 2 );}
.tea_introduce .one_dom .info_text{width: 506px;padding-left: 64px;padding-top: 22px;}
.tea_introduce .one_dom .info_text .text1{font-weight: 900;font-size: 32px;line-height: 46px;color: #000000;}
.tea_introduce .one_dom .info_text .text1 span{color:#8FBC0E }
.tea_introduce .one_dom .info_text .text2{font-weight: 700;font-size: 16px;line-height: 32px;color: #0F172A;margin-top: 32px}
.tea_introduce .one_dom .info_text .text3{font-weight: 700;font-size: 16px;line-height: 32px;color: #0F172A;margin-top: 15px}
.tea_introduce .one_dom .color_line{width: 506px;height: 8px;margin-top: 8px;background: linear-gradient(90deg, #D0D680 0%, #B6CC9B 20%, #98B87D 40%, #77A86D 60%, #A36253 80%, #733E3E 100%);border-radius: 10px;}
.tea_introduce .one_dom .line_text{font-weight: 700;font-size: 13px;line-height: 17px;color: #334155;margin-top: 32px}
.tea_introduce .one_dom .left{margin-left: 10px}
.tea_introduce .one_dom .right{margin-left: 10px}
.tea_introduce .one_dom .tea_type{display:flex;justify-content: space-between;font-size: 16px;font-weight: 700;line-height: 16px}
.tea_introduce .one_dom .tea_type div{width: calc(100% / 6);text-align: center;margin-top: 16px;}
.tea_introduce .one_dom .tea_type span{margin-top: 8px;font-size: 12px;line-height: 12px;text-align: center;display: block}

.tea_introduce .tea_color div{width: 20%;float: left;height: 54px;line-height: 54px;margin-top: 32px;font-weight: 900; font-size: 16px;cursor: pointer}
.tea_introduce .tea_color div img{margin-right: 16px;width:54px;height:54px;}

.tea_introduce .tea_info{margin-top: 96px;position: relative;height: auto;width: 100%;overflow: hidden}
.tea_introduce .tea_info .number{font-family: 'Roboto Condensed';  font-weight: 700; font-size: 32px; line-height:32px;color: #F7CF15;margin-right  : 12px;margin-top: 64px}
.tea_introduce .tea_info .message{margin-top: 68px}
.tea_introduce .tea_info .title{font-weight: 900;font-size: 32px;line-height: 46px;color: #0F172A;}
.tea_introduce .tea_info .title span{font-family: 'Roboto Condensed';font-weight: 700;font-size: 24px;line-height:24px;margin-left: 16px  }
.tea_introduce .tea_info .type{font-weight: 700;font-size: 16px;color: #0F172A;background: #F7CF15;width: 107px; height: 32px;margin-top: 16px;text-align: center;line-height: 32px;border-radius: 9999px;}
.tea_introduce .tea_info .text1{margin-top: 24px;color: #334155;font-weight: 700;font-size: 18px;line-height: 29px;width: 556px}
.tea_introduce .tea_info .text2{font-weight: 900;font-size: 16px;line-height: 26px;color: #0F172A;margin-top: 32px}
.tea_introduce .tea_info .one_line{width: 556px;height: 8px;background: #E2E8F0;border-radius: 9999px;margin-top: 16px}
.tea_introduce .tea_info .tab_one{width: 556px; height: auto;background: #FEFAE8;border-radius: 16px;margin-top: 32px;padding: 24px}
.tea_introduce .tea_info .tab_two{width: 556px; height: auto;background: #F1F5F9;border-radius: 16px;margin-top: 16px;padding: 24px}
.tea_introduce .tea_info .text3{font-weight: 900; font-size: 16px;line-height: 26px;color: #F7CF15;}
.tea_introduce .tea_info .text4{font-weight: 500; font-size: 14px;line-height: 28px;color: #334155;margin-top: 8px}
.tea_introduce .tea_info .text5{font-weight: 900; font-size: 16px;line-height: 26px;color: #0F172A;}
.tea_introduce .tea_info .text6{font-weight: 500;font-size: 16px;line-height: 32px;color: #334155;margin-top: 24px;width: 556px}
.tea_introduce .tea_info .text7{font-weight: 500;font-size: 14px;line-height: 28px;margin-top: 16px;color: #334155}

.tea_introduce .green-tea-bg{position: absolute;top:89px;right: calc((100% - 1440px) / 2 - 27px);overflow: hidden;z-index: -1;}
.tea_introduce .green-tea{margin-left: 64px}
.tea_introduce .tea_info .green_check_one{width: 93px;height: 8px;background: #D0D680;border-radius: 10px;}
.tea_introduce .white-tea-bg{position: absolute;top:158px;left: calc((100% - 1440px) / 2 - 27px);overflow: hidden;z-index: -1;}
.tea_introduce .white_check_one{width: 185px;height: 8px;background: #B6CC9B;border-radius: 10px;}
.tea_introduce .yellow-tea-bg{position: absolute;top:160px;right: calc((100% - 1440px) / 2 - 27px);overflow: hidden;z-index: -1;}
.tea_introduce .yellow-tea{margin-left: 64px}
.tea_introduce .yellow_check_one{width: 278px;height: 8px;background: #98B87D;border-radius: 10px;}
.tea_introduce .oolon-tea-bg{position: absolute;top:158px;left: calc((100% - 1440px) / 2 - 27px);overflow: hidden;z-index: -1;}
.tea_introduce .oolon_check_one{width: 371px;height: 8px;background: #77A86D;border-radius: 10px;}
.tea_introduce .black-tea-bg{position: absolute;top:96px;right: calc((100% - 1440px) / 2 - 27px);overflow: hidden;z-index: -1;}
.tea_introduce .black_check_one{width: 463px;height: 8px;background: #A36253;border-radius: 10px;}
.tea_introduce .black-tea{margin-left: 64px}
.tea_introduce .dark-tea-bg{position: absolute;top:140px;left: calc((100% - 1440px) / 2 - 27px);overflow: hidden;z-index: -1;}
.tea_introduce .dark_check_one{width: 556px;height: 8px;background: #733E3E;border-radius: 10px;}
.tea_introduce .jasmine-tea-bg{position: absolute;top:150px;right: calc((100% - 1440px) / 2 - 27px);overflow: hidden;z-index: -1;}
.tea_introduce .jasmine-tea{margin-left: 64px}
.tea_introduce .rooibos-tea-bg{position: absolute;top:105px;left: calc((100% - 1440px) / 2 - 27px);overflow: hidden;z-index: -1;}

.tea_introduce .mocha-tea-bg{position: absolute;top:96px;right: calc((100% - 1440px) / 2 - 27px);overflow: hidden;z-index: -1;}
.tea_introduce .mocha_check_one{width: 90px;height: 8px;background: #d1d580;border-radius: 10px;}
.tea_introduce .mocha-tea{margin-left: 64px}


.tea_introduce .lemongrass-tea-bg{position: absolute;top:90px;left: calc((100% - 1440px) / 2 - 27px);overflow: hidden;z-index: -1;}
.tea_introduce .lemongrass_check_msg{
    width: 556px;margin-top: 6px;height: 20px;
    font-size: 12px;line-height: 20px;color: #37424c;
}
.tea_introduce .lemongrass_type{
    width: 290px!important;
}
.tea_introduce .lemongrass_tea_dom{
    padding-bottom: 100px!important;
}