body {
    margin: 0;
    overflow-x: hidden;
    background: #121051
}

@media (orientation: landscape) {
    body {
        background-image: url(//qhstaticssl.kujiale.com/newt/24/image/jpeg/1582569438864/4CE15E793C82283554E80E7F887A8B40.jpg);
        background-size: auto 100%;
        background-attachment: fixed
    }
}

@media (max-width: 1300px) and (min-width: 1150px) {
    body {
        zoom: .9
    }
}

div {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box
}

a {
    text-decoration: none
}

.app .topBanner {
    height: 594px;
    width: 100%;
    margin-bottom: -44px
}

.app main {
    width: 1260px;
    margin: 0 auto;
    padding-bottom: 64px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.app.isMobile .topBanner {
    height: 66vw;
    margin-bottom: -3.6vw
}

.app.isMobile main {
    width: 100vw
}

.block {
    margin-bottom: 52px
}

.block.isMobile {
    width: 96.8vw;
    margin-bottom: 9.0666vw
}

.block .block-headerMobile {
    width: 100%;
    height: 12.9333vw;
    line-height: 7.4666vw;
    font-size: 4vw;
    color: #fff;
    text-align: center;
    background-size: 100% 100%;
    background-origin: border-box;
    background-position: 0
}

.block .block-contentMobile {
    width: 100%;
    box-sizing: border-box;
    margin-top: -2.1333vw;
    margin-bottom: -5.3333vw;
    background: url(//qhstaticssl.kujiale.com/newt/24/image/png/1582571852336/19DFBAE8C0CA093577BC4261C99DFCD2.png) repeat-y;
    background-size: 100% 100%;
    background-origin: border-box;
    background-position: 0
}

.block .block-footerMobile {
    width: 100%;
    height: 10vw;
    background: url(//qhstaticssl.kujiale.com/newt/24/image/png/1582571852356/348ED5C1F9627AB990C76FD29ABF77E3.png) no-repeat;
    background-size: 100% 100%;
    background-origin: border-box;
    background-position: 0
}

.block .block-header {
    width: 1229px;
    height: 80px;
    line-height: 50px;
    font-size: 30px;
    color: #fff;
    text-align: center;
    background-size: 100% 100%;
    background-origin: border-box;
    background-position: 0
}

.block .block-content {
    width: 1229px;
    padding: 0 50px;
    box-sizing: border-box;
    margin-top: -5px;
    margin-bottom: -10px;
    background: url(//qhstaticssl.kujiale.com/newt/24/image/png/1582443948563/0C31D54D107892672938CEFE90A1210A.png) repeat-y;
    background-size: 100% 100%;
    background-origin: border-box;
    background-position: 0
}

.block .block-footer {
    width: 1229px;
    height: 60px;
    background: url(//qhstaticssl.kujiale.com/newt/24/image/png/1582443948784/704DD16DD53AF67B318B631DCC5C1382.png) repeat-y;
    background-size: 100% 100%;
    background-origin: border-box;
    background-position: 0
}

.exhibitorCardMobile-wrapper {
    position: relative;
    margin-bottom: 1.8666vw;
    transition: all .1s ease-out
}

.exhibitorCardMobile-wrapper .exhibitorCardMobile {
    width: 45.0666vw;
    height: 59.2vw;
    border-radius: .5333vw;
    display: block;
    overflow: hidden;
    z-index: 0;
    background: #fff;
    text-decoration: none
}

.exhibitorCardMobile-wrapper .exhibitorCardMobile .exhibitorCardMobile-cover {
    width: 45.0666vw;
    height: 40vw
}

.exhibitorCardMobile-wrapper .exhibitorCardMobile .exhibitorCardMobile-content {
    position: relative;
    padding: 6.1333vw 2.2666vw 0;
    overflow: hidden;
    width: 45.0666vw;
    height: 19.2vw;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap
}

.exhibitorCardMobile-wrapper .exhibitorCardMobile .exhibitorCardMobile-tag {
    height: 4.8vw;
    line-height: 4.8vw;
    padding: 0 2.1333vw;
    border-radius: 2.4vw;
    font-size: 2.6666vw;
    background: #f2f2f2;
    color: #666;
    margin-right: .6666vw;
    margin-bottom: 1.6vw;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.exhibitorCardMobile-wrapper .exhibitorCardMobile .exhibitorCardMobile-logoWrapper {
    position: absolute;
    width: 26.6666vw;
    height: 9.3333vw;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    box-shadow: 0 4px 4px 0 rgba(18, 16, 81, .1);
    top: 34.9333vw;
    left: 9.0666vw;
    overflow: hidden;
    border-radius: 5.2vw;
    background: #fff
}

.exhibitorCardMobile-wrapper .exhibitorCardMobile .exhibitorCardMobile-logo {
    width: 20vw;
    height: 7.7333vw;
    background-size: contain
}

.exhibitorCardMobile-wrapper .exhibitorCardMobile-badget {
    position: absolute;
    width: 14.6666vw;
    height: 14.9333vw;
    top: -.8vw;
    left: -.8vw;
    background-image: url(//qhstaticssl.kujiale.com/newt/24/image/png/1582571843066/EAC27E48D577C6E921DFC9CE58BBDCB7.png);
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.exhibitorCardMobile-wrapper .exhibitorCardMobile-badget .exhibitorCardMobile-badgetText {
    z-index: 1;
    white-space: nowrap;
    word-break: keep-all;
    font-size: 2.1333vw;
    line-height: 3.4666vw;
    color: #fff;
    -webkit-transform: rotate(-45deg) translateY(-3.3vw);
    transform: rotate(-45deg) translateY(-3.3vw)
}

.exhibitorCard-wrapper {
    position: relative;
    margin: 0 6px 16px;
    transition: all .1s ease-out
}

.exhibitorCard-wrapper .exhibitorCard-cover {
    width: 270px;
    height: 300px;
    transition: all .2s
}

.exhibitorCard-wrapper .exhibitorCard {
    width: 270px;
    height: 370px;
    border-radius: 4px;
    display: block;
    overflow: hidden;
    z-index: 0;
    background: #fff;
    text-decoration: none
}

.exhibitorCard-wrapper .exhibitorCard:hover .exhibitorCard-cover {
    -webkit-filter: brightness(.8);
    filter: brightness(.8)
}

.exhibitorCard-wrapper .exhibitorCard-content {
    position: relative;
    padding:0;
    overflow: hidden;
    width: 270px;
    height: 64px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap
}

.exhibitorCard-wrapper .exhibitorCard-tag {
    height: 26px;
    line-height: 26px;
    padding: 0 17px;
    border-radius: 13px;
    font-size: 14px;
    background: #f2f2f2;
    color: #666;
    margin-right: 4px;
    margin-bottom: 9px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.exhibitorCard-wrapper .exhibitorCard-logoWrapper {
    position: absolute;
    width: 164px;
    height: 58px;
    box-sizing: border-box;
    box-shadow: 0 4px 4px 0 rgba(18, 16, 81, .1);
    top: 212px;
    left: 53px;
    overflow: hidden;
    border-radius: 29px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.exhibitorCard-wrapper .exhibitorCard-logo {
    width: 110px;
    height: 40px;
    background-size: contain
}

.exhibitorCard-wrapper .exhibitorCard-badget {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 84px;
    top: -3px;
    left: -3px;
    background-image: url(//qhstaticssl.kujiale.com/newt/24/image/png/1582742158936/EAC27E48D577C6E921DFC9CE58BBDCB7.png);
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1
}

.exhibitorCard-wrapper .exhibitorCard-badgetText {
    z-index: 1;
    white-space: nowrap;
    word-break: keep-all;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    -webkit-transform: rotate(-45deg) translateY(-17px);
    transform: rotate(-45deg) translateY(-17px)
}

.exhibitors {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
}

.exhibitorsMobile {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 2.4vw
}

.bigBrandBlock {
    width: 1247px;
    height: 1339px;
    background: url(//qhstaticssl.kujiale.com/newt/24/image/png/1582443949443/31E6D4B0B6F53F7743E110FAC4394931.png);
    padding: 0 58px;
    box-sizing: border-box
}

.bigBrandBlock .bigBrandBlock-title {
    padding: 10px 0;
    font-size: 30px;
    text-align: center;
    color: #fff
}

.bigBrandBlock .exhibitors {
    padding-top: 24px
}

.kjlCards {
    display: flex;
    margin: 0 -13px;
    justify-content: space-between
}

.kjlCards:after, .kjlCards:before {
    content: "";
    display: block
}

.kjlCards .kjlCards-link {
    display: block
}

.kjlCards .kjlCards-card {
    width: 564px;
    height: 351px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    transition: all .2s
}

.kjlCards .kjlCards-card:hover {
    -webkit-filter: brightness(.8);
    filter: brightness(.8)
}

.kjlCards .kjlCards-badget {
    position: absolute;
    top: 0;
    left: 0;
    width: 75px;
    height: 34px;
    color: #fff;
    line-height: 34px;
    text-align: center;
    border-bottom-right-radius: 16px;
    background: linear-gradient(to bottom right, #4f9df6 0, #3a7cf0)
}

.kjlCards .kjlCards-h1 {
    margin-top: 114px;
    font-size: 30px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 20px;
    white-space: pre-line;
    word-break: keep-all;
    text-align: center
}

.kjlCards .kjlCards-h2 {
    margin-bottom: 26px;
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    text-align: center
}

.kjlCards .kjlCards-btn {
    background: linear-gradient(to bottom right, #4f9df6 0, #3a7cf0);
    width: 154px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 25px;
    margin: 0 auto;
    color: #fff
}

.kjlCardsMobile {
    width: 90.6666vw;
    margin: 0 auto;
    left: 0;
    right: 0
}

.kjlCardsMobile .kjlCardsMobile-link {
    display: block
}

.kjlCardsMobile .kjlCardsMobile-link:first-child {
    margin-bottom: 2.8vw
}

.kjlCardsMobile .kjlCardsMobile-card {
    width: 90.6666vw;
    height: 46.6666vw;
    border-radius: .5333vw;
    overflow: hidden;
    position: relative
}

.kjlCardsMobile .kjlCardsMobile-badget {
    position: absolute;
    top: 0;
    left: 0;
    width: 10vw;
    height: 4.5333vw;
    color: #fff;
    line-height: 4.5333vw;
    font-size: 2.4vw;
    text-align: center;
    border-bottom-right-radius: 2.16vw;
    background: linear-gradient(to bottom right, #4f9df6 0, #3a7cf0)
}

.kjlCardsMobile .kjlCardsMobile-h1 {
    margin-top: 13.0666vw;
    margin-bottom: 2.9333vw;
    font-size: 5.8666vw;
    color: #fff;
    white-space: pre-line;
    word-break: keep-all;
    text-align: center
}

.kjlCardsMobile .kjlCardsMobile-h2 {
    margin-bottom: 4.5333vw;
    font-size: 3.2vw;
    color: #fff;
    text-align: center
}

.kjlCardsMobile .kjlCaredsMobile-btn {
    background: linear-gradient(to bottom right, #4f9df6 0, #3a7cf0);
    width: 33.3333vw;
    height: 10.1333vw;
    line-height: 10.1333vw;
    text-align: center;
    border-radius: 5.0666vw;
    margin: 0 auto;
    color: #fff;
    font-size: 4vw
}

.elevator {
    position: fixed;
    right: calc(50vw - 775px);
    bottom: 40px;
    width: 130px;
    height: 464px;
    background: url(//qhstaticssl.kujiale.com/newt/24/image/png/1582443949111/6443CE2318FF47B9B8375FB356CCFAAA.png);
    z-index: 10
}

@media (max-width: 1590px) {
    .elevator {
        right: 20px
    }
}

.elevator .elevator-weiboHotSpot {
    position: absolute;
    display: block;
    top: 11px;
    left: 11px;
    right: 11px;
    height: 25px;
    cursor: pointer
}

.elevator .elevetor-shareQrCode {
    display: none;
    position: absolute;
    padding: 4px;
    height: 148px;
    width: 148px;
    bottom: -156px;
    background: #fff;
    right: 0
}

.elevator .elevator-weixinHotSpot {
    position: absolute;
    top: 54px;
    left: 11px;
    right: 11px;
    height: 25px;
    cursor: pointer
}

.elevator .elevator-weixinHotSpot:hover .elevetor-shareQrCode {
    display: block
}

.elevator .elevator-popover {
    position: absolute;
    left: -90px;
    top: 8px;
    display: none;
    width: 101px;
    height: 90px;
    background: url(//qhstaticssl.kujiale.com/newt/24/image/png/1582443949307/64DCAACE804AD0AC1DCDA96455204832.png);
    cursor: auto
}

.elevator .elevator-shareHotSpot {
    position: absolute;
    width: 112px;
    height: 96px;
    top: 5px;
    left: 10px;
    cursor: pointer
}

.elevator .elevator-shareHotSpot:hover .elevator-popover {
    display: block
}

.elevator .elevator-links {
    margin-top: 121px;
    height: 302px;
    padding: 8px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

.elevator .elevator-links:after, .elevator .elevator-links:before {
    content: "";
    display: block
}

.elevator .elevator-arrow {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 7px solid #9ef6fa;
    width: 0;
    margin: 0 auto;
    transition: border-bottom-color .05s ease-out
}

.elevator .elevator-link {
    font-size: 18px;
    color: #9ef6fa;
    width: 93px;
    text-align: center;
    cursor: pointer;
    transition: color .05s ease-out
}

.elevator .elevator-link.active, .elevator .elevator-link:hover {
    color: #fff
}

.elevator .elevator-link.active .elevator-arrow, .elevator .elevator-link:hover .elevator-arrow {
    border-bottom-color: #fff
}

.elevator .elevator-divider {
    height: 1px;
    background: #3a48a2;
    margin: 4px 0;
    width: 93px
}

.elevatorMobile {
    position: fixed;
    right: 0;
    top: 62vw;
    width: 25.8666vw;
    height: 54.6666vw;
    background-image: url(//qhstaticssl.kujiale.com/newt/24/image/png/1582571843077/BBA204C3DBC83C3C5A002BB34BC131D9.png);
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 10;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

.elevatorMobile:after, .elevatorMobile:before {
    content: "";
    display: block
}

.elevatorMobile .elevatorMobile-link {
    font-size: 3.73333vw;
    color: #94e5ef;
    width: 19.7333vw;
    text-align: center;
    cursor: pointer;
    transition: color .2s ease-out
}

.elevatorMobile .elevatorMobile-link.active {
    color: #fff
}

.floatBanner {
    position: fixed;
    left: calc(50vw - 773px);
    bottom: 100px;
    width: 128px;
    height: 398px;
    background: url(//qhstaticssl.kujiale.com/newt/24/image/png/1582568946586/FBD6BB9F685878EC24CC1E293AF186C8.png);
    display: flex;
    flex-direction: column;
    z-index: 10
}

@media (max-width: 1586px) {
    .floatBanner {
        left: 20px
    }
}

.floatBanner .floatBanner-hotSpot {
    display: block;
    flex: 1 1;
    transition: all .2s
}

.floatBanner .floatBanner-hotSpot:hover {
    background: rgba(0, 0, 0, .2)
}

.congratulationModal {
    position: fixed;
    width: 450px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-bottom: 30px;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background: #fff;
    border-radius: 8px;
    display: none;
    z-index: 100
}

.congratulationModal.visible {
    display: flex
}

.congratulationModal .congratulationModal-closeIcon {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 11px;
    right: 11px;
    cursor: pointer
}

.congratulationModal .congratulationModal-congratulation {
    font-size: 36px;
    line-height: 36px;
    margin: 45px auto 20px;
    text-align: center
}

.congratulationModal .congratulationModal-feedback {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 38px;
    text-align: center;
    color: #666
}

.congratulationModal .congratulationModal-btn {
    width: 160px;
    height: 52px;
    line-height: 52px;
    border-radius: 26px;
    background: linear-gradient(to bottom right, #58aaf8 0, #3b7df1);
    color: #fff;
    text-align: center;
    cursor: pointer;
    transition: all .3s
}

.congratulationModal .congratulationModal-btn:hover {
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1)
}

.congratulationModal.isMobile {
    top: 46.6666vw;
    width: 91.4666vw;
    padding-bottom: 8vw;
    border-radius: 2.1333vw
}

.congratulationModal.isMobile .congratulationModal-closeIcon {
    width: 3.6vw;
    height: 3.6vw;
    top: 2.2666vw;
    right: 2.2666vw
}

.congratulationModal.isMobile .congratulationModal-congratulation {
    font-size: 8.2666vw;
    line-height: 8.2666vw;
    margin: 8.5333vw auto 3.6vw;
    text-align: center
}

.congratulationModal.isMobile .congratulationModal-feedback {
    font-size: 5.6vw;
    line-height: 5.6vw;
    margin-bottom: 6.8vw
}

.congratulationModal.isMobile .congratulationModal-btn {
    width: 32.6666vw;
    height: 10.6666vw;
    line-height: 10.6666vw;
    border-radius: 5.3333vw;
    font-size: 5.6vw
}

.giftCards {
    display: flex;
    flex-wrap: wrap
}

.giftCards.isBrowser {
    justify-content: space-between
}

.giftCards.isBrowser:after, .giftCards.isBrowser:before {
    content: "";
    display: block
}

.giftCards.isBrowser .giftCard {
    width: 541px;
    height: 140px;
    cursor: pointer
}

.giftCards.isMobile {
    width: 86.9333vw;
    margin: 0 auto
}

.giftCards.isMobile .giftCard {
    width: 86.9333vw;
    height: 21.3333vw
}

.giftCards.isMobile .giftCard:first-child {
    margin-bottom: 3.4666vw
}

.instruction {
    font-size: 16px;
    line-height: 28px;
    padding: 30px 36px 18px 284px;
    width: 1178px;
    background-color: #191765;
    color: #fff;
    border-radius: 8px;
    position: relative
}

.instruction .instruction-title {
    position: absolute;
    left: 57px;
    width: 123px;
    height: 48px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.instruction .instruction-divider {
    position: absolute;
    top: 30px;
    left: 238px;
    width: 1px;
    background-color: #6264a3;
    bottom: 18px
}

.instructionMobile {
    background-color: #191765;
    width: 96vw;
    border-radius: 1.6vw;
    padding: 5.3333vw 5.4666vw;
    color: #fff
}

.instructionMobile .instrictionMobile-tltle {
    font-size: 4vw;
    line-height: 4vw;
    text-align: center
}

.instructionMobile .instructionMobile-divider {
    width: 7.6vw;
    height: .2666vw;
    background-color: #687ef5;
    margin: 1.4666vw auto 2.4vw
}

.instructionMobile .instructionMobile-content {
    font-size: 3.2vw;
    line-height: 5.3333vw
}