.fangan-maino {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
}

.fangan {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 215px;
    white-space: nowrap;
}

.fangan-more {
    position: relative;
    margin-top: 132px;
    max-width: 1908px;
    height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 42px;
    color: #333333;
    font-size: 30px;
    font-weight: 400;
}

.fangan-book {
    position: relative;
    margin-top: 6px;
    max-width: 1908px;
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
    color: #333333;
    font-size: 16px;
    font-weight: 400;
}

.fangan-1 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    margin-top: 2px;
    width: 100%;
    height: 863px;
}

.fangan-header {
    position: relative;
    margin-top: -2px;
    background-color: #008b89;
    width: 45px;
    height: 2px;
}

.fangan-submain {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    margin-top: 33px;
    line-height: 16px;
    white-space: nowrap;
}

.fangan-main {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin-top: 33px;
    background-color: #fafafa;
    width: 1199px;
    height: 740px;
}

.group1 {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background-color: #ffffff;
    line-height: normal;
    white-space: normal;
}

.empty1 {
    position: relative;
    width: 110px;
    height: 0;
}

.view {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    margin-top: 3px;
    width: 110px;
    height: 51px;
}

.horizontal-line {
    position: relative;
    margin-top: -3px;
    background-color: #008b89;
    width: 109px;
    height: 3px;
}

.shop-title {
    position: relative;
    margin-top: 14px;
    max-width: 98px;
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
    white-space: nowrap;
    color: #333333;
    font-size: 16px;
    font-weight: 400;
}

.tag-wrapper-item0 {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-direction: row;
    background-color: #fafafa;
    padding-right: 22px;
    padding-left: 22px;
    height: 54px;
}
.tag-wrapper-item0-active{
    background-color: #fff !important;
    border-top: solid #008b89;
}

.tag {
    margin-top: 2px;
    color: #333333;
    font-size: 16px;
    font-weight: 400;
}

.fangan-1 .group-item0 {
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-direction: row;
    justify-content: center;
    margin-top: 1px;
    margin-right: 68px;
    border-radius: 18px;
    overflow: hidden;
}

.layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 322px;
}

.empty-1 {
    position: relative;
    border-width: 2px;
    border-style: solid;
    border-radius: 18px;
    border-color: #f0f0f0;
    width: 322px;
    height: 660px;
    overflow: hidden;
}

.group-item1 {
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-direction: row;
    justify-content: center;
    margin-top: 1px;
    margin-right: 68px;
    border-radius: 18px;
    overflow: hidden;
}

.background {
    position: absolute;
    top: 0;
    left: 0;
    width: 322px;
}

.empty-2 {
    position: relative;
    border-width: 2px;
    border-style: solid;
    border-radius: 18px;
    border-color: #f0f0f0;
    width: 322px;
    height: 660px;
    overflow: hidden;
}

.group-item2 {
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-direction: row;
    justify-content: center;
    margin-top: 1px;
    border-radius: 18px;
    overflow: hidden;
}

.layer-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 322px;
}

.empty-3 {
    position: relative;
    border-width: 2px;
    border-style: solid;
    border-radius: 18px;
    border-color: #f0f0f0;
    width: 322px;
    height: 660px;
    overflow: hidden;
}


.leixing{
    padding: 22px 50px;
    width: 408px;
}

.shang{
    font-size: 30px;
    font-weight: 400;
    color: #a0a3b5;
}
.shanga{
    background-color: #02A3A1;
    box-shadow: 0 0 33px 0 rgba(0,79,78,0.20);
}
.group-9 {
    overflow: hidden;
}

.group-14 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    margin-top: 35px;
}

.shangcheng {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    margin-top: 2px;
    width: 100%;
}

.marketing {
    margin-top: 70px;
    font-weight: 400;
    font-size: 30px;
    color: #333333;
    line-height: 42px;
    position: relative;
    white-space: nowrap;
    align-self: center;
}

.benifit {
    margin-top: 6px;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    line-height: 22px;
    position: relative;
    white-space: nowrap;
    align-self: center;
}

.shangcheng .horizontal-lines {
    position: relative;
    align-self: center;
    background-color: #008b89;
    height: 2px;
    margin-top: 10px;
    width: 45px;
}

.imgcook {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.container-1 {
    display: flex;
    position: relative;
    align-items: center;
    align-self: center;
    flex-direction: row;
    justify-content: center;
    margin-top: 43px;
    white-space: normal;
}
.desc {
    position: relative;
    margin-top: 5px;
    margin-left: 23px;
    max-width: 850px;
    height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 28px;
    color: #333333;
    font-family: "PingFang SC";
    font-size: 20px;
    font-weight: 400;
}
.entry-pic-1 {
    width: 100%;
}
.block-4 {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding: 0px 50px;
    width: 592px;
    height: 588px;
}

.group-20 {
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-direction: column;
    margin-top: 54px;
    background-size: contain;
    background-image: url(../img/index/img_41.png);
}

.tabbar {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    width: 1277px;
    height: 83px;
    white-space: nowrap;
}

.address {
    position: relative;
    max-width: 1265px;
    height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 42px;
    color: #333333;
    font-size: 30px;
    font-weight: 400;
}

.organization-1 {
    position: relative;
    margin-top: 6px;
    max-width: 1265px;
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
    color: #333333;
    font-size: 16px;
    font-weight: 400;
}

.group-22 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    margin-top: 2px;
    width: 1277px;
    height: 350px;
}

.horizontal-line-7 {
    position: relative;
    margin-top: -2px;
    background-color: #008b89;
    width: 45px;
    height: 2px;
}

.block-8 {
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-direction: column;
    margin-top: 93px;
}

.container-item0 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    justify-content: center;
}

.action-bg-wrapper-item0 {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin-right: 48px;
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
    border-color: #dddddd;
    background-color: #ffffff;
    width: 185px;
    height: 80px;
}

.action-bg-2 {
    margin-top: -2px;
    width: 163px;
    height: 51px;
}

.action-bg-wrapper-item1 {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin-right: 49px;
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
    border-color: #dddddd;
    background-color: #ffffff;
    width: 184px;
    height: 80px;
}

.button-bg-2 {
    margin-top: -3px;
    width: 162px;
    height: 46px;
}

.action-bg-wrapper-item2 {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin-right: 50px;
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
    border-color: #dddddd;
    background-color: #ffffff;
    width: 184px;
    height: 80px;
}

.logo {
    margin-top: 1px;
    width: 141px;
    height: 64px;
}

.action-bg-wrapper-item3 {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin-right: 48px;
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
    border-color: #dddddd;
    background-color: #ffffff;
    width: 184px;
    height: 80px;
}

.shop-logo {
    width: 154px;
    height: 70px;
}

.action-bg-wrapper-item4 {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
    border-color: #dddddd;
    background-color: #ffffff;
    width: 185px;
}

.action-bg-3 {
    width: 175px;
    height: 80px;
}

.container-item1 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin-top: 32px;
}

.wrapper-item0-1 {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin-right: 48px;
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
    border-color: #dddddd;
    background-color: #ffffff;
    width: 185px;
    height: 80px;
}

.shop-logo-1 {
    margin-top: 0;
    width: 147px;
    height: 67px;
}

.wrapper-item1-1 {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin-right: 48px;
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
    border-color: #dddddd;
    background-color: #ffffff;
    width: 185px;
    height: 80px;
}

.logo-1 {
    width: 150px;
    height: 40px;
}

.wrapper-item0-2 {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin-right: 49px;
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
    border-color: #dddddd;
    background-color: #ffffff;
    width: 184px;
    height: 80px;
}

.large-icon-1 {
    margin-top: 0;
    width: 68px;
    height: 59px;
}

.wrapper-item2-1 {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin-right: 50px;
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
    border-color: #dddddd;
    background-color: #ffffff;
    width: 184px;
    height: 80px;
}

.shop-logo-2 {
    width: 131px;
    height: 60px;
}

.wrapper-item3 {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
    border-color: #dddddd;
    background-color: #ffffff;
    width: 184px;
    height: 80px;
}

.shop-logo-3 {
    width: 127px;
    height: 58px;
}

.foot {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    margin-top: 2px;
    width: 100%;
}

.group-23 {
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-direction: column;
    background-color: #22262e;
    overflow: hidden;
}

.empty {
    position: relative;
    width: 100%;
    height: 0;
}


.ronghe {
    background-size: contain;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background-color: #2d2f35;
    background-image: url(../img/qsshop/bang.png);
    overflow: hidden;
    width: 100%;
}

.ronghe .headerr {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 181px;
    white-space: nowrap;
}

.ronghe .location {
    position: relative;
    margin-top: 98px;
    max-width: 1908px;
    height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 42px;
    color: #d8d8d8;
    font-size: 30px;
    font-weight: 400;
}

.ronghe .summary {
    position: relative;
    margin-top: 6px;
    max-width: 1908px;
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
}

.ronghe .body {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    margin-top: 2px;
    width: 100%;
    height: 387px;
}

.ronghe .horizontal-line {
    position: relative;
    margin-top: -2px;
    background-color: #008b89;
    width: 45px;
    height: 2px;
}

.ronghe .grid {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    margin-top: 67px;
    line-height: 28px;
}

.ronghe .col-item0 {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin-right: 77px;
    border-radius: 4px;
    background-color: #ffffff;
    width: 561px;
    height: 210px;
    overflow: hidden;
}

.ronghe .view {
    display: flex;
    position: relative;
    align-items: center;
    align-self: center;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 26px;
    width: 502px;
    line-height: normal;
}

.ronghe .icon-hot {
    width: 57px;
    height: 54px;
}

.ronghe .num {
    line-height: 28px;
    white-space: nowrap;
    color: #008b89;
    font-family: "PingFang SC";
    font-size: 28px;
    font-weight: 500;
}

.ronghe .tag {
    position: relative;
    margin-top: 14px;
    margin-left: 30px;
    max-width: 501px;
    height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333333;
    font-family: "PingFang SC";
    font-size: 20px;
    font-weight: 500;
}

.ronghe .book {
    -webkit-box-orient: vertical;
    display: -webkit-inline-box;
    -webkit-line-clamp: 2;
    position: relative;
    margin-top: 5px;
    margin-left: 30px;
    width: 463px;
    height: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #4a5871;
    font-family: "PingFang SC";
    font-size: 16px;
    font-weight: 400;
}

.ronghe .col-item1 {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    border-radius: 4px;
    background-color: #ffffff;
    width: 561px;
    height: 210px;
    overflow: hidden;
}

.ronghe .view-1 {
    display: flex;
    position: relative;
    align-items: center;
    align-self: center;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 29px;
    width: 502px;
    line-height: normal;
}

.ronghe .icon-music {
    width: 45px;
    height: 51px;
}

.ronghe .num-1 {
    margin-top: -3px;
    line-height: 28px;
    white-space: nowrap;
    color: #008b89;
    font-family: "PingFang SC";
    font-size: 28px;
    font-weight: 500;
}

.ronghe .label {
    position: relative;
    margin-top: 14px;
    margin-left: 30px;
    max-width: 501px;
    height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333333;
    font-family: "PingFang SC";
    font-size: 20px;
    font-weight: 500;
}

.ronghe .summary-1 {
    -webkit-box-orient: vertical;
    display: -webkit-inline-box;
    -webkit-line-clamp: 2;
    position: relative;
    margin-top: 5px;
    margin-left: 30px;
    width: 496px;
    height: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #4a5871;
    font-family: "PingFang SC";
    font-size: 16px;
    font-weight: 400;
}

.jiage {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    width: 1920px;
    line-height: 42px;
    white-space: nowrap;
}

.jiage .title {
    position: relative;
    max-width: 1908px;
    height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333333;
    font-size: 30px;
    font-weight: 400;
}

.jiage-block {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    margin-top: 2px;
    width: 1920px;
    height: 715px;
}

.jiage-block .header-lien {
    position: relative;
    margin-top: -2px;
    background-color: #008b89;
    width: 45px;
    height: 2px;
}

.jiage-block .body {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    margin-top: 37px;
}

.jiage-block .col {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 20px;
    width: 400px;
    height: 620px;
    overflow: hidden;
    box-shadow: 0 0 65px 0 rgba(0, 0, 0, 0.07);
    background-color: #ffffff;
    white-space: nowrap;
}

.jiage-block .group {
    display: flex;
    position: absolute;
    top: 186px;
    align-items: center;
    align-self: center;
    flex-direction: row;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #fafafa;
    width: 363px;
    height: 66px;
    overflow: hidden;
    white-space: normal;
}

.jiage-block .tag {
    position: absolute;
    top: 23px;
    right: 141px;
    line-height: 28px;
    white-space: nowrap;
    color: #333333;
    font-family: "PingFang SC";
    font-size: 20px;
    font-weight: 400;
}

.jiage-block .empty {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #e5e5e5;
    width: 363px;
    height: 1px;
}

.jiage-block .horizontal-linej {
    position: relative;
    border-top-left-radius: 4px;
    background-color: #b7b6b8;
    width: 400px;
    height: 8px;
    overflow: hidden;
    white-space: normal;
}

.jiage-block .caption {
    position: relative;
    margin-top: 28px;
    max-width: 388px;
    height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 42px;
    color: #999999;
    font-family: "PingFang SC";
    font-size: 30px;
    font-weight: 400;
}

.jiage-block .title-1 {
    position: relative;
    margin-top: 8px;
    max-width: 388px;
    height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 42px;
    color: #333333;
    font-family: "PingFang SC";
    font-size: 30px;
    font-weight: 500;
}

.jiage-block .group-1 {
    display: flex;
    position: relative;
    align-items: flex-end;
    flex-direction: row;
    margin-top: 58px;
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
    border-color: #e5e5e5;
    height: 406px;
    overflow: hidden;
    line-height: 18px;
}

.jiage-block .info {
    position: absolute;
    top: 81px;
    left: 44px;
    color: #333333;
    font-family: "PingFang SC";
    font-size: 14px;
    font-weight: 400;
}

.jiage-block .meta {
    position: absolute;
    top: 93px;
    right: 39px;
    color: #fa6400;
    font-family: "PingFang SC";
    font-size: 14px;
    font-weight: 400;
}

.jiage-block .subtitle {
    position: absolute;
    top: 151px;
    left: 40px;
    color: #333333;
    font-family: "PingFang SC";
    font-size: 14px;
    font-weight: 400;
}

.jiage-block .info-1 {
    position: absolute;
    top: 151px;
    right: 42px;
    color: #fa6400;
    font-family: "PingFang SC";
    font-size: 14px;
    font-weight: 400;
}

.jiage-block .meta-1 {
    position: absolute;
    top: 212px;
    left: 26px;
    color: #333333;
    font-family: "PingFang SC";
    font-size: 14px;
    font-weight: 400;
}

.jiage-block .subtitle-1 {
    position: absolute;
    top: 273px;
    left: 26px;
    color: #333333;
    font-family: "PingFang SC";
    font-size: 14px;
    font-weight: 400;
}

.jiage-block .info-2 {
    position: absolute;
    top: 320px;
    left: 47px;
    color: #333333;
    font-family: "PingFang SC";
    font-size: 14px;
    font-weight: 400;
}

.jiage-block .meta-2 {
    position: absolute;
    top: 320px;
    right: 18px;
    color: #fa6400;
    font-family: "PingFang SC";
    font-size: 14px;
    font-weight: 400;
}

.jiage-block .subtitle-2 {
    position: absolute;
    bottom: 16px;
    left: 33px;
    color: #333333;
    font-family: "PingFang SC";
    font-size: 14px;
    font-weight: 400;
}

.jiage-block .label {
    position: absolute;
    top: 202px;
    right: 45px;
    color: #fa6400;
    font-family: "PingFang SC";
    font-size: 14px;
    font-weight: 400;
}

.jiage-block .empty-1 {
    position: absolute;
    top: 135px;
    left: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #e5e5e5;
    width: 363px;
    height: 1px;
    line-height: normal;
    white-space: normal;
}

.jiage-block .empty-2 {
    position: absolute;
    top: 185px;
    left: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #e5e5e5;
    width: 363px;
    height: 1px;
    line-height: normal;
    white-space: normal;
}

.jiage-block .empty-3 {
    position: absolute;
    top: 255px;
    left: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #e5e5e5;
    width: 363px;
    height: 1px;
    line-height: normal;
    white-space: normal;
}

.jiage-block .empty-4 {
    position: absolute;
    top: 305px;
    left: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #e5e5e5;
    width: 363px;
    height: 1px;
    line-height: normal;
    white-space: normal;
}

.jiage-block .item-wrapper {
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-direction: row;
    justify-content: center;
    line-height: normal;
    white-space: normal;
}

.jiage-block .empty-5 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #e5e5e5;
    width: 363px;
    height: 1px;
}

.jiage-block .item {
    position: relative;
    width: 363px;
    height: 341px;
}

.jiage-block .col2 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    border-top-left-radius: 8px;
    width: 400px;
    height: 620px;
    overflow: hidden;
    box-shadow: 0 0 65px 0 rgba(0, 0, 0, 0.07);
    background-color: #ffffff;
}

.jiage-block .group-2 {
    display: flex;
    position: absolute;
    top: 186px;
    align-items: center;
    align-self: center;
    flex-direction: row;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #fafafa;
    width: 363px;
    height: 66px;
    overflow: hidden;
}

.jiage-block .word {
    position: absolute;
    top: 23px;
    right: 141px;
    line-height: 28px;
    white-space: nowrap;
    color: #333333;
    font-family: "PingFang SC";
    font-size: 20px;
    font-weight: 400;
}

.jiage-block .empty-6 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #e5e5e5;
    width: 363px;
    height: 1px;
}

.jiage-block .horizontal-line-1 {
    position: relative;
    background-color: #d8d8d8;
    width: 400px;
    height: 8px;
}

.jiage-block .caption-1 {
    position: relative;
    margin-top: 28px;
    max-width: 388px;
    height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 42px;
    white-space: nowrap;
    color: #999999;
    font-family: "PingFang SC";
    font-size: 30px;
    font-weight: 400;
}

.jiage-block .desc {
    position: relative;
    margin-top: 19px;
    max-width: 388px;
    height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 28px;
    white-space: pre;
    color: #333333;
    font-family: "PingFang SC";
    font-size: 20px;
    font-weight: 500;
}

.jiage-block .info-3 {
    position: relative;
    margin-top: 5px;
    max-width: 388px;
    height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 28px;
    white-space: pre;
    color: #333333;
    font-family: "PingFang SC";
    font-size: 20px;
    font-weight: 500;
}

.jiage-block .group-3 {
    display: flex;
    position: relative;
    align-items: flex-end;
    flex-direction: row;
    margin-top: 28px;
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
    border-color: #e5e5e5;
    height: 406px;
    overflow: hidden;
    line-height: 18px;
    white-space: nowrap;
}

.jiage-block .meta-3 {
    position: absolute;
    top: 84px;
    left: 28px;
    color: #333333;
    font-family: "PingFang SC";
    font-size: 14px;
    font-weight: 400;
}

.jiage-block .subtitle-3 {
    position: absolute;
    top: 77px;
    right: 18px;
    color: #fa6400;
    font-family: "PingFang SC";
    font-size: 14px;
    font-weight: 400;
}

.jiage-block .info-4 {
    position: absolute;
    top: 151px;
    left: 44px;
    color: #333333;
    font-family: "PingFang SC";
    font-size: 14px;
    font-weight: 400;
}

.jiage-block .tag-1 {
    position: absolute;
    top: 144px;
    right: 56px;
    color: #fa6400;
    font-family: "PingFang SC";
    font-size: 14px;
    font-weight: 400;
}

.jiage-block .meta-4 {
    position: absolute;
    top: 212px;
    left: 26px;
    color: #333333;
    font-family: "PingFang SC";
    font-size: 14px;
    font-weight: 400;
}

.jiage-block .subtitle-4 {
    position: absolute;
    top: 273px;
    left: 19px;
    color: #333333;
    font-family: "PingFang SC";
    font-size: 14px;
    font-weight: 400;
}

.jiage-block .info-5 {
    position: absolute;
    top: 264px;
    right: 35px;
    color: #fa6400;
    font-family: "PingFang SC";
    font-size: 14px;
    font-weight: 400;
}

.jiage-block .meta-5 {
    position: absolute;
    top: 315px;
    left: 33px;
    color: #333333;
    font-family: "PingFang SC";
    font-size: 14px;
    font-weight: 400;
}

.jiage-block .subtitle-5 {
    position: absolute;
    top: 315px;
    right: 35px;
    color: #fa6400;
    font-family: "PingFang SC";
    font-size: 14px;
    font-weight: 400;
}

.jiage-block .info-6 {
    position: absolute;
    bottom: 16px;
    left: 35px;
    color: #333333;
    font-family: "PingFang SC";
    font-size: 14px;
    font-weight: 400;
}

.jiage-block .meta-6 {
    position: absolute;
    right: 39px;
    bottom: 23px;
    color: #fa6400;
    font-family: "PingFang SC";
    font-size: 14px;
    font-weight: 400;
}

.jiage-block .label-1 {
    position: absolute;
    top: 204px;
    right: 45px;
    color: #fa6400;
    font-family: "PingFang SC";
    font-size: 14px;
    font-weight: 400;
}

.jiage-block .empty-7 {
    position: absolute;
    top: 135px;
    left: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #e5e5e5;
    width: 363px;
    height: 1px;
    line-height: normal;
    white-space: normal;
}

.jiage-block .empty-8 {
    position: absolute;
    top: 185px;
    left: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #e5e5e5;
    width: 363px;
    height: 1px;
    line-height: normal;
    white-space: normal;
}

.jiage-block .empty-9 {
    position: absolute;
    top: 255px;
    left: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #e5e5e5;
    width: 363px;
    height: 1px;
    line-height: normal;
    white-space: normal;
}

.jiage-block .empty-10 {
    position: absolute;
    top: 305px;
    left: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #e5e5e5;
    width: 363px;
    height: 1px;
    line-height: normal;
    white-space: normal;
}

.jiage-block .product-wrapper {
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-direction: row;
    justify-content: center;
    line-height: normal;
    white-space: normal;
}

.jiage-block .empty-11 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #e5e5e5;
    width: 363px;
    height: 1px;
}

.jiage-block .product {
    position: relative;
    width: 363px;
    height: 341px;
}

.jiage-block .col3 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    border-top-left-radius: 8px;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 20px;
    width: 400px;
    box-shadow: 0 0 65px 0 rgba(0, 0, 0, 0.07);
    background-color: #ffffff;
    height: 620px;
    overflow: hidden;
}

.jiage-block .group-4 {
    display: flex;
    position: absolute;
    top: 186px;
    align-items: center;
    align-self: center;
    flex-direction: row;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #fafafa;
    width: 363px;
    height: 66px;
    overflow: hidden;
}

.jiage-block .word-1 {
    position: absolute;
    top: 23px;
    right: 141px;
    line-height: 28px;
    white-space: nowrap;
    color: #333333;
    font-family: "PingFang SC";
    font-size: 20px;
    font-weight: 400;
}

.jiage-block .empty-12 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #e5e5e5;
    width: 363px;
    height: 1px;
}

.jiage-block .horizontal-line-2 {
    position: relative;
    border-top-right-radius: 4px;
    background-color: #fa6400;
    width: 400px;
    height: 8px;
    overflow: hidden;
}

.jiage-block .qsshop {
    position: relative;
    margin-top: 28px;
    max-width: 388px;
    height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 42px;
    white-space: nowrap;
    color: #fa6400;
    font-family: "PingFang SC";
    font-size: 30px;
    font-weight: 600;
}

.jiage-block .title-2 {
    position: relative;
    margin-top: 10px;
    max-width: 388px;
    height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 42px;
    white-space: pre;
    color: #fa6400;
    font-family: "PingFang SC";
    font-size: 30px;
    font-weight: 600;
}

.jiage-block .group-5 {
    display: flex;
    position: relative;
    align-items: flex-end;
    flex-direction: row;
    margin-top: 56px;
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
    border-color: #e5e5e5;
    height: 406px;
    overflow: hidden;
    line-height: 18px;
    white-space: nowrap;
}

.jiage-block .subtitle-6 {
    position: absolute;
    top: 92px;
    left: 42px;
    color: #333333;
    font-family: "PingFang SC";
    font-size: 14px;
    font-weight: 400;
}

.jiage-block .info-7 {
    position: absolute;
    top: 82px;
    right: 35px;
    color: #008a88;
    font-family: "PingFang SC";
    font-size: 14px;
    font-weight: 400;
}

.jiage-block .detail {
    position: absolute;
    top: 151px;
    left: 16px;
    color: #333333;
    font-family: "PingFang SC";
    font-size: 14px;
    font-weight: 400;
}

.jiage-block .meta-7 {
    position: absolute;
    top: 151px;
    right: 14px;
    color: #008a88;
    font-family: "PingFang SC";
    font-size: 14px;
    font-weight: 400;
}

.jiage-block .subtitle-7 {
    position: absolute;
    top: 203px;
    left: 26px;
    color: #333333;
    font-family: "PingFang SC";
    font-size: 14px;
    font-weight: 400;
}

.jiage-block .info-8 {
    position: absolute;
    top: 251px;
    left: 45px;
    white-space: pre;
    color: #333333;
    font-family: "PingFang SC";
    font-size: 14px;
    font-weight: 400;
}

.jiage-block .meta-8 {
    position: absolute;
    top: 250px;
    right: 28px;
    color: #008a88;
    font-family: "PingFang SC";
    font-size: 14px;
    font-weight: 400;
}

.jiage-block .subtitle-8 {
    position: absolute;
    top: 303px;
    left: 33px;
    color: #333333;
    font-family: "PingFang SC";
    font-size: 14px;
    font-weight: 400;
}

.jiage-block .info-9 {
    position: absolute;
    top: 303px;
    right: 42px;
    color: #008a88;
    font-family: "PingFang SC";
    font-size: 14px;
    font-weight: 400;
}

.jiage-block .tag-2 {
    position: absolute;
    top: 346px;
    left: 46px;
    white-space: pre;
    color: #333333;
    font-family: "PingFang SC";
    font-size: 14px;
    font-weight: 400;
}

.jiage-block .meta-9 {
    position: absolute;
    right: 32px;
    bottom: 34px;
    color: #008a88;
    font-family: "PingFang SC";
    font-size: 14px;
    font-weight: 400;
}

.jiage-block .label-2 {
    position: absolute;
    top: 201px;
    right: 56px;
    color: #008a88;
    font-family: "PingFang SC";
    font-size: 14px;
    font-weight: 400;
}

.jiage-block .empty-13 {
    position: absolute;
    top: 135px;
    left: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #e5e5e5;
    width: 363px;
    height: 1px;
    line-height: normal;
    white-space: normal;
}

.jiage-block .empty-14 {
    position: absolute;
    top: 185px;
    left: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #e5e5e5;
    width: 363px;
    height: 1px;
    line-height: normal;
    white-space: normal;
}

.jiage-block .empty-15 {
    position: absolute;
    top: 235px;
    left: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #e5e5e5;
    width: 363px;
    height: 1px;
    line-height: normal;
    white-space: normal;
}

.jiage-block .empty-16 {
    position: absolute;
    top: 285px;
    left: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #e5e5e5;
    width: 363px;
    height: 1px;
    line-height: normal;
    white-space: normal;
}

.jiage-block .item-wrapper-1 {
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-direction: row;
    justify-content: center;
    line-height: normal;
    white-space: normal;
}

.jiage-block .empty-17 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #e5e5e5;
    width: 363px;
    height: 1px;
}

.jiage-block .item-1 {
    position: relative;
    width: 363px;
    height: 341px;
}

.anli {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    width: 1920px;
    height: 130px;
    white-space: nowrap;
}

.anli .title {
    position: relative;
    margin-top: 50px;
    max-width: 1908px;
    height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 42px;
    color: #333333;
    font-size: 30px;
    font-weight: 400;
}

.anli .book {
    position: relative;
    margin-top: 6px;
    max-width: 1908px;
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
    color: #333333;
    font-size: 16px;
    font-weight: 400;
}

.anli-1 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    margin-top: 2px;
    width: 1920px;
    height: 700px;
}

.anli-1 .headera {
    position: relative;
    margin-top: -2px;
    background-color: #008b89;
    width: 45px;
    height: 2px;
}

.anli-1 .body {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    margin-top: 37px;
    font-weight: 600;
    line-height: 32px;
    white-space: nowrap;
}

.anli-1 .col-item0 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    margin-right: 36px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #93ccf1;
    width: 376px;
    height: 480px;
    overflow: hidden;
}

.anli-1 .layer {
    position: absolute;
    top: 0;
    align-self: center;
    width: 376px;
    height: 480px;
    font-weight: 400;
    line-height: normal;
    white-space: normal;
}

.anli-1 .caption {
    position: relative;
    margin-top: 31px;
    max-width: 364px;
    height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #ffffff;
    font-family: "PingFang SC";
    font-size: 26px;
}

.anli-1 .location {
    position: relative;
    max-width: 364px;
    height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #ffffff;
    font-family: "PingFang SC";
    font-size: 26px;
}

.anli-1 .col-item1 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    margin-right: 34px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #d594cd;
    width: 376px;
    height: 480px;
    overflow: hidden;
}

.anli-1 .background {
    position: absolute;
    top: 0;
    align-self: center;
    width: 376px;
    height: 480px;
    font-weight: 400;
    line-height: normal;
    white-space: normal;
}

.anli-1 .title-1 {
    position: relative;
    margin-top: 31px;
    max-width: 364px;
    height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #ffffff;
    font-family: "PingFang SC";
    font-size: 26px;
}

.anli-1 .caption-1 {
    position: relative;
    max-width: 364px;
    height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #ffffff;
    font-family: "PingFang SC";
    font-size: 26px;
}

.anli-1 .col-item2 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #d3a170;
    width: 376px;
    height: 480px;
    overflow: hidden;
}

.anli-1 .layer-1 {
    position: absolute;
    top: 0;
    align-self: center;
    width: 376px;
    height: 480px;
    font-weight: 400;
    line-height: normal;
    white-space: normal;
}

.anli-1 .title-2 {
    position: relative;
    margin-top: 31px;
    max-width: 364px;
    height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #ffffff;
    font-family: "PingFang SC";
    font-size: 26px;
}

.anli-1 .benifit {
    position: relative;
    max-width: 364px;
    height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #ffffff;
    font-family: "PingFang SC";
    font-size: 26px;
}

.anli-1 .group-item01 {
    display: flex;
    position: absolute;
    top: 161px;
    left: 403px;
    align-items: flex-start;
    flex-direction: row;
    justify-content: center;
    border-radius: 33px;
    overflow: hidden;
}

.anli-1 .background-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 294px;
    height: 454px;
}

.anli-1 .empty {
    position: relative;
    border-width: 2px;
    border-style: solid;
    border-radius: 33px;
    border-color: #f0f0f0;
    width: 292px;
    height: 454px;
    overflow: hidden;
}

.anli-1 .group-item11 {
    display: flex;
    position: absolute;
    top: 161px;
    align-items: flex-start;
    align-self: center;
    flex-direction: row;
    justify-content: center;
    border-radius: 33px;
    overflow: hidden;
}

.anli-1 .layer-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 294px;
    height: 454px;
}

.anli-1 .empty-1 {
    position: relative;
    border-width: 2px;
    border-style: solid;
    border-radius: 33px;
    border-color: #f0f0f0;
    width: 292px;
    height: 454px;
    overflow: hidden;
}

.anli-1 .group-item21 {
    display: flex;
    position: absolute;
    top: 161px;
    right: 403px;
    align-items: flex-start;
    flex-direction: row;
    justify-content: center;
    border-radius: 33px;
    overflow: hidden;
}

.anli-1 .background-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 294px;
    height: 454px;
}

.anli-1 .empty-2 {
    position: relative;
    border-width: 2px;
    border-style: solid;
    border-radius: 33px;
    border-color: #f0f0f0;
    width: 292px;
    height: 454px;
    overflow: hidden;
}