input[data-v-444c470f] {
    height: 44px;
    border: 1px solid #c7c7c7;
    border-radius: 4px;
    width: calc(100% - 30px);
    padding: 0 15px
}

input[data-v-444c470f]:focus {
    outline: none !important;
    border: 1px solid #c26161;
    box-shadow: 0 0 5px #c7c7c7
}

input[data-v-444c470f]::-moz-placeholder {
    font-weight: 300;
    color: #999
}

input[data-v-444c470f]:-ms-input-placeholder {
    font-weight: 300;
    color: #999
}

input[data-v-444c470f]::placeholder {
    font-weight: 300;
    color: #999
}

.error-message[data-v-444c470f] {
    color: #c26161;
    margin: 8px 4px 0 4px;
    height: 24px
}

.normal-message[data-v-444c470f] {
    color: #939393;
    margin: 8px 4px 0 4px;
    height: 24px
}

.collapse input[data-v-444c470f] {
    font-size: calc(1vw + 7px)
}

.pang-message[data-v-16829bad] {
    position: fixed;
    z-index: 9999999999;
    width: 100%;
    display: flex;
    flex-direction: column
}

.pang-message>div[data-v-16829bad] {
    border-radius: 4px;
    min-width: 150px;
    max-width: 80vw;
    line-height: 45px;
    padding: 0 40px;
    margin: 20px auto 0 auto;
    overflow: hidden;
    text-align: center
}

.success[data-v-16829bad] {
    color: #67c23a;
    background-color: #f0f9eb;
    border: 1px solid #e1f3d8
}

.error[data-v-16829bad] {
    color: #f56c6c;
    background-color: #fef0f0;
    border: 1px solid #fde2e2
}

@-webkit-keyframes anim1-16829bad {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes anim2-16829bad {
    0% {
        opacity: 1;
        margin-top: 20px
    }

    50% {
        opacity: 0;
        margin-top: -45px
    }

    to {
        opacity: 0;
        margin-top: -45px
    }
}

.show-anim[data-v-16829bad] {
    animation: anim1-16829bad .5s 1;
    -webkit-animation: anim1-16829bad .5s 1
}

.hide-anim[data-v-16829bad] {
    animation: anim2-16829bad 1s 1;
    -webkit-animation: anim2-16829bad 1s 1
}

.pang-tab[data-v-4e33dd27] {
    font-size: 18px;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pang-tab>div[data-v-4e33dd27] {
    line-height: 59px;
    max-width: 120px;
    width: 20.27vw;
    text-align: center;
    margin-right: 2.23vw
}

.active[data-v-4e33dd27] {
    color: #c6a86c;
    border-bottom: 3px solid #c6a86c
}

.inactive[data-v-4e33dd27] {
    color: #686a6e;
    cursor: pointer
}

.butt .active[data-v-4e33dd27] {
    background: #c6a86c;
    color: #fff;
    border-bottom: none
}

.butt .inactive[data-v-4e33dd27] {
    border: 1px solid #a4a4a4
}

.butt>div[data-v-4e33dd27] {
    line-height: 30px;
    width: 120px;
    height: 30px;
    font-size: 14px;
    border-radius: 15px;
    text-align: center;
    margin-right: 20px
}

.collapse[data-v-4e33dd27] {
    font-size: calc(1vw + 9px)
}

.collapse .butt>div[data-v-4e33dd27] {
    width: calc(7vw + 57px);
    height: calc(1.6vw + 15.6px);
    border-radius: calc(.8vw + 7.8px);
    line-height: calc(1.6vw + 15.6px);
    margin-right: calc(1vw + 11px);
    font-size: calc(1vw + 5px);
    margin-top: calc(1vw + 13px)
}

.pang-sms-input[data-v-16d14b08] {
    display: flex
}

select[data-v-16d14b08] {
    font-size: 16px;
    font-weight: 300;
    color: #999;
    border: 1px solid #c7c7c7;
    border-radius: 4px;
    background-color: #fff;
    width: 25.14%;
    padding: 0 10px
}

select[data-v-16d14b08]:focus {
    outline: none !important;
    border: 1px solid #c7c7c7
}

input[data-v-16d14b08] {
    height: 44px;
    width: calc(100% - 156px);
    padding: 0 15px;
    border: none;
    font-size: 16px
}

input[data-v-16d14b08]:focus {
    outline: none !important;
    border: none;
    box-shadow: none
}

.focus[data-v-16d14b08] {
    outline: none !important;
    border: 1px solid #c26161;
    box-shadow: 0 0 5px #c7c7c7
}

input[data-v-16d14b08]::-moz-placeholder {
    font-weight: 300;
    color: #999
}

input[data-v-16d14b08]:-ms-input-placeholder {
    font-weight: 300;
    color: #999
}

input[data-v-16d14b08]::placeholder {
    font-weight: 300;
    color: #999
}

.error-message[data-v-16d14b08] {
    color: #c26161;
    margin: 8px 4px 0 4px;
    height: 24px
}

.normal-message[data-v-16d14b08] {
    color: #939393;
    margin: 8px 4px 0 4px;
    height: 24px
}

.phone-container[data-v-16d14b08] {
    display: flex
}

.input-but-container[data-v-16d14b08] {
    border: 1px solid #c7c7c7;
    border-radius: 4px;
    margin-left: 17px;
    overflow: hidden;
    width: calc(74.86% - 17px)
}

.input-but-container button[data-v-16d14b08] {
    height: 30px;
    background: #c6a86c;
    border-radius: 15px;
    font-size: 14px;
    color: #fff;
    width: 120px
}

.input-but-container button[data-v-16d14b08]:disabled {
    cursor: unset;
    background: #c7c7c7
}

.phone-input-container[data-v-16d14b08] {
    width: 70.78%
}

.phone-input-container-mobile[data-v-16d14b08] {
    width: 100%;
    margin-bottom: 21px
}

.code-container[data-v-16d14b08] {
    margin-left: 17px
}

.no-area-code .input-but-container[data-v-16d14b08] {
    margin-left: 0;
    width: calc(100% - 7px)
}

.pang-sms-input-mobile input[data-v-16d14b08],
.pang-sms-input-mobile select[data-v-16d14b08] {
    font-size: calc(1vw + 7px)
}

.pang-sms-input-mobile input[data-v-16d14b08] {
    width: calc(100% - 46px - 4vw - 44px);
    padding: 0 15px
}

.pang-sms-input-mobile select[data-v-16d14b08] {
    width: calc(25.14% + 19px - 2vw)
}

.pang-sms-input-mobile .input-but-container button[data-v-16d14b08] {
    height: 30px;
    border-radius: 15px;
    font-size: calc(1vw + 5px);
    width: calc(4vw + 54px)
}

.pang-sms-input-mobile .input-but-container[data-v-16d14b08] {
    margin-left: calc(2vw - 1px)
}

input[data-v-54099927] {
    height: 44px;
    width: calc(100% - 156px);
    padding: 0 15px;
    border: none
}

input[data-v-54099927]:focus {
    outline: none !important;
    border: none;
    box-shadow: none
}

.focus[data-v-54099927] {
    outline: none !important;
    border: 1px solid #c26161;
    box-shadow: 0 0 5px #c7c7c7
}

input[data-v-54099927]::-moz-placeholder {
    font-weight: 300;
    color: #999
}

input[data-v-54099927]:-ms-input-placeholder {
    font-weight: 300;
    color: #999
}

input[data-v-54099927]::placeholder {
    font-weight: 300;
    color: #999
}

.input-but-container[data-v-54099927] {
    border: 1px solid #c7c7c7;
    border-radius: 4px;
    overflow: hidden;
    width: 100%
}

.input-but-container button[data-v-54099927] {
    height: 30px;
    background: #c6a86c;
    border-radius: 15px;
    font-size: 14px;
    color: #fff;
    width: 120px
}

.input-but-container button[data-v-54099927]:disabled {
    cursor: unset;
    background: #c7c7c7
}

.error-message[data-v-54099927] {
    color: #c26161;
    margin: 8px 4px 0 4px;
    height: 24px;
    text-align: left
}

.normal-message[data-v-54099927] {
    color: #939393;
    margin: 8px 4px 0 4px;
    height: 24px;
    text-align: left
}

.collapse input[data-v-54099927] {
    font-size: calc(1vw + 7px)
}

.image-container[data-v-896dcc68] {
    height: 100%;
    width: 100%;
    display: inline-block;
    background-size: 100% 100%
}

.has-link[data-v-896dcc68] {
    cursor: pointer
}

.fade-enter-active[data-v-896dcc68],
.fade-leave-active[data-v-896dcc68] {
    transition: all 1s ease;
    transition: translateX(0)
}

.fade-enter[data-v-896dcc68],
.fade-leave-to[data-v-896dcc68] {
    transition: translateX(100%);
    width: 0
}

.butt[data-v-896dcc68] {
    position: absolute;
    margin-top: calc(-7.13542vw - 60px);
    height: 40px;
    width: 100%;
    display: flex;
    z-index: 100
}

.butt>div[data-v-896dcc68] {
    padding: 25px;
    cursor: pointer
}

.butt-item[data-v-896dcc68] {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: #ccc;
    margin: auto
}

.active[data-v-896dcc68] {
    background-color: #c6a86c
}

.butt>div[data-v-896dcc68]:first-child {
    margin-left: auto
}

.butt>div[data-v-896dcc68]:last-child {
    margin-right: auto
}

.pang-title[data-v-25f9dd7a] {
    width: 90vw;
    max-width: 640px;
    margin: 29px auto;
    text-align: center
}

.pang-title>div[data-v-25f9dd7a]:first-child {
    font-size: 52px;
    font-weight: 400;
    color: #c6a86c
}

.pang-title span[data-v-25f9dd7a] {
    font-size: 21px;
    font-weight: 400;
    color: #b4b6b9;
    margin: 0 12px
}

.collapse>div[data-v-25f9dd7a]:first-child {
    font-size: 6vw
}

.collapse span[data-v-25f9dd7a] {
    font-size: 3vw
}

.pang-butt[data-v-5b57f082] {
    text-align: center;
    color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pang-butt i[data-v-5b57f082] {
    display: inline-block
}

.has-on-icon[data-v-5b57f082] {
    position: absolute;
    margin: 12px -20px
}

.pang-butt img[data-v-5b57f082] {
    width: 16px;
    height: 16px;
    margin-bottom: -3px;
    display: inline-block
}

.normal[data-v-5b57f082] {
    height: 38px;
    line-height: 38px;
    background: linear-gradient(132deg, #c5a76c, #e0cca4);
    border-radius: 19px;
    font-size: 14px;
    padding: 0 29px
}

.submit[data-v-5b57f082] {
    background-color: #c6a86c;
    margin: auto;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 400
}

.cancel .has-on-icon[data-v-5b57f082],
.submit .has-on-icon[data-v-5b57f082] {
    margin: 13px -20px
}

.cancel[data-v-5b57f082] {
    background-color: #dcdcdc;
    margin: auto;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 400
}

.account-cancel[data-v-5b57f082],
.account-submit[data-v-5b57f082] {
    width: 100%;
    height: 60px;
    line-height: 60px;
    border-radius: 4px;
    font-weight: 300;
    color: #fff;
    font-size: 22px
}

.account-submit[data-v-5b57f082] {
    background: #2c82ff
}

.account-cancel[data-v-5b57f082] {
    background-color: #c6c9ce
}

.account-cancel .has-on-icon[data-v-5b57f082],
.account-submit .has-on-icon[data-v-5b57f082] {
    margin: 22px -30px
}

.collapse[data-v-5b57f082] {
    font-size: calc(1vw + 4px);
    padding: 0 calc(2vw + 11px);
    height: 30px;
    line-height: 30px
}

.collapse .account-cancel[data-v-5b57f082],
.collapse .account-submit[data-v-5b57f082] {
    width: 100%;
    height: calc(3vw + 33px);
    line-height: calc(3vw + 33px);
    border-radius: 4px;
    font-weight: 300;
    color: #fff;
    font-size: calc(1vw + 13px);
    padding: 0
}

.collapse .cancel[data-v-5b57f082],
.collapse .submit[data-v-5b57f082] {
    height: calc(2vw + 22px);
    line-height: calc(2vw + 22px);
    font-size: calc(1vw + 5px);
    padding: 0
}

.plain[data-v-5b57f082] {
    display: inline-block;
    margin: auto
}

.pang-search[data-v-47ad3b2c] {
    width: 100%;
    max-width: 482px;
    display: flex;
    height: 38px;
    line-height: 38px;
    border: 1px solid #c6a86c;
    border-radius: 19px;
    overflow: hidden;
    margin: auto
}

.select-container[data-v-47ad3b2c] {
    border-right: 1px solid #e3d8c6;
    width: 109px
}

.select-container>select[data-v-47ad3b2c] {
    border: none;
    width: 88px;
    color: #e4d8c5;
    text-align: center;
    padding-left: 10px;
    margin: 0 10px
}

.input-container[data-v-47ad3b2c] {
    width: calc(100% - 175px)
}

.input-container>input[data-v-47ad3b2c] {
    margin: 0 10px;
    padding: 0 10px;
    width: calc(100% - 20px);
    border: none;
    color: #686a6e
}

.input-container>input[data-v-47ad3b2c]:focus,
.select-container>select[data-v-47ad3b2c]:focus {
    outline: none !important;
    border: none;
    box-shadow: none
}

.input-container>input[data-v-47ad3b2c]::-moz-placeholder {
    font-weight: 300;
    color: #bfbfbf
}

.input-container>input[data-v-47ad3b2c]:-ms-input-placeholder {
    font-weight: 300;
    color: #bfbfbf
}

.input-container>input[data-v-47ad3b2c]::placeholder {
    font-weight: 300;
    color: #bfbfbf
}

.butt-container[data-v-47ad3b2c] {
    width: 65px;
    height: 38px;
    background: linear-gradient(132deg, #c6a86c, #e0cda5);
    border-radius: 19px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    cursor: pointer
}

.pang-pager[data-v-69829958] {
    font-weight: 300;
    color: #acacb0;
    display: flex;
    margin: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pang-pager>div[data-v-69829958]:first-child {
    margin-left: auto
}

.pang-pager>div[data-v-69829958]:last-child {
    margin-right: auto
}

.paging-container[data-v-69829958] {
    display: flex
}

.page-butt[data-v-69829958],
.paging-container>div[data-v-69829958] {
    height: 36px;
    line-height: 36px;
    border: 1px solid #acacb0;
    text-align: center;
    margin: 0 4.5px;
    padding: 0 5px;
    cursor: pointer
}

.paging-container>div[data-v-69829958] {
    width: 26px
}

.active[data-v-69829958] {
    background: #c6a86c;
    color: #fff
}

.collapse[data-v-69829958] {
    font-size: calc(1.5vw + 2.5px)
}

.collapse .page-butt[data-v-69829958] {
    padding: 0 .5vw;
    height: calc(2vw + 18px);
    line-height: calc(2vw + 18px)
}

.collapse .paging-container>div[data-v-69829958] {
    width: calc(2vw + 8px);
    height: calc(2vw + 18px);
    line-height: calc(2vw + 18px)
}

.articles-container[data-v-e821bf6a] {
    margin-top: 54px;
    margin-bottom: 48px;
    color: #686a6e
}

.articles-container>div[data-v-e821bf6a] {
    display: flex;
    margin-bottom: 32px;
    width: 100%
}

.article-type[data-v-e821bf6a] {
    height: 92px;
    width: 65px;
    padding-right: 39px;
    border-right: 1px solid#D6E0EB;
    font-size: 14px;
    color: #fff
}

.article-type>div[data-v-e821bf6a] {
    width: 65px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    background: linear-gradient(132deg, #c6a86c, #e0cda5);
    border-radius: 15px;
    margin-top: 32px
}

.article-detail[data-v-e821bf6a] {
    margin-left: 41px;
    width: calc(100% - 145px)
}

.article-detail>div[data-v-e821bf6a]:first-child {
    display: flex;
    margin: 13px 0
}

.article-detail>div[data-v-e821bf6a]:last-child,
.article-title[data-v-e821bf6a] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.article-title[data-v-e821bf6a] {
    font-size: 22px;
    font-weight: 400;
    padding-right: 20px;
    cursor: pointer
}

.article-date[data-v-e821bf6a] {
    color: #a8aeb3;
    line-height: 32px;
    margin-left: auto
}

.collapse[data-v-e821bf6a] {
    padding-right: 0;
    border-right: none
}

.no-data[data-v-e821bf6a] {
    font-size: 40px;
    text-align: center;
    margin-top: 150px;
    color: #a8aeb3
}

.article-collapse .article-title[data-v-e821bf6a] {
    font-size: calc(1vw + 13px)
}

.article-collapse .article-detail>div[data-v-e821bf6a] {
    font-size: calc(1vw + 7px)
}

.article-collapse .articles-container>div[data-v-e821bf6a] {
    margin-bottom: calc(3vw + 5px)
}

.article-collapse .article-detail[data-v-e821bf6a] {
    margin-left: calc(4vw + 5px);
    width: calc(100% - 100px - 4vw)
}

.pang-map[data-v-1b33a46d] {
    display: inline-block
}

.map-item[data-v-1b33a46d] {
    max-width: 243px;
    width: calc(22.5vw - 22px);
    max-height: 203px;
    height: 18.8vw;
    overflow: hidden;
    border: 1px solid #000;
    margin: 9px;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column-reverse;
    cursor: pointer
}

.map-item>img[data-v-1b33a46d] {
    width: 15%;
    display: inline-block;
    margin: auto;
    padding-top: 10px
}

.collapse[data-v-1b33a46d] {
    max-width: inherit;
    max-height: inherit;
    width: calc(45vw - 22px);
    height: 37.6vw
}

.full-collapse[data-v-1b33a46d] {
    max-width: inherit;
    max-height: inherit;
    width: calc(90vw - 22px);
    height: 75.2vw
}

.show[data-v-1b33a46d] {
    background: rgba(0, 0, 0, .48);
    color: #cacaca
}

.not-show[data-v-1b33a46d],
.show[data-v-1b33a46d] {
    line-height: 29px;
    height: 29px;
    padding: 0 10px;
    font-size: 14px;
    overflow: hidden
}

.not-show[data-v-1b33a46d] {
    background: none;
    color: transparent
}

.content img {
    max-width: 100%
}

.pang-article-detail[data-v-4316e956] {
    max-width: 1000px;
    width: 90vw;
    color: #686a6e;
    margin: auto
}

.title[data-v-4316e956] {
    text-align: center;
    margin-top: 60px
}

.title>h1[data-v-4316e956] {
    font-size: 28px;
    font-weight: 400
}

.title>div[data-v-4316e956] {
    color: #a8aeb3
}

.content[data-v-4316e956] {
    margin: 40px;
    min-height: 300px;
    word-wrap: break-word;
    word-break: normal
}

.pubtime>span[data-v-4316e956] {
    padding: 10px
}

.pang-product[data-v-475da908] {
    width: calc(100% - 28px);
    text-align: center;
    margin: auto
}

.detail[data-v-475da908] {
    width: 100%;
    background: radial-gradient(circle at bottom left, transparent 15px, #fff 0) 0, radial-gradient(circle at bottom right, transparent 15px, #fff 0) 100%;
    background-size: 50% 100%;
    background-repeat: no-repeat
}

.detail img[data-v-475da908] {
    width: 87px;
    height: 87px;
    margin: 24px
}

.title[data-v-475da908] {
    font-size: 28px;
    color: #c6a86c;
    padding-bottom: 20px
}

.border[data-v-475da908] {
    border-bottom: 1px dashed #fff;
    width: calc(100% - 30px);
    margin: auto
}

.buy[data-v-475da908] {
    width: 100%;
    background: radial-gradient(circle at top left, transparent 15px, #fff 0) 0, radial-gradient(circle at top right, transparent 15px, #fff 0) 100%;
    background-size: 50% 100%;
    background-repeat: no-repeat
}

.price[data-v-475da908] {
    font-size: 18px;
    color: #616161;
    line-height: 32px
}

.buy-butt[data-v-475da908] {
    padding-bottom: 16px;
    padding-top: 4px
}

.buy-butt div[data-v-475da908] {
    line-height: 40px;
    width: 75%;
    background: #c6a86c;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    margin: auto;
    cursor: pointer
}

.pang-dialog[data-v-54bbe7fd] {
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .68);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10499;
    flex-direction: column;
    display: flex
}

.pang-dialog>div[data-v-54bbe7fd] {
    background-color: #fff;
    border-radius: 4px;
    font-size: 36px;
    color: #595959;
    max-width: 391px;
    width: calc(90vw - 66px);
    margin: auto;
    padding: 33px;
    max-height: 60vh;
    overflow-y: auto
}

.collapse .butt-container>div[data-v-54bbe7fd] {
    width: calc(15vw + 45px)
}

.title[data-v-54bbe7fd] {
    text-align: center
}

.butt-container[data-v-54bbe7fd] {
    display: flex
}

.butt-container>div[data-v-54bbe7fd] {
    width: 180px;
    line-height: 40px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    cursor: pointer
}

.cancel-butt[data-v-54bbe7fd] {
    background-color: #dcdcdc;
    margin: auto;
    margin-left: 0
}

.submit-butt[data-v-54bbe7fd] {
    background-color: #c6a86c;
    margin: auto;
    margin-right: 0
}

.body[data-v-54bbe7fd] {
    min-height: 100px;
    font-size: 16px;
    font-weight: 300;
    color: #999;
    line-height: 22px;
    margin: 13px
}

.cancel-only>div[data-v-54bbe7fd],
.collapse .cancel-only>div[data-v-54bbe7fd] {
    width: calc(100% - 26px)
}

.pang-date[data-v-39046420] {
    display: flex
}

.date-input input[data-v-39046420] {
    font-size: 16px;
    color: #e4d8c5;
    border: 1px solid #c6a86c;
    opacity: .3;
    border-radius: 19px;
    padding: 0 15px;
    height: 38px;
    width: 160px
}

.to-contaner[data-v-39046420] {
    line-height: 38px;
    margin: 0 13px
}

input[data-v-39046420]:focus {
    outline: none !important;
    border: 1px solid #c26161;
    box-shadow: 0 0 5px #c7c7c7
}

.theads[data-v-43aee764] {
    display: flex;
    line-height: 48px;
    background: #e7eaf0
}

.tr[data-v-43aee764] {
    display: flex;
    line-height: 69px;
    border-bottom: 1px solid #e7eaf0
}

.tr[data-v-43aee764]:last-child {
    border-bottom: none
}

.td[data-v-43aee764],
.th[data-v-43aee764] {
    padding-left: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.no-data[data-v-43aee764] {
    font-size: 40px;
    text-align: center;
    margin-top: 150px;
    color: #a8aeb3
}

.clickable[data-v-43aee764] {
    cursor: pointer
}

input[data-v-f70f029e] {
    height: 44px;
    border: 1px solid #c7c7c7;
    border-radius: 4px;
    width: calc(100% - 30px);
    padding: 0 15px
}

input[data-v-f70f029e]:focus {
    outline: none !important;
    border: 1px solid #c26161;
    box-shadow: 0 0 5px #c7c7c7
}

input[data-v-f70f029e]::-moz-placeholder {
    font-weight: 300;
    color: #999
}

input[data-v-f70f029e]:-ms-input-placeholder {
    font-weight: 300;
    color: #999
}

input[data-v-f70f029e]::placeholder {
    font-weight: 300;
    color: #999
}

.error-message[data-v-f70f029e] {
    color: #c26161;
    margin: 8px 4px 0 4px;
    height: 24px
}

.preview>img[data-v-f70f029e] {
    width: 100%;
    max-height: 300px
}

.normal-message[data-v-f70f029e] {
    color: #939393;
    margin: 8px 4px 0 4px;
    height: 24px
}

a[data-v-3a9da4f5] {
    cursor: pointer
}

.editor[data-v-3a9da4f5] {
    color: #000;
    border: 1px solid #676a6d
}

.toolboxes>i[data-v-3a9da4f5],
.toolboxes>span[data-v-3a9da4f5] {
    padding: 5px;
    margin: 3px
}

[contenteditable][data-v-3a9da4f5]:focus {
    outline: none
}

.textarea[data-v-3a9da4f5] {
    min-height: 300px
}

#editor[data-v-3a9da4f5] {
    box-shadow: 0 0 2px #ccc;
    min-height: 150px;
    overflow: auto;
    padding: 1em;
    margin-top: 20px;
    resize: vertical;
    outline: none
}

.toolbar[data-v-3a9da4f5] {
    padding-left: 10px
}

.back-wrapper[data-v-3a9da4f5],
.fore-wrapper[data-v-3a9da4f5],
.toolbar a[data-v-3a9da4f5] {
    border: 1px solid #aaa;
    background: #fff;
    font-family: Candal;
    border-radius: 1px;
    color: #000;
    padding: 5px;
    width: 1.5em;
    margin: -2px;
    margin-top: 10px;
    display: inline-block;
    text-decoration: none;
    box-shadow: 0 1px 0 #ccc
}

.back-wrapper[data-v-3a9da4f5]:hover,
.fore-wrapper[data-v-3a9da4f5]:hover,
.toolbar a[data-v-3a9da4f5]:hover {
    background: #f2f2f2;
    border-color: #8c8c8c
}

a[data-command=insertOrderedList][data-v-3a9da4f5],
a[data-command=justifyFull][data-v-3a9da4f5],
a[data-command=outdent][data-v-3a9da4f5],
a[data-command=p][data-v-3a9da4f5],
a[data-command=redo][data-v-3a9da4f5],
a[data-command=strikeThrough][data-v-3a9da4f5],
a[data-command=superscript][data-v-3a9da4f5] {
    margin-right: 5px;
    border-radius: 0 3px 3px 0
}

.fore-wrapper[data-v-3a9da4f5],
a[data-command=h1][data-v-3a9da4f5],
a[data-command=indent][data-v-3a9da4f5],
a[data-command=insertUnorderedList][data-v-3a9da4f5],
a[data-command=justifyLeft][data-v-3a9da4f5],
a[data-command=subscript][data-v-3a9da4f5],
a[data-command=undo][data-v-3a9da4f5] {
    border-radius: 3px 0 0 3px
}

a.palette-item[data-v-3a9da4f5] {
    line-height: 1em;
    text-align: center;
    height: 1em;
    border-radius: 3px;
    margin: 2px;
    width: 1em;
    border: 1px solid #ccc
}

a.palette-item[data-v-3a9da4f5]:hover {
    border: 1px solid #ccc;
    box-shadow: 0 0 3px #333
}

.back-palette[data-v-3a9da4f5],
.fore-palette[data-v-3a9da4f5] {
    display: none
}

.back-wrapper[data-v-3a9da4f5],
.fore-wrapper[data-v-3a9da4f5] {
    display: inline-block;
    cursor: pointer
}

.back-wrapper:hover .back-palette[data-v-3a9da4f5],
.fore-wrapper:hover .fore-palette[data-v-3a9da4f5] {
    display: block;
    float: left;
    position: absolute;
    padding: 3px;
    width: 160px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 0 5px #ccc;
    height: 70px
}

.back-palette a[data-v-3a9da4f5],
.fore-palette a[data-v-3a9da4f5] {
    background: #fff;
    margin-bottom: 2px
}

.dialog-input[data-v-3a9da4f5] {
    padding-top: 65px
}

.error-message[data-v-3a9da4f5] {
    color: #c26161;
    margin: 8px 4px 0 4px;
    height: 24px
}

.comments>.pang-pager>div:first-child {
    margin-left: 0
}

.delbutt-container[data-v-078c6dac] {
    width: 100%;
    margin: 10px auto
}

.dialog-content[data-v-078c6dac] {
    padding: 30px 0;
    font-size: 20px
}

.comment-editor[data-v-078c6dac],
.comments[data-v-078c6dac],
.login-class[data-v-078c6dac] {
    color: #686a6e;
    margin-bottom: 200px;
    max-width: 1040px;
    width: 90vw;
    margin: auto
}

.hint[data-v-078c6dac] {
    font-size: 14px
}

.butt-container[data-v-078c6dac] {
    display: flex;
    max-width: 500px;
    margin-top: 20px
}

.butt-container>div[data-v-078c6dac] {
    width: 180px;
    line-height: 40px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    cursor: pointer
}

.submit-butt[data-v-078c6dac] {
    background-color: #c6a86c
}

.login-class>div[data-v-078c6dac] {
    cursor: pointer;
    margin: 40px
}

.comments[data-v-078c6dac] {
    margin: 100px auto
}

.comment-container[data-v-078c6dac] {
    margin: 30px 0;
    padding: 30px 0;
    border-bottom: 1px solid#D6E0EB
}

.pubtime[data-v-078c6dac] {
    margin-bottom: 20px
}

.pubtime>span[data-v-078c6dac] {
    color: #a8aeb3;
    padding-right: 20px
}

.children[data-v-078c6dac] {
    margin: 40px 0 0 60px;
    padding: 0 40px;
    border: 1px solid#D6E0EB
}

.child-container[data-v-078c6dac],
.reply-container[data-v-078c6dac] {
    margin: 30px 0
}

.comment-title[data-v-078c6dac] {
    font-size: 32px;
    border-bottom: 1px solid#D6E0EB;
    padding-bottom: 15px
}

.fullscreen[data-v-2ddad58c] {
    width: 100vw !important;
    height: 100vh !important;
    background-color: rgba(0, 0, 0, .68);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999
}

.fullscreen-content[data-v-2ddad58c] {
    margin-top: 10vh;
    display: flex
}

.fullscreen-content>div[data-v-2ddad58c]:first-child {
    flex: revert;
    margin: auto;
    margin-right: 6.25vw
}

.fullscreen-content>div[data-v-2ddad58c]:last-child {
    flex: revert;
    margin: auto;
    margin-left: 1.41vw
}

.next-butt[data-v-2ddad58c],
.pre-butt[data-v-2ddad58c] {
    max-width: 39px;
    max-height: 62px;
    width: 2.03vw;
    height: 3.23vw;
    cursor: pointer;
    border: none
}

.next-butt[data-v-2ddad58c] {
    margin-left: 4.84vw
}

.fullscreen-map[data-v-2ddad58c] {
    max-width: 956px;
    min-height: 20vw;
    width: 77.5vw
}

.close-butt[data-v-2ddad58c] {
    max-width: 87px;
    max-height: 96px;
    width: 4.53vw;
    height: 5vw;
    cursor: pointer;
    border: none
}

.close-butt-container[data-v-2ddad58c] {
    position: absolute;
    top: 10vh
}

.fullscreen[data-v-1dddede8] {
    width: 100vw !important;
    height: 100vh !important;
    background-color: rgba(0, 0, 0, .68);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999
}

.fullscreen-content[data-v-1dddede8] {
    margin-top: 10vh;
    display: flex
}

.fullscreen-content>div[data-v-1dddede8]:first-child {
    flex: revert;
    margin: auto;
    margin-right: 6.25vw
}

.fullscreen-content>div[data-v-1dddede8]:last-child {
    flex: revert;
    margin: auto;
    margin-left: 1.41vw
}

.next-butt[data-v-1dddede8],
.pre-butt[data-v-1dddede8] {
    max-width: 39px;
    max-height: 62px;
    width: 2.03vw;
    height: 3.23vw;
    cursor: pointer;
    border: none
}

.next-butt[data-v-1dddede8] {
    margin-left: 4.84vw
}

.fullscreen-map[data-v-1dddede8] {
    max-width: 956px;
    min-height: 20vw;
    width: 77.5vw
}

.close-butt[data-v-1dddede8] {
    max-width: 87px;
    max-height: 96px;
    width: 4.53vw;
    height: 5vw;
    cursor: pointer;
    border: none
}

.close-butt-container[data-v-1dddede8] {
    position: absolute;
    top: calc(10vh - 3vw);
    right: 3.25vw;
    cursor: pointer;
    font-size: 3vw
}

.video-play-container[data-v-1dddede8] {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100vh;
    z-index: 101;
    background-color: rgba(0, 0, 0, .68);
    padding-top: 15vh;
    text-align: center;
    font-size: 50px
}

.video-play-container>div[data-v-1dddede8] {
    text-align: right;
    margin-right: 5vw
}

.video-play-container i[data-v-1dddede8] {
    cursor: pointer
}

.video-collapse[data-v-1dddede8] {
    font-size: 5vw
}

.header[data-v-37a843f4] {
    width: 100%;
    z-index: 999;
    background-color: rgba(16, 16, 15, .96);
    top: 0;
    min-height: 70px;
    display: flex;
    justify-content: space-between
}

.fixed[data-v-37a843f4] {
    position: fixed
}

.logo-container[data-v-37a843f4] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 1vw
}

.logo-container .logo[data-v-37a843f4] {
    cursor: pointer;
    z-index: 99
}

.menu-icon[data-v-37a843f4] {
    height: 25px;
    width: 25px;
    margin-bottom: -7px;
    cursor: pointer
}

.menu-container[data-v-37a843f4] {
    display: inline-block;
    position: absolute;
    overflow: hidden;
    opacity: .9;
    left: 0
}

.menu-icon-container[data-v-37a843f4] {
    display: inline-block;
    margin-top: 20px;
    padding-left: 4vw
}

.menu-container>div[data-v-37a843f4]:first-child {
    margin-left: 16.5vw
}

.mini>div[data-v-37a843f4]:first-child {
    margin-left: calc(13.43vw + 73px)
}

.menu-container>div[data-v-37a843f4] {
    max-width: 164px;
    width: 7.2vw;
    display: inline-block;
    text-align: center;
    padding: 23px 0;
    cursor: pointer;
    z-index: 9999
}

.mini>div[data-v-37a843f4] {
    width: 8.2vw
}

.menu-container-mobile[data-v-37a843f4] {
    position: absolute;
    width: 100vw;
    border-top: 1px solid #2b2a28;
    margin-top: 69px;
    background-color: #fff;
    color: #10100f;
    font-size: 18px;
    z-index: 999999999
}

.menu-container-mobile>div[data-v-37a843f4] {
    padding: 10px 14vw;
    border-bottom: 1px solid #ffdfa0
}

.menu-container-mobile .menu-items[data-v-37a843f4] {
    padding: 6px 0 0 4vw;
    font-size: 16px
}

.user-container[data-v-37a843f4] {
    display: flex;
    z-index: 999999
}

.user-container>div[data-v-37a843f4] {
    display: inline-block;
    text-align: center
}

.user-container>div:first-child>div[data-v-37a843f4] {
    display: inline-block;
    line-height: 21px;
    max-width: 139px;
    width: 9vw;
    margin-top: 25px;
    overflow: hidden
}

.user-container>div:first-child>div[data-v-37a843f4]:first-child {
    max-width: 159px;
    width: 11vw;
    border-right: 1px solid #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.user-icon[data-v-37a843f4] {
    width: 20px;
    height: 20px;
    margin-bottom: -4px;
    margin-right: .52vw
}

.icon-alone[data-v-37a843f4] {
    margin-right: 4vw;
    cursor: pointer
}

.download-container[data-v-37a843f4] {
    width: 12vw;
    background-image: url(../img/but_download.d84971e2.png);
    background-size: 100% 100%;
    height: 70px;
    text-align: center;
    font-size: 22px;
    cursor: pointer
}

.download-container[data-v-37a843f4]:hover {
    -moz-opacity: .9 !important;
    filter: alpha(opacity=90);
    opacity: .9;
    -moz-opacity: .9
}

.download-container>div[data-v-37a843f4]:first-child {
    padding-top: 9px
}

.download-container>div[data-v-37a843f4]:last-child {
    font-size: 12px
}

.submenu-container[data-v-37a843f4] {
    margin-top: -2px;
    width: 100vw;
    height: 160px;
    background-color: #10100f;
    border-top: 1px solid #2b2a28;
    transition: height 1s;
    -moz-transition: height 1s;
    -webkit-transition: height 1s;
    -o-transition: height 1s
}

.draw-enter-active[data-v-37a843f4],
.draw-leave-active[data-v-37a843f4] {
    transition: all 1s ease;
    height: 0
}

.draw-enter[data-v-37a843f4] {
    height: 0
}

.draw-enter-to[data-v-37a843f4] {
    height: 160px
}

.menu-container .menu-items[data-v-37a843f4] {
    position: absolute;
    max-width: 164px;
    width: 8.2vw;
    text-align: center;
    line-height: 36px;
    margin-top: 24px;
    padding-top: 24px
}

.menu-container-mobile .menu-title[data-v-37a843f4],
.menu-items>div[data-v-37a843f4] {
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.active-menu>.menu-items[data-v-37a843f4] {
    border-top: 1px solid #c6a86c;
    margin-top: 21px;
    -o-border-image: linear-gradient(270deg, #2b2a28, #c6a86c, #2b2a28) 8 10 8;
    border-image: linear-gradient(270deg, #2b2a28, #c6a86c, #2b2a28) 8 10 8
}

.active-menu>.gradient-back[data-v-37a843f4] {
    width: 84px;
    height: 15px;
    position: absolute;
    margin: 0 calc((8.9vw - 84px)/2);
    margin-top: 23px;
    overflow: hidden
}

.active-menu>.gradient-back-max[data-v-37a843f4] {
    margin: 0 40px;
    margin-top: 23px
}

.active-menu>.gradient-back>div[data-v-37a843f4] {
    height: 40px;
    width: 84px;
    position: absolute;
    top: -20px;
    background-image: radial-gradient(closest-side at 50% 50%, #383122, #383122, #10100f, #10100f)
}

.active-menu-item[data-v-37a843f4] {
    color: #c6a86c
}

.user-detail-placeholder[data-v-37a843f4] {
    position: fixed;
    width: 177px;
    height: 27px
}

.user-detail[data-v-37a843f4] {
    background: #101010;
    position: fixed;
    height: 205px;
    opacity: .96;
    border-top: 1px solid #2b2a28;
    -o-border-image: linear-gradient(270deg, #2b2a28, #c6a86c, #2b2a28) 8 10 8;
    border-image: linear-gradient(270deg, #2b2a28, #c6a86c, #2b2a28) 8 10 8;
    margin-top: 27px;
    overflow: hidden;
    font-size: 14px;
    text-align: left
}

.user-detail>div[data-v-37a843f4] {
    padding-left: 20px
}

.light[data-v-37a843f4] {
    width: 177px;
    height: 14px;
    background-image: radial-gradient(closest-side at 50% 50%, #383122, #383122, #10100f, #10100f);
    margin-top: -7px
}

.links-container[data-v-37a843f4] {
    border-bottom: 1px solid #2b2a28
}

.links-container>div[data-v-37a843f4] {
    padding-bottom: 17px;
    cursor: pointer
}

.points-container>div[data-v-37a843f4]:nth-child(2) {
    font-size: 12px;
    opacity: .59;
    line-height: 15px
}

.points-container>div[data-v-37a843f4]:first-child {
    margin: 10px 0
}

.points-container>div[data-v-37a843f4]:last-child {
    margin: 10px 0;
    width: 68px;
    height: 21px;
    text-align: center;
    border: 1px solid #a3a3a3;
    cursor: pointer
}

.points-container i[data-v-37a843f4] {
    width: 16px;
    height: 16px;
    line-height: 16px;
    border: 1px solid #fff;
    border-radius: 8px;
    font-size: 12px;
    display: inline-block;
    text-align: center;
    margin: 0 20px
}

.cursor[data-v-37a843f4] {
    cursor: pointer
}

.cursor[data-v-37a843f4]:hover {
    color: #c6a86c
}

.user-detail-mobile[data-v-37a843f4] {
    margin-top: 24px
}

.app-main[data-v-300548fc] {
    min-height: calc(100vh - 100px);
    position: relative;
    overflow: hidden
}

.footer[data-v-cedea6c6] {
    height: 445px;
    font-size: 14px;
    color: #aaa;
    font-weight: 300;
    background-color: #10100f;
    padding-bottom: 30px
}

.not-home[data-v-cedea6c6] {
    background-image: url(../img/bg_neirong_foot.b8b0a9d6.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto
}

.is-home[data-v-cedea6c6] {
    height: 366px
}

.footer div[data-v-cedea6c6] {
    margin: auto;
    max-width: 1200px;
    width: 90vw
}

.footer>.contact[data-v-cedea6c6] {
    color: #ccc;
    padding-top: 179px;
    text-align: center
}

.is-home>.contact[data-v-cedea6c6] {
    padding-top: 20px
}

.footer>._12-plus[data-v-cedea6c6] {
    margin-top: 46px;
    display: flex;
    max-width: 582px;
    width: 90vw
}

.footer>._12-plus-collapse[data-v-cedea6c6] {
    margin-top: 20px;
    flex-direction: column;
    font-size: calc(.2vw + 12.2px)
}

.footer>._12-plus-collapse div[data-v-cedea6c6] {
    width: 100%;
    text-align: center
}

.footer>._12-plus-collapse img[data-v-cedea6c6] {
    margin-bottom: 6px
}

.footer>.copyright[data-v-cedea6c6] {
    padding-top: 76px;
    max-width: 440px;
    width: 90vw
}

.footer>.copyright-collapse[data-v-cedea6c6] {
    padding-top: 36px
}

.footer>.copyright>div[data-v-cedea6c6] {
    margin-top: 13px
}

.copyright a[data-v-cedea6c6] {
    color: #aaa;
    text-decoration: none
}

.copyright a[data-v-cedea6c6]:hover {
    color: #ccc;
    text-decoration: underline
}

.icon-12-plus[data-v-cedea6c6] {
    width: 2vw;
    height: 2vw;
    margin-right: 12px;
    margin-bottom: -7px
}

@media screen and (min-width:769px) and (max-width:1366px) {
    .icon-12-plus[data-v-cedea6c6] {
        width: 3vw;
        height: 3vw
    }
}

@media screen and (max-width:768px) {
    .icon-12-plus[data-v-cedea6c6] {
        width: 30px;
        height: 30px
    }
}

.pangsky-logo[data-v-cedea6c6] {
    width: 116px;
    height: 21px;
    margin-right: 1.25vw;
    margin-bottom: -3px
}

.supergenes-logo[data-v-cedea6c6] {
    width: 118px;
    height: 30px;
    margin-right: 1.25vw;
    margin-bottom: -7px
}

.breadcrumb[data-v-17969b32] {
    margin: 70px auto 0 auto;
    padding: 0 5vw;
    max-width: 1200px;
    width: 90vw;
    text-align: right;
    color: #c6a86c
}

.breadcrumb>div[data-v-17969b32] {
    padding-top: 38px
}

.link[data-v-17969b32] {
    cursor: pointer
}

.spliter[data-v-17969b32] {
    margin: 0 6px
}

.main-container {
    background-color: #fff;
    background-image: url(../img/bg_neirong_top.06deca9c.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto
}

.collapse {
    font-size: calc(1vw + 7px)
}

.booking-container {
    position: fixed;
    width: 17.19vw;
    height: 13.86vw;
    top: 70px;
    right: -1px;
    z-index: 100;
    background-size: 100% 100%
}

.booking-close {
    margin: .52vw .52vw 0 auto;
    height: 1.67vw;
    width: 1.67vw;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABKZJREFUeNrEV19MU1cY/+5tKW2BlpU/llYI0BY6pkUpyJwzE506M5WpccmSbdnig9nDsmxL9uLL9mRcmGYx2cOWLMEH97A/6lTUjE3cn5BNaKWNVK1AabETCtICLfTP7d13Ln/GKveWKyU7yZdz7rnnnO93vvM73/k+KpFg4P8sUjGDvz/9pgqrzSjVKFoUGmUGxYviQLEfeveMqB1R6SyASgnIV1Helkhl2zRag1SlWQuKnHycTUGSiUN4YhSCIx4IjQ0FAdgfcOwXCKR7xQBQ+V6sTmm0RmPVxj2grdgAEkkW7/iZ8Dh473bCPdtliE5PXsCu9xHIgGgAqFiB1ekcdfERy5bXQGewijrXRHwG7nVfRiBtUwwTP4ogzi4bACpXY3VpranxeeuOIyDNkj8xwUKjPuhs+5wNh0aOIYjjaQGg8mys2gyWF7dveOEN8nvFLJ+JhODXc8dh8pH/QwRxMvU/nfJ9Um9syJhyUuRKNWxt/giyFapPcYNNvADIT2VewTvE7JlSPl8UuRpo2HVUgs2vUY/yMQDYSTSeqt36OpUlU66Kw1lTth6QV+XYfG8pC7yUX1RWqzPU8S4w4LgGfbaLaRV5e6/z/qvZdABdB/UBbliWCuCtinXbBU3PJKIQ8Dmhz36Jd4z75jnwuzt5/+dpdFCoMxdi8+UFAIgGz4bara8UvuvGuv3oiOoh4HXA/e4Lj1uo5wqM+V1QoK8RXEdvrIfFAIibfSZPU6LOVqrTmrfcsguSLAMjHjtQtAQMG/fOKb8Kw9in0ZnBVP+K4BqFOvKMcO/JAgBTXn7JsslUWbsHz5GG4YFukClUs22PDTQl1VDVcDDt/NyniC7KRIiPfoElAIrkSpUoRldYdoNMngc+Vwf3rTNthrKapmXNJW9JlkyRFY9FiNIQzTGPosXfKzb5rzulxPkNiubGS+aPYCoRmxa1wOyZ20Bveg5oqYyzRBRdrtHavBzk+FhFSSM8D8ATngiIUH5llnB45qU127i+2HSI6yN8MNTtE5wfmXyEMUTiAZ5/dB6AMxgYZLBTQksEAiSWBXf3eRh74OLYvphwFYSYtBQe9t/knuLqxsO8y4yP9JOqZ8EPIJIgk4h1jfrvCHs4NDNRXli6bkm2l6/fCUVlFhh/6BZcZ3jQSar21JjwG0/vb43FuDhfISxPx3TiF+Z9A1+gMuT+k7D3u1RX3Dp0/68gBg6rGgH3O3+BeGz6W7S67z8AyDGwSabF8fvZVVM+Ew7Cna4f49j8hC8gafH32257em9kXDmLBO5q/wri0cgJ3KxrSQBz1+KwvaM1FBhyZRRAz40zMOxF+wN8LBiSEXR4HQ/8cfGz8N8D9pXvPMnArY5W6HP+TBY7uFTSwheWN6J7PV9t3ac1b2oWzAX4CnFuXT99CaP+u9dIYoPKJ0QlJgiimGQ4ueo1h8wNzVBa9SwIOqpFZHPfugp9jvYI+hdCuBZUnlxJakYu/zGZPKdJV2mli/RPg6pAz0W75B1AYqF7xdQsMMg5mRHf7SmWTbbinBOLr9sTA1gEpAyr/ShbUMwoxEIkgwqhDM0lpyQgbEPFkYwlp6td/hFgAHH63PFtncXuAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    cursor: pointer
}

.booking-butt {
    margin: 6.2vw 1.04vw auto;
    height: 4.17vw;
    width: 15.1vw;
    cursor: pointer
}

.collapse .booking-container {
    height: 166.33px;
    width: 206.25px
}

.collapse .booking-close {
    margin: 6.25px 6.25px 0 auto;
    height: 20px;
    width: 20px
}

.collapse .booking-butt {
    margin: 78.75px 12.5px auto;
    height: 50px;
    width: 181.25px
}

@-webkit-keyframes anim1 {
    0% {
        top: 70px;
        opacity: 1
    }

    25% {
        top: 85px;
        opacity: 1
    }

    50% {
        top: 100px;
        opacity: 1
    }

    75% {
        top: 85px;
        opacity: 1
    }

    to {
        top: 70px;
        opacity: 1
    }
}

.booking-container {
    -webkit-animation: anim1 2s linear infinite
}

body {
    margin: 0 auto;
    background-color: #fff;
    font-size: 16px;
    font-family: Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif;
    font-weight: 400;
    color: #fff
}

button {
    outline: none;
    cursor: pointer;
    border: none
}

.submit {
    width: 100%;
    height: 60px;
    background: #2c82ff;
    border-radius: 4px;
    font-weight: 300;
    color: #fff;
    font-size: 22px
}

input[type=checkbox] {
    width: 30px;
    height: 30px;
    border: 1px solid #2c82ff;
    border-radius: 40px;
    cursor: pointer
}

#app {
    overflow: hidden
}

input,
select {
    background: none
}