/*创新展*/
.hzbg {
    background: #ffffff;
    touch-action: pan-y;
    height: auto;
    overflow: auto;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}

.hzbg .hz_con {
    overflow: hidden;
    width: 10rem;
    margin: auto;
}

.hz_con .hz_banner {
    position: relative;
    width: 9.2rem;
    height: 4.906667rem;
    border-radius: .213333rem;
    border: 1px solid #F2F2F2;
    overflow: hidden;
    margin: 0 auto .613333rem auto;
}

.hz_con .hz_banner .banner {
    width: 100%;
    height: 100%;
}

.hz_con .hz_activity,
.hz_con .hz_stand,
.hz_con .hz_exhibition,
.hz_con .hz_exhibitor {
    position: relative;
    width: 100%;
    padding-left: .4rem;
    margin-bottom: .613333rem;
}

.hz_con .hz_activity .activity_title,
.hz_con .hz_stand .stand_title,
.hz_con .hz_exhibition .exhibition_title,
.hz_con .hz_exhibitor .exhibitor_title {
    position: relative;
    width: 100%;
    height: .64rem;
    margin-bottom: .32rem;
}

.hz_con .hz_activity .activity_title h3,
.hz_con .hz_stand .stand_title h3,
.hz_con .hz_exhibition .exhibition_title h3,
.hz_con .hz_exhibitor .exhibitor_title h3 {
    padding-left: .213333rem;
    height: .64rem;
    font-size: .453333rem;
    font-family: PingFang-SC-Heavy;
    color: #333333;
    line-height: .64rem;
    display: inline-block;
    font-weight: normal;
}

.hz_con .hz_stand .stand_title span {
    display: inline-block;
    height: .533333rem;
    position: relative;
    font-size: .373333rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999999;
    line-height: .533333rem;
    margin: 0 0 0 .16rem;
    vertical-align: bottom;
}

.hz_con .hz_activity .activity_title h3::after,
.hz_con .hz_stand .stand_title h3::after,
.hz_con .hz_exhibition .exhibition_title h3::after,
.hz_con .hz_exhibitor .exhibitor_title h3::after {
    content: " ";
    position: absolute;
    left: 0;
    top: .12rem;
    width: .08rem;
    height: .4rem;
    background: linear-gradient(180deg, #E71F1F 0%, rgba(243, 50, 50, 0) 100%);
}

.hz_con .hz_activity .activity_con {
    position: relative;
    width: 100%;
}

.hz_con .hz_activity .activity_con .events {
    width: 100%;
    position: relative;
    height: 2rem;
    margin-bottom: .533333rem;
}

.hz_con .hz_activity .events .event_list {
    width: 3.973333rem;
    height: 2rem;
    border-radius: .213333rem;
    margin-right: .213333rem;
    overflow: hidden;
}

.hz_con .hz_activity .events .event_list .img {
    width: 100%;
    height: 100%;
}

.hz_con .hz_activity .events .event_list:last-child {
    margin-right: .4rem;
}

.hz_con .hz_activity .activity_con .detail {
    position: relative;
    width: 9.2rem;
    margin: 0;
}

.hz_con .hz_activity .activity_con .detail .case_top {
    position: relative;
    display: flex;
    height: .96rem;
    width: 100%;
    overflow: hidden;
    z-index: 1;
    border-radius: .213333rem .213333rem 0 0;
    background: linear-gradient(127deg, #FF765B 0%, #FE412E 100%);
}

.hz_con .hz_activity .activity_con .detail .case_top h3 {
    height: .96rem;
    text-align: left;
    padding-left: .4rem;
    font-size: .4rem;
    font-family: PingFang-SC-Heavy;
    color: #FFFFFF;
    line-height: .96rem;
    font-weight: normal;
}

.hz_con .hz_activity .activity_con .detail .case_top .left {
    width: 4.6rem;
    position: relative;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    background-image: url(../images/hz2021/hz_banner_left.png);
}

.hz_con .hz_activity .activity_con .detail .case_top .right {
    position: relative;
    background-repeat: no-repeat;
    width: 4.6rem;
    background-size: 100% 100%;
    overflow: hidden;
    background-image: url(../images/hz2021/hz_banner_right.png);
}

.hz_con .hz_activity .activity_con .detail .case_top h3 .detail {
    position: absolute;
    width: .88rem;
    height: .96rem;
    top: 0;
    right: 0;
    background: url(../images/hz2021/hz_banner_icon.png) center no-repeat;
    background-size: .32rem .32rem;
}

.hz_con .hz_activity .activity_con .detail .case {
    position: relative;
    z-index: 0;
    width: 100%;
    height: auto;
    background: #FFF9F0;
    border-radius: .213333rem;
    display: flex;
    padding: 0 .186667rem .213333rem .186667rem;
}

.hz_con .hz_activity .activity_con .detail .case .audience {
    width: 4.4rem;
    border-radius: 0 0 0 .186667rem;
    background: #FFFFFF;
    height: 3.493333rem;
    overflow: hidden;
    position: relative;
    padding: .16rem .133333rem .133333rem .186667rem;
}

.hz_con .hz_activity .activity_con .detail .case .audience::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    border-right: 1px solid #e8e8e8;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    box-sizing: border-box;
    pointer-events: none;
}

.hz_con .hz_activity .activity_con .detail .case .list {
    position: relative;
    margin-bottom: .106667rem;
    width: 100%;
    display: flex;
}

.hz_con .hz_activity .activity_con .detail .case .list .company {
    width: 2.88rem;
    height: .44rem;
    font-size: .32rem;
    font-family: PingFangSC-Medium;
    color: #333333;
    line-height: .44rem;
}

.hz_con .hz_activity .activity_con .detail .case .audience .list .state {
    width: .96rem;
    height: .44rem;
    font-size: .32rem;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #EE7B24;
    line-height: .44rem;
    margin-left: .24rem;
}

.hz_con .hz_activity .activity_con .detail .case .merchant {
    width: 4.4rem;
    border-radius: 0 0 .186667rem 0;
    background: #FFFFFF;
    height: 3.493333rem;
    overflow: hidden;
    position: relative;
    padding: .16rem .186667rem .133333rem .133333rem;
}

.hz_con .hz_activity .activity_con .detail .case .swiper_case {
    position: relative;
    width: 100%;
    height: 100%;
}

.hz_con .hz_activity .activity_con .detail .case .merchant .list .state {
    width: .96rem;
    height: .44rem;
    font-size: .32rem;
    font-family: PingFangSC-Regular;
    color: #FE412E;
    line-height: .44rem;
    margin-left: .24rem;
}


.hz_con .hz_stand .stand_photo {
    position: relative;
    width: 100%;
    padding-right: .4rem;
    background: #ffffff;
}

.hz_con .hz_stand .stand_photo .photo {
    position: relative;
    width: 100%;
    height: 6.266667rem;
    border-radius: .213333rem;
    padding: .426667rem .32rem;
}

.hz_con .hz_stand .stand_photo .photo::after {
    content: " ";
    position: absolute;
    width: 200%;
    height: 200%;
    border: 1px solid #DCDCDC;
    transform: scale(.5);
    top: 0;
    left: 0;
    transform-origin: 0 0;
    border-radius: .213333rem;
    pointer-events: none;
    box-sizing: border-box;
}

.hz_con .hz_stand .stand_photo .photo .img {
    width: 100%;
    height: 100%;
}

.hz_con .hz_stand .stand_photo .stand_btn {
    position: absolute;
    top: 0;
    right: .64rem;
    height: 6.266667rem;
    width: 1.733333rem;
    overflow: hidden;
}

.hz_con .hz_stand .stand_photo .stand_btn .magnify,
.hz_con .hz_stand .stand_photo .download {
    width: 1.733333rem;
    margin-top: 4.026667rem;
    height: .613333rem;
    background: rgba(0, 0, 0, 0.45);
    border-radius: .306667rem;
    line-height: .613333rem;
    z-index: 9;
    font-size: .373333rem;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    padding-left: .213333rem;
    color: #FFFFFF;
}

.hz_con .hz_stand .stand_photo .stand_btn .download {
    margin-top: .266667rem;
}

.hz_con .hz_stand .stand_photo .stand_btn .magnify span,
.hz_con .hz_stand .stand_photo .stand_btn .download span {
    background: url(../images/hz2021/icon_magnify.png) left center no-repeat;
    background-size: .373333rem .373333rem;
    display: inline-block;
    padding-left: .506667rem;
}

.hz_con .hz_stand .stand_photo .stand_btn .download span {
    background: url(../images/hz2021/icon_download.png) left center no-repeat;
    background-size: .373333rem .373333rem;
}

.hzbg .popuperBox .picboxes .picuniter img {
    max-width: 100%;
    max-height: 100%;
    z-index: 5;
}

.hzbg .hz_con .hz_exhibition,
.hzbg .hz_con .hz_exhibitor {
    padding-left: 0;
}

.hzbg .hz_con .hz_exhibition .exhibition_title,
.hzbg .hz_con .hz_exhibitor .exhibitor_title {
    padding-left: .4rem;
    z-index: 2;
}

.hzbg .hz_con .hz_exhibition .exhibition_title h3::after,
.hzbg .hz_con .hz_exhibitor .exhibitor_title h3::after {
    left: .4rem;
}

.hz_con .exhibition_con {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.hz_con .exhibition_con .exhibition_img {
    position: relative;
    margin: 0 .4rem;
    height: 8rem;
    width: auto;
}

.hz_con .exhibition_con .exhibition_img img {
    width: 100%;
    height: 100%;
}

.hz_con .exhibition_con .exhibition_down {
    position: relative;
    width: 100%;
    height: 2.52rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    margin-top: -1.493333rem;
    z-index: 2;
}

.hz_con .exhibition_con .exhibition_down .down {
    position: absolute;
    bottom: .293333rem;
    width: 100%;
    height: .533333rem;
    text-align: center;
    font-size: .373333rem;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #E72410;
    line-height: .533333rem;
}

.hz_con .exhibition_con .exhibition_down .down span {
    background: url(../images/hz2021/icon_unfold.png) right center no-repeat;
    background-size: .32rem .32rem;
    padding-right: .426667rem;
}

.hz_con .exhibition_con .exhibition_up {
    position: relative;
    width: 100%;
    height: .533333rem;
    margin-top: .293333rem;
    text-align: center;
    font-size: .373333rem;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #E72410;
    line-height: .533333rem;
    display: none;
}

.hz_con .exhibition_con .exhibition_up .up img {
    /* background: url() right center no-repeat;
    background-size: .32rem .32rem;
    padding-right: .426667rem; */
    width: .32rem;
    height: .32rem;
    margin-left: .106667rem;
    transform: rotate(180deg);
    vertical-align: middle;
}

.hz_con .hz_exhibitor {
    background-color: #F5F5F5;
    margin-bottom: 0;
    min-height: 5.333333rem;
}

.hz_con .hz_exhibitor .exhibitor_bg ,.body .exhibitor_bg{
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(360deg, #F5F5F5 0%, #FFFFFF 100%);
    width: 100%;
    height: 5.333333rem;
    z-index: 0;
}

.hz_con .hz_exhibitor .exhibitor_con {
    position: relative;
    width: 100%;
    padding: 0 .4rem;
    overflow: auto;
    padding-bottom: .8rem;
}

.hz_con .hz_exhibitor .exhibitor_con .list {
    position: relative;
    /* display: flex; */
    justify-content: space-between;
    width: 100%;
    background: #ffffff;
    border-radius: .266667rem;
    padding: .346667rem 0;
    margin-bottom: .266667rem;
}

.hz_con .hz_exhibitor .exhibitor_con .list .img_Left {
    width: 1.6rem;
    position: relative;
    margin: 0 .213333rem 0 .346666rem;
}

.hz_con .hz_exhibitor .exhibitor_con .list .img_Left .logo {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: .266667rem;
    padding: .213333rem;
    position: relative;
}

.hz_con .hz_exhibitor .exhibitor_con .list .img_Left .logo img {
    width: 100%;
    height: 100%;
}

.hz_con .hz_exhibitor .exhibitor_con .list .img_Left .logo::after {
    content: " ";
    position: absolute;
    width: 200%;
    height: 200%;
    border: 2px solid #E5E5E5;
    transform: scale(.5);
    top: 0;
    left: 0;
    transform-origin: 0 0;
    border-radius: .266667rem;
    pointer-events: none;
    box-sizing: border-box;
}

.hz_con .hz_exhibitor .exhibitor_con .list .img_Left .state {
    width: 1.066667rem;
    height: .426667rem;
    background: linear-gradient(109deg, #FEBD36 0%, #FF486E 100%);
    border-radius: 0 .213333rem .213333rem 0;
    text-align: center;
    font-size: .266667rem;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .426667rem;
    position: absolute;
    left: 0;
    top: 0;
}

.hz_con .hz_exhibitor .exhibitor_con .list .con_Center {
    position: relative;
    width: 4.08rem;
    margin-right: .266667rem;
}

.hz_con .hz_exhibitor .exhibitor_con .list .con_Center .name {
    height: .56rem;
    display: flex;
    line-height: .56rem;
    width: 100%;
}
.hz_con .hz_exhibitor .exhibitor_con .list .con_Center .name .title{
    font-size: .4rem;
    font-family: PingFangSC-Medium;
    font-weight: normal;
    max-width: 3.066667rem;
    height: .56rem;
    font-size: .4rem;
    font-family: PingFangSC-Medium;
    color: #333333;
    line-height: .56rem;
}
.hz_con .hz_exhibitor .exhibitor_con .list .con_Center.factory .name .title,
.hz_con .hz_exhibitor .exhibitor_con .list .con_Center.packaging .name .title{
    max-width: 3.099999rem;
}
.hz_con .hz_exhibitor .exhibitor_con .list .con_Center.other .name .title{
    max-width: 3.046657rem;
}

.hz_con .hz_exhibitor .exhibitor_con .list .con_Center .name .label{
    position: relative;
    width:.666667rem;
    height: .373333rem;
    background: #8F8471;
    border-radius: .053333rem;
    text-align: center;
    font-size: .24rem;
    font-family: PingFangSC-Medium;
    color: #FFFFFF;
    line-height: .32rem;
    padding:.026667rem 0 .026667rem 0;
    margin-left: .106667rem;
    margin-top:.08rem;
    display: inline-block;
}

.hz_con .hz_exhibitor .exhibitor_con .list .con_Center.service .name .label{
    width: 1.24rem;
}
.hz_con .hz_exhibitor .exhibitor_con .list .con_Center.service .name .title {
    max-width: 5.2rem;
}
.hz_con .hz_exhibitor .exhibitor_con .list .con_Center .msg {
    width: 100%;
    height: .44rem;
    font-size: .32rem;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #666666;
    line-height: .44rem;
    margin-top: .08rem;
}

.hz_con .hz_exhibitor .exhibitor_con .list .con_Center .type {
    overflow: hidden;
    height: .4rem;
    font-size: .293333rem;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #999999;
    line-height: .4rem;
    margin-top: .133333rem;
}

.hz_con .hz_exhibitor .exhibitor_con .list .con_Center .type span {
    display: inline-block;
    font-size: .293333rem;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #999999;
}

.hz_con .hz_exhibitor .exhibitor_con .list .con_Center .type .area {
    padding-left: .373333rem;
    margin-right: .266667rem;
    background: url(../images/hz2021/icon_hz_area.png) no-repeat left center;
    background-size: .32rem .32rem;
}

.hz_con .hz_exhibitor .exhibitor_con .list .con_Center .type .class {
    padding-left: .373333rem;
    background: url(../images/hz2021/icon_hz_class.png) no-repeat left center;
    background-size: .32rem .32rem;
}

.hz_con .hz_exhibitor .exhibitor_con .list .con_Center.packaging .type .class {
    margin-right: .266667rem;
}

.hz_con .hz_exhibitor .exhibitor_con .list .con_Center .type .texture {
    padding-left: .373333rem;
    background: url(../images/hz2021/icon_hz_texture.png) no-repeat left center;
    background-size: .32rem .32rem;
}

.hz_con .hz_exhibitor .exhibitor_con .list .price_Right {
    position: relative;
    width: 2.586667rem;
    padding-top: .186667rem;
    margin-right: 0.344666rem;
}

.hz_con .hz_exhibitor .exhibitor_con .list .price_Right .price {
    position: relative;
    width: 100%;
    height: .506667rem;
    line-height: .506667rem;
    text-align: left;
    display: inline-flex;
}

.hz_con .hz_exhibitor .exhibitor_con .list .price_Right .price span {
    font-family: SFUIText-Regular, SFUIText;
    font-weight: 400;
    color: #E72410;
}

.hz_con .hz_exhibitor .exhibitor_con .list .price_Right .price .symbol {
    font-size: .32rem;
    vertical-align: bottom;
    display: inline-block;
    width: .32rem;
}

.hz_con .hz_exhibitor .exhibitor_con .list .price_Right .price {
    font-size: .426667rem;
    vertical-align: middle;
}

.hz_con .hz_exhibitor .exhibitor_con .list .price_Right .link {
    margin-top: .613333rem;
    position: relative;
    height: .4rem;
    font-size: .293333rem;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #999999;
    line-height: .4rem;
    text-align: right;
    padding-right: .32rem;
    background: url(../images/hz2021/icon_right.png) no-repeat right center;
    background-size: .293333rem .293333rem;
}

.hz_con .dropload-down {
    padding-bottom: 1.8rem;
    margin-bottom: constant(safe-area-inset-bottom);
    margin-bottom: env(safe-area-inset-bottom);
}

.hzbg .hz_bottom {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
    width: 10rem;
    background: #FFFFFF;
    box-shadow: 0 0.013333rem 0 0 #F5F5F5;
    overflow: hidden;
    height: auto;
    text-align: center;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}

.hzbg .hz_bottom .bom_flex {
    position: relative;
    margin: .173333rem .4rem;
    height: auto;
    display: flex;
}

.hzbg .hz_bottom .bom_flex .left {
    width: .8rem;
    position: relative;
    margin-right: .346667rem;
}

.hzbg .hz_bottom .bom_flex .left .img {
    width: .586667rem;
    height: .586667rem;
    background: url(../images/hz2021/hz2021_share_icon.png) center no-repeat;
    background-size: .586667rem .586667rem;
    margin: auto auto .026667rem auto;
}

.hzbg .hz_bottom .bom_flex .left .word {
    width: .8rem;
    height: .373333rem;
    font-size: .266667rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666666;
    line-height: .373333rem;
    text-align: center;
}

.hz2021_share {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10rem;
    height: 100%;
    background: url(../images/hz2021/hz2021_share.png) top center no-repeat;
    background-size: cover;
    z-index: 9999;
    display: none;
}

.hz2022_cie_zhj_notice {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.4);
    z-index: 100;
    display: none;
}

.hz2022_cie_zhj_notice .content{
    width: 7.7333rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    height: 9.0667rem;
    background: url(../images/hz2022/cie_zhj_notice.png) center no-repeat;
    background-size: 100%;
}

.hzbg .hz_bottom .bom_flex .right_btn {
    width: 8.08rem;
    height: .96rem;
    background: linear-gradient(127deg, #F54A25 0%, #E72410 100%);
    border-radius: .48rem;
    line-height: .96rem;
    font-size: .346667rem;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #FFFFFF;
}

.hz_con .hz_exhibitor .exhibitor_con .list .con_Center.factory,
.hz_con .hz_exhibitor .exhibitor_con .list .con_Center.packaging,
.hz_con .hz_exhibitor .exhibitor_con .list .con_Center.mcn {
    /* width: 6.373333rem; */
    width: 4.08rem;
    margin-right: .2133rem;
}
.hz_con .hz_exhibitor .exhibitor_con .list .con_Center.packaging .type{
    margin-top: .1066667rem;
}
.hz_con .hz_exhibitor .exhibitor_con .list .con_Center .tag {
    position: relative;
    margin-top: .133333rem;
    overflow: hidden;
    font-size: .266667rem;
    height: .4rem;
    line-height: .4rem;
}

.hz_con .hz_exhibitor .exhibitor_con .list .con_Center .tag span {
    height: .4rem;
    line-height: .4rem;
    display: inline-block;
    padding: 0 .066667rem;
    position: relative; 
    color: #F35D62;
    font-size: .266667rem;
    margin-right: 0.08rem;
    margin-bottom: 0.08rem;
}

.hz_con .hz_exhibitor .exhibitor_con .list .con_Center .tag span:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    border: 1px solid #F45F64;
    opacity: 0.5;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    box-sizing: border-box;
    border-radius: 0.053333rem;
}

.hz_con .hz_exhibitor .exhibitor_con .list.brand {
    display: block;
}

.hz_con .hz_exhibitor .exhibitor_con .list .new {
    width: 100%;
    position: relative;
    display: flex;
    /* justify-content: space-between; */
}

.hz_con .hz_exhibitor .exhibitor_con .list .price_Right_new {
    padding-top: 0;
}

.hz_con .hz_exhibitor .exhibitor_con .list .price_Right_new .link_btn {
    width: 1.866667rem;
    height: .72rem;
    overflow: hidden;
    position: relative;
    float: right;
    text-align: center;
    font-size: .32rem;
    font-family: PingFangSC-Regular;
    color: #535353;
    line-height: .75rem;
}

.hz_con .hz_exhibitor .exhibitor_con .list .price_Right_new .link_btn::after {
    content: " ";
    position: absolute;
    width: 200%;
    height: 200%;
    /* border: 1px solid #B8B8B8; */
    transform: scale(.5);
    top: 0;
    left: 0;
    transform-origin: 0 0;
    border-radius: .72rem;
    pointer-events: none;
    box-sizing: border-box;
}

.hz_con .hz_exhibitor .exhibitor_con .list .price_Right_new .price {
    margin-top: .453333rem;
    position: relative;
    text-align: right;
    width: 100%;
    height: .453333rem;
    line-height: .453333rem;
    display: inline-block;
}

.hz_con .hz_exhibitor .exhibitor_con .list .price_Right_new .price span {
    font-size: .373333rem;
    font-family: SFUIText-Regular;
    color: #E72410;
    display: inline-block;
    max-width: 2.266667rem;
}

.hz_con .hz_exhibitor .exhibitor_con .list .price_Right_new .price span:first-child {
    position: relative;
    display: inline-block;
    height: .453333rem;
    line-height: .453333rem;
    font-size: .266667rem;
    font-family: SFUIText-Regular;
    color: #E72410;
    vertical-align: top;
}

.hz_con .hz_exhibitor .exhibitor_con .list .product {
    position: relative;
    width: 100%;
    margin-top: .346667rem;
    height: 2.666667rem;
    overflow: hidden;
    padding-left: .346667rem;
}

.hz_con .hz_exhibitor .exhibitor_con .list .product .product_item {
    position: relative;
    float: left;
    width: 2.666667rem;
    height: 2.666667rem;
    border-radius: .213333rem;
    margin-left: .24rem;
    background: #FAFAFA;
    padding: .266667rem;
}

.hz_con .hz_exhibitor .exhibitor_con .list .product .product_item:first-child {
    margin-left: 0;
}

.hz_con .hz_exhibitor .exhibitor_con .list .product .product_item img {
    width: 100%;
    height: 100%;
}
.hz_con .hz_exhibitor .exhibitor_con .list .con_Center.other{
    width: 4.09rem;
    /* margin-right: 0; */
    padding-left: 0.053333rem;
}
.hz_con .hz_exhibitor .exhibitor_con .list .con_Center.other .name{
    margin-top: .266667rem;
}
.hz_con .hz_exhibitor .exhibitor_con .list .con_Center.other .msg{
    margin-top: .133333rem;
    font-size: .293333rem;
    font-family: PingFangSC-Regular;
    color: #666666;
}
.hz_con .hz_exhibitor .exhibitor_con .list .location{
    position: absolute;
    left: 0;
    top: .346667rem;
    z-index: 6;
    width: 1.066667rem;
    height: .426667rem;
    background: rgba(0, 0, 0, 0.57);
    border-radius: 0 .213333rem .213333rem 0;
    text-align: center;
    font-size: .293333rem;
    font-family: SFUIText-Medium;
    color: #FFFFFF;
    line-height:.426667rem;
}
.hz_con .hz_exhibitor .exhibitor_con .list .typeMcn{
    position: relative;
    margin-top:.133333rem;
    width: 100%;
    height: .4rem;
    line-height: .4rem;
    display: flex;
  }
  .hz_con .hz_exhibitor .exhibitor_con .list .typeMcn span{
    font-size: .293333rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999999;
    display: inline-block;
    margin-right: .32rem;
    max-width: 50%;
  }
  .hz_con .hz_exhibitor .exhibitor_con .list .typeMcn span:last-child{
    margin-right: 0;
  }
  .hz_con .hz_exhibitor .exhibitor_con .list .classMcn{
    position: relative;
    margin-top:.08rem;
    width: 100%;
    height: .4rem;
    font-size: .293333rem;
    font-family: PingFangSC-Regular;
    color: #666666;
    line-height: .4rem;
  }
  
/* 创新展品牌样式改 */
html,
body {
    /* height: 100%; */
}

.index {
    /* background: linear-gradient(#fff 5%, #F5F5F5 30%, #F5F5F5 100%); */
    background: #F5F5F5;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}

.index .body {
    height: 100%;
    margin-bottom: 2.24rem;
    background: #F5F5F5;
    position: relative;
}

.index .navbar {
    background: #fff;
}

.index .brand .brand_bar {
    display: none;
}

.index .brand {
    display: block;
    background: none;
}

.brand_list .brand_item .num {
    width: 1.066667rem;
    height: .426667rem;
    background: rgba(0, 0, 0, 0.57);
    border-radius: 0px .213333rem .213333rem 0px;
    font-size: .293333rem;
    font-family: SFUIText-Medium, SFUIText;
    padding: 0;
    left: -0.34rem;
    top: 0;
}

.brand_list .brand_item .content .img {
    box-shadow: none;
    border-radius: 0.266667rem;
    margin-right: .213333rem;
    border: .026667rem solid #E5E5E5;
}

.brand_list .brand_item .content .info h4 {
    color: #333;
    font-family: PingFangSC-Medium, PingFang SC;
    width: auto;
    max-width: 3.5rem;
    margin-bottom: 0;
    /* font-weight: bold; */
}

.brand_list .brand_item .content .info p {
    color: #666;
    font-size: 0.32rem;
    font-family: PingFangSC-Regular, PingFang SC;
}
.brand_list .brand_item .content .order a {
    background: #E72410;
    font-family: PingFangSC-Medium, PingFang SC;
    /* font-weight: bold; */
}

.brand_list .brand_item .content .order p {
    color: #333;
}

.i_want_apply {
    display: none;
}

.brand_list .brand_item .content .info p span.span_area {
    background: url(../images/hz2021/icon_hz_area.png) left center no-repeat;
    background-size: .32rem;
}

.brand_list .brand_item .content .info p span.span_cate {
    background: url(../images/hz2021/icon_hz_class.png) left center no-repeat;
    background-size: .32rem;
}

.brand_list .brand_item .content .info p span.span_mater {
    background: url(../images/hz2021/icon_hz_mater.png) left center no-repeat;
    background-size: .32rem;
    padding-left: 0.346667rem;
}

.brand_list .brand_item .content .info p span:not(:last-child) {
    margin-right: 0.26rem;
}

.brand_list .brand_item .content .info .last {
    font-size: 0;
    color: #999;
    margin-top: .133333rem;
    height: 0.4rem;
    line-height: 0.4rem;
}

.brand_list .brand_item .content .info .last span {
    font-size: 0.293333rem;
}

.brand_list .brand_item .content .info .tag span:nth-of-type(1) {
    border: 0.026667rem solid rgba(244, 95, 100, 0.5);
    color: #F35D62;
}

.brand_list .brand_item .tips .tips_policy h4,
.hz_exhibitor .tips .tips_preferpolicy h4 {
    background: url(../images/hz2021/tips_policy_img.png) left center no-repeat;
    background-size: 0.32rem 0.333333rem;
}
.hz_exhibitor .tips .tips_giftcontent h4 {
    background: url(../images/hz/hz_gift.png) left center no-repeat;
    background-size: 0.32rem 0.333333rem;
}
.brand_list .brand_item .tips .tips_policy p,
.hz_exhibitor .tips .tips_policy p,
.hz_exhibitor .tips .tips_preferpolicy {
    color: #E72410;
}

.brand_list .brand_item .tips h4,
.hz_exhibitor .tips h4{
    font-family: PingFangSC-Regular, PingFang SC;
    color: #333333;
    padding-left: 0.453333rem;
    margin-bottom: 0.053333rem;
    font-size: 0.346667rem;
}

.brand_list .brand_item .tips_content>div,
.hz_exhibitor .tips_content>div {
    background: #fff;
    padding: 0.32rem 0;
}
.hz_exhibitor .tips_content>div:nth-of-type(2) {
    padding-top: 0;
    padding-bottom: 0;
}
.index .brand .brand_list {
    padding: 0;
    background: none;
}

.brand_list .brand_item {
    margin-bottom: .266667rem;
}

.brand_list .brand_item .content {
    padding: 0.34rem 0.3rem 0.34rem 0.34rem;
    border-radius: .266667rem;
    background: #fff;
}

.brand_list .brand_item .tips,
.hz_exhibitor .tips{
    background: #fff;
    border-radius: .266667rem;
    padding: 0 0.4rem 0.266667rem;
    border-top: 1px dashed #eae8e8;
    margin-top: 0.34rem;
}

/* 创新展新增 */
.navbar .top_title {
    width: 10rem;
    height: 5.333333rem;
    background: url(../images/hz2021/apply_bg.png) top repeat-y;
    background-size: contain;
}

.navbar .exhibition_search {
    width: 9.2rem;
    height: 4.48rem;
    background: #FFFFFF;
    box-shadow: 0px 0px .213333rem 0px rgba(0, 0, 0, 0.08);
    border-radius: .213333rem;
    padding: .106667rem .453333rem 0;
    text-align: left;
    margin: 0 auto;
    margin-top: -1.973333rem;
    margin-bottom: .613333rem;
}

.navbar .exhibition_search .title {
    height: 1.386667rem;
    font-size: .453333rem;
    font-family: PingFangSC-Medium, PingFang SC;
    /* font-weight: bold; */
    color: #333333;
    line-height: 1.386667rem;
}

.navbar .exhibition_search .search_box {}

.navbar .exhibition_search .search_box .search_item {
    width: 8.293333rem;
    height: 1.066667rem;
    background: #F7F7F7;
    border-radius: .533333rem;
    padding: .253333rem .4rem;
    margin-bottom: .24rem;
    font-size: .4rem;
    font-family: PingFangSC-Medium, PingFang SC;
    color: #000000;
}

.navbar .exhibition_search .search_box .search_item .word {
    height: .56rem;
    color: #666666;
    line-height: .56rem;
    background: url(../images/hz2021/exhibition_open.png) center right no-repeat;
    background-size: .24rem .24rem;
}

.navbar .exhibition_search .search_box .search_item.exhibition_f1 {
    display: flex;
}

.navbar .exhibition_search .search_box .search_item .company_search {
    color: #666666;
    line-height: .56rem;
    float: left;
    flex: 1;
}

.navbar .exhibition_search .company_search input {
    border: none;
    background: #F7F7F7;
    height: .56rem;
    color: #666666;
    line-height: .56rem;
    width: 100%;
    font-size: .4rem;
}

.navbar .exhibition_search .company_search input::placeholder {
    font-size: .4rem;
    font-family: PingFangSC-Medium, PingFang SC;
}

.navbar .exhibition_search .search_box .search_item .search_btn {
    /* font-weight: bold; */
    font-family: PingFangSC-Medium, PingFang SC;
    color: #E72410;
    line-height: .56rem;
    display: inline-block;
    width: 1.333333rem;
    text-align: right;
    border-left: 1px #BEBEBE solid;
}

.tab_brand_title {
    font-size: .453333rem;
    font-family: PingFangSC-Medium, PingFang SC;
    /* font-weight: bold; */
    color: #333333;
    line-height: .64rem;
    padding-left: .266667rem;
    position: relative;
    margin-left: 0.4rem;
    margin-bottom: .32rem;
}

.tab_brand_title::before {
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: .08rem;
    height: .4rem;
    background: linear-gradient(180deg, #E71F1F 0%, rgba(243, 50, 50, 0) 100%);
}

.botton_box {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
    width: 10rem;
    height: auto;
    background: #FFFFFF;
    box-shadow: 0px .013333rem 0px 0px #F5F5F5;
    overflow: hidden;
}
.ipx_btn{
    position: relative;
    padding: .173333rem 0 .173333rem .4rem;
    height: auto;
    display: flex;
}

.botton_box .left_home,
.botton_box .left_share{
    float: left;
    display: block;
    margin-right: .4rem;
}

.botton_box .left_share .img {
    width: .586667rem;
    height: .586667rem;
    background: url(../images/hz2021/hz2021_share_icon.png) center right no-repeat;
    background-size: 100% 100%;
    margin-bottom: .026667rem;
}
.botton_box .left_home .img {
    width: .586667rem;
    height: .586667rem;
    background: url(../images/hz2021/hz2021_home.png) center right no-repeat;
    background-size: 100% 100%;
    margin-bottom: .026667rem;
}

.botton_box .left_share .word {
    height: .373333rem;
    font-size: .266667rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666666;
    line-height: .373333rem;
    text-align: center;
}
.botton_box .left_home .word {
    height: .373333rem;
    font-size: .266667rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666666;
    line-height: .373333rem;
    text-align: center;
}

.botton_box .right_btn {
    display: block;
    float: right;
    width: 7.226667rem;
    height: .96rem;
    background: linear-gradient(127deg, #F54A25 0%, #E72410 100%);
    border-radius: .48rem;
    font-size: .346667rem;
    font-family: PingFangSC-Medium, PingFang SC;
    /* font-weight: bold; */
    color: #FFFFFF;
    line-height: .96rem;
    text-align: center;
}

.navbar .share_dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10rem;
    height: 100%;
    background: url(../images/hz2021/wx_share_dialog.png) top center no-repeat;
    background-size: cover;
    z-index: 9999;
    display: none;
}

/* 报名完成弹窗 */
.apply_success_dialog {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none
}

.apply_success_dialog .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8.133333rem;
}

.apply_success_dialog .content .apply_top {
    width: 100%;
    height: 2.8rem;
    background: url(../images/hz2021/apply_top_img.png) top center no-repeat;
    background-size: cover;
    font-family: PingFangSC-Regular, PingFang SC;
    color: #FFFFFF;
    padding-top: .973333rem;
    position: relative;
}

.apply_success_dialog .content .apply_top .apply_top_title {
    font-size: .506667rem;
    font-family: PingFangSC-Medium, PingFang SC;
    /* font-weight: bold; */
    margin-bottom: .16rem;
}

.apply_success_dialog .content .apply_top .apply_top_info {
    font-size: .373333rem;
}

.apply_success_dialog .content .apply_success_img {
    width: 1.386667rem;
    height: 1.386667rem;
    background: url(../images/hz2021/apply_success_img.png) top center no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

.apply_success_dialog .content .qr_code {
    width: 100%;
    height: 6.293333rem;
    background: url(../images/hz2021/apply_bottm_img.png) top center no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .386667rem;
}

.apply_success_dialog .content .qr_code .qr_code_box {
    width: 4.666667rem;
    height: 4.666667rem;
    border-radius: .186667rem;
    border: 1px solid #CECECE;
    display: flex;
    align-items: center;
    justify-content: center;
}

.apply_success_dialog .qr_code .qr_code_box img {
    width: 4rem;
    height: 4rem;
}

.apply_success_dialog .content .close {
    width: 1.066667rem;
    height: 1.066667rem;
    background: url(../images/hz2021/apply_close_img.png) top center no-repeat;
    background-size: cover;
    margin: 0 auto;
}

.order_dialog .content a {
    background: linear-gradient(127deg, #F54A25 0%, #E72410 100%);
}
 /* 创新展样式修改 */
 .brand_list .brand_item .content .img{
    width: 1.6rem;
    height: 1.6rem;
    position: relative;
  }
  .brand_list .brand_item .content .img img{
    width: 1.173333rem;
    height: 1.173333rem;
  }
  .brand_list .brand_item .content .info{
    width: 4.45rem;
    margin-right: 0.4rem;
  }
  .brand_list .brand_item .content .info.service h4{
    max-width: 3.3rem;
}
.brand_list .brand_item .content .info.service .brand_name span{
    width: 1.5rem;
}
  .brand_list .brand_item .content .info .brand_name{
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: .066667rem;
    line-height: 0.56rem;
    height: 0.56rem;
  }
  .brand_list .brand_item .content .info .brand_name span{
    /* width: .666667rem;
    height: .373333rem; */
    background: #8F8471;
    border-radius: .053333rem; 
    /* font-size: .24rem; */
    font-family: PingFangSC-Medium, PingFang SC;
    color: #FFFFFF;
    /* line-height: .37rem; */
    text-align: center;
    margin-left: -0.206667rem;
    margin-right: -0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.3rem;
    height: 0.74rem;
    line-height: 0.74em;
    font-size: 0.48rem;
    transform: scale(0.5);
 }
 .brand_list .brand_item .content .info.other p.desc {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .293333rem;
    display: block;
}
.brand_list .brand_item .tips .tips_preferpolicy,
.hz_exhibitor .tips .tips_preferpolicy {
    color: #E72410;
}
.brand_list .brand_item .tips .tips_giftcontent{
    color: #333;
}
.guide_1{
    background: url(../images/hz2021/guide_1.png) top center no-repeat;
    background-size: cover;
}
.guide_2 {
    background: url(../images/hz2021/guide_2.png) top center no-repeat;
    background-size: cover;
}
.brand_list .brand_item .content .info.factory h4, .brand_list .brand_item .content .info.property h4 {
    margin-bottom: 0;
}
.brand_list .brand_item:after{
    background: rgb(255 ,0 ,0 , 0);
}
.brand_list .brand_item .content .info.factory .last, .brand_list .brand_item .content .info.property .last{
    margin-top: .146667rem;
}
/* mcn */
.brand_list .brand_item .content .info.factory p.mcn_tags{
    height: .4rem;
    margin-bottom: .08rem;
}
.mcn_tags .mcn_celebrity_num,.mcn_tags .mcn_platform{
    font-size: .293333rem;
    font-family: PingFangSC-Regular, PingFang SC;
    color: #999999;
    line-height: .4rem;
}
.mcn_header_celebrity{ 
    font-size: .293333rem;
    font-family: PingFangSC-Regular, PingFang SC;
    color: #666666;
    line-height: .4rem;
}
.brand_none img{
    position: relative;
}
@supports (bottom: env(safe-area-inset-bottom)){
    body,
    .botton_box,
    .hz_bottom{
        padding-bottom: constant(safe-area-inset-bottom);
        padding-bottom: env(safe-area-inset-bottom);
    }
}

/*2022中国化妆品创新展*/
body.hz2022{
    background: #F5F5F5;
}
.hz2022 .hz_con .hz_banner {
    width: 9.2rem;
    height: 4.906667rem;
    border-radius: .213333rem;
    border: .013333rem solid #F2F2F2;
    position: relative;
    overflow: hidden;
    margin: .4rem auto .32rem auto;
}
.hz2022 .hz_con .hz_stand .stand_photo{
    background: none;
}
.hz2022 .hz_con .spectator{
    position: relative;
    margin: 0 auto .666667rem auto;
    width: 9.2rem;
    border-radius: .213333rem;
    height: 1.6rem;
    background: #FFFFFF;
    padding: .293333rem .32rem .186667rem .32rem;
    display: block;
}
.hz2022 .hz_con .swiper_case{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
}
.hz2022 .hz_con .spectator .swiper_case .left,
.hz2022 .hz_con .spectator .swiper_case .right{
    position: relative;
    width: 100%;
    height: 100%;
}
.hz2022 .hz_con .spectator .swiper_case .left{
    margin-right: .4rem;
}
.hz2022 .hz_con .spectator .swiper_case .spectator_list{
    width: 4.08rem;
    height: .44rem;
    margin-bottom: .106667rem;
    display: flex;
    justify-content: space-between;
}
.hz2022 .hz_con .spectator .swiper_case .spectator_list .name{
    width: 2.88rem;
    height: .44rem;
    font-size: .32rem;
    font-family: PingFangSC-Medium, PingFang SC;
    color: #333333;
    line-height: .44rem;
}
.hz2022 .hz_con .spectator .swiper_case .spectator_list .state{
    width: auto;
    height: .44rem;
    font-size: .32rem;
    font-family: PingFangSC-Regular, PingFang SC;
    color: #EE7B24;
    line-height: .44rem;
}
.hz2022 .hz_con .hz_stand .stand_photo .photo{
    width: 9.2rem;
    height: 8.613333rem;
    border-radius: .213333rem;
    position: relative;
    padding: 0;
    overflow: hidden;
    z-index: 1;
}
.hz2022 .hz_con .hz_stand .stand_photo .photo::after{
    content: none;
}
.hz_con .hz_stand .dot_list{
    position: absolute;
    width: 9.2rem;
    height: 8.613333rem;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    overflow: hidden;
}
.hz_con .hz_stand .dot_list .list{
    position: absolute;
    width: .4rem;
    height: .4rem;
}
/* .hz_con .dot_list .dot_3A{
    top: 1.773333rem;
    left: 2.413333rem;
} */
.hz_con .dot_list .dot_3B{
    top: 1.873333rem;
    left: 3.046667rem;
}
.hz_con .dot_list .dot_3C{
    top: 1.8773333rem;
    right: 4.1513333rem;
}
.hz_con .dot_list .dot_3D{
    top: 1.8773333rem;
    right: 2.38rem;
}
.hz_con .dot_list .dot_1A{
    top: 3.04rem;
    left: 1.886667rem;
}
.hz_con .dot_list .dot_3A{
    top: 1.8773333rem;
    left: 1.55rem;
}
.hz_con .dot_list .dot{
    position: relative;
    z-index: 3;
    /* width: .16rem;
    height: .16rem;
    background: url(../images/hz2022/dot.png) center center no-repeat;
    background-size: contain; */
    margin: .133333rem auto;
    width: .1067rem;
    height: .1067rem;
    background: #FFB71B;
    border-radius: 50%;
}
.hz_con .dot_list .circle {
    position: absolute;
    top: 0;
    left: 0;   
    width: .4rem;
    height: .4rem;
    background: #FFB71B;
    opacity: 0.16;
    border-radius: 100%;
    z-index: 2; 
    -webkit-animation: warn 3s ease-in;
    -moz-animation: warn 3s ease-in;
    animation: warn 3s ease-in;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.hz_con .dot_list .dot_3B .circle,
.hz_con .dot_list .dot_1D .circle{
    -webkit-animation: warn2 2.8s ease-in;
    -moz-animation: warn2 2.8s ease-in;
    animation: warn2 2.8s ease-in;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.hz_con .dot_list .dot_1D .circle,
.hz_con .dot_list .dot_3C .circle{
    -webkit-animation: warn1 3.2s ease-in;
    -moz-animation: warn1 3.2s ease-in;
    animation: warn1 3.2s ease-in;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@keyframes warn {
    0% {
        transform: scale(0.5);
        opacity: 0.16;
    }
    25% {
        transform: scale(0.8);
        opacity: 0.18;
    }
    50% {
        transform: scale(1);
        opacity: 0.2;
    }
    75% {
        transform: scale(1.3);
        opacity: 0.25;
    }
    100% {
        transform: scale(1);
        opacity: 0.16;
    }
}
    
@-webkit-keyframes warn{
    0% {
        transform: scale(0.5);
        opacity: 0.16;
    }
    25% {
        transform: scale(0.8);
        opacity: 0.18;
    }
    50% {
        transform: scale(1);
        opacity: 0.2;
    }
    75% {
        transform: scale(1.3);
        opacity: 0.25;
    }
    100% {
        transform: scale(1);
        opacity: 0.16;
    }
}
@keyframes warn1 {
    0% {
        transform: scale(0.4);
        opacity: 0.16;
    }
    25% {
        transform: scale(0.7);
        opacity: 0.18;
    }
    50% {
        transform: scale(0.9);
        opacity: 0.2;
    }
    75% {
        transform: scale(1.3);
        opacity: 0.25;
    }
    100% {
        transform: scale(1);
        opacity: 0.16;
    }
}
    
@-webkit-keyframes warn1{
    0% {
        transform: scale(0.4);
        opacity: 0.16;
    }
    25% {
        transform: scale(0.7);
        opacity: 0.18;
    }
    50% {
        transform: scale(0.9);
        opacity: 0.2;
    }
    75% {
        transform: scale(1.3);
        opacity: 0.25;
    }
    100% {
        transform: scale(1);
        opacity: 0.16;
    }
}
@keyframes warn2 {
    0% {
        transform: scale(0.45);
        opacity: 0.16;
    }
    25% {
        transform: scale(0.8);
        opacity: 0.18;
    }
    50% {
        transform: scale(1);
        opacity: 0.2;
    }
    75% {
        transform: scale(1.4);
        opacity: 0.25;
    }
    100% {
        transform: scale(1);
        opacity: 0.16;
    }
}
    
@-webkit-keyframes warn2{
    0% {
        transform: scale(0.45);
        opacity: 0.16;
    }
    25% {
        transform: scale(0.8);
        opacity: 0.18;
    }
    50% {
        transform: scale(1);
        opacity: 0.2;
    }
    75% {
        transform: scale(1.4);
        opacity: 0.25;
    }
    100% {
        transform: scale(1);
        opacity: 0.16;
    }
}
.hz_con .hz_stand .item_list{
    position: absolute;
    z-index: 2;
    overflow: hidden;
    width: 9.2rem;
    left: 0;
    bottom: 1.333333rem;
    height: 1.706667rem;
    padding: 0 .16rem 0 .32rem;
    display: flex;
    justify-content: space-between;
}
.hz_con .hz_stand .item_list .items{
    width: 1.96rem;
    height: 1.6333rem;
    overflow: hidden;
    margin-right: .24rem;
}
.hz_con .hz_stand .stand_photo .text{
    position: absolute;
    z-index: 2;
    bottom: .4rem;
    left: 0;
    width: 100%;
    height: .533333rem;
    font-size: .373333rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999;
    line-height: .533333rem;
    text-align: center;
}
.hz2022 .hz_con .exhibition_con .exhibition_img{
    width: 9.2rem;
    margin: 0 auto;
    height: auto;
    border-radius: .213333rem;
    overflow: hidden;
}
.hz_con .exhibition_con .exhibition_dim{
    position: absolute;
    display: none;
    bottom:  1.333333rem;
    left: .4rem;
    width: 9.2rem;
    margin: 0 auto;
    height: 1.733333rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}
.hz2022 .hz_con .exhibition_con .exhibition_down{
    position: absolute;
    bottom: 0;
    left: .4rem;
    width: 9.2rem;
    margin: 0 auto;
    height: 1.333333rem;
    background: #FFFFFF;
    border-radius: 0 0 .213333rem .213333rem;
    margin-top: 0;
    display: none;
}
.hz2022 .hz_con .exhibition_con .exhibition_down .down {
    position: absolute;
    bottom: .4rem;
}
.hz2022 .hz_con .exhibition_con .exhibition_up{
    display: block;
}
.hz2022 .hz_con .hz_exhibitor .exhibitor_con{
    padding: 0;
}
.hzbg.hz2022 .hz_bottom .bom_flex .right_btn {
    height: .96rem;
    width: 7.226667rem;
    background: linear-gradient(127deg, #F54A25 0%, #E72410 100%);
    border-radius: .48rem;
    line-height: .96rem;
    font-size: .346667rem;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #FFFFFF;
}
.hzbg.hz2022  .pullmore{
    position: relative;
    width: 100%;
    height: auto;
    font-size: .373333rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #E72410;
    line-height: .533333rem;
    text-align: center;
    padding: .6rem 0 .8rem 0;
}
.hz_bottom .bom_flex .home{
    float: left;
    display: block;
    margin-right: .4rem;
}
.hz_bottom .bom_flex .home .img {
    width: .586667rem;
    height: .586667rem;
    background: url(../images/hz2021/hz2021_home.png) center right no-repeat;
    background-size: 100% 100%;
    margin-bottom: .026667rem;
}

.hz_bottom .bom_flex .home .word {
    height: .373333rem;
    font-size: .266667rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666666;
    line-height: .373333rem;
    text-align: center;
}
.hz2022.index .brand{
    position: relative;
    min-height: 4rem;
    margin: auto;
}
.hz2022.index .body{
    margin: auto;
}
.hz2022 .dropload-down {
    padding-bottom: 0;
    margin-bottom: constant(safe-area-inset-bottom);
    margin-bottom: env(safe-area-inset-bottom);
}
.hz2022 .hz_exhibitor .exhibitor_con .list .price_Right_new .price {
    margin-top: .443333rem;
}
.hz2022 .navbar .top_title {
    background: url(../images/hz2022/detail_bg_3.png) top repeat-y;
    background-size: cover;
}
.hz2022{
    min-height: calc(100vh - 1.2rem);
}
.hz2022 .order_btn {
    width: 1.866667rem;
    height: .72rem;
    overflow: hidden;
    position: relative;
    float: right;
    text-align: center;
    font-size: .32rem;
    font-family: PingFangSC-Regular;
    color: #535353;
    line-height: .75rem;
}
.hz2022 .order_btn::after {
    content: " ";
    position: absolute;
    width: 200%;
    height: 200%;
    border: 1px solid #B8B8B8;
    transform: scale(.5);
    top: 0;
    left: 0;
    transform-origin: 0 0;
    border-radius: .72rem;
    pointer-events: none;
    box-sizing: border-box;
}
.hz2022 .hz_bottom .bom_flex .home{
    position: relative;
    width: .66rem;
}
.hz2022  .hz_exhibitor .exhibitor_con .list .con_Center .name .label{
    line-height: .373333rem;
}
.sponsor{
    position: relative;
    width: 9.2rem;
    margin: 0 auto 1.5rem auto;
    height: auto;
    /* display: none; */
}
.sponsor img{
    width: 100%;
    height: auto;
    border-radius: .213333rem;
}
.apply_exhibition_btn {
    display: block;
    width: 7.5rem;
    height: 1.2rem;
    background: rgb(255,183,28);
    color: #fff;
    margin: 0.8rem auto;
    border-radius: 0.6rem;
    font-size: 0.6rem;
    font-weight: bold;
    line-height: 1.2rem;
    text-align: center;
    border: 1px solid rgb(208 199 208);
}
/* 创新展 new */
.hz_container{
    width: 10rem;
    margin: 0 auto 1.6667rem;
    position: relative;
}
.hz_container .hz_tab{
    display: flex;
    justify-content: space-between;
    height: 1.0667rem;
    line-height: 1.0667rem;
    /* margin-bottom: .3467rem; */
    width: 10rem;
    padding: 0 .4rem;
}
.hz_container.fixed .hz_tab{
    position: fixed;
    top: 0;
    z-index: 100;
    background: #fff;
}
.hz_container.fixed .exhibition_box{
    position: fixed;
    top: 1.0667rem;
    z-index: 100;
    background: #f5f5f5;
}
.hz_container .hz_tab .title{
    height: 1.0667rem;
    line-height: 1.0667rem;
    font-size: .3733rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
}
.hz_container .hz_tab .title.active{
    position: relative;
    font-size: .4533rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #000000;
}
.hz_container .hz_tab .title.active::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: .9733rem;
    height: .08rem;
    background: #FFB400;

}
.hz_container .hz_content{
    padding: 0 .4rem;
}
.hz_container .hz_content .hz_content_item {}
.hz_container .hz_content_item .exhibition_select{
    display: flex;
    justify-content: space-between;
    /* margin-bottom: .3333rem; */
    width: 9.2rem;
    background: #F5F5F5;
    padding: 0.3467rem 0 0.3333rem;
}
.hz_container .hz_content_item .exhibition_select .exhibition_item{
    width: 1.6267rem;
    height: .64rem;
    background: #FFFFFF;
    color: #666;
    border-radius: .0533rem;
    line-height: .64rem;
    text-align: center;
    margin-right: .16rem;
}
.hz_container .hz_content_item .exhibition_select .exhibition_item:last-of-type{
    margin-right: 0;
}
.hz_container .hz_content_item .exhibition_select .exhibition_item.active{
    background: #202028;
    border-radius: .0533rem;
    border: 1px solid #000000;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
}
.hz_container .hz_content_item .exhibition_search{
    display: flex;
    width: 9.2rem;
    height: 1.0667rem;
    background: #FFFFFF;
    border-radius: .1067rem;
    padding: .2533rem .4rem;
    margin-bottom: .2933rem;
}
.hz_container .hz_content_item .exhibition_search .input_search{
    position: relative;
    margin-right: .52rem;
}
.hz_container .exhibition_search .input_search input{
    position: relative;
    width: 6.9333rem;
    height: .56rem;
    font-size: .4rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #AFAFAF;
    line-height: .56rem;
    background: none;
    border: none;
}
.hz_container .exhibition_search .input_search::after{
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: .0133rem;
    height: .5467rem;
    border: .0133rem solid #E4E4E4;
    background: #E4E4E4;
}
.hz_container .hz_content_item .exhibition_search .search_btn{
    height: .56rem;
    font-size: .4rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFB71B;
    line-height: .56rem;
}
.hz_content .price_Right_new .addr{
    height: .5333rem;
    font-size: .3733rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #666666;
    line-height: .5333rem;
    text-align: right;
    margin-bottom: .24rem;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}
.hz_content .price_Right_new .link_btn{
    width: 1.92rem;
    height: .72rem;
    background: rgba(255, 183, 27, 0.1);
    border-radius: .4rem;
    border: 1px solid #FFB71B;
    font-size: .2933rem;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* 特备活动 */
.activity_img{
    display: block;
    width: 9.2rem;
    height: 3.3333rem;
    background: #FFFFFF;
    border-radius: .2133rem;
    margin-bottom: .32rem;
}
.activity_img .img{
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
    border-radius: .2133rem;
}
.hzbg .hz_bottom .right{
    height: .96rem;
    font-size: .3467rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: .96rem;
    display: flex;
    justify-content: space-between;
    flex: 1;
}
.hzbg .hz_bottom .right .apply{
    display: block;
    width: 3.1467rem;
    height: .96rem;
    background: #444447;
    border-radius: .48rem;
    color: #FFFFFF;
}
.hzbg .hz_bottom .right .enter_group{
    width: 3.1467rem;
    height: .96rem;
    background: #FFB71B;
    border-radius: .48rem;
}
.hz2022_dialog{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.4);
    z-index: 100;
    display: none;
}
.hz2022_dialog .content{
    width: 7.7333rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    height: 9.0667rem;
    background: url(../images/hz2022/qr_dialog.png) center no-repeat;
    background-size: cover;
}
.hz2022_dialog .content .qr_code{
    width: 4rem;
    height: 4rem;
    margin: 3.92rem auto 0;
}
.hz2022_dialog .content .qr_code img{
    display: block;
    width: 4rem;
    height: 4rem;
}
.hz2022_dialog .content .qr_close{
    position: absolute;
    right: .32rem;
    top: .32rem;
    width: .5867rem;
    height: .5867rem;
    background: url(../images/hz2022/qr_close.png) center no-repeat;
    background-size: cover;
}
.hz2022 .exhibition_img{
    width: 9.2rem;
    margin: 0 auto;
    height: auto;
    border-radius: .213333rem;
    overflow: hidden;
}
.hz2022 .exhibition_img img{
    width: 100%;
    height: 100%;
}