*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    background: #F7F7F7;
}

.activity-mb,
textarea.activity-data {
    display: none
}

.pep-activity-promotion {
    margin: 0 auto;
    background-size: 1920px auto;
    background-position: top
}

.pep-activity-promotion[component-lazyload=true] {
    height: auto !important
}

.pep-activity-promotion.activity-promotion-spacing-top {
    padding-top: 56px
}

.pep-activity-promotion.activity-promotion-spacing-bottom {
    padding-bottom: 56px
}

.pep-activity-promotion[section-theme=lightBlue] {
    background-color: #d5e2f4
}

.pep-activity-promotion[section-theme=white] {
    background-color: #fff
}

.pep-activity-promotion[section-theme=grey] {
    background-color: #fafafa
}

.activity-components-container {
    margin: 0 auto
}

@media (min-width:1440px) {
    .activity-components-container {
        width: 1280px
    }

    .video {
        width: 600px;
    }
}

.activity-components-header {
    margin-bottom: 0;
    text-align: center
}

.activity-components-header.text-align-left {
    text-align: left
}

.activity-components-header-title {
    margin-bottom: 16px;
    color: #252b3a;
    font-size: 32px;
    line-height: 40px;
    word-spacing: 1px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 600;
    overflow: hidden
}

[data-promotion-title-align=center] .activity-components-header-title {
    text-align: center
}

.pep-activity-promotion[section-theme=transpdark] .activity-components-header-title {
    color: #fff
}

[data-promotion-title-align=center] .activity-components-header-subtitle {
    text-align: center
}

.activity-components-header-subtitle-text,
.activity-rule {
    display: inline;
    font-size: 0
}

.activity-components-header-subtitle-text {
    color: #575d6c
}

.activity-components-header-subtitle-text a {
    color: #526ecc;
    font-size: 16px;
    line-height: 20px;
    word-spacing: 1px
}

.activity-components-header-subtitle-text .activity-pc,
.activity-components-header-subtitle-text .activity-pc p {
    display: inline;
    font-size: 16px;
    line-height: 20px;
    word-spacing: 1px
}

.pep-activity-promotion[section-theme=transpdark] .activity-components-header-subtitle-text {
    color: #fff
}

.pep-activity-promotion .activity-rule {
    margin-left: 8px;
    color: #526ecc;
    font-size: 16px;
    line-height: 20px;
    word-spacing: 1px;
    white-space: nowrap;
    text-decoration: underline
}

.pep-activity-promotion[section-theme=transpdark] .activity-components-header-subtitle-text a,
.pep-activity-promotion[section-theme=transpdark] .activity-rule {
    color: #beccfa !important
}

.pep-activity-live .activity-components-header-title {
    white-space: normal;
    text-overflow: clip;
    overflow: auto
}

.pep-activity-live .activity-components-header-title .activity-pc {
    font-size: 24px;
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.pep-activity-live[title-center=true] .activity-components-header-title {
    text-align: center
}

.pep-activity-live .activity-components-live-container {
    position: relative;
    min-height: 517px
}

.pep-activity-live iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0
}

.pep-activity-live iframe[visibility=false] {
    display: none
}

.pep-activity-live .activity-components-live-appointment-container {
    display: none;
    margin-top: 32px;
    text-align: center
}

.pep-activity-live .activity-components-live-living-board-login-container {
    display: none;
    position: absolute;
    width: 352px;
    padding: 35px 0;
    background-color: #fff;
    bottom: 0;
    right: 0;
    z-index: 3;
    text-align: center
}

.pep-activity-live[component-lazyload=true] .activity-components-live-living-container,
.pep-activity-live[component-lazyload=true] .activity-components-live-review-container {
    background-image: url(//res.hc-cdn.com/cnpm-pep-activity-live/1.0.36/images/bg.jpg)
}

.pep-activity-live .activity-components-live-living-container,
.pep-activity-live .activity-components-live-review-container {
    display: none;
    height: 675px;
    padding-top: 240px
}

.pep-activity-live .activity-components-live-living-container .activity-components-live-living-title,
.pep-activity-live .activity-components-live-living-container .activity-components-live-review-title,
.pep-activity-live .activity-components-live-review-container .activity-components-live-living-title,
.pep-activity-live .activity-components-live-review-container .activity-components-live-review-title {
    margin-bottom: 40px;
    color: #252b3a;
    font-size: 36px;
    line-height: 46px;
    font-weight: 700;
    text-align: center
}

.pep-activity-live .activity-components-live-living-container .activity-components-live-living-login-container,
.pep-activity-live .activity-components-live-living-container .activity-components-live-living-register-container,
.pep-activity-live .activity-components-live-living-container .activity-components-live-review-login-container,
.pep-activity-live .activity-components-live-living-container .activity-components-live-review-register-container,
.pep-activity-live .activity-components-live-review-container .activity-components-live-living-login-container,
.pep-activity-live .activity-components-live-review-container .activity-components-live-living-register-container,
.pep-activity-live .activity-components-live-review-container .activity-components-live-review-login-container,
.pep-activity-live .activity-components-live-review-container .activity-components-live-review-register-container {
    text-align: center
}

.pep-activity-live .activity-components-live-living-container .activity-components-live-living-register-container,
.pep-activity-live .activity-components-live-living-container .activity-components-live-review-register-container,
.pep-activity-live .activity-components-live-review-container .activity-components-live-living-register-container,
.pep-activity-live .activity-components-live-review-container .activity-components-live-review-register-container {
    margin-top: 12px
}

.pep-activity-live .activity-components-live-btn {
    display: inline-block;
    font-size: 16px;
    line-height: 38px;
    border-radius: 2px;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s
}

.pep-activity-live .red-btn {
    color: #fff;
    background-color: #c7000b;
    border: 1px solid #c7000b
}

.pep-activity-live .red-btn:hover {
    background-color: #d64a52;
    border: 1px solid #d64a52;
    -webkit-box-shadow: 0 8px 6px -4px rgba(199, 0, 11, .05);
    box-shadow: 0 8px 6px -4px rgba(199, 0, 11, .05)
}

.pep-activity-live .white-btn {
    color: #252b3a;
    background-color: #fff;
    border: 1px solid #fff
}

.pep-activity-live .white-btn:hover {
    -webkit-box-shadow: 0 8px 6px -4px rgba(0, 0, 0, .1);
    box-shadow: 0 8px 6px -4px rgba(0, 0, 0, .1)
}

.pep-activity-live .reserve-live-btn-success {
    color: #252b3a;
    border: 1px solid #252b3a;
    cursor: pointer
}

.pep-activity-live .reserve-live-btn-success,
.pep-activity-live .reserve-live-btn-success:hover {
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial
}

.pep-activity-live .reserve-live-btn-success:hover {
    border: 1px solid #c7000b;
    color: #c7000b
}

.pep-activity-live .activity-components-live-appointment {
    width: 160px;
    line-height: 40px
}

.pep-activity-live .activity-components-live-living-board-login {
    width: 280px;
    line-height: 48px
}

.pep-activity-live .activity-components-live-living-login,
.pep-activity-live .activity-components-live-living-register,
.pep-activity-live .activity-components-live-review-login,
.pep-activity-live .activity-components-live-review-register {
    width: 272px;
    line-height: 40px
}

.pep-activity-live .activity-components-live-error-container {
    display: none;
    height: 675px;
    padding-top: 280px
}

.pep-activity-live[component-lazyload=true] .activity-components-live-error-container {
    background-image: url(//res.hc-cdn.com/cnpm-pep-activity-live/1.0.36/images/bg.jpg)
}

.pep-activity-live .activity-components-live-error-icon {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    cursor: pointer
}

.pep-activity-live[component-lazyload=true] .activity-components-live-error-icon {
    background-image: url(//res.hc-cdn.com/cnpm-pep-activity-live/1.0.36/images/error-icon.png)
}

.pep-activity-live .activity-components-live-error-title {
    margin-top: 16px;
    color: #575d6c;
    font-size: 20px;
    background-image: 30px;
    text-align: center
}

.pep-activity-live .activity-components-live-loading-img-container {
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 9
}

.pep-activity-live .activity-components-live-loading-img-container img {
    display: block;
    width: 100%
}

.mod-dialog {
    position: fixed;
    z-index: 99999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    -webkit-transition: opacity .175s ease-in-out;
    transition: opacity .175s ease-in-out;
    will-change: opacity
}

.mod-dialog-inner {
    max-width: 700px;
    min-width: 400px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    border: none;
    padding: 0;
    position: relative
}

.mod-dialog header {
    margin: 19px 0;
    height: 24px;
    color: #252b3a;
    padding-left: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mod-dialog-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px
}

.mod-dialog-icon {
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 20px;
    background-repeat: no-repeat;
    background-image: url(//res.hc-cdn.com/cnpm-pep-activity-live/1.0.36/_/node_modules/_@cloud_dialog@1.0.3@@cloud/dialog/module/images/icon.png);
    background-size: auto 100%
}

.mod-dialog-info {
    background-position: 0 0
}

.mod-dialog-success {
    background-position: -24px 0
}

.mod-dialog-error {
    background-position: -48px 0
}

.mod-dialog-warning {
    background-position: -72px 0
}

.mod-dialog section {
    word-wrap: break-word;
    padding: 0 30px;
    margin: 12px 0;
    font-size: 12px;
    color: #575d6c;
    letter-spacing: 0;
    text-align: justify;
    line-height: 18px
}

.mod-dialog footer {
    padding: 20px 30px 30px;
    text-align: center
}

.mod-dialog footer button {
    padding: 5px 20px;
    line-height: 14px;
    border-radius: 1px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    border: 1px solid #f66f6a;
    color: #fff;
    background: #f66f6a;
    font-size: 12px;
    margin: 0 4px
}

.mod-dialog footer button.cancel {
    border: 1px solid #adb0b8;
    background: #fff;
    color: #252b3a
}

.mod-dialog-close {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 18px;
    right: 18px;
    cursor: pointer;
    overflow: hidden;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mod-dialog-close:after,
.mod-dialog-close:before {
    content: "";
    display: block;
    position: absolute;
    width: 18px;
    height: 2px;
    top: 8px;
    left: 0;
    background-color: #666a75
}

.mod-dialog-close:after {
    width: 2px;
    height: 18px;
    top: 0;
    left: 8px
}

.mod-dialog[open] {
    opacity: 1
}

@media (max-width:768px) {
    .mod-dialog-inner {
        max-width: calc(100% - 30px);
        min-width: 60%
    }
}

.shade,
.shade-product {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    z-index: 200
}

.modal-realName {
    width: 100%;
    height: 100%;
    top: 10px;
    overflow: hidden;
    position: fixed;
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: hidden;
    z-index: 999
}

.modal-realName .iframe-realName {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.modal-logRegister {
    width: 100%;
    height: 100%;
    top: 0;
    overflow: hidden;
    position: fixed;
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: hidden;
    z-index: 999
}

.modal-logRegister .iframe-logRegister {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.modal-product {
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    overflow: hidden;
    position: fixed;
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: hidden;
    z-index: 999;
    -webkit-animation: mymove .3s ease-in-out;
    animation: mymove .3s ease-in-out
}

.modal-product .iframe-product {
    position: absolute;
    left: 100%;
    top: 50%;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}

.opacity-fifty {
    opacity: .5
}

@-webkit-keyframes mymove {
    0% {
        left: 960px
    }

    to {
        left: 0
    }
}

@keyframes mymove {
    0% {
        left: 960px
    }

    to {
        left: 0
    }
}

.mod-dialog-body .free-test-dialog .dialog-content-title {
    font-size: 14px;
    line-height: 24px
}

.mod-dialog-body .free-test-dialog .dialog-info-inner {
    background: #f5f5f6;
    color: #575d6c;
    padding: 0 10px;
    font-size: 12px;
    line-height: 34px
}

.mod-dialog-body .free-test-dialog .dialog-warn-inner {
    font-size: 12px;
    line-height: 18px;
    color: #c7000b
}

.mod-dialog .mod-dialog-inner {
    width: 400px !important
}

.mod-dialog footer button {
    border-color: #c7000b !important;
    background: #c7000b !important;
    cursor: pointer !important;
    height: 32px !important;
    font-size: 12px !important;
    border-radius: 2px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    -webkit-transition: .2s !important;
    transition: .2s !important
}

.mod-dialog footer button:hover {
    background-color: #d64a52 !important;
    border-color: #d64a52 !important
}

.mod-dialog footer button.cancel {
    border: 1px solid #252b3a !important;
    background: #fff !important;
    color: #252b3a !important
}

.mod-dialog footer button.cancel:hover {
    border-color: #c7000b !important;
    color: #c7000b !important;
    background-color: #fff !important
}

.mod-dialog {
    position: fixed;
    z-index: 99999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    -webkit-transition: opacity .175s ease-in-out;
    transition: opacity .175s ease-in-out;
    will-change: opacity
}

.mod-dialog-inner {
    max-width: 700px;
    min-width: 400px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    border: none;
    padding: 0;
    position: relative
}

.mod-dialog header {
    margin: 19px 0;
    height: 24px;
    color: #252b3a;
    padding-left: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mod-dialog-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px
}

.mod-dialog-icon {
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 20px;
    background-repeat: no-repeat;
    background-image: url(//res.hc-cdn.com/cnpm-pep-activity-live/1.0.36/_/node_modules/_@cloud_dialog@1.0.3@@cloud/dialog/lib/images/icon.png);
    background-size: auto 100%
}

.mod-dialog-info {
    background-position: 0 0
}

.mod-dialog-success {
    background-position: -24px 0
}

.mod-dialog-error {
    background-position: -48px 0
}

.mod-dialog-warning {
    background-position: -72px 0
}

.mod-dialog section {
    word-wrap: break-word;
    padding: 0 30px;
    margin: 12px 0;
    font-size: 12px;
    color: #575d6c;
    letter-spacing: 0;
    text-align: justify;
    line-height: 18px
}

.mod-dialog footer {
    padding: 20px 30px 30px;
    text-align: center
}

.mod-dialog footer button {
    padding: 5px 20px;
    line-height: 14px;
    border-radius: 1px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    border: 1px solid #f66f6a;
    color: #fff;
    background: #f66f6a;
    font-size: 12px;
    margin: 0 4px
}

.mod-dialog footer button.cancel {
    border: 1px solid #adb0b8;
    background: #fff;
    color: #252b3a
}

.mod-dialog-close {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 18px;
    right: 18px;
    cursor: pointer;
    overflow: hidden;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mod-dialog-close:after,
.mod-dialog-close:before {
    content: "";
    display: block;
    position: absolute;
    width: 18px;
    height: 2px;
    top: 8px;
    left: 0;
    background-color: #666a75
}

.mod-dialog-close:after {
    width: 2px;
    height: 18px;
    top: 0;
    left: 8px
}

.mod-dialog[open] {
    opacity: 1
}


.activity-input-container {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.activity-input-container.hidden {
    display: none
}

.activity-input-container:hover {
    z-index: 98
}

.activity-input-title-section {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    padding-right: 8px;
    color: #666a75;
    line-height: 32px
}

.activity-input-container[type=checkbox] .activity-input-title-section,
.activity-input-container[type=radio] .activity-input-title-section {
    line-height: 16px
}

.activity-input-container[type=button].activity-input-title-section {
    line-height: 32px
}

.activity-input-content-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.activity-input-container[type=checkbox] .activity-input-content-section,
.activity-input-container[type=radio] .activity-input-content-section {
    margin: -4px
}

.activity-input-item {
    position: relative;
    font-size: 12px
}

.activity-input-item input {
    display: none
}

.activity-input-item label {
    position: relative;
    z-index: 1;
    display: block;
    cursor: pointer
}

.activity-input-item .activity-input-item-tip {
    position: absolute;
    z-index: 2
}

.activity-input-item.hidden {
    display: none
}

.activity-input-container[type=radio] .activity-input-item {
    padding: 4px
}

.activity-input-container[type=radio] label {
    padding-left: 24px;
    line-height: 16px
}

.activity-input-container[type=radio] label:after,
.activity-input-container[type=radio] label:before {
    content: "";
    display: block;
    position: absolute;
    border-radius: 16px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.activity-input-container[type=radio] label:before {
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    border: 1px solid #adb0b8
}

.activity-input-container[type=radio] label:after {
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px
}

.activity-input-container[type=radio] input:checked+label:before,
.activity-input-container[type=radio] input:hover+label:before {
    border-color: #c7000b
}

.activity-input-container[type=radio] input:checked+label:after {
    background-color: #c7000b
}

.activity-input-container[type=button] label {
    padding: 0 24px;
    line-height: 30px;
    border: 1px solid #adb0b8;
    border-radius: 2px;
    background-color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s
}

.activity-input-container[type=button] .activity-input-item+.activity-input-item {
    margin-left: -1px
}

.activity-input-container[type=button] input:hover+label {
    color: #c7000b
}

.activity-input-container[type=button] input:checked+label {
    color: #fff;
    background-color: #c7000b;
    border-color: #c7000b;
    z-index: 9
}

.activity-input-container[type=checkbox].additional .activity-input-item:first-child,
.activity-input-container[type=checkbox].additional .activity-input-title-section,
.activity-input-container[type=checkbox].combination .activity-input-item:first-child,
.activity-input-container[type=checkbox].combination .activity-input-title-section {
    display: none
}

.activity-input-container[type=checkbox] .activity-input-item {
    padding: 4px
}

.activity-input-container[type=checkbox] label {
    padding-left: 24px;
    line-height: 16px
}

.activity-input-container[type=checkbox] label:after,
.activity-input-container[type=checkbox] label:before {
    content: "";
    display: block;
    position: absolute;
    border-radius: 2px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.activity-input-container[type=checkbox] label:before {
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    background-color: #fff;
    border: 1px solid #adb0b8
}

.activity-input-container[type=checkbox] label:after {
    top: 4px;
    left: 4px;
    width: 8px;
    height: 6px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-47deg);
    transform: rotate(-47deg)
}

.activity-input-container[type=checkbox] input:hover+label:before {
    border-color: #c7000b
}

.activity-input-container[type=checkbox] input:checked+label:before {
    background-color: #c7000b;
    border-color: #c7000b
}

[type=select] {
    width: 100%
}

[type=select] .activity-input-content-section {
    position: relative;
    max-width: calc(100% - 90px);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

[type=select] .activity-input-title-section {
    width: 90px
}

[type=select] .activity-input-select,
[type=select] select {
    display: none
}

[type=select].focus {
    z-index: 99
}

[type=select].focus .activity-input-select {
    display: block
}

[type=select] .activity-input-select {
    position: absolute;
    min-width: 100%;
    top: calc(100% - 1px);
    left: 0;
    border: 1px solid #adb0b8;
    z-index: 1
}

[type=select] .activity-input-select li {
    padding-left: 9px;
    padding-right: 27px;
    color: #252b3a;
    font-size: 14px;
    line-height: 28px;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #fff;
    cursor: pointer
}

[type=select] .activity-input-select li:hover {
    color: #c7000b;
    background-color: #f5f5f6
}

[type=select] .activity-input-select li.checked {
    color: #fff;
    background-color: #c7000b
}

[type=select] .activity-input-select li.hidden {
    display: none
}

[type=select] .activity-input-option {
    position: relative;
    width: 100%;
    min-width: 100px;
    padding-right: 27px;
    line-height: 30px;
    color: #252b3a;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border: 1px solid rgba(173, 176, 184, 0);
    border-bottom-color: #adb0b8;
    border-radius: 2px;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
    z-index: 2
}

[type=select] .activity-input-option:after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    top: 12px;
    right: 7px;
    border-color: #666a75 rgba(102, 106, 117, 0) rgba(102, 106, 117, 0);
    border-style: solid;
    border-width: 5px 4px;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform-origin: 4px 2px;
    transform-origin: 4px 2px
}

[type=select].focus .activity-input-option {
    padding-left: 9px;
    border-color: #adb0b8 #adb0b8 #dfe1e6;
    background-color: #fff
}

[type=select].focus .activity-input-option:after {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

[type=select].inexorable .activity-input-option {
    pointer-events: none
}

[type=select].inexorable .activity-input-option:after {
    display: none
}

[type=select] .activity-input-option,
[type=select] .activity-input-select li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

[type=select] .activity-input-option em,
[type=select] .activity-input-select li em {
    display: inline-block;
    padding: 0 4px;
    font-style: normal;
    font-size: 12px;
    line-height: 16px;
    color: #666a75;
    border: 1px solid #666a75;
    border-radius: 2px
}

[type=select] .activity-input-select li:hover em {
    color: #c7000b;
    border-color: #c7000b
}

[type=select] .activity-input-select li.checked em {
    color: #fff;
    border-color: #fff
}

.pkg-form-container {
    margin: -4px 0
}

.pkg-form-container .activity-input-container {
    padding: 4px 0
}

.pkg-order-container {
    position: relative
}

.pkg-order-progress-container {
    margin-bottom: 16px
}

.pkg-order-progress-info {
    margin-bottom: 4px;
    color: #575d6c;
    font-size: 12px;
    line-height: 16px
}

.pkg-order-progress {
    position: relative;
    width: 100%;
    height: 1px;
    background-color: #adb0b8
}

.pkg-order-progress i {
    display: block;
    position: absolute;
    height: 1px;
    top: 0;
    left: 0;
    background-color: #252b3a
}

.pkg-order-tip-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px
}

.pkg-order-tip-container p {
    padding: 0 4px;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
    border-radius: 2px
}

.pkg-order-tip-container p+p {
    margin-left: 4px
}

.pkg-order-tip-container .sale-tip {
    color: #fff;
    background-color: #c7000b;
    border: 1px solid #c7000b
}

.pkg-order-tip-container .info-tip {
    color: #adb0b8;
    background-color: transparent;
    background-color: initial;
    border: 1px solid #adb0b8
}

.pkg-order-price-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.pkg-order-price-container em {
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    color: #c7000b
}

.pkg-order-price-container .pkg-order-integer {
    font-size: 28px;
    line-height: 28px
}

.pkg-order-price-container .pkg-order-unit {
    color: #adb0b8;
    font-weight: 400
}

.pkg-order-price-container .pkg-order-sale {
    margin-left: 8px;
    color: #adb0b8;
    font-weight: 400
}

.pkg-order-loadsource-container {
    width: 100%;
    margin-top: 4px;
    font-size: 12px;
    line-height: 18px;
    color: #575d6c
}

.pkg-order-loadsource-container a {
    color: #526ecc
}

.pkg-order-btn {
    position: absolute;
    text-align: center
}

.dark-order .activity-input-title-section,
.dark-order [type=checkbox] label,
.dark-order [type=radio] label {
    color: #adb0b8
}

.dark-order .activity-input-option {
    color: #fff
}

.dark-order .activity-input-option:after {
    border-top-color: #fff
}

.dark-order.focus .activity-input-option,
.dark-order .focus .activity-input-option {
    color: #252b3a
}

.dark-order.focus .activity-input-option:after,
.dark-order .focus .activity-input-option:after {
    border-top-color: #666a75
}

.dark-order .pkg-order-tip-container p+p {
    color: #fff;
    border-color: #fff
}

.dark-order .pkg-order-container .pkg-order-progress-info {
    color: hsla(0, 0%, 100%, .8)
}

.dark-order .pkg-order-container .pkg-order-progress i {
    background-color: #fff
}

.dark-order .pkg-order-container em {
    color: #fff
}

.dark-order .pkg-order-container .pkg-order-sale {
    color: #adb0b8
}

.activity-input-container.additional[type=checkbox] .hover-target {
    position: relative;
    display: inline-block;
    text-decoration: underline
}

.activity-input-container.additional[type=checkbox] .hover-target p {
    display: none
}

.activity-input-container.additional[type=checkbox] .hover-target:hover p {
    position: absolute;
    display: block;
    width: 180px;
    padding: 8px;
    bottom: calc(100% + 10px);
    left: calc(50% - 90px);
    color: #dfe1e6;
    font-size: 12px;
    line-height: 18px;
    background: #505766;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2);
    z-index: 20
}

.activity-input-container.additional[type=checkbox] .hover-target:hover p a {
    text-decoration: underline
}

.activity-input-container.additional[type=checkbox] .hover-target:hover p:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    bottom: -14px;
    right: calc(50% - 4px);
    border: 8px solid rgba(102, 106, 117, 0);
    border-top-color: #505766;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform-origin: 4px 2px;
    transform-origin: 4px 2px
}

.activity-input-container.additional[type=checkbox] .hover-target:hover p:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 20px;
    left: 0;
    bottom: -20px;
    opacity: 0
}

.mod-dialog {
    position: fixed;
    z-index: 99999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    -webkit-transition: opacity .175s ease-in-out;
    transition: opacity .175s ease-in-out;
    will-change: opacity
}

.mod-dialog-inner {
    max-width: 700px;
    min-width: 400px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    border: none;
    padding: 0;
    position: relative
}

.mod-dialog header {
    margin: 19px 0;
    height: 24px;
    color: #252b3a;
    padding-left: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mod-dialog-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px
}

.mod-dialog-icon {
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 20px;
    background-repeat: no-repeat;
    background-image: url(//res.hc-cdn.com/cnpm-pep-activity-promotion01/1.1.80/_/node_modules/_@cloud_dialog@1.0.3@@cloud/dialog/module/images/icon.png);
    background-size: auto 100%
}

.mod-dialog-info {
    background-position: 0 0
}

.mod-dialog-success {
    background-position: -24px 0
}

.mod-dialog-error {
    background-position: -48px 0
}

.mod-dialog-warning {
    background-position: -72px 0
}

.mod-dialog section {
    word-wrap: break-word;
    padding: 0 30px;
    margin: 12px 0;
    font-size: 12px;
    color: #575d6c;
    letter-spacing: 0;
    text-align: justify;
    line-height: 18px
}

.mod-dialog footer {
    padding: 20px 30px 30px;
    text-align: center
}

.mod-dialog footer button {
    padding: 5px 20px;
    line-height: 14px;
    border-radius: 1px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    border: 1px solid #f66f6a;
    color: #fff;
    background: #f66f6a;
    font-size: 12px;
    margin: 0 4px
}

.mod-dialog footer button.cancel {
    border: 1px solid #adb0b8;
    background: #fff;
    color: #252b3a
}

.mod-dialog-close {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 18px;
    right: 18px;
    cursor: pointer;
    overflow: hidden;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mod-dialog-close:after,
.mod-dialog-close:before {
    content: "";
    display: block;
    position: absolute;
    width: 18px;
    height: 2px;
    top: 8px;
    left: 0;
    background-color: #666a75
}

.mod-dialog-close:after {
    width: 2px;
    height: 18px;
    top: 0;
    left: 8px
}

.mod-dialog[open] {
    opacity: 1
}

@media (max-width:768px) {
    .mod-dialog-inner {
        max-width: calc(100% - 30px);
        min-width: 60%
    }
}

.shade,
.shade-product {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    z-index: 200
}

.modal-realName {
    width: 100%;
    height: 100%;
    top: 10px;
    overflow: hidden;
    position: fixed;
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: hidden;
    z-index: 999
}

.modal-realName .iframe-realName {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.modal-logRegister {
    width: 100%;
    height: 100%;
    top: 0;
    overflow: hidden;
    position: fixed;
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: hidden;
    z-index: 999
}

.modal-logRegister .iframe-logRegister {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.modal-product {
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    overflow: hidden;
    position: fixed;
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: hidden;
    z-index: 999;
    -webkit-animation: mymove .3s ease-in-out;
    animation: mymove .3s ease-in-out
}

.modal-product .iframe-product {
    position: absolute;
    left: 100%;
    top: 50%;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}

.opacity-fifty {
    opacity: .5
}

@-webkit-keyframes mymove {
    0% {
        left: 960px
    }

    to {
        left: 0
    }
}

@keyframes mymove {
    0% {
        left: 960px
    }

    to {
        left: 0
    }
}

.mod-dialog-body .free-test-dialog .dialog-content-title {
    font-size: 14px;
    line-height: 24px
}

.mod-dialog-body .free-test-dialog .dialog-info-inner {
    background: #f5f5f6;
    color: #575d6c;
    padding: 0 10px;
    font-size: 12px;
    line-height: 34px
}

.mod-dialog-body .free-test-dialog .dialog-warn-inner {
    font-size: 12px;
    line-height: 18px;
    color: #c7000b
}

.mod-dialog .mod-dialog-inner {
    width: 400px !important
}

.mod-dialog footer button {
    border-color: #c7000b !important;
    background: #c7000b !important;
    cursor: pointer !important;
    height: 32px !important;
    font-size: 12px !important;
    border-radius: 2px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    -webkit-transition: .2s !important;
    transition: .2s !important
}

.mod-dialog footer button:hover {
    background-color: #d64a52 !important;
    border-color: #d64a52 !important
}

.mod-dialog footer button.cancel {
    border: 1px solid #252b3a !important;
    background: #fff !important;
    color: #252b3a !important
}

.mod-dialog footer button.cancel:hover {
    border-color: #c7000b !important;
    color: #c7000b !important;
    background-color: #fff !important
}

.activity-promotion01-tab-title-container {
    margin-bottom: 16px
}

.activity-promotion01-tab-title-container.hidden {
    display: none
}

.activity-promotion01-tab-title-container .activity-promotion01-tab-title-list:not(.activity-mb) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1)
}

.activity-promotion01-tab-title-container .activity-promotion01-tab-title-list:not(.activity-mb)[pc-abundant=true] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.activity-promotion01-tab-title-container .activity-promotion01-tab-title-list:not(.activity-mb)+.activity-promotion01-tab-title-list {
    margin-top: 4px
}

.activity-promotion01-tab-title-container .activity-promotion01-tab-title-list:not(.activity-mb) .activity-promotion01-tab-title-item {
    position: relative;
    width: 100%;
    padding: 0 12px;
    font-size: 16px;
    color: #252b3a;
    text-align: center;
    line-height: 50px;
    background: hsla(0, 0%, 100%, .8);
    -webkit-transition: all .3s;
    transition: all .3s;
    overflow: hidden;
    cursor: pointer
}

.activity-promotion01-tab-title-container .activity-promotion01-tab-title-list:not(.activity-mb) .activity-promotion01-tab-title-item p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.activity-promotion01-tab-title-container .activity-promotion01-tab-title-list:not(.activity-mb) .activity-promotion01-tab-title-item:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 2px;
    top: 0;
    left: 50%;
    background: #c7000b;
    -webkit-transition: all .3s;
    transition: all .3s
}

.activity-promotion01-tab-title-container .activity-promotion01-tab-title-list:not(.activity-mb) .activity-promotion01-tab-title-item.active {
    color: #c7000b;
    background: #fff;
    font-weight: 700;
    -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .2);
    z-index: 2
}

.activity-promotion01-tab-title-container .activity-promotion01-tab-title-list:not(.activity-mb) .activity-promotion01-tab-title-item.active:before {
    width: 100%;
    left: 0
}

.activity-promotion01-tab-title-container [pc-abundant=true]:not(.activity-mb) .activity-promotion01-tab-title-item {
    width: 150px
}

@media (min-width:1440px) {
    .activity-promotion01-tab-title-container [pc-abundant=true]:not(.activity-mb) .activity-promotion01-tab-title-item {
        width: 160px
    }
}

.activity-promotion01-tab-content-item {
    display: none
}

.activity-promotion01-tab-content-item.active {
    display: block
}

.activity-promotion01-tab-content-item-row {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.activity-promotion01-tab-content-item-row+.activity-promotion01-tab-content-item-row {
    margin-top: 16px
}

.video {
    width: 640px;
}

.activity-promotion01-tab-content-item-card {
    width: 300px;
    position: relative;
    padding-top: 24px;
    padding-bottom: 140px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 100% auto
}

.activity-promotion01-tab-content-item-card+.activity-promotion01-tab-content-item-card {
    border-left: 1px solid #dedede
}

@media (min-width:1440px) {
    .activity-promotion01-tab-content-item-card {
        width: 33.333%;
    }
}

[layout="3a"] .activity-promotion01-tab-content-item-card:first-child {
    width: 600px
}

[layout="3a"] .activity-promotion01-tab-content-item-card:first-child .activity-promotion01-tab-content-item-card-form {
    margin: -4px -16px
}

[layout="3a"] .activity-promotion01-tab-content-item-card:first-child .activity-input-container {
    width: 33.3333333%;
    padding: 4px 16px
}

[layout="3a"] .activity-promotion01-tab-content-item-card:first-child .activity-input-container.additional {
    width: 100%
}

[layout="3a"] .activity-promotion01-tab-content-item-card:first-child .combination {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

[layout="3a"] .activity-promotion01-tab-content-item-card:first-child .activity-input-content-section,
[layout="3a"] .activity-promotion01-tab-content-item-card:first-child .activity-input-title-section {
    width: 100%;
    max-width: 100%;
    padding: 0
}

[layout="3a"] .activity-promotion01-tab-content-item-card:first-child .activity-input-title-section {
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 18px
}

[layout="3a"] .activity-promotion01-tab-content-item-card:first-child .activity-promotion01-tab-content-item-card-advantage-dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -6px -20px
}

[layout="3a"] .activity-promotion01-tab-content-item-card:first-child .activity-promotion01-tab-content-item-card-advantage-dt {
    width: 100%;
    padding: 6px 20px
}

[layout="3a"] .activity-promotion01-tab-content-item-card:first-child .activity-promotion01-tab-content-item-card-advantage-dd {
    width: 33.333333%;
    padding: 6px 20px 6px 44px;
    margin: 0;
    white-space: normal
}

[layout="3a"] .activity-promotion01-tab-content-item-card:first-child .activity-promotion01-tab-content-item-card-advantage-dd i {
    top: 6px;
    left: 20px
}

[layout="3a"] .activity-promotion01-tab-content-item-card:first-child[promotion-type=domain1] .activity-input-container {
    width: 100%
}

[layout="3a"] .activity-promotion01-tab-content-item-card:first-child[promotion-type=domain1] .activity-input-container .activity-input-title-section {
    width: 90px;
    padding-right: 8px;
    line-height: 32px
}

[layout="3a"] .activity-promotion01-tab-content-item-card:first-child[promotion-type=domain1] .activity-input-container:nth-child(2) .activity-input-item {
    width: 33.333333%
}

@media (min-width:1440px) {
    [layout="3a"] .activity-promotion01-tab-content-item-card:first-child {
        width: 640px
    }
}

[layout="3b"] .activity-promotion01-tab-content-item-card {
    width: 400px
}

[layout="3b"] .activity-promotion01-tab-content-item-card .activity-promotion01-tab-content-item-card-form {
    margin: -4px -16px
}

[layout="3b"] .activity-promotion01-tab-content-item-card .activity-input-container {
    width: 50%;
    padding: 4px 16px
}

[layout="3b"] .activity-promotion01-tab-content-item-card .activity-input-container.additional {
    width: 100%
}

[layout="3b"] .activity-promotion01-tab-content-item-card .combination {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

[layout="3b"] .activity-promotion01-tab-content-item-card .activity-input-content-section,
[layout="3b"] .activity-promotion01-tab-content-item-card .activity-input-title-section {
    width: 100%;
    max-width: 100%;
    padding: 0;
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%
}

[layout="3b"] .activity-promotion01-tab-content-item-card .activity-input-title-section {
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 18px
}

[layout="3b"] .activity-promotion01-tab-content-item-card .activity-promotion01-tab-content-item-card-advantage-dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -6px -20px
}

[layout="3b"] .activity-promotion01-tab-content-item-card .activity-promotion01-tab-content-item-card-advantage-dt {
    width: 100%;
    padding: 6px 20px
}

[layout="3b"] .activity-promotion01-tab-content-item-card .activity-promotion01-tab-content-item-card-advantage-dd {
    width: 50%;
    padding: 6px 20px 6px 44px;
    margin: 0;
    white-space: normal
}

[layout="3b"] .activity-promotion01-tab-content-item-card .activity-promotion01-tab-content-item-card-advantage-dd i {
    top: 6px;
    left: 20px
}

[layout="3b"] .activity-promotion01-tab-content-item-card[promotion-type=domain1] .activity-input-container {
    width: 100%
}

[layout="3b"] .activity-promotion01-tab-content-item-card[promotion-type=domain1] .activity-input-container .activity-input-title-section {
    width: 90px;
    padding-right: 8px;
    line-height: 32px
}

[layout="3b"] .activity-promotion01-tab-content-item-card[promotion-type=domain1] .activity-input-container:nth-child(2) .activity-input-item {
    width: 33.333333%
}

@media (min-width:1440px) {
    [layout="3b"] .activity-promotion01-tab-content-item-card {
        width: 426.66667px
    }
}

[layout="2a"] .activity-promotion01-tab-content-item-card:first-child {
    width: 900px
}

[layout="2a"] .activity-promotion01-tab-content-item-card:first-child .activity-promotion01-tab-content-item-card-form {
    margin: -4px -16px
}

[layout="2a"] .activity-promotion01-tab-content-item-card:first-child .activity-input-container {
    width: 33.3333333%;
    padding: 4px 16px
}

[layout="2a"] .activity-promotion01-tab-content-item-card:first-child .activity-input-container.additional {
    width: 100%
}

[layout="2a"] .activity-promotion01-tab-content-item-card:first-child .combination {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

[layout="2a"] .activity-promotion01-tab-content-item-card:first-child .activity-input-content-section,
[layout="2a"] .activity-promotion01-tab-content-item-card:first-child .activity-input-title-section {
    width: 100%;
    max-width: 100%;
    padding: 0;
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%
}

[layout="2a"] .activity-promotion01-tab-content-item-card:first-child .activity-input-title-section {
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 18px
}

[layout="2a"] .activity-promotion01-tab-content-item-card:first-child .activity-promotion01-tab-content-item-card-advantage-dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -6px -20px
}

[layout="2a"] .activity-promotion01-tab-content-item-card:first-child .activity-promotion01-tab-content-item-card-advantage-dt {
    width: 100%;
    padding: 6px 20px
}

[layout="2a"] .activity-promotion01-tab-content-item-card:first-child .activity-promotion01-tab-content-item-card-advantage-dd {
    width: 33.333333%;
    padding: 6px 20px 6px 44px;
    margin: 0;
    white-space: normal
}

[layout="2a"] .activity-promotion01-tab-content-item-card:first-child .activity-promotion01-tab-content-item-card-advantage-dd i {
    top: 6px;
    left: 20px
}

[layout="2a"] .activity-promotion01-tab-content-item-card:first-child[promotion-type=domain1] .activity-input-container {
    width: 100%
}

[layout="2a"] .activity-promotion01-tab-content-item-card:first-child[promotion-type=domain1] .activity-input-container .activity-input-title-section {
    width: 90px;
    padding-right: 8px;
    line-height: 32px
}

[layout="2a"] .activity-promotion01-tab-content-item-card:first-child[promotion-type=domain1] .activity-input-container:nth-child(2) .activity-input-item {
    width: 33.333333%
}

@media (min-width:1440px) {
    [layout="2a"] .activity-promotion01-tab-content-item-card:first-child {
        width: 960px
    }
}

[layout="2b"] .activity-promotion01-tab-content-item-card {
    width: 600px
}

[layout="2b"] .activity-promotion01-tab-content-item-card .activity-promotion01-tab-content-item-card-form {
    margin: -4px -16px
}

[layout="2b"] .activity-promotion01-tab-content-item-card .activity-input-container {
    width: 33.333333%;
    padding: 0px 16px
}

[layout="2b"] .activity-promotion01-tab-content-item-card .activity-input-container.additional {
    width: 100%
}

[layout="2b"] .activity-promotion01-tab-content-item-card .combination {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

[layout="2b"] .activity-promotion01-tab-content-item-card .activity-input-content-section,
[layout="2b"] .activity-promotion01-tab-content-item-card .activity-input-title-section {
    width: 100%;
    max-width: 100%;
    padding: 0;
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%
}

[layout="2b"] .activity-promotion01-tab-content-item-card .activity-input-title-section {
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 18px
}

[layout="2b"] .activity-promotion01-tab-content-item-card .activity-promotion01-tab-content-item-card-advantage-dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -6px -20px
}

[layout="2b"] .activity-promotion01-tab-content-item-card .activity-promotion01-tab-content-item-card-advantage-dt {
    width: 100%;
    padding: 6px 20px
}

[layout="2b"] .activity-promotion01-tab-content-item-card .activity-promotion01-tab-content-item-card-advantage-dd {
    width: 33.333333%;
    padding: 6px 20px 6px 44px;
    margin: 0;
    white-space: normal
}

[layout="2b"] .activity-promotion01-tab-content-item-card .activity-promotion01-tab-content-item-card-advantage-dd i {
    top: 6px;
    left: 20px
}

[layout="2b"] .activity-promotion01-tab-content-item-card[promotion-type=domain1] .activity-input-container {
    width: 100%
}

[layout="2b"] .activity-promotion01-tab-content-item-card[promotion-type=domain1] .activity-input-container .activity-input-title-section {
    width: 90px;
    padding-right: 8px;
    line-height: 32px
}

[layout="2b"] .activity-promotion01-tab-content-item-card[promotion-type=domain1] .activity-input-container:nth-child(2) .activity-input-item {
    width: 33.333333%
}

@media (min-width:1440px) {
    [layout="2b"] .activity-promotion01-tab-content-item-card {
        width: 640px
    }
}

.activity-promotion01-tab-content-item-card-title {
    position: relative;
    padding: 0 40px 0 24px;
    margin-bottom: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.activity-promotion01-tab-content-item-card-title>p {
    color: #252b3a;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.activity-promotion01-tab-content-item-card-title>p.underline {
    border-bottom: 1px dashed #252b3a
}

.activity-promotion01-tab-content-item-card-title:hover .activity-promotion01-tab-content-item-card-title-hover-content {
    display: block
}

.activity-promotion01-tab-content-item-card-title-hover-content {
    display: none;
    position: absolute;
    width: 400px;
    padding: 24px 24px 20px;
    background: #fff;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2);
    bottom: 30px;
    z-index: 3
}

.activity-promotion01-tab-content-item-card-title-hover-content:after {
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 4px solid hsla(0, 0%, 100%, 0);
    border-top-color: #fff;
    bottom: -8px;
    left: calc(50% - 4px)
}

.activity-promotion01-tab-content-item-card-title-hover-content:before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 20px;
    bottom: -20px;
    left: 0
}

.activity-promotion01-tab-content-item-card-title-hover-content .hover-content-title {
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 700;
    color: #252b3a;
    line-height: 24px
}

.activity-promotion01-tab-content-item-card-title-hover-content .hover-content-subtitle {
    font-size: 12px;
    color: #575d6c;
    line-height: 14px
}

.activity-promotion01-tab-content-item-card-title-hover-content .hover-content-subtitle~.hover-content-img .hover-content-subtitle~.hover-content-link .hover-content-img~.hover-content-link,
.activity-promotion01-tab-content-item-card-title-hover-content .hover-content-title~.hover-content-img,
.activity-promotion01-tab-content-item-card-title-hover-content .hover-content-title~.hover-content-link,
.activity-promotion01-tab-content-item-card-title-hover-content .hover-content-title~.hover-content-subtitle {
    margin-top: 4px
}

.activity-promotion01-tab-content-item-card-title-hover-content .hover-content-img img {
    display: block;
    width: 100%
}

.activity-promotion01-tab-content-item-card-title-hover-content .hover-content-link {
    display: inline-block;
    font-size: 12px;
    color: #526ecc;
    letter-spacing: 0;
    line-height: 14px
}

.dark-order .activity-promotion01-tab-content-item-card-title {
    color: #fff
}

.activity-promotion01-tab-content-item-card-subtitle {
    max-height: 36px;
    padding: 0 40px 0 24px;
    margin-bottom: 20px;
    color: #575d6c;
    font-size: 12px;
    line-height: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.activity-promotion01-tab-content-item-card-subtitle a {
    color: #526ecc;
    text-decoration: underline
}

.dark-order .activity-promotion01-tab-content-item-card-subtitle,
.dark-order .activity-promotion01-tab-content-item-card-subtitle a {
    color: hsla(0, 0%, 100%, .8)
}

.activity-promotion01-tab-content-item-card-tip-container {
    position: absolute;
    width: 96px;
    height: 22px;
    top: 0;
    right: 0;
    padding-left: 10px;
    overflow: hidden;
    z-index: 1
}

.activity-promotion01-tab-content-item-card-tip-container .activity-promotion01-tab-content-item-card-tip-transform {
    width: calc(100% + 10px);
    padding: 0 14px 0 5px;
    border-radius: 0 0 0 8px;
    text-align: center;
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg)
}

.activity-promotion01-tab-content-item-card-tip-container .activity-promotion01-tab-content-item-card-tip-transform,
.activity-promotion01-tab-content-item-card-tip-container .activity-promotion01-tab-content-item-card-tip-transform.red {
    background-image: -webkit-gradient(linear, left top, right top, from(#ffc574), color-stop(95%, #c7000b));
    background-image: linear-gradient(90deg, #ffc574, #c7000b 95%)
}

.activity-promotion01-tab-content-item-card-tip-container .activity-promotion01-tab-content-item-card-tip-transform.orange {
    background-image: -webkit-gradient(linear, left top, right top, from(#ffc574), color-stop(92%, #ec8606));
    background-image: linear-gradient(90deg, #ffc574, #ec8606 92%)
}

.activity-promotion01-tab-content-item-card-tip-container .activity-promotion01-tab-content-item-card-tip-reduction {
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg)
}

.activity-promotion01-tab-content-item-card-tip-container .activity-promotion01-tab-content-item-card-tip {
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    background-image: none !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.activity-promotion01-tab-content-item-card-advantage-container {
    padding: 0 24px
}

.activity-promotion01-tab-content-item-card-advantage-dl+.activity-promotion01-tab-content-item-card-advantage-dl {
    margin-top: 16px !important
}

.activity-promotion01-tab-content-item-card-advantage-dt {
    color: #252b3a;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.activity-promotion01-tab-content-item-card-advantage-dd {
    position: relative;
    margin-top: 8px;
    font-size: 12px;
    line-height: 16px
}

.activity-promotion01-tab-content-item-card-advantage-dd.advantage {
    color: #252b3a
}

.activity-promotion01-tab-content-item-card-advantage-dd.inferiority {
    color: #adb0b8
}

.hasIcon dd {
    padding-left: 24px
}

.hasIcon i {
    position: absolute;
    display: inline-block;
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    border-radius: 16px
}

.hasIcon .advantage i {
    background-color: #f5f5f5
}

.hasIcon .advantage i:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 6px;
    top: 4px;
    left: 4px;
    border: 2px solid #c7000b;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-47deg);
    transform: rotate(-47deg)
}

.hasIcon .inferiority i {
    background-color: #adb0b8
}

.hasIcon .inferiority i:after,
.hasIcon .inferiority i:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 2px;
    top: 7px;
    left: 3px;
    background-color: #fff;
    border-radius: 2px
}

.hasIcon .inferiority i:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.hasIcon .inferiority i:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.activity-promotion01-tab-content-item-cardinterest-point-container {
    margin: 24px 24px 0;
    padding: 8px 10px 8px 24px;
    border-radius: 2px;
    background-color: #f5f5f5
}

.activity-promotion01-tab-content-item-cardinterest-point-container .activity-promotion01-tab-content-item-cardinterest-point {
    list-style: disc;
    color: #252b3a;
    font-size: 12px;
    line-height: 18px;
    text-align: justify
}

.activity-promotion01-tab-content-item-card-img-container {
    padding: 0 24px
}

.activity-promotion01-tab-content-item-card-img,
.activity-promotion01-tab-content-item-card-img img {
    display: block;
    width: 100%
}

.activity-promotion01-tab-content-item-card-img-text {
    margin-top: 16px;
    font-size: 12px;
    line-height: 18px;
    color: #252b3a
}

.activity-promotion01-tab-content-item-card-advantage-container,
.activity-promotion01-tab-content-item-card-img-container {
    margin-bottom: 12px
}

.activity-promotion01-tab-content-item-card-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 24px;
    margin: -4px 0
}

.activity-promotion01-tab-content-item-card-form .activity-input-container {
    padding: 4px 0
}

.activity-promotion01-tab-content-item-service {
    position: absolute;
    display: block;
    padding-left: 16px;
    font-size: 12px;
    line-height: 12px;
    bottom: 70px;
    right: 24px;
    color: #526ecc;
    z-index: 9
}

.activity-promotion01-tab-content-item-service .service-icon {
    position: absolute;
    display: inline-block;
    width: 12px;
    height: 12px;
    top: 0;
    left: 0;
    background-size: contain
}

.activity-promotion01-tab-content-item-card .pkg-order-container {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    height: 122px;
    padding: 0 24px 80px;
    left: 0;
    bottom: 0;
    -ms-flex-line-pack: end;
    align-content: flex-end
}

.activity-promotion01-tab-content-item-card .pkg-order-container .pkg-order-price-container,
.activity-promotion01-tab-content-item-card .pkg-order-container .pkg-order-progress-container,
.activity-promotion01-tab-content-item-card .pkg-order-container .pkg-order-tip-container {
    width: 100%
}

.activity-promotion01-tab-content-item-card .pkg-order-container .pkg-order-progress-info {
    margin-bottom: 12px
}

.activity-promotion01-tab-content-item-card .pkg-order-container .pkg-order-progress i {
    top: auto;
    bottom: 0;
    height: 2px;
    background-image: -webkit-gradient(linear, right top, left top, from(#d02b2b), color-stop(49%, #ec646e), to(#f1db96));
    background-image: linear-gradient(270deg, #d02b2b, #ec646e 49%, #f1db96)
}

.activity-promotion01-tab-content-item-card .pkg-order-container .pkg-order-progress i:after {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 12px;
    right: -6px;
    bottom: 0;
    background-size: contain;
    background-image: url(//res.hc-cdn.com/cnpm-pep-activity-promotion01/1.1.80/images/fire.svg)
}

.activity-promotion01-tab-content-item-card .pkg-order-container .pkg-order-btn {
    width: 100%;
    bottom: 0;
    left: 0;
    font-size: 16px;
    line-height: 50px;
    font-weight: 700;
    color: #c7000b;
    background-size: 100% 100%;
    z-index: 2
}

.activity-promotion01-tab-content-item-card .pkg-order-container .pkg-order-btn.sell-out {
    pointer-events: none
}

.activity-promotion01-tab-content-item-card .pkg-order-container .pkg-order-btn:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 20px;
    left: 0;
    top: -20px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .04)));
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .04))
}

.activity-promotion01-tab-content-item-card.has-progress {
    padding-bottom: 183px
}

.activity-promotion01-tab-content-item-card.has-progress .pkg-order-container {
    height: 159px
}

.activity-promotion01-tab-content-item-card.has-loadsource {
    padding-bottom: 168px
}

.activity-promotion01-tab-content-item-card.has-loadsource .pkg-order-container {
    height: 144px
}

.activity-promotion01-tab-content-item-card.has-progress.has-loadsource {
    padding-bottom: 205px
}

.activity-promotion01-tab-content-item-card.has-progress.has-loadsource .pkg-order-container {
    height: 181px
}

.activity-promotion01-tab-content-item-row-show-more {
    margin-top: 16px;
    text-align: center
}

.activity-promotion01-tab-content-item-row-show-more .show-more-btn {
    display: inline-block;
    width: 150px;
    color: #252b3a;
    font-size: 16px;
    line-height: 30px;
    border-radius: 30px;
    background-color: hsla(0, 0%, 100%, .8);
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1)
}

.activity-promotion01-tab-content-item-row-show-more .show-more-btn.slide-up {
    display: none
}

.activity-promotion01-tab-content-item-row-show-more .show-more-btn.slide-up .u-icon {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.activity-promotion01-tab-content-item[defaultShowRows="1"] .activity-promotion01-tab-content-item-row:first-child~.activity-promotion01-tab-content-item-row,
.activity-promotion01-tab-content-item[defaultShowRows="2"] .activity-promotion01-tab-content-item-row:nth-child(2)~.activity-promotion01-tab-content-item-row,
.activity-promotion01-tab-content-item[defaultShowRows="3"] .activity-promotion01-tab-content-item-row:nth-child(3)~.activity-promotion01-tab-content-item-row,
.activity-promotion01-tab-content-item[defaultShowRows="4"] .activity-promotion01-tab-content-item-row:nth-child(4)~.activity-promotion01-tab-content-item-row {
    display: none
}

.activity-promotion01-tab-content-item.show-all .activity-promotion01-tab-content-item-row {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

.activity-promotion01-tab-content-item.show-all .activity-promotion01-tab-content-item-row-show-more .slide-down {
    display: none
}

.activity-promotion01-tab-content-item.show-all .activity-promotion01-tab-content-item-row-show-more .slide-up {
    display: inline-block
}

.activity-promotion01-tab-content-item-card.active .pkg-order-container .pkg-order-btn {
    color: #fff;
    background-image: url(../img/btn01.png);
    transition: all .2s;
}

.activity-promotion01-tab-content-item-card.active .pkg-order-container .pkg-order-btn:hover {
    background-image: url(../img/btn02.png)
}

[promotion-type=domain1] .activity-input-container:nth-child(2) .activity-input-title-section {
    display: none
}

[promotion-type=domain1] .activity-input-container:nth-child(2) .activity-input-content-section {
    width: 100%
}

[promotion-type=domain1] .activity-input-container:nth-child(2) .activity-input-item {
    width: 50%;
    color: #252b3a
}

.activity-input-container.additional {
    margin-top: 20px
}

.hover-target {
    text-decoration: underline
}

.activity-promotion-card .pkg-combination-container {
    padding: 20px 24px 0
}

.activity-promotion01-tab-router {
    display: block;
    margin-top: 10px
}

.activity-promotion01-tab-router img.activity-pc {
    display: block;
    width: 100%;
    margin: 0 auto;
    -webkit-filter: drop-shadow(0 10px 30px rgba(0, 0, 0, .12));
    filter: drop-shadow(0 10px 30px rgba(0, 0, 0, .12))
}

.activity-promotion-domain-check-container.error .domain-check-response a {
    color: #526ecc;
    text-decoration: underline
}

[tab-theme=light] .activity-promotion01-tab-title-item.active p {
    color: #c7000b;
    background-color: #fff
}

.activity-promotion-card.active .pkg-order-container .pkg-order-btn[promotionprogressstate="100%"]:not(.sell-out) {
    background-color: #f66f6a;
    background-image: none
}

.activity-promotion-card_li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-shadow: 0 10px 40px rgb(0 0 0 / 10%);
    box-shadow: 0 10px 40px rgb(0 0 0 / 10%);
    margin-bottom: 24px;
}

.activity-promotion-card_li:nth-child(3) {
    margin-bottom: 0;
}

.activity-promotion01-tab-content-item-card-container2 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-shadow: 0 10px 40px rgb(0 0 0 / 10%);
    box-shadow: 0 10px 40px rgb(0 0 0 / 10%);
}

.activity-components-container.More_information {
    margin-top: 56px;
}

.More_information_ul ul {
    text-align: center;
}

.More_information_ul li {
    background: #fff;
    display: inline-block;
    width: 20%;
    padding: 1%;
    text-align: center;
    margin-right: 2%;
    box-shadow: 0px 3.888px 15.552px rgba(0, 0, 0, 0.08), 0px 7.776px 27.216px rgba(0, 0, 0, 0.05), 0px 11.664px 46.656px rgba(0, 0, 0, 0.04);
}

.More_information_ul li:nth-child(3) {
    margin-right: 0;
}

.More_information_ul li img {
    width: 100%;
}

.More_information_ul li h3 {
    color: #252B3A;
    font-size: 20px;
    line-height: 28px;
}

.More_information_ul li p {
    color: #575D6C;
    font-size: 12px;
    line-height: 16.8px;
    margin-top: 8px;
    margin-bottom: 1rem;
}

.recommend_ul li {
    width: 32.4%;
    display: inline-block;
    margin-right: 1%;
    margin-bottom: 1%;
    background: #fff;
    cursor: pointer;
    transition: 0.2s;
    box-shadow: 0px 3.456px 13.824px -6.912px rgba(0, 0, 0, 0.08), 0px 6.912px 24.192px rgba(0, 0, 0, 0.05), 0px 10.368px 41.472px 13.824px rgba(0, 0, 0, 0.04);
}

.recommend_ul li:hover {
    box-shadow: 0px 3.456px 13.824px -6.912px rgb(0 0 0 / 31%), 0px 6.912px 24.192px rgb(0 0 0 / 10%), 0px 10.368px 41.472px 13.824px rgb(0 0 0 / 10%);
}

.recommend_ul li .img {
    position: relative;
}

.recommend_ul li .img div {
    position: absolute;
    top: 0;
    background: rgba(255, 255, 255, 0.75);
    padding: 4px 33px;
    left: 50%;
    font-size: 10px;
    color: #252B3A;
    margin-left: -75px;
    background: url(../img/time_long_bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 30px;
    display: none;
}

.recommend_ul li:nth-child(3n) {
    margin-right: 0;
}

.recommend_ul li img {
    width: 100%;
}

.recommend_ul li p {
    color: #575D6C;
    font-size: 12px;
    padding: 0 20px;
    line-height: 16.8px;
    margin-bottom: 20px;
}

.recommend_ul li h3 {
    color: #252B3A;
    padding: 0 20px;
    padding-top: 20px;
    padding-bottom: 10px;
    font-weight: 600;
    font-size: 15.5px;
    line-height: 22.6px;
}

.recommend_ul li h3 span {
    color: #526ECC;
    margin-left: 8px;
}

.recommend_a {
    border-top: 1px solid #DFE1E5;
    text-align: right;
}

.recommend_a a {
    background-color: #C7020C;
    color: #fff;
    margin: 12px 20px;
    display: inline-block;
    padding: 8px 26px;
    font-size: 12px;
    transition: 0.2s;
}

.recommend_ul li:hover a {

    background-color: #d64a52;
}

/*视频*/
.videoq {
    position: fixed;
    background-color: rgb(0 0 0 / 80%);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: none;
}

.videolist {
    position: relative;
    width: 100%;
    height: 357px;
}

.video.activity-promotion01-tab-content-item-card {
    padding-top: 0;
    padding-bottom: 0;
}

.videolist:hover {
    cursor: pointer;
}

.videoed {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 99;
    border-radius: 100%;
    box-shadow: 1px 1px 20px rgb(0 0 0 / 15%);
    margin-top: -25px;
    margin-left: -25px;
    transition: all .2s;
}

.videoed1 {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 99;
    border-radius: 100%;
    box-shadow: 1px 1px 20px rgb(0 0 0 / 15%);
    display: none;
    transition: all .2s;
    margin-top: -25px;
    margin-left: -25px;
}

.videolist:hover .videoed {
    display: none;
}

.videolist:hover .videoed1 {
    display: block;
}

.videos {
    display: none;
    border: 1px solid #080808;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 100;
    width: 900px;
    transform: translate(-50%, -50%);


}

.vclose {
    position: absolute;
    cursor: pointer;
    background-color: #c7010a;
    padding: 5px;
    border-radius: 50%;
    top: -13px;
    right: -13px;
}

.scheme {
    padding-top: 56px;
    padding-bottom: 56px;
    margin-top: 56px;
}

.scheme .activity-components-header-title {
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 32px;
}

.scheme .activity-components-container.More_information {
    margin-top: 0;
}

.scheme_ul {
    width: 480px;
    margin: 0 auto;
}

.scheme_ul label p {
    color: #333;
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 18px;
}

.scheme_ul label input {
    display: inline-block;
    min-width: 200px;
    width: 100%;
    height: 28px;
    padding: 0 8px;
    font-size: 12px;
    line-height: 28px;
    color: #252b3a;
    background-color: #fff;
    background-image: none;
    border: 1px solid #adb0b8;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.scheme_ul label p span {
    color: #f86e67;
    font-size: 12px;
}

.scheme_ul label .tele {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#phone_tip,
#company_tip,
#content_tip,
#login_tip,
#truename_tip {
    display: flex;
    align-items: center;
}

.scheme_ul label .tele div {
    color: #252b3a;
    font-size: 14px;
    height: 28px;
    border: 1px solid #adb0b8;
    line-height: 28px;
    background-color: #fff;
    width: 48%;
    padding: 0 9px;
}

.scheme_ul label .tele input {
    width: 48%;
}

.scheme_ul label textarea {
    display: inline-block;
    min-width: 200px;
    min-height: 88px;
    padding: 8px;
    font-size: 12px;
    line-height: 18px;
    color: #252b3a;
    background-color: #fff;
    background-image: none;
    width: 100%;
    border: 1px solid #adb0b8;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: -apple-system, HuaweiSans, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, STHeiti, Microsoft YaHei, Microsoft JhengHei, SimSun, sans-serif;
}

.scheme_ul .Warm_reminder {
    margin-bottom: 32px;
    margin-top: 16px;
}

.scheme_ul .Warm_reminder p {
    font-size: 14px;
    line-height: 18px;
    color: #575d6c;

}

.scheme_ul label {
    margin-top: 16px;
    display: block;
}

.por-checkbox {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    font-size: 0;
    line-height: 0;
    vertical-align: -3px;
    cursor: pointer;
}

.por-checkbox-inline label {
    font-size: 14px;
    line-height: 24px;
}

.row-comfirm label a {
    color: #526ecc;
    cursor: pointer;
}

.por-checkbox-inline {
    display: flex;
    align-items: center;
}

.scheme_ul .row-comfirm label {
    margin-top: 0;
}

.scheme_ul .row-comfirm label p {
    margin: 0;
}

.por-checkbox {
    margin-right: 10px;
}

.row-comfirm {
    margin-bottom: 16px;
}

.form-submit {
    background-color: #eef0f5;
    color: #adb0b8;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed;
    height: 40px;
    font-size: 14px;
    line-height: 38px;
    border-radius: 2px;
    padding-left: 32px;
    padding-right: 32px;
    border: 1px solid #dfe1e6;
    display: inline-block;
}

/* 复选框组件 */
.por-checkbox input[type="checkbox"] {
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    position: relative;
    box-sizing: content-box;
    transition: .2s;
    cursor: pointer;
    opacity: 0;
    z-index: 1;
}



.form-submit.active {
    background-color: #c7000b;
    border-color: #c7000b;
    color: #fff;
    cursor: pointer;
    transition: 0.2s;
}

.form-submit.active:hover {
    background-color: #d64a52;
    border-color: #d64a52;
}

footer {
    background-color: #efefef;
    padding-bottom: 0;
}

footer .l p {
    font-size: 14px;
    line-height: 18px;
    color: #575D6C;
    font-weight: 400;
}

footer .l .footer-record .footer-link {
    font-size: 12px;
    color: #575D6C;
    font-weight: 400;
    line-height: 18px;
    transition: 0.2s;
}

footer .l .footer-record .footer-link:hover {
    color: #c7000b;
}

footer .r a {
    font-size: 14px;
    line-height: 18px;
    color: rgba(37, 43, 58, 0.7);
    transition: 0.2s;
}

footer .r a:hover {
    color: #c7000b;
}

footer .activity-components-container {
    margin-top: 0 !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.float-sidebar .sidebar-qr-code {
    height: 40px;
    width: 40px;
    border-radius: 20px;
}

.float-config-btn {
    height: 40px;
    width: 40px;
    border-radius: 20px;
}

.float-config-btn .feedback {
    background-position: center;
}

.float-config-btn>.float-config {
    background-position: center;
}

.float-config-btn>.float-config-btn-img {
    background-position: 9px 9px;
    background-repeat: no-repeat;
}

.float-bar-ad {
    border-radius: 20px;
    background-position: center;
}

.float-bar-nav>.item.tel {
    height: 40px;
    width: 40px;
    border-radius: 20px;
}

.float-bar-nav .item {
    width: 40px;
    height: 40px;
    border-radius: 20px;
}

.phone-icon {
    height: 40px;
    width: 40px;
    border-radius: 20px;
}

.footer-record i {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    vertical-align: middle;
    background-size: 100% 100%;
}

.footer-icon-record1 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAACUlBMVEUAAADe/962i1DdvXrmyojGo2PhuZHCo1zEpnLfxom3k1rTwnvQrGS9n2nf0I/g05mSttzOqE3o0ovRtHG3VjHAb0HHrHjIp2DKfUnVu3HLsHLHq3Hfy47ZwYe8m2G1lWLPs3XKr3K+o2/Jr3/OqmrhyI3tz4a9jE/FpWvSpmHNr2fRs3TUtnjkz4HXvHfAoV7St3W9jk/Utn/l0IXgz4rFrWq7mFm8m2fLtoC7mFrKp2rTt3rb247Co3q1lWDYxInhIhvHrHTIrm/Xh1Gxgj2+SyvYOybcHRjUFxPZwofexnG8n2/ApG28oW23m2jQsmbPsV/BoF3dvVzMrFm5lFTPrFLgfErgXjvFZTrRYDm5YjXDWDXYVDXOTy60Ui21TSvbOyrcQim1WyfZNSaxRSTJNSG2MR6yLh7iHhrTIBjfGRjXxZnNtoTWvoDHr4Dg0HnWv3nDp3fDq3PXv3LXum/axm3JrWzDqWy6nmbFq2Xhl2S1lWLStWDUmF++nFzJp1u1lVvmi1vXklnGolbGoFbawFPNmFO/n1LqblHFl1DOh1DJkU+2kU+wh0zGmkrIfkrHg0m3kEjPfkjNeUeugkTBfUPoaUO9kEKkfELcYkHWtD+9iDvEYjjZXDi3gzemdTfFbjbKZTbFWjXLWTXOVjXDVzO5XDLVUzKoXTHlTTDgQy6iVi2yVC27XivCSyvKTCq7SinjQCnRNievRCaxSyXBOyXUMyTcNCPnMyPDQSLXNiLQNiLaMyK6MiDTLSDjKh7cJxzdIhvXHxjkHBjaHBfWFRN2Gm/TAAAAQHRSTlMAB40nHhwG/rh3dmRfRTsUA/79/f37+vn18/Ls6urp5OPh4d3b0snFurqvrKGgn56OjomIa2phXFRSOi4rGRgNXJsWNAAAAUBJREFUGNNigAJGbhNGEA3n85mqi0RoctvARQT0RF3XbXCNXCxhDBWx0pp8KKx/6aKuRgdnXWuQCL9KrMfM2m1uCfuaOtynqYFMtPDf7eEcczA52WF5VcYqIT4GBjb90PUek8LdN8c7zHXOCvcyEGBglixdeDS2O271imVtMVlh+TIsDMxSlVMzM6Mj1kTNWeLgMMFJlgUwBhbpkOmp7qmucVHRmw4nTvRV5GfQYfesWXvkwK6E7Xv2ZywIyBXnZDBydCwR3Lkj0c1t48rI0OAiT04GViU/p+LOlL3paVvj+7zK8xRYGRjMxHJCCmanpKdtmRccmC3Mw8DAq+zj61MWNCspqTWIvcLPSZWZwZaj0Lu6riXAv725PrDB21HbHuh8cw75GfNdeqe4uPTIafCwQcLCjpeLicmQicuSFcQDAF2FXflf7Dj/AAAAAElFTkSuQmCC);
}

.footer-icon-record2 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAACXlBMVEUAAADax4rGxqP556zmsVD/6KXu5JvwvFPglEFnY3nnpEjosU1+XFTmuVfu13Hrv1jpsFa1k3mne2HlvnPdqmPqz3fu3YrJoWv04J/mz5z246aSi3i2p2/0zGj82WDrtFjar1O7klO4dkfimUJcWnbho0rgr1vntFfmvFflvGOZdFKXZkOUemnmv2XkuWWVe2ziqlXnt1Tr0HDpwl6ObmCkbEKqhVyOc2jdoVHmuljfrmDq0nPapWDUnErqy3XjtWXesXLrzHjz34rqzYfmw3fy4YrqyYDevW/dzoTIhkndsXLRsIneuHjlyIzQroTjuXjlyYfktWvw2prhvoHTmGfx45j3773TuYT/25LdijyKf321oXU+Nm3cumXfuWLtwlzpwVz40FvpvlvqvFfouFXjrlHipEjcmEfknEXPbzfbZyzZQR/YMBrWKBrhJhLdHxDTGg5HV4xBT4YYKYaWk4SDgYIWIYBybH0qLn1KS3tlZHpNS3WGfHIcHXEwLHAnF28rKW07NGuzn2pNQ2ruzWnDrGnuy2jryGjAnGgoH2j1x2RCNGPcrmIsEGGQdl/pu17YtV7FoV3muVxoRVzWqFvSmVp2SVbyw1XbkVTuvFPfo1PgmVPpt1LcnFLWkVLlp1F7W1HpsU92QE5oMUtFAUrpqUjnjUFOAEHUgz+DUj14FzvbczieMTdhATfodjXWcDXcbjXVcTS/Xi/hay7WXS3cWS3vYyvaVSrUVymnJSjXSyeKDSbNSiWfHCPMTyLFQiHkSR/lPxvVLRrPLBnUJRfUHhbaJxXVGxTZJxPNFhBdOhm/AAAAWXRSTlMABQIU/hIJ/v79/Pj29PPx4cC6s7CNfmxZWRv+/v7+/v7+/v78/Pr6+fPz8vHq6ujl5eTj4ODe2NTQzMW6ubKsnJeQkJCJiIOBgX9ubGpoW1lMREM0JR8dDgvYx1gAAAE7SURBVBjTYgADJmZJQUFJZiYGOGD2EzLV1jIT8paCibCJ86zctGPD1D4ecUaICKuPyYLMYznZOfNqzP0jwEJBOt1KB4/mHjqZ3dGsHwxW5M4Zk5l/PPdIQcGMShUPVqBlgQLlMSvyDq+P3HVidjWnkQQTA5MXV1SFYtb+jZGrl02si2J3Y2JgFMmILl68efueLVvXLSqLXirCCBgDow1HT+GS/AP7srblLS+K5bIHCjmodpXUr929d+eaVb3SsuouQCHhufPjShsbJk/rrK2KW8hiBxRyVkvnkI9tnaDQJDNFOU1DDOjRMEfe9Mjpiewz5RIzZmmKMoPcKqGbkJqSkBSfnDqpXS+ACeRpJ76W/uSUpDlpLPFtfK5soLAKFbU05Odm4eblN7YWk4KEGWOIp62FgYCVsG84SAAAL7BaooX965sAAAAASUVORK5CYII=);
}

.float-bar-nav>.item.to-top-btn {
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}

.icons-float-bar {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background: url(../img/float-dialog-icon.png) 0 0 no-repeat;
    background-size: auto 100%;
}

.icons-float-bar.f3 {
    background-position: -40px 0;
    float: left;
    margin: 0px 20px 0 18px;
}

.icons-float-bar.to-top {
    background-position: -100px 0;
}

.icons-float-bar.to-top:hover {
    background-position: -80px 0;
}

.float-bar-nav .sub-nav-layer {
    position: absolute;
    bottom: 0;
    right: calc(100% - 25px);
    padding-right: 25px;
    margin-bottom: -43px;
    margin-right: 13px;
    font-size: 14px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transition: opacity 0.4s, -webkit-transform 0.3s ease-out;
    transition: opacity 0.4s, -webkit-transform 0.3s ease-out;
    transition: opacity 0.4s, transform 0.3s ease-out;
    transition: opacity 0.4s, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.float-bar-nav .sub-nav-layer::before,
.float-config-btn .float-config-star-expand::before,
.sidebar-qr-code-content::before,
.float-config-custom::before {
    content: ' ';
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-left-color: #fff;
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -20px;
}

.float-bar-nav .sub-nav-layer::before {
    left: calc(100% - 25px);
}

.float-bar-nav .sub-nav-main {
    min-width: 220px;
    white-space: nowrap;
    background-color: #fff;
    line-height: 40px;
    display: block;
    padding: 20px 0;
    border-radius: 2px;
    box-shadow: 0 4px 10px 0 rgb(138 141 147 / 20%);
}

.float-bar-nav .sub-nav-main:hover {
    background-color: #fafafa;
}

.sub-inner.inner {
    height: auto;
    line-height: 20px;
}

.float-sidebar .sub-inner.inner .title {
    font-size: 14px;
    color: #252b3a;
    font-weight: 600;
    margin-left: 62px;
    line-height: 24px;
    margin-bottom: 0;
}

.float-sidebar .sub-inner.inner .info {
    font-size: 12px;
    color: #c7000b;
    margin-left: 62px;
    margin-bottom: 0;
}

.sub-inner .info-pc span {
    color: #575d6c !important;
}

.float-bar-nav .to-top-btn {
    position: relative;
    border-radius: 100%;
    box-shadow: 0 4px 10px 0 rgb(138 141 147 / 20%);
}

.phone-icon>i {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(../img/phone-n.svg);
    background-size: 100% 100%;
}

.phone-icon:hover>i {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYzICg5MjQ0NSkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aWNvbueUteivnTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJpY29u55S16K+dIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNMjAuMjkyODY4NCwyMy4wMjc1MTIxIEwxOS45NjMwMjU1LDIzLjAyNzUxMjEgQzE4Ljk3MzQ5NjcsMjMuMDI3NTEyMSAxMy42OTYwMDk4LDIyLjM1MDU4OTEgNy44Njg3ODQ2NCwxNi4zNzExMDE5IEMyLjE1MTUwNzE1LDEwLjM5MTYxNDcgMS42MDE3Njg5Myw0Ljk3NjIzMDA5IDEuNDkxODIxMjksMy44NDgwMjQ5NiBMMS40OTE4MjEyOSwzLjUwOTU2MzQzIEwxLjcxMTcxNjU4LDMuMjgzOTIyNCBDMy40NzA4Nzg4OCwyLjA0Mjg5Njc2IDUuMDEwMTQ1OSwxLjQ3ODc5NDIgNi4yMTk1Njk5OCwxLjE0MDMzMjY2IEw2LjU0OTQxMjkxLDEuMDI3NTEyMTQgTDYuNzY5MzA4MiwxLjI1MzE1MzE3IEM4LjA4ODY3OTkzLDIuNjA2OTk5MzIgOS4yOTgxMDQwMSw0LjUyNDk0ODA0IDkuOTU3Nzg5ODgsNi4zMzAwNzYyNSBMMTAuMDY3NzM3NSw2LjY2ODUzNzc5IEw4LjA4ODY3OTkzLDguODEyMTI3NTMgQzguMzA4NTc1MjIsOS40ODkwNTA2MSA5LjA3ODIwODcyLDExLjA2ODUzNzggMTAuOTQ3MzE4NywxMy4wOTkzMDcgQzEyLjkyNjM3NjMsMTUuMTMwMDc2MiAxNC40NjU2NDMzLDE1LjgwNjk5OTMgMTUuMTI1MzI5MSwxNi4xNDU0NjA5IEwxNy4xMDQzODY3LDE0LjExNDY5MTYgTDE3LjQzNDIyOTcsMTQuMjI3NTEyMSBDMTkuMDgzNDQ0MywxNC45MDQ0MzUyIDIwLjk1MjU1NDMsMTYuMjU4MjgxNCAyMi4yNzE5MjYsMTcuNjEyMTI3NSBMMjIuNDkxODIxMywxNy44Mzc3Njg2IEwyMi4zODE4NzM2LDE4LjE3NjIzMDEgQzIyLjA1MjAzMDcsMTkuNDE3MjU1NyAyMS42MTIyNDAxLDIwLjg4MzkyMjQgMjAuNDAyODE2MSwyMi44MDE4NzExIEwyMC4yOTI4Njg0LDIzLjAyNzUxMjEgWiIgaWQ9IuW9oueKtuWkjeWItiIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==);
}

.phone-icon {
    height: 40px;
    width: 40px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    box-shadow: 0 4px 10px 0 rgb(138 141 147 / 30%);
    cursor: pointer;
}

.phone-icon:hover {
    background: linear-gradient(-45deg, #c7000b, #d64a52);
}

.show-totop_tel:hover .sub-nav-layer {
    opacity: 1;
    visibility: inherit;
}

.float-sidebar {
    position: fixed;
    z-index: 990;
    bottom: 56px;
    right: 20px;
}

a.gggao:focus {
    background-image: url(../img/202308/167747951727072255961.png) !important;
    background-size: 100% !important;
    width: 40px;
    height: 135px;
    border-radius: 20px;
    background-position: center;
    display: block;
    position: relative;
    margin-bottom: 7px;
    box-shadow: 0 4px 10px 0 rgb(138 141 147 / 20%);
}

a.gggao {
    background-image: url(../img/202308/167747951727072255961.png);
    background-size: 100%;
    width: 40px;
    height: 135px;
    border-radius: 20px;
    background-position: center;
    display: block;
    position: relative;
    margin-bottom: 7px;
    box-shadow: 0 4px 10px 0 rgb(138 141 147 / 20%);
}

.show-totop .float-bar-nav .item {
    position: relative;
}

.show-totop_tel {
    margin-bottom: 80px;
}

#toTop11 {
    visibility: hidden;
    opacity: 0;
}

[type=select] .js-title_o:after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: rgb(102 106 117 / 0%);
    border-style: solid;
    border-width: 0;
}

.pop-up_bj,
.pop-up_bj3 {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10000;
}

.information {
    background-color: #f4f5f8;
    border-radius: 5px;
    max-width: 320px;
    padding: 2.1rem 1.5rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 76%;
}

.por-modal-dialog {
    background-color: #f4f5f8;
    border-radius: 5px;
    max-width: 320px;
    padding: 2.1rem 1.5rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
}

.pop-up_bj .g,
.pop-up_bj .g2 {
    width: 18px;
    position: absolute;
    right: 1.5rem;
    top: 1.2rem;
    cursor: pointer;
}

.pop-up_bj label .tele div {
    color: #252b3a;
    font-size: 13px;
    height: 32px;
    border: 1px solid #adb0b8;
    line-height: 32px;
    background-color: #fff;
    width: 42%;
    padding: 0 9px;
}

.pop-up_bj label .tele {
    display: flex;
    align-items: center;
    margin-top: 20px;
    justify-content: space-between;
}

.pop-up_bj label .tele input {
    display: inline-block;
    width: 52%;
    height: 32px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 32px;
    color: #252b3a;
    background-color: #fff;
    background-image: none;
    border: 1px solid #adb0b8;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pop-up_bj .por-checkbox-inline label {
    font-size: 12px;
    color: #252B3A;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
    cursor: pointer;
    line-height: 1;
    margin-bottom: 0;
}

.pop-up_bj .por-checkbox-inline label span p {
    margin: 0;
}

label.telephone {
    margin: 0;
}

.pop-up_bj .por-checkbox-inline {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pop-up_bj .row-comfirm label a {
    font-size: 12px;
    color: #C7000B;
}


.pop-up_bj .por-checkbox {
    margin-right: 6px;
}

.pop-up_bj .por-checkbox input[type="checkbox"]::before {
    border: 1px solid #c7010a;
    border-radius: 0;
}



.por-checkbox input[type=checkbox]:checked+span {
    border-color: #c7000b;
    background-color: #c7000b;
}

.por-checkbox input[type=checkbox]+span {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid #adb0b8;
    border-radius: 2px;
    background-color: #fff;
    -webkit-transition: .2s;
    transition: .2s;
}

.por-checkbox input[type=checkbox]+span i {
    margin: 1px;
    font-size: 10px;
    color: #fff;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .2s;
    transition: .2s;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.pop-up_bj .submit {
    background-color: #C7000B;
    font-size: 14px;
    padding: 8px 0;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
}

.pop-up_bj .submit:hover {
    background: #d64a52;
}

.pop-up_bj .por-checkbox input[type="checkbox"]:focus {
    outline: none;
    border: 1px solid #c7010a;
}

.por-modal-head {
    text-align: center;
}

.por-modal-title {
    display: block;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #252b3a;
    margin-top: 10px;
}

.por-modal-icon.por-icon-success {
    color: #50d4ab;
    display: inline-block;
    width: 50px;
    height: 50px;
    font-size: 50px;
    margin: 0 auto;
}

.por-modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 10px;
    cursor: pointer;
}

.por-modal-close .u-icon {
    font-size: 16px;
    color: #8a8e99;
    -webkit-transition: .2s;
    transition: .2s;
}

.activity-rule-dialog-container,
.por-modal-body {
    max-height: 400px;
    padding-left: 20px;
    overflow-y: auto;
    overflow-x: auto;
    padding-top: 1rem;
    font-size: 14px;
    text-align: center;
}

.por-modal-footer {
    padding-top: 28px;
    text-align: center;
}

.por-modal-footer .por-btn {
    display: inline-block;
    background: transparent;
    border: 1px solid transparent;
    outline: none;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: .2s;
    transition: .2s;
    cursor: pointer;
    height: 32px;
    font-size: 12px;
    line-height: 30px;
    border-radius: 2px;
    padding-left: 24px;
    padding-right: 24px;
}


.por-modal-footer .por-btn+.por-btn {
    margin-left: 2rem;
}

.por-modal-footer .por-btn-primary {
    background-color: #c7000b;
    border-color: #c7000b;
    color: #fff;
    -webkit-transition: .2s;
    transition: .2s;
    width: 66%;
}

.por-modal-footer .por-btn-primary:hover {
    background-color: #d64a52;
    border-color: #d64a52;
}

.pop-up_bj label .tele input:focus,
.scheme_ul label input:focus,
textarea:focus {
    outline: none;
    border: 1px solid #575d6c;
}

.Direct_purchase {
    color: #C7000B;
    font-size: 14px;
    text-align: center;
    display: block;
    margin-top: 14px;
    line-height: 12px;
}

.ewm {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ewm img {
    width: 40%;
}

.ewm p {
    color: #252B3A;
    font-size: 12px;
    line-height: 16.8px;
    width: 55%;
}

.pkg-order-btn {
    cursor: pointer;
}

.WeLink_test {
    position: absolute;
    left: 40px;
    top: 50%;
    transform: translate(0%, -50%);
    width: 40%;
}

.WeLink_test h3 {
    color: #252B3A;
    font-size: 1.2rem;
    font-weight: 900;
}

.WeLink_test p {
    color: #575D6C;
    font-size: 14px;
    margin-top: 10px;
}

.scene {
    padding-left: 1rem;
}

.scene li {
    color: #575D6C;
    list-style: disc;
    font-size: 13px;
    line-height: 2;
}

@media (max-width:1440px) {
    .recommend_ul li h3 {
        font-size: 14.5px;
    }
}

@media (max-width:768px) {
    .mod-dialog-inner {
        max-width: calc(100% - 30px);
        min-width: 60%
    }
}

@media (max-width:1200px) {
    body {
        overflow-x: clip;
    }
}