@-webkit-keyframes slide-right-in {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-right-in {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.el-tabs__header {
    padding: 0;
    position: relative;
    margin: 0 0 0.15rem;
}

.el-tabs__active-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0.02rem;
    background-color: #409EFF;
    z-index: 1;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    list-style: none;
}

.el-tabs__new-tab {
    float: right;
    border: 0.01rem solid #d3dce6;
    height: 0.18rem;
    width: 0.18rem;
    line-height: 0.18rem;
    margin: 0.12rem 0 0.09rem 0.1rem;
    border-radius: 0.03rem;
    text-align: center;
    font-size: 0.12rem;
    color: #d3dce6;
    cursor: pointer;
    -webkit-transition: all .15s;
    transition: all .15s;
}

.el-tabs__new-tab .el-icon-plus {
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
}

.el-tabs__new-tab:hover {
    color: #409EFF;
}

.el-tabs__nav-wrap {
    overflow: hidden;
    margin-bottom: -0.01rem;
    position: relative;
}

.el-tabs__nav-wrap::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0.02rem;
    background-color: #E4E7ED;
    z-index: 1;
}

.el-tabs--border-card > .el-tabs__header .el-tabs__nav-wrap::after,
.el-tabs--card > .el-tabs__header .el-tabs__nav-wrap::after {
    content: none;
}

.el-tabs__nav-wrap.is-scrollable {
    padding: 0 0.2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-tabs__nav-scroll {
    overflow: hidden;
}

.el-tabs__nav-next,
.el-tabs__nav-prev {
    position: absolute;
    cursor: pointer;
    line-height: 0.44rem;
    font-size: 0.12rem;
    color: #909399;
}

.el-tabs__nav-next {
    right: 0;
}

.el-tabs__nav-prev {
    left: 0;
}

.el-tabs__nav {
    white-space: nowrap;
    position: relative;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    float: left;
    z-index: 2;
}

.el-tabs__nav.is-stretch {
    min-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.el-tabs__nav.is-stretch > * {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
}

.el-tabs__item {
    margin: 0 0.2rem;
    padding: 0;
    height: 0.4rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 0.4rem;
    display: inline-block;
    list-style: none;
    font-size: 0.14rem;
    font-weight: 500;
    color: #303133;
    position: relative;
}

.el-tabs__item:focus,
.el-tabs__item:focus:active {
    outline: 0;
}

.el-tabs__item:focus.is-active.is-focus:not(:active) {
    -webkit-box-shadow: 0 0 0.02rem 0.02rem #409EFF inset;
    box-shadow: 0 0 0.02rem 0.02rem #409EFF inset;
    border-radius: 0.03rem;
}

.el-tabs__item .el-icon-close {
    border-radius: 50%;
    text-align: center;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    margin-left: 0.05rem;
}

.el-tabs__item .el-icon-close:before {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    display: inline-block;
}

.el-tabs__item .el-icon-close:hover {
    background-color: #C0C4CC;
    color: #FFF;
}

.el-tabs__item.is-active {
    color: #0044b0;
}

.el-tabs__item:hover {
    color: #0044b0;
    cursor: pointer;
}

.el-tabs__item.is-disabled {
    color: #C0C4CC;
    cursor: default;
}

.el-tabs__content {
    overflow: hidden;
    position: relative;
}

.el-tabs--card > .el-tabs__header {
    border-bottom: 0.01rem solid #E4E7ED;
}

.el-tabs--card > .el-tabs__header .el-tabs__nav {
    border: 0.01rem solid #E4E7ED;
    border-bottom: none;
    border-radius: 0.04rem 0.04rem 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-tabs--card > .el-tabs__header .el-tabs__active-bar {
    display: none;
}

.el-tabs--card > .el-tabs__header .el-tabs__item .el-icon-close {
    position: relative;
    font-size: 0.12rem;
    width: 0;
    height: 0.14rem;
    vertical-align: middle;
    line-height: 0.15rem;
    overflow: hidden;
    top: -0.01rem;
    right: -0.02rem;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close,
.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close {
    width: 0.14rem;
}

.el-tabs--card > .el-tabs__header .el-tabs__item {
    border-bottom: 0.01rem solid transparent;
    border-left: 0.01rem solid #E4E7ED;
    -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-tabs--card > .el-tabs__header .el-tabs__item:first-child {
    border-left: none;
}

.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover {
    padding-left: 0.13rem;
    padding-right: 0.13rem;
}

.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
    border-bottom-color: #FFF;
}

.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
}

.el-tabs--border-card {
    background: #FFF;
    border: 0.01rem solid #DCDFE6;
    -webkit-box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.12), 0 0 0.06rem 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.12), 0 0 0.06rem 0 rgba(0, 0, 0, 0.04);
}

.el-tabs--border-card > .el-tabs__content {
    padding: 0.15rem;
}

.el-tabs--border-card > .el-tabs__header {
    background-color: #F5F7FA;
    border-bottom: 0.01rem solid #E4E7ED;
    margin: 0;
}

.el-tabs--border-card > .el-tabs__header .el-tabs__item {
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    border: 0.01rem solid transparent;
    margin-top: -0.01rem;
    color: #909399;
}

.el-tabs--border-card > .el-tabs__header .el-tabs__item + .el-tabs__item,
.el-tabs--border-card > .el-tabs__header .el-tabs__item:first-child {
    margin-left: -0.01rem;
}

.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
    color: #409EFF;
    background-color: #FFF;
    border-right-color: #DCDFE6;
    border-left-color: #DCDFE6;
}

.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
    color: #409EFF;
}

.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-disabled {
    color: #C0C4CC;
}

.el-tabs--border-card > .el-tabs__header .is-scrollable .el-tabs__item:first-child {
    margin-left: 0;
}

.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),
.el-tabs--bottom .el-tabs__item.is-top:nth-child(2),
.el-tabs--top .el-tabs__item.is-bottom:nth-child(2),
.el-tabs--top .el-tabs__item.is-top:nth-child(2) {
    padding-left: 0;
}

.el-tabs--bottom .el-tabs__item.is-bottom:last-child,
.el-tabs--bottom .el-tabs__item.is-top:last-child,
.el-tabs--top .el-tabs__item.is-bottom:last-child,
.el-tabs--top .el-tabs__item.is-top:last-child {
    padding-right: 0;
}

.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2) {
    padding-left: 0.2rem;
}

.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child {
    padding-right: 0.2rem;
}

.el-tabs--bottom .el-tabs__header.is-bottom {
    margin-bottom: 0;
    margin-top: 0.1rem;
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
    border-bottom: 0;
    border-top: 0.01rem solid #DCDFE6;
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
    margin-top: -0.01rem;
    margin-bottom: 0;
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
    border: 0.01rem solid transparent;
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom {
    margin: 0 -0.01rem -0.01rem;
}

.el-tabs--left,
.el-tabs--right {
    overflow: hidden;
}

.el-tabs--left .el-tabs__header.is-left,
.el-tabs--left .el-tabs__header.is-right,
.el-tabs--left .el-tabs__nav-scroll,
.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right,
.el-tabs--right .el-tabs__header.is-left,
.el-tabs--right .el-tabs__header.is-right,
.el-tabs--right .el-tabs__nav-scroll,
.el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right {
    height: 100%;
}

.el-tabs--left .el-tabs__active-bar.is-left,
.el-tabs--left .el-tabs__active-bar.is-right,
.el-tabs--right .el-tabs__active-bar.is-left,
.el-tabs--right .el-tabs__active-bar.is-right {
    top: 0;
    bottom: auto;
    width: 0.02rem;
    height: auto;
}

.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right,
.el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right {
    margin-bottom: 0;
}

.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev {
    height: 0.3rem;
    line-height: 0.3rem;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i,
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}

.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev {
    left: auto;
    top: 0;
}

.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next {
    right: auto;
    bottom: 0;
}

.el-tabs--left .el-tabs__active-bar.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-left::after {
    right: 0;
    left: auto;
}

.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable,
.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable {
    padding: 0.3rem 0;
}

.el-tabs--left .el-tabs__nav-wrap.is-left::after,
.el-tabs--left .el-tabs__nav-wrap.is-right::after,
.el-tabs--right .el-tabs__nav-wrap.is-left::after,
.el-tabs--right .el-tabs__nav-wrap.is-right::after {
    height: 100%;
    width: 0.02rem;
    bottom: auto;
    top: 0;
}

.el-tabs--left .el-tabs__nav.is-left,
.el-tabs--left .el-tabs__nav.is-right,
.el-tabs--right .el-tabs__nav.is-left,
.el-tabs--right .el-tabs__nav.is-right {
    float: none;
}

.el-tabs--left .el-tabs__item.is-left,
.el-tabs--left .el-tabs__item.is-right,
.el-tabs--right .el-tabs__item.is-left,
.el-tabs--right .el-tabs__item.is-right {
    display: block;
}

.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left,
.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right {
    display: none;
}

.el-tabs--left .el-tabs__header.is-left {
    float: left;
    margin-bottom: 0;
    margin-right: 0.1rem;
}

.el-tabs--left .el-tabs__nav-wrap.is-left {
    margin-right: -0.01rem;
}

.el-tabs--left .el-tabs__item.is-left {
    text-align: right;
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left {
    border-left: none;
    border-right: 0.01rem solid #E4E7ED;
    border-bottom: none;
    border-top: 0.01rem solid #E4E7ED;
    text-align: left;
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child {
    border-right: 0.01rem solid #E4E7ED;
    border-top: none;
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
    border: 0.01rem solid #E4E7ED;
    border-right-color: #fff;
    border-left: none;
    border-bottom: none;
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child {
    border-top: none;
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child {
    border-bottom: none;
}

.el-tabs--left.el-tabs--card .el-tabs__nav {
    border-radius: 0.04rem 0 0 0.04rem;
    border-bottom: 0.01rem solid #E4E7ED;
    border-right: none;
}

.el-tabs--left.el-tabs--card .el-tabs__new-tab {
    float: none;
}

.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
    border-right: 0.01rem solid #dfe4ed;
}

.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left {
    border: 0.01rem solid transparent;
    margin: -0.01rem 0 -0.01rem -0.01rem;
}

.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
    border-color: #d1dbe5 transparent;
}

.el-tabs--right .el-tabs__header.is-right {
    float: right;
    margin-bottom: 0;
    margin-left: 0.1rem;
}

.el-tabs--right .el-tabs__nav-wrap.is-right {
    margin-left: -0.01rem;
}

.el-tabs--right .el-tabs__nav-wrap.is-right::after {
    left: 0;
    right: auto;
}

.el-tabs--right .el-tabs__active-bar.is-right {
    left: 0;
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right {
    border-bottom: none;
    border-top: 0.01rem solid #E4E7ED;
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
    border-left: 0.01rem solid #E4E7ED;
    border-top: none;
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
    border: 0.01rem solid #E4E7ED;
    border-left-color: #fff;
    border-right: none;
    border-bottom: none;
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child {
    border-top: none;
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child {
    border-bottom: none;
}

.el-tabs--right.el-tabs--card .el-tabs__nav {
    border-radius: 0 0.04rem 0.04rem 0;
    border-bottom: 0.01rem solid #E4E7ED;
    border-left: none;
}

.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
    border-left: 0.01rem solid #dfe4ed;
}

.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right {
    border: 0.01rem solid transparent;
    margin: -0.01rem -0.01rem -0.01rem 0;
}

.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
    border-color: #d1dbe5 transparent;
}

.slideInLeft-transition,
.slideInRight-transition {
    display: inline-block;
}

.slideInRight-enter {
    -webkit-animation: slideInRight-enter .3s;
    animation: slideInRight-enter .3s;
}

.slideInRight-leave {
    position: absolute;
    left: 0;
    right: 0;
    -webkit-animation: slideInRight-leave .3s;
    animation: slideInRight-leave .3s;
}

.slideInLeft-enter {
    -webkit-animation: slideInLeft-enter .3s;
    animation: slideInLeft-enter .3s;
}

.slideInLeft-leave {
    position: absolute;
    left: 0;
    right: 0;
    -webkit-animation: slideInLeft-leave .3s;
    animation: slideInLeft-leave .3s;
}

@-webkit-keyframes slideInRight-enter {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInRight-enter {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slideInRight-leave {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes slideInRight-leave {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
}

@-webkit-keyframes slideInLeft-enter {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInLeft-enter {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slideInLeft-leave {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }
}

@keyframes slideInLeft-leave {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }
}
@-webkit-keyframes slide-right-in {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-right-in {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.el-fade-in-enter,
.el-fade-in-leave-active,
.el-fade-in-linear-enter,
.el-fade-in-linear-leave,
.el-fade-in-linear-leave-active,
.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
    opacity: 0;
}

.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
    -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
    -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-zoom-in-center-enter,
.el-zoom-in-center-leave-active {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform-origin: center top;
    transform-origin: center top;
}

.el-zoom-in-top-enter,
.el-zoom-in-top-leave-active {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

.el-zoom-in-bottom-enter,
.el-zoom-in-bottom-leave-active {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform-origin: top left;
    transform-origin: top left;
}

.el-zoom-in-left-enter,
.el-zoom-in-left-leave-active {
    opacity: 0;
    -webkit-transform: scale(0.45, 0.45);
    transform: scale(0.45, 0.45);
}

.collapse-transition {
    -webkit-transition: .3s height ease-in-out, .3s padding-top ease-in-out, .3s padding-bottom ease-in-out;
    transition: .3s height ease-in-out, .3s padding-top ease-in-out, .3s padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
    -webkit-transition: .3s width ease-in-out, .3s padding-left ease-in-out, .3s padding-right ease-in-out;
    transition: .3s width ease-in-out, .3s padding-left ease-in-out, .3s padding-right ease-in-out;
}

.el-list-enter-active,
.el-list-leave-active {
    -webkit-transition: all 1s;
    transition: all 1s;
}

.el-list-enter,
.el-list-leave-active {
    opacity: 0;
    -webkit-transform: translateY(-0.3rem);
    transform: translateY(-0.3rem);
}

.el-opacity-transition {
    -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

@font-face {
    font-family: element-icons;
    src: url(assets/535877f50039c0cb49a6196a5b7517cd.woff) format("woff"), url(assets/732389ded34cb9c52dd88271f1345af9.ttf) format("truetype");
    font-weight: 400;
    font-display: "auto";
    font-style: normal;
}

[class*=" el-icon-"],
[class^=el-icon-] {
    font-family: element-icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.el-icon-ice-cream-round:before {
    content: "\e6a0";
}

.el-icon-ice-cream-square:before {
    content: "\e6a3";
}

.el-icon-lollipop:before {
    content: "\e6a4";
}

.el-icon-potato-strips:before {
    content: "\e6a5";
}

.el-icon-milk-tea:before {
    content: "\e6a6";
}

.el-icon-ice-drink:before {
    content: "\e6a7";
}

.el-icon-ice-tea:before {
    content: "\e6a9";
}

.el-icon-coffee:before {
    content: "\e6aa";
}

.el-icon-orange:before {
    content: "\e6ab";
}

.el-icon-pear:before {
    content: "\e6ac";
}

.el-icon-apple:before {
    content: "\e6ad";
}

.el-icon-cherry:before {
    content: "\e6ae";
}

.el-icon-watermelon:before {
    content: "\e6af";
}

.el-icon-grape:before {
    content: "\e6b0";
}

.el-icon-refrigerator:before {
    content: "\e6b1";
}

.el-icon-goblet-square-full:before {
    content: "\e6b2";
}

.el-icon-goblet-square:before {
    content: "\e6b3";
}

.el-icon-goblet-full:before {
    content: "\e6b4";
}

.el-icon-goblet:before {
    content: "\e6b5";
}

.el-icon-cold-drink:before {
    content: "\e6b6";
}

.el-icon-coffee-cup:before {
    content: "\e6b8";
}

.el-icon-water-cup:before {
    content: "\e6b9";
}

.el-icon-hot-water:before {
    content: "\e6ba";
}

.el-icon-ice-cream:before {
    content: "\e6bb";
}

.el-icon-dessert:before {
    content: "\e6bc";
}

.el-icon-sugar:before {
    content: "\e6bd";
}

.el-icon-tableware:before {
    content: "\e6be";
}

.el-icon-burger:before {
    content: "\e6bf";
}

.el-icon-knife-fork:before {
    content: "\e6c1";
}

.el-icon-fork-spoon:before {
    content: "\e6c2";
}

.el-icon-chicken:before {
    content: "\e6c3";
}

.el-icon-food:before {
    content: "\e6c4";
}

.el-icon-dish-1:before {
    content: "\e6c5";
}

.el-icon-dish:before {
    content: "\e6c6";
}

.el-icon-moon-night:before {
    content: "\e6ee";
}

.el-icon-moon:before {
    content: "\e6f0";
}

.el-icon-cloudy-and-sunny:before {
    content: "\e6f1";
}

.el-icon-partly-cloudy:before {
    content: "\e6f2";
}

.el-icon-cloudy:before {
    content: "\e6f3";
}

.el-icon-sunny:before {
    content: "\e6f6";
}

.el-icon-sunset:before {
    content: "\e6f7";
}

.el-icon-sunrise-1:before {
    content: "\e6f8";
}

.el-icon-sunrise:before {
    content: "\e6f9";
}

.el-icon-heavy-rain:before {
    content: "\e6fa";
}

.el-icon-lightning:before {
    content: "\e6fb";
}

.el-icon-light-rain:before {
    content: "\e6fc";
}

.el-icon-wind-power:before {
    content: "\e6fd";
}

.el-icon-baseball:before {
    content: "\e712";
}

.el-icon-soccer:before {
    content: "\e713";
}

.el-icon-football:before {
    content: "\e715";
}

.el-icon-basketball:before {
    content: "\e716";
}

.el-icon-ship:before {
    content: "\e73f";
}

.el-icon-truck:before {
    content: "\e740";
}

.el-icon-bicycle:before {
    content: "\e741";
}

.el-icon-mobile-phone:before {
    content: "\e6d3";
}

.el-icon-service:before {
    content: "\e6d4";
}

.el-icon-key:before {
    content: "\e6e2";
}

.el-icon-unlock:before {
    content: "\e6e4";
}

.el-icon-lock:before {
    content: "\e6e5";
}

.el-icon-watch:before {
    content: "\e6fe";
}

.el-icon-watch-1:before {
    content: "\e6ff";
}

.el-icon-timer:before {
    content: "\e702";
}

.el-icon-alarm-clock:before {
    content: "\e703";
}

.el-icon-map-location:before {
    content: "\e704";
}

.el-icon-delete-location:before {
    content: "\e705";
}

.el-icon-add-location:before {
    content: "\e706";
}

.el-icon-location-information:before {
    content: "\e707";
}

.el-icon-location-outline:before {
    content: "\e708";
}

.el-icon-location:before {
    content: "\e79e";
}

.el-icon-place:before {
    content: "\e709";
}

.el-icon-discover:before {
    content: "\e70a";
}

.el-icon-first-aid-kit:before {
    content: "\e70b";
}

.el-icon-trophy-1:before {
    content: "\e70c";
}

.el-icon-trophy:before {
    content: "\e70d";
}

.el-icon-medal:before {
    content: "\e70e";
}

.el-icon-medal-1:before {
    content: "\e70f";
}

.el-icon-stopwatch:before {
    content: "\e710";
}

.el-icon-mic:before {
    content: "\e711";
}

.el-icon-copy-document:before {
    content: "\e718";
}

.el-icon-full-screen:before {
    content: "\e719";
}

.el-icon-switch-button:before {
    content: "\e71b";
}

.el-icon-aim:before {
    content: "\e71c";
}

.el-icon-crop:before {
    content: "\e71d";
}

.el-icon-odometer:before {
    content: "\e71e";
}

.el-icon-time:before {
    content: "\e71f";
}

.el-icon-bangzhu:before {
    content: "\e724";
}

.el-icon-close-notification:before {
    content: "\e726";
}

.el-icon-microphone:before {
    content: "\e727";
}

.el-icon-turn-off-microphone:before {
    content: "\e728";
}

.el-icon-position:before {
    content: "\e729";
}

.el-icon-postcard:before {
    content: "\e72a";
}

.el-icon-message:before {
    content: "\e72b";
}

.el-icon-chat-line-square:before {
    content: "\e72d";
}

.el-icon-chat-dot-square:before {
    content: "\e72e";
}

.el-icon-chat-dot-round:before {
    content: "\e72f";
}

.el-icon-chat-square:before {
    content: "\e730";
}

.el-icon-chat-line-round:before {
    content: "\e731";
}

.el-icon-chat-round:before {
    content: "\e732";
}

.el-icon-set-up:before {
    content: "\e733";
}

.el-icon-turn-off:before {
    content: "\e734";
}

.el-icon-open:before {
    content: "\e735";
}

.el-icon-connection:before {
    content: "\e736";
}

.el-icon-link:before {
    content: "\e737";
}

.el-icon-cpu:before {
    content: "\e738";
}

.el-icon-thumb:before {
    content: "\e739";
}

.el-icon-female:before {
    content: "\e73a";
}

.el-icon-male:before {
    content: "\e73b";
}

.el-icon-guide:before {
    content: "\e73c";
}

.el-icon-news:before {
    content: "\e73e";
}

.el-icon-price-tag:before {
    content: "\e744";
}

.el-icon-discount:before {
    content: "\e745";
}

.el-icon-wallet:before {
    content: "\e747";
}

.el-icon-coin:before {
    content: "\e748";
}

.el-icon-money:before {
    content: "\e749";
}

.el-icon-bank-card:before {
    content: "\e74a";
}

.el-icon-box:before {
    content: "\e74b";
}

.el-icon-present:before {
    content: "\e74c";
}

.el-icon-sell:before {
    content: "\e6d5";
}

.el-icon-sold-out:before {
    content: "\e6d6";
}

.el-icon-shopping-bag-2:before {
    content: "\e74d";
}

.el-icon-shopping-bag-1:before {
    content: "\e74e";
}

.el-icon-shopping-cart-2:before {
    content: "\e74f";
}

.el-icon-shopping-cart-1:before {
    content: "\e750";
}

.el-icon-shopping-cart-full:before {
    content: "\e751";
}

.el-icon-smoking:before {
    content: "\e752";
}

.el-icon-no-smoking:before {
    content: "\e753";
}

.el-icon-house:before {
    content: "\e754";
}

.el-icon-table-lamp:before {
    content: "\e755";
}

.el-icon-school:before {
    content: "\e756";
}

.el-icon-office-building:before {
    content: "\e757";
}

.el-icon-toilet-paper:before {
    content: "\e758";
}

.el-icon-notebook-2:before {
    content: "\e759";
}

.el-icon-notebook-1:before {
    content: "\e75a";
}

.el-icon-files:before {
    content: "\e75b";
}

.el-icon-collection:before {
    content: "\e75c";
}

.el-icon-receiving:before {
    content: "\e75d";
}

.el-icon-suitcase-1:before {
    content: "\e760";
}

.el-icon-suitcase:before {
    content: "\e761";
}

.el-icon-film:before {
    content: "\e763";
}

.el-icon-collection-tag:before {
    content: "\e765";
}

.el-icon-data-analysis:before {
    content: "\e766";
}

.el-icon-pie-chart:before {
    content: "\e767";
}

.el-icon-data-board:before {
    content: "\e768";
}

.el-icon-data-line:before {
    content: "\e76d";
}

.el-icon-reading:before {
    content: "\e769";
}

.el-icon-magic-stick:before {
    content: "\e76a";
}

.el-icon-coordinate:before {
    content: "\e76b";
}

.el-icon-mouse:before {
    content: "\e76c";
}

.el-icon-brush:before {
    content: "\e76e";
}

.el-icon-headset:before {
    content: "\e76f";
}

.el-icon-umbrella:before {
    content: "\e770";
}

.el-icon-scissors:before {
    content: "\e771";
}

.el-icon-mobile:before {
    content: "\e773";
}

.el-icon-attract:before {
    content: "\e774";
}

.el-icon-monitor:before {
    content: "\e775";
}

.el-icon-search:before {
    content: "\e778";
}

.el-icon-takeaway-box:before {
    content: "\e77a";
}

.el-icon-paperclip:before {
    content: "\e77d";
}

.el-icon-printer:before {
    content: "\e77e";
}

.el-icon-document-add:before {
    content: "\e782";
}

.el-icon-document:before {
    content: "\e785";
}

.el-icon-document-checked:before {
    content: "\e786";
}

.el-icon-document-copy:before {
    content: "\e787";
}

.el-icon-document-delete:before {
    content: "\e788";
}

.el-icon-document-remove:before {
    content: "\e789";
}

.el-icon-tickets:before {
    content: "\e78b";
}

.el-icon-folder-checked:before {
    content: "\e77f";
}

.el-icon-folder-delete:before {
    content: "\e780";
}

.el-icon-folder-remove:before {
    content: "\e781";
}

.el-icon-folder-add:before {
    content: "\e783";
}

.el-icon-folder-opened:before {
    content: "\e784";
}

.el-icon-folder:before {
    content: "\e78a";
}

.el-icon-edit-outline:before {
    content: "\e764";
}

.el-icon-edit:before {
    content: "\e78c";
}

.el-icon-date:before {
    content: "\e78e";
}

.el-icon-c-scale-to-original:before {
    content: "\e7c6";
}

.el-icon-view:before {
    content: "\e6ce";
}

.el-icon-loading:before {
    content: "\e6cf";
}

.el-icon-rank:before {
    content: "\e6d1";
}

.el-icon-sort-down:before {
    content: "\e7c4";
}

.el-icon-sort-up:before {
    content: "\e7c5";
}

.el-icon-sort:before {
    content: "\e6d2";
}

.el-icon-finished:before {
    content: "\e6cd";
}

.el-icon-refresh-left:before {
    content: "\e6c7";
}

.el-icon-refresh-right:before {
    content: "\e6c8";
}

.el-icon-refresh:before {
    content: "\e6d0";
}

.el-icon-video-play:before {
    content: "\e7c0";
}

.el-icon-video-pause:before {
    content: "\e7c1";
}

.el-icon-d-arrow-right:before {
    content: "\e6dc";
}

.el-icon-d-arrow-left:before {
    content: "\e6dd";
}

.el-icon-arrow-up:before {
    content: "\e6e1";
}

.el-icon-arrow-down:before {
    content: "\e6df";
}

.el-icon-arrow-right:before {
    content: "\e6e0";
}

.el-icon-arrow-left:before {
    content: "\e6de";
}

.el-icon-top-right:before {
    content: "\e6e7";
}

.el-icon-top-left:before {
    content: "\e6e8";
}

.el-icon-top:before {
    content: "\e6e6";
}

.el-icon-bottom:before {
    content: "\e6eb";
}

.el-icon-right:before {
    content: "\e6e9";
}

.el-icon-back:before {
    content: "\e6ea";
}

.el-icon-bottom-right:before {
    content: "\e6ec";
}

.el-icon-bottom-left:before {
    content: "\e6ed";
}

.el-icon-caret-top:before {
    content: "\e78f";
}

.el-icon-caret-bottom:before {
    content: "\e790";
}

.el-icon-caret-right:before {
    content: "\e791";
}

.el-icon-caret-left:before {
    content: "\e792";
}

.el-icon-d-caret:before {
    content: "\e79a";
}

.el-icon-share:before {
    content: "\e793";
}

.el-icon-menu:before {
    content: "\e798";
}

.el-icon-s-grid:before {
    content: "\e7a6";
}

.el-icon-s-check:before {
    content: "\e7a7";
}

.el-icon-s-data:before {
    content: "\e7a8";
}

.el-icon-s-opportunity:before {
    content: "\e7aa";
}

.el-icon-s-custom:before {
    content: "\e7ab";
}

.el-icon-s-claim:before {
    content: "\e7ad";
}

.el-icon-s-finance:before {
    content: "\e7ae";
}

.el-icon-s-comment:before {
    content: "\e7af";
}

.el-icon-s-flag:before {
    content: "\e7b0";
}

.el-icon-s-marketing:before {
    content: "\e7b1";
}

.el-icon-s-shop:before {
    content: "\e7b4";
}

.el-icon-s-open:before {
    content: "\e7b5";
}

.el-icon-s-management:before {
    content: "\e7b6";
}

.el-icon-s-ticket:before {
    content: "\e7b7";
}

.el-icon-s-release:before {
    content: "\e7b8";
}

.el-icon-s-home:before {
    content: "\e7b9";
}

.el-icon-s-promotion:before {
    content: "\e7ba";
}

.el-icon-s-operation:before {
    content: "\e7bb";
}

.el-icon-s-unfold:before {
    content: "\e7bc";
}

.el-icon-s-fold:before {
    content: "\e7a9";
}

.el-icon-s-platform:before {
    content: "\e7bd";
}

.el-icon-s-order:before {
    content: "\e7be";
}

.el-icon-s-cooperation:before {
    content: "\e7bf";
}

.el-icon-bell:before {
    content: "\e725";
}

.el-icon-message-solid:before {
    content: "\e799";
}

.el-icon-video-camera:before {
    content: "\e772";
}

.el-icon-video-camera-solid:before {
    content: "\e796";
}

.el-icon-camera:before {
    content: "\e779";
}

.el-icon-camera-solid:before {
    content: "\e79b";
}

.el-icon-download:before {
    content: "\e77c";
}

.el-icon-upload2:before {
    content: "\e77b";
}

.el-icon-upload:before {
    content: "\e7c3";
}

.el-icon-picture-outline-round:before {
    content: "\e75f";
}

.el-icon-picture-outline:before {
    content: "\e75e";
}

.el-icon-picture:before {
    content: "\e79f";
}

.el-icon-close:before {
    content: "\e6db";
}

.el-icon-check:before {
    content: "\e6da";
}

.el-icon-plus:before {
    content: "\e6d9";
}

.el-icon-minus:before {
    content: "\e6d8";
}

.el-icon-help:before {
    content: "\e73d";
}

.el-icon-s-help:before {
    content: "\e7b3";
}

.el-icon-circle-close:before {
    content: "\e78d";
}

.el-icon-circle-check:before {
    content: "\e720";
}

.el-icon-circle-plus-outline:before {
    content: "\e723";
}

.el-icon-remove-outline:before {
    content: "\e722";
}

.el-icon-zoom-out:before {
    content: "\e776";
}

.el-icon-zoom-in:before {
    content: "\e777";
}

.el-icon-error:before {
    content: "\e79d";
}

.el-icon-success:before {
    content: "\e79c";
}

.el-icon-circle-plus:before {
    content: "\e7a0";
}

.el-icon-remove:before {
    content: "\e7a2";
}

.el-icon-info:before {
    content: "\e7a1";
}

.el-icon-question:before {
    content: "\e7a4";
}

.el-icon-warning-outline:before {
    content: "\e6c9";
}

.el-icon-warning:before {
    content: "\e7a3";
}

.el-icon-goods:before {
    content: "\e7c2";
}

.el-icon-s-goods:before {
    content: "\e7b2";
}

.el-icon-star-off:before {
    content: "\e717";
}

.el-icon-star-on:before {
    content: "\e797";
}

.el-icon-more-outline:before {
    content: "\e6cc";
}

.el-icon-more:before {
    content: "\e794";
}

.el-icon-phone-outline:before {
    content: "\e6cb";
}

.el-icon-phone:before {
    content: "\e795";
}

.el-icon-user:before {
    content: "\e6e3";
}

.el-icon-user-solid:before {
    content: "\e7a5";
}

.el-icon-setting:before {
    content: "\e6ca";
}

.el-icon-s-tools:before {
    content: "\e7ac";
}

.el-icon-delete:before {
    content: "\e6d7";
}

.el-icon-delete-solid:before {
    content: "\e7c9";
}

.el-icon-eleme:before {
    content: "\e7c7";
}

.el-icon-platform-eleme:before {
    content: "\e7ca";
}

.el-icon-loading {
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}

.el-icon--right {
    margin-left: 0.05rem;
}

.el-icon--left {
    margin-right: 0.05rem;
}

@-webkit-keyframes rotating {
    0% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0);
    }

    100% {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

@keyframes rotating {
    0% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0);
    }

    100% {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}
@-webkit-keyframes slide-right-in {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-right-in {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@-webkit-keyframes slide-right-in {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-right-in {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.el-popper .popper__arrow,
.el-popper .popper__arrow::after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.el-popper .popper__arrow {
    border-width: 0.06rem;
    -webkit-filter: drop-shadow(0 0.02rem 0.12rem rgba(0, 0, 0, 0.03));
    filter: drop-shadow(0 0.02rem 0.12rem rgba(0, 0, 0, 0.03));
}

.el-popper .popper__arrow::after {
    content: " ";
    border-width: 0.06rem;
}

.el-popper[x-placement^=top] {
    margin-bottom: 0.12rem;
}

.el-popper[x-placement^=top] .popper__arrow {
    bottom: -0.06rem;
    left: 50%;
    margin-right: 0.03rem;
    border-top-color: #EBEEF5;
    border-bottom-width: 0;
}

.el-popper[x-placement^=top] .popper__arrow::after {
    bottom: 0.01rem;
    margin-left: -0.06rem;
    border-top-color: #FFF;
    border-bottom-width: 0;
}

.el-popper[x-placement^=bottom] {
    margin-top: 0.12rem;
}

.el-popper[x-placement^=bottom] .popper__arrow {
    top: -0.06rem;
    left: 50%;
    margin-right: 0.03rem;
    border-top-width: 0;
    border-bottom-color: #EBEEF5;
}

.el-popper[x-placement^=bottom] .popper__arrow::after {
    top: 0.01rem;
    margin-left: -0.06rem;
    border-top-width: 0;
    border-bottom-color: #FFF;
}

.el-popper[x-placement^=right] {
    margin-left: 0.12rem;
}

.el-popper[x-placement^=right] .popper__arrow {
    top: 50%;
    left: -0.06rem;
    margin-bottom: 0.03rem;
    border-right-color: #EBEEF5;
    border-left-width: 0;
}

.el-popper[x-placement^=right] .popper__arrow::after {
    bottom: -0.06rem;
    left: 0.01rem;
    border-right-color: #FFF;
    border-left-width: 0;
}

.el-popper[x-placement^=left] {
    margin-right: 0.12rem;
}

.el-popper[x-placement^=left] .popper__arrow {
    top: 50%;
    right: -0.06rem;
    margin-bottom: 0.03rem;
    border-right-width: 0;
    border-left-color: #EBEEF5;
}

.el-popper[x-placement^=left] .popper__arrow::after {
    right: 0.01rem;
    bottom: -0.06rem;
    margin-left: -0.06rem;
    border-right-width: 0;
    border-left-color: #FFF;
}

.el-select-dropdown {
    position: absolute;
    z-index: 1001;
    border: 0.01rem solid #E4E7ED;
    border-radius: 0.04rem;
    background-color: #FFF;
    -webkit-box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0.05rem 0;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item {
    padding-right: 0.4rem;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
    color: #409EFF;
    background-color: #FFF;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
    background-color: #F5F7FA;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
    position: absolute;
    right: 0.2rem;
    font-family: element-icons;
    content: "\e6da";
    font-size: 0.12rem;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
    padding: 0;
}

.el-select-dropdown__empty {
    padding: 0.1rem 0;
    margin: 0;
    text-align: center;
    color: #999;
    font-size: 0.14rem;
}

.el-select-dropdown__wrap {
    max-height: 2.74rem;
}

.el-select-dropdown__list {
    list-style: none;
    padding: 0.06rem 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-textarea {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: bottom;
    font-size: 0.14rem;
}

.el-textarea__inner {
    display: block;
    resize: vertical;
    padding: 0.05rem 0.15rem;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    font-size: inherit;
    color: #606266;
    background-color: #FFF;
    background-image: none;
    border: 0.01rem solid #DCDFE6;
    border-radius: 0.04rem;
    -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-input__inner,
.el-tag {
    -webkit-box-sizing: border-box;
}

.el-textarea__inner::-webkit-input-placeholder {
    color: #C0C4CC;
}

.el-textarea__inner:-ms-input-placeholder {
    color: #C0C4CC;
}

.el-textarea__inner::-ms-input-placeholder {
    color: #C0C4CC;
}

.el-textarea__inner::-moz-placeholder {
    color: #C0C4CC;
}

.el-textarea__inner::placeholder {
    color: #C0C4CC;
}

.el-textarea__inner:hover {
    border-color: #C0C4CC;
}

.el-textarea__inner:focus {
    outline: 0;
    border-color: #409EFF;
}

.el-textarea .el-input__count {
    color: #909399;
    background: #FFF;
    position: absolute;
    font-size: 0.12rem;
    bottom: 0.05rem;
    right: 0.1rem;
}

.el-textarea.is-disabled .el-textarea__inner {
    background-color: #F5F7FA;
    border-color: #E4E7ED;
    color: #C0C4CC;
    cursor: not-allowed;
}

.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
    color: #C0C4CC;
}

.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder {
    color: #C0C4CC;
}

.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
    color: #C0C4CC;
}

.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
    color: #C0C4CC;
}

.el-textarea.is-disabled .el-textarea__inner::placeholder {
    color: #C0C4CC;
}

.el-textarea.is-exceed .el-textarea__inner {
    border-color: #F56C6C;
}

.el-textarea.is-exceed .el-input__count {
    color: #F56C6C;
}

.el-input {
    position: relative;
    font-size: 0.14rem;
    display: inline-block;
    width: 100%;
}

.el-input::-webkit-scrollbar {
    z-index: 11;
    width: 0.06rem;
}

.el-input::-webkit-scrollbar:horizontal {
    height: 0.06rem;
}

.el-input::-webkit-scrollbar-thumb {
    border-radius: 0.05rem;
    width: 0.06rem;
    background: #b4bccc;
}

.el-input::-webkit-scrollbar-corner {
    background: #fff;
}

.el-input::-webkit-scrollbar-track {
    background: #fff;
}

.el-input::-webkit-scrollbar-track-piece {
    background: #fff;
    width: 0.06rem;
}

.el-input .el-input__clear {
    color: #C0C4CC;
    font-size: 0.14rem;
    cursor: pointer;
    -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-input .el-input__clear:hover {
    color: #909399;
}

.el-input .el-input__count {
    height: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #909399;
    font-size: 0.12rem;
}

.el-input .el-input__count .el-input__count-inner {
    background: #FFF;
    line-height: initial;
    display: inline-block;
    padding: 0 0.05rem;
}

.el-input__inner {
    -webkit-appearance: none;
    background-color: #FFF;
    background-image: none;
    border-radius: 0.04rem;
    border: 0.01rem solid #DCDFE6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 0.4rem;
    line-height: 0.4rem;
    outline: 0;
    padding: 0 0.15rem;
    -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    width: 100%;
}

.el-input__prefix,
.el-input__suffix {
    position: absolute;
    top: 0;
    -webkit-transition: all .3s;
    height: 100%;
    color: #C0C4CC;
    text-align: center;
}

.el-input__inner::-ms-reveal {
    display: none;
}

.el-input__inner::-webkit-input-placeholder {
    color: #C0C4CC;
}

.el-input__inner:-ms-input-placeholder {
    color: #C0C4CC;
}

.el-input__inner::-ms-input-placeholder {
    color: #C0C4CC;
}

.el-input__inner::-moz-placeholder {
    color: #C0C4CC;
}

.el-input__inner::placeholder {
    color: #C0C4CC;
}

.el-input__inner:hover {
    border-color: #C0C4CC;
}

.el-input.is-active .el-input__inner,
.el-input__inner:focus {
    border-color: #409EFF;
    outline: 0;
}

.el-input__suffix {
    right: 0.05rem;
    -webkit-transition: all .3s;
    transition: all .3s;
    pointer-events: none;
}

.el-input__suffix-inner {
    pointer-events: all;
}

.el-input__prefix {
    left: 0.05rem;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.el-input__icon {
    height: 100%;
    width: 0.25rem;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s;
    line-height: 0.4rem;
}

.el-input__icon:after {
    content: '';
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle;
}

.el-input__validateIcon {
    pointer-events: none;
}

.el-input.is-disabled .el-input__inner {
    background-color: #F5F7FA;
    border-color: #E4E7ED;
    color: #C0C4CC;
    cursor: not-allowed;
}

.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
    color: #C0C4CC;
}

.el-input.is-disabled .el-input__inner:-ms-input-placeholder {
    color: #C0C4CC;
}

.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
    color: #C0C4CC;
}

.el-input.is-disabled .el-input__inner::-moz-placeholder {
    color: #C0C4CC;
}

.el-input.is-disabled .el-input__inner::placeholder {
    color: #C0C4CC;
}

.el-input.is-disabled .el-input__icon {
    cursor: not-allowed;
}

.el-input.is-exceed .el-input__inner {
    border-color: #F56C6C;
}

.el-input.is-exceed .el-input__suffix .el-input__count {
    color: #F56C6C;
}

.el-input--suffix .el-input__inner {
    padding-right: 0.3rem;
}

.el-input--prefix .el-input__inner {
    padding-left: 0.3rem;
}

.el-input--medium {
    font-size: 0.14rem;
}

.el-input--medium .el-input__inner {
    height: 0.36rem;
    line-height: 0.36rem;
}

.el-input--medium .el-input__icon {
    line-height: 0.36rem;
}

.el-input--small {
    font-size: 0.13rem;
}

.el-input--small .el-input__inner {
    height: 0.32rem;
    line-height: 0.32rem;
}

.el-input--small .el-input__icon {
    line-height: 0.32rem;
}

.el-input--mini {
    font-size: 0.12rem;
}

.el-input--mini .el-input__inner {
    height: 0.28rem;
    line-height: 0.28rem;
}

.el-input--mini .el-input__icon {
    line-height: 0.28rem;
}

.el-input-group {
    line-height: normal;
    display: inline-table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.el-input-group > .el-input__inner {
    vertical-align: middle;
    display: table-cell;
}

.el-input-group__append,
.el-input-group__prepend {
    background-color: #F5F7FA;
    color: #909399;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    border: 0.01rem solid #DCDFE6;
    border-radius: 0.04rem;
    padding: 0 0.2rem;
    width: 0.01rem;
    white-space: nowrap;
}

.el-input-group--prepend .el-input__inner,
.el-input-group__append {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.el-input-group--append .el-input__inner,
.el-input-group__prepend {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.el-input-group__append:focus,
.el-input-group__prepend:focus {
    outline: 0;
}

.el-input-group__append .el-button,
.el-input-group__append .el-select,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-select {
    display: inline-block;
    margin: -0.1rem -0.2rem;
}

.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner,
.el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
    border-color: transparent;
    background-color: transparent;
    color: inherit;
    border-top: 0;
    border-bottom: 0;
}

.el-input-group__append .el-button,
.el-input-group__append .el-input,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
    font-size: inherit;
}

.el-input-group__prepend {
    border-right: 0;
}

.el-input-group__append {
    border-left: 0;
}

.el-input-group--append .el-select .el-input.is-focus .el-input__inner,
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
    border-color: transparent;
}

.el-input__inner::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

.el-tag {
    background-color: #ecf5ff;
    border-color: #d9ecff;
    display: inline-block;
    height: 0.32rem;
    padding: 0 0.1rem;
    line-height: 0.3rem;
    font-size: 0.12rem;
    color: #409EFF;
    border-width: 0.01rem;
    border-style: solid;
    border-radius: 0.04rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
}

.el-tag.is-hit {
    border-color: #409EFF;
}

.el-tag .el-tag__close {
    color: #409eff;
}

.el-tag .el-tag__close:hover {
    color: #FFF;
    background-color: #409eff;
}

.el-tag.el-tag--info {
    background-color: #f4f4f5;
    border-color: #e9e9eb;
    color: #909399;
}

.el-tag.el-tag--info.is-hit {
    border-color: #909399;
}

.el-tag.el-tag--info .el-tag__close {
    color: #909399;
}

.el-tag.el-tag--info .el-tag__close:hover {
    color: #FFF;
    background-color: #909399;
}

.el-tag.el-tag--success {
    background-color: #f0f9eb;
    border-color: #e1f3d8;
    color: #67c23a;
}

.el-tag.el-tag--success.is-hit {
    border-color: #67C23A;
}

.el-tag.el-tag--success .el-tag__close {
    color: #67c23a;
}

.el-tag.el-tag--success .el-tag__close:hover {
    color: #FFF;
    background-color: #67c23a;
}

.el-tag.el-tag--warning {
    background-color: #fdf6ec;
    border-color: #faecd8;
    color: #e6a23c;
}

.el-tag.el-tag--warning.is-hit {
    border-color: #E6A23C;
}

.el-tag.el-tag--warning .el-tag__close {
    color: #e6a23c;
}

.el-tag.el-tag--warning .el-tag__close:hover {
    color: #FFF;
    background-color: #e6a23c;
}

.el-tag.el-tag--danger {
    background-color: #fef0f0;
    border-color: #fde2e2;
    color: #f56c6c;
}

.el-tag.el-tag--danger.is-hit {
    border-color: #F56C6C;
}

.el-tag.el-tag--danger .el-tag__close {
    color: #f56c6c;
}

.el-tag.el-tag--danger .el-tag__close:hover {
    color: #FFF;
    background-color: #f56c6c;
}

.el-tag .el-icon-close {
    border-radius: 50%;
    text-align: center;
    position: relative;
    cursor: pointer;
    font-size: 0.12rem;
    height: 0.16rem;
    width: 0.16rem;
    line-height: 0.16rem;
    vertical-align: middle;
    top: -0.01rem;
    right: -0.05rem;
}

.el-tag .el-icon-close::before {
    display: block;
}

.el-tag--dark {
    background-color: #409eff;
    border-color: #409eff;
    color: #fff;
}

.el-tag--dark.is-hit {
    border-color: #409EFF;
}

.el-tag--dark .el-tag__close {
    color: #fff;
}

.el-tag--dark .el-tag__close:hover {
    color: #FFF;
    background-color: #66b1ff;
}

.el-tag--dark.el-tag--info {
    background-color: #909399;
    border-color: #909399;
    color: #fff;
}

.el-tag--dark.el-tag--info.is-hit {
    border-color: #909399;
}

.el-tag--dark.el-tag--info .el-tag__close {
    color: #fff;
}

.el-tag--dark.el-tag--info .el-tag__close:hover {
    color: #FFF;
    background-color: #a6a9ad;
}

.el-tag--dark.el-tag--success {
    background-color: #67c23a;
    border-color: #67c23a;
    color: #fff;
}

.el-tag--dark.el-tag--success.is-hit {
    border-color: #67C23A;
}

.el-tag--dark.el-tag--success .el-tag__close {
    color: #fff;
}

.el-tag--dark.el-tag--success .el-tag__close:hover {
    color: #FFF;
    background-color: #85ce61;
}

.el-tag--dark.el-tag--warning {
    background-color: #e6a23c;
    border-color: #e6a23c;
    color: #fff;
}

.el-tag--dark.el-tag--warning.is-hit {
    border-color: #E6A23C;
}

.el-tag--dark.el-tag--warning .el-tag__close {
    color: #fff;
}

.el-tag--dark.el-tag--warning .el-tag__close:hover {
    color: #FFF;
    background-color: #ebb563;
}

.el-tag--dark.el-tag--danger {
    background-color: #f56c6c;
    border-color: #f56c6c;
    color: #fff;
}

.el-tag--dark.el-tag--danger.is-hit {
    border-color: #F56C6C;
}

.el-tag--dark.el-tag--danger .el-tag__close {
    color: #fff;
}

.el-tag--dark.el-tag--danger .el-tag__close:hover {
    color: #FFF;
    background-color: #f78989;
}

.el-tag--plain {
    background-color: #fff;
    border-color: #b3d8ff;
    color: #409eff;
}

.el-tag--plain.is-hit {
    border-color: #409EFF;
}

.el-tag--plain .el-tag__close {
    color: #409eff;
}

.el-tag--plain .el-tag__close:hover {
    color: #FFF;
    background-color: #409eff;
}

.el-tag--plain.el-tag--info {
    background-color: #fff;
    border-color: #d3d4d6;
    color: #909399;
}

.el-tag--plain.el-tag--info.is-hit {
    border-color: #909399;
}

.el-tag--plain.el-tag--info .el-tag__close {
    color: #909399;
}

.el-tag--plain.el-tag--info .el-tag__close:hover {
    color: #FFF;
    background-color: #909399;
}

.el-tag--plain.el-tag--success {
    background-color: #fff;
    border-color: #c2e7b0;
    color: #67c23a;
}

.el-tag--plain.el-tag--success.is-hit {
    border-color: #67C23A;
}

.el-tag--plain.el-tag--success .el-tag__close {
    color: #67c23a;
}

.el-tag--plain.el-tag--success .el-tag__close:hover {
    color: #FFF;
    background-color: #67c23a;
}

.el-tag--plain.el-tag--warning {
    background-color: #fff;
    border-color: #f5dab1;
    color: #e6a23c;
}

.el-tag--plain.el-tag--warning.is-hit {
    border-color: #E6A23C;
}

.el-tag--plain.el-tag--warning .el-tag__close {
    color: #e6a23c;
}

.el-tag--plain.el-tag--warning .el-tag__close:hover {
    color: #FFF;
    background-color: #e6a23c;
}

.el-tag--plain.el-tag--danger {
    background-color: #fff;
    border-color: #fbc4c4;
    color: #f56c6c;
}

.el-tag--plain.el-tag--danger.is-hit {
    border-color: #F56C6C;
}

.el-tag--plain.el-tag--danger .el-tag__close {
    color: #f56c6c;
}

.el-tag--plain.el-tag--danger .el-tag__close:hover {
    color: #FFF;
    background-color: #f56c6c;
}

.el-tag--medium {
    height: 0.28rem;
    line-height: 0.26rem;
}

.el-tag--medium .el-icon-close {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

.el-tag--small {
    height: 0.24rem;
    padding: 0 0.08rem;
    line-height: 0.22rem;
}

.el-tag--small .el-icon-close {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

.el-tag--mini {
    height: 0.2rem;
    padding: 0 0.05rem;
    line-height: 0.19rem;
}

.el-tag--mini .el-icon-close {
    margin-left: -0.03rem;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
}

.el-select-dropdown__item {
    font-size: 0.14rem;
    padding: 0 0.2rem;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #606266;
    height: 0.34rem;
    line-height: 0.34rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

.el-select-dropdown__item.is-disabled {
    color: #C0C4CC;
    cursor: not-allowed;
}

.el-select-dropdown__item.is-disabled:hover {
    background-color: #FFF;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
    background-color: #F5F7FA;
}

.el-select-dropdown__item.selected {
    color: #409EFF;
    font-weight: 700;
}

.el-select-group {
    margin: 0;
    padding: 0;
}

.el-select-group__wrap {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.el-select-group__wrap:not(:last-of-type) {
    padding-bottom: 0.24rem;
}

.el-select-group__wrap:not(:last-of-type)::after {
    content: '';
    position: absolute;
    display: block;
    left: 0.2rem;
    right: 0.2rem;
    bottom: 0.12rem;
    height: 0.01rem;
    background: #E4E7ED;
}

.el-select-group__title {
    padding-left: 0.2rem;
    font-size: 0.12rem;
    color: #909399;
    line-height: 0.3rem;
}

.el-select-group .el-select-dropdown__item {
    padding-left: 0.2rem;
}

.el-scrollbar {
    overflow: hidden;
    position: relative;
}

.el-scrollbar:active > .el-scrollbar__bar,
.el-scrollbar:focus > .el-scrollbar__bar,
.el-scrollbar:hover > .el-scrollbar__bar {
    opacity: 1;
    -webkit-transition: opacity 340ms ease-out;
    transition: opacity 340ms ease-out;
}

.el-scrollbar__wrap {
    overflow: scroll;
    height: 100%;
}

.el-scrollbar__wrap--hidden-default {
    scrollbar-width: none;
}

.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.el-scrollbar__thumb {
    position: relative;
    display: block;
    width: 0;
    height: 0;
    cursor: pointer;
    border-radius: inherit;
    background-color: rgba(144, 147, 153, 0.3);
    -webkit-transition: .3s background-color;
    transition: .3s background-color;
}

.el-scrollbar__thumb:hover {
    background-color: rgba(144, 147, 153, 0.5);
}

.el-scrollbar__bar {
    position: absolute;
    right: 0.02rem;
    bottom: 0.02rem;
    z-index: 1;
    border-radius: 0.04rem;
    opacity: 0;
    -webkit-transition: opacity 120ms ease-out;
    transition: opacity 120ms ease-out;
}

.el-scrollbar__bar.is-vertical {
    width: 0.06rem;
    top: 0.02rem;
}

.el-scrollbar__bar.is-vertical > div {
    width: 100%;
}

.el-scrollbar__bar.is-horizontal {
    height: 0.06rem;
    left: 0.02rem;
}

.el-scrollbar__bar.is-horizontal > div {
    height: 100%;
}

.el-select {
    display: inline-block;
    position: relative;
}

.el-select .el-select__tags > span {
    display: contents;
}

.el-select:hover .el-input__inner {
    border-color: #C0C4CC;
}

.el-select .el-input__inner {
    cursor: pointer;
    padding-right: 0.35rem;
}

.el-select .el-input__inner:focus {
    border-color: #409EFF;
}

.el-select .el-input .el-select__caret {
    color: #C0C4CC;
    font-size: 0.14rem;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
    cursor: pointer;
}

.el-select .el-input .el-select__caret.is-reverse {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
}

.el-select .el-input .el-select__caret.is-show-close {
    font-size: 0.14rem;
    text-align: center;
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
    border-radius: 100%;
    color: #C0C4CC;
    -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-select .el-input .el-select__caret.is-show-close:hover {
    color: #909399;
}

.el-select .el-input.is-disabled .el-input__inner {
    cursor: not-allowed;
}

.el-select .el-input.is-disabled .el-input__inner:hover {
    border-color: #E4E7ED;
}

.el-select .el-input.is-focus .el-input__inner {
    border-color: #409EFF;
}

.el-select > .el-input {
    display: block;
}

.el-select__input {
    border: none;
    outline: 0;
    padding: 0;
    margin-left: 0.15rem;
    color: #666;
    font-size: 0.14rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 0.28rem;
    background-color: transparent;
}

.el-select__input.is-mini {
    height: 0.14rem;
}

.el-select__close {
    cursor: pointer;
    position: absolute;
    top: 0.08rem;
    z-index: 1000;
    right: 0.25rem;
    color: #C0C4CC;
    line-height: 0.18rem;
    font-size: 0.14rem;
}

.el-select__close:hover {
    color: #909399;
}

.el-select__tags {
    position: absolute;
    line-height: normal;
    white-space: normal;
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.el-select__tags-text {
    overflow: hidden;
    text-overflow: ellipsis;
}

.el-select .el-tag {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-color: transparent;
    margin: 0.02rem 0 0.02rem 0.06rem;
    background-color: #f0f2f5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.el-select .el-tag__close.el-icon-close {
    background-color: #C0C4CC;
    top: 0;
    color: #FFF;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.el-select .el-tag__close.el-icon-close:hover {
    background-color: #909399;
}

.el-select .el-tag__close.el-icon-close::before {
    display: block;
    -webkit-transform: translate(0, 0.005rem);
    transform: translate(0, 0.005rem);
}

.el-pagination {
    white-space: nowrap;
    padding: 0.02rem 0.05rem;
    color: #303133;
    font-weight: 700;
}

.el-pagination::after,
.el-pagination::before {
    display: table;
    content: "";
}

.el-pagination::after {
    clear: both;
}

.el-pagination button,
.el-pagination span:not([class*=suffix]) {
    display: inline-block;
    font-size: 0.13rem;
    min-width: 0.355rem;
    height: 0.28rem;
    line-height: 0.28rem;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-pagination .el-input__inner {
    text-align: center;
    -moz-appearance: textfield;
    line-height: normal;
}

.el-pagination .el-input__suffix {
    right: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

.el-pagination .el-select .el-input {
    width: 1rem;
    margin: 0 0.05rem;
}

.el-pagination .el-select .el-input .el-input__inner {
    padding-right: 0.25rem;
    border-radius: 0.03rem;
}

.el-pagination button {
    border: none;
    padding: 0 0.06rem;
    background: 0 0;
}

.el-pagination button:focus {
    outline: 0;
}

.el-pagination button:hover {
    color: #409EFF;
}

.el-pagination button:disabled {
    color: #C0C4CC;
    background-color: #FFF;
    cursor: not-allowed;
}

.el-pagination .btn-next,
.el-pagination .btn-prev {
    background: center center no-repeat #FFF;
    background-size: 0.16rem;
    cursor: pointer;
    margin: 0;
    color: #303133;
}

.el-pagination .btn-next .el-icon,
.el-pagination .btn-prev .el-icon {
    display: block;
    font-size: 0.12rem;
    font-weight: 700;
}

.el-pagination .btn-prev {
    padding-right: 0.12rem;
}

.el-pagination .btn-next {
    padding-left: 0.12rem;
}

.el-pagination .el-pager li.disabled {
    color: #C0C4CC;
    cursor: not-allowed;
}

.el-pager li,
.el-pager li.btn-quicknext:hover,
.el-pager li.btn-quickprev:hover {
    cursor: pointer;
}

.el-pagination--small .btn-next,
.el-pagination--small .btn-prev,
.el-pagination--small .el-pager li,
.el-pagination--small .el-pager li.btn-quicknext,
.el-pagination--small .el-pager li.btn-quickprev,
.el-pagination--small .el-pager li:last-child {
    border-color: transparent;
    font-size: 0.12rem;
    line-height: 0.22rem;
    height: 0.22rem;
    min-width: 0.22rem;
}

.el-pagination--small .arrow.disabled {
    visibility: hidden;
}

.el-pagination--small .more::before,
.el-pagination--small li.more::before {
    line-height: 0.24rem;
}

.el-pagination--small button,
.el-pagination--small span:not([class*=suffix]) {
    height: 0.22rem;
    line-height: 0.22rem;
}

.el-pagination--small .el-pagination__editor,
.el-pagination--small .el-pagination__editor.el-input .el-input__inner {
    height: 0.22rem;
}

.el-pagination__sizes {
    margin: 0 0.1rem 0 0;
    font-weight: 400;
    color: #606266;
}

.el-pagination__sizes .el-input .el-input__inner {
    font-size: 0.13rem;
    padding-left: 0.08rem;
}

.el-pagination__sizes .el-input .el-input__inner:hover {
    border-color: #409EFF;
}

.el-pagination__total {
    margin-right: 0.1rem;
    font-weight: 400;
    color: #606266;
}

.el-pagination__jump {
    margin-left: 0.24rem;
    font-weight: 400;
    color: #606266;
}

.el-pagination__jump .el-input__inner {
    padding: 0 0.03rem;
}

.el-pagination__rightwrapper {
    float: right;
}

.el-pagination__editor {
    line-height: 0.18rem;
    padding: 0 0.02rem;
    height: 0.28rem;
    text-align: center;
    margin: 0 0.02rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0.03rem;
}

.el-pager,
.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev {
    padding: 0;
}

.el-pagination__editor.el-input {
    width: 0.5rem;
}

.el-pagination__editor.el-input .el-input__inner {
    height: 0.28rem;
}

.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,
.el-pagination__editor .el-input__inner::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
    margin: 0 0.05rem;
    background-color: #f4f4f5;
    color: #606266;
    min-width: 0.3rem;
    border-radius: 0.02rem;
}

.el-pagination.is-background .btn-next.disabled,
.el-pagination.is-background .btn-next:disabled,
.el-pagination.is-background .btn-prev.disabled,
.el-pagination.is-background .btn-prev:disabled,
.el-pagination.is-background .el-pager li.disabled {
    color: #C0C4CC;
}

.el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: #409EFF;
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #409EFF;
    color: #FFF;
}

.el-pagination.is-background.el-pagination--small .btn-next,
.el-pagination.is-background.el-pagination--small .btn-prev,
.el-pagination.is-background.el-pagination--small .el-pager li {
    margin: 0 0.03rem;
    min-width: 0.22rem;
}

.el-pager,
.el-pager li {
    vertical-align: top;
    display: inline-block;
    margin: 0;
}

.el-pager {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    list-style: none;
    font-size: 0;
}

.el-pager .more::before {
    line-height: 0.3rem;
}

.el-pager li {
    padding: 0 0.04rem;
    background: #FFF;
    font-size: 0.13rem;
    min-width: 0.355rem;
    height: 0.28rem;
    line-height: 0.28rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.el-pager li.btn-quicknext,
.el-pager li.btn-quickprev {
    line-height: 0.28rem;
    color: #303133;
}

.el-pager li.btn-quicknext.disabled,
.el-pager li.btn-quickprev.disabled {
    color: #C0C4CC;
}

.el-pager li.active + li {
    border-left: 0;
}

.el-pager li:hover {
    color: #409EFF;
}

.el-pager li.active {
    color: #409EFF;
    cursor: default;
}
@-webkit-keyframes slide-right-in {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-right-in {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.v-modal-enter {
    -webkit-animation: v-modal-in .2s ease;
    animation: v-modal-in .2s ease;
}

.v-modal-leave {
    -webkit-animation: v-modal-out .2s ease forwards;
    animation: v-modal-out .2s ease forwards;
}

@-webkit-keyframes v-modal-in {
    0% {
        opacity: 0;
    }
}

@keyframes v-modal-in {
    0% {
        opacity: 0;
    }
}

@-webkit-keyframes v-modal-out {
    100% {
        opacity: 0;
    }
}

@keyframes v-modal-out {
    100% {
        opacity: 0;
    }
}

.v-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background: #000;
}

.el-popup-parent--hidden {
    overflow: hidden;
}

.el-dialog {
    position: relative;
    margin: 0 auto 0.5rem;
    background: #FFF;
    border-radius: 0.02rem;
    -webkit-box-shadow: 0 0.01rem 0.03rem rgba(0, 0, 0, 0.3);
    box-shadow: 0 0.01rem 0.03rem rgba(0, 0, 0, 0.3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
}

.el-dialog.is-fullscreen {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    height: 100%;
    overflow: auto;
}

.el-dialog__wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    margin: 0;
}

.el-dialog__header {
    padding: 0.2rem 0.2rem 0.1rem;
}

.el-dialog__headerbtn {
    position: absolute;
    top: 0.2rem;
    right: 0.2rem;
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    cursor: pointer;
    font-size: 0.16rem;
}

.el-dialog__headerbtn .el-dialog__close {
    color: #909399;
}

.el-dialog__headerbtn:focus .el-dialog__close,
.el-dialog__headerbtn:hover .el-dialog__close {
    color: #409EFF;
}

.el-dialog__title {
    line-height: 0.24rem;
    font-size: 0.18rem;
    color: #303133;
}

.el-dialog__body {
    padding: 0.3rem 0.2rem;
    color: #606266;
    font-size: 0.14rem;
    word-break: break-all;
}

.el-dialog__footer {
    padding: 0.1rem 0.2rem 0.2rem;
    text-align: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-dialog--center {
    text-align: center;
}

.el-dialog--center .el-dialog__body {
    text-align: initial;
    padding: 0.25rem 0.25rem 0.3rem;
}

.el-dialog--center .el-dialog__footer {
    text-align: inherit;
}

.dialog-fade-enter-active {
    -webkit-animation: dialog-fade-in .3s;
    animation: dialog-fade-in .3s;
}

.dialog-fade-leave-active {
    -webkit-animation: dialog-fade-out .3s;
    animation: dialog-fade-out .3s;
}

@-webkit-keyframes dialog-fade-in {
    0% {
        -webkit-transform: translate3d(0, -0.2rem, 0);
        transform: translate3d(0, -0.2rem, 0);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes dialog-fade-in {
    0% {
        -webkit-transform: translate3d(0, -0.2rem, 0);
        transform: translate3d(0, -0.2rem, 0);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes dialog-fade-out {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(0, -0.2rem, 0);
        transform: translate3d(0, -0.2rem, 0);
        opacity: 0;
    }
}

@keyframes dialog-fade-out {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(0, -0.2rem, 0);
        transform: translate3d(0, -0.2rem, 0);
        opacity: 0;
    }
}
@-webkit-keyframes slide-right-in {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-right-in {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.el-pagination--small .arrow.disabled,
.el-table .el-table__cell.is-hidden > *,
.el-table .hidden-columns,
.el-table--hidden {
    visibility: hidden;
}

.el-dropdown .el-dropdown-selfdefine:focus:active,
.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing),
.el-message__closeBtn:focus,
.el-message__content:focus,
.el-popover:focus,
.el-popover:focus:active,
.el-popover__reference:focus:hover,
.el-popover__reference:focus:not(.focusing),
.el-rate:active,
.el-rate:focus,
.el-tooltip:focus:hover,
.el-tooltip:focus:not(.focusing),
.el-upload-list__item.is-success:active,
.el-upload-list__item.is-success:not(.focusing):focus {
    outline-width: 0;
}

.el-input__suffix,
.el-tree.is-dragging .el-tree-node__content * {
    pointer-events: none;
}

@font-face {
    font-family: element-icons;
    src: url(assets/535877f50039c0cb49a6196a5b7517cd.woff) format("woff"), url(assets/732389ded34cb9c52dd88271f1345af9.ttf) format("truetype");
    font-weight: 400;
    font-display: "auto";
    font-style: normal;
}

[class*=" el-icon-"],
[class^=el-icon-] {
    font-family: element-icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.el-icon-ice-cream-round:before {
    content: "\e6a0";
}

.el-icon-ice-cream-square:before {
    content: "\e6a3";
}

.el-icon-lollipop:before {
    content: "\e6a4";
}

.el-icon-potato-strips:before {
    content: "\e6a5";
}

.el-icon-milk-tea:before {
    content: "\e6a6";
}

.el-icon-ice-drink:before {
    content: "\e6a7";
}

.el-icon-ice-tea:before {
    content: "\e6a9";
}

.el-icon-coffee:before {
    content: "\e6aa";
}

.el-icon-orange:before {
    content: "\e6ab";
}

.el-icon-pear:before {
    content: "\e6ac";
}

.el-icon-apple:before {
    content: "\e6ad";
}

.el-icon-cherry:before {
    content: "\e6ae";
}

.el-icon-watermelon:before {
    content: "\e6af";
}

.el-icon-grape:before {
    content: "\e6b0";
}

.el-icon-refrigerator:before {
    content: "\e6b1";
}

.el-icon-goblet-square-full:before {
    content: "\e6b2";
}

.el-icon-goblet-square:before {
    content: "\e6b3";
}

.el-icon-goblet-full:before {
    content: "\e6b4";
}

.el-icon-goblet:before {
    content: "\e6b5";
}

.el-icon-cold-drink:before {
    content: "\e6b6";
}

.el-icon-coffee-cup:before {
    content: "\e6b8";
}

.el-icon-water-cup:before {
    content: "\e6b9";
}

.el-icon-hot-water:before {
    content: "\e6ba";
}

.el-icon-ice-cream:before {
    content: "\e6bb";
}

.el-icon-dessert:before {
    content: "\e6bc";
}

.el-icon-sugar:before {
    content: "\e6bd";
}

.el-icon-tableware:before {
    content: "\e6be";
}

.el-icon-burger:before {
    content: "\e6bf";
}

.el-icon-knife-fork:before {
    content: "\e6c1";
}

.el-icon-fork-spoon:before {
    content: "\e6c2";
}

.el-icon-chicken:before {
    content: "\e6c3";
}

.el-icon-food:before {
    content: "\e6c4";
}

.el-icon-dish-1:before {
    content: "\e6c5";
}

.el-icon-dish:before {
    content: "\e6c6";
}

.el-icon-moon-night:before {
    content: "\e6ee";
}

.el-icon-moon:before {
    content: "\e6f0";
}

.el-icon-cloudy-and-sunny:before {
    content: "\e6f1";
}

.el-icon-partly-cloudy:before {
    content: "\e6f2";
}

.el-icon-cloudy:before {
    content: "\e6f3";
}

.el-icon-sunny:before {
    content: "\e6f6";
}

.el-icon-sunset:before {
    content: "\e6f7";
}

.el-icon-sunrise-1:before {
    content: "\e6f8";
}

.el-icon-sunrise:before {
    content: "\e6f9";
}

.el-icon-heavy-rain:before {
    content: "\e6fa";
}

.el-icon-lightning:before {
    content: "\e6fb";
}

.el-icon-light-rain:before {
    content: "\e6fc";
}

.el-icon-wind-power:before {
    content: "\e6fd";
}

.el-icon-baseball:before {
    content: "\e712";
}

.el-icon-soccer:before {
    content: "\e713";
}

.el-icon-football:before {
    content: "\e715";
}

.el-icon-basketball:before {
    content: "\e716";
}

.el-icon-ship:before {
    content: "\e73f";
}

.el-icon-truck:before {
    content: "\e740";
}

.el-icon-bicycle:before {
    content: "\e741";
}

.el-icon-mobile-phone:before {
    content: "\e6d3";
}

.el-icon-service:before {
    content: "\e6d4";
}

.el-icon-key:before {
    content: "\e6e2";
}

.el-icon-unlock:before {
    content: "\e6e4";
}

.el-icon-lock:before {
    content: "\e6e5";
}

.el-icon-watch:before {
    content: "\e6fe";
}

.el-icon-watch-1:before {
    content: "\e6ff";
}

.el-icon-timer:before {
    content: "\e702";
}

.el-icon-alarm-clock:before {
    content: "\e703";
}

.el-icon-map-location:before {
    content: "\e704";
}

.el-icon-delete-location:before {
    content: "\e705";
}

.el-icon-add-location:before {
    content: "\e706";
}

.el-icon-location-information:before {
    content: "\e707";
}

.el-icon-location-outline:before {
    content: "\e708";
}

.el-icon-location:before {
    content: "\e79e";
}

.el-icon-place:before {
    content: "\e709";
}

.el-icon-discover:before {
    content: "\e70a";
}

.el-icon-first-aid-kit:before {
    content: "\e70b";
}

.el-icon-trophy-1:before {
    content: "\e70c";
}

.el-icon-trophy:before {
    content: "\e70d";
}

.el-icon-medal:before {
    content: "\e70e";
}

.el-icon-medal-1:before {
    content: "\e70f";
}

.el-icon-stopwatch:before {
    content: "\e710";
}

.el-icon-mic:before {
    content: "\e711";
}

.el-icon-copy-document:before {
    content: "\e718";
}

.el-icon-full-screen:before {
    content: "\e719";
}

.el-icon-switch-button:before {
    content: "\e71b";
}

.el-icon-aim:before {
    content: "\e71c";
}

.el-icon-crop:before {
    content: "\e71d";
}

.el-icon-odometer:before {
    content: "\e71e";
}

.el-icon-time:before {
    content: "\e71f";
}

.el-icon-bangzhu:before {
    content: "\e724";
}

.el-icon-close-notification:before {
    content: "\e726";
}

.el-icon-microphone:before {
    content: "\e727";
}

.el-icon-turn-off-microphone:before {
    content: "\e728";
}

.el-icon-position:before {
    content: "\e729";
}

.el-icon-postcard:before {
    content: "\e72a";
}

.el-icon-message:before {
    content: "\e72b";
}

.el-icon-chat-line-square:before {
    content: "\e72d";
}

.el-icon-chat-dot-square:before {
    content: "\e72e";
}

.el-icon-chat-dot-round:before {
    content: "\e72f";
}

.el-icon-chat-square:before {
    content: "\e730";
}

.el-icon-chat-line-round:before {
    content: "\e731";
}

.el-icon-chat-round:before {
    content: "\e732";
}

.el-icon-set-up:before {
    content: "\e733";
}

.el-icon-turn-off:before {
    content: "\e734";
}

.el-icon-open:before {
    content: "\e735";
}

.el-icon-connection:before {
    content: "\e736";
}

.el-icon-link:before {
    content: "\e737";
}

.el-icon-cpu:before {
    content: "\e738";
}

.el-icon-thumb:before {
    content: "\e739";
}

.el-icon-female:before {
    content: "\e73a";
}

.el-icon-male:before {
    content: "\e73b";
}

.el-icon-guide:before {
    content: "\e73c";
}

.el-icon-news:before {
    content: "\e73e";
}

.el-icon-price-tag:before {
    content: "\e744";
}

.el-icon-discount:before {
    content: "\e745";
}

.el-icon-wallet:before {
    content: "\e747";
}

.el-icon-coin:before {
    content: "\e748";
}

.el-icon-money:before {
    content: "\e749";
}

.el-icon-bank-card:before {
    content: "\e74a";
}

.el-icon-box:before {
    content: "\e74b";
}

.el-icon-present:before {
    content: "\e74c";
}

.el-icon-sell:before {
    content: "\e6d5";
}

.el-icon-sold-out:before {
    content: "\e6d6";
}

.el-icon-shopping-bag-2:before {
    content: "\e74d";
}

.el-icon-shopping-bag-1:before {
    content: "\e74e";
}

.el-icon-shopping-cart-2:before {
    content: "\e74f";
}

.el-icon-shopping-cart-1:before {
    content: "\e750";
}

.el-icon-shopping-cart-full:before {
    content: "\e751";
}

.el-icon-smoking:before {
    content: "\e752";
}

.el-icon-no-smoking:before {
    content: "\e753";
}

.el-icon-house:before {
    content: "\e754";
}

.el-icon-table-lamp:before {
    content: "\e755";
}

.el-icon-school:before {
    content: "\e756";
}

.el-icon-office-building:before {
    content: "\e757";
}

.el-icon-toilet-paper:before {
    content: "\e758";
}

.el-icon-notebook-2:before {
    content: "\e759";
}

.el-icon-notebook-1:before {
    content: "\e75a";
}

.el-icon-files:before {
    content: "\e75b";
}

.el-icon-collection:before {
    content: "\e75c";
}

.el-icon-receiving:before {
    content: "\e75d";
}

.el-icon-suitcase-1:before {
    content: "\e760";
}

.el-icon-suitcase:before {
    content: "\e761";
}

.el-icon-film:before {
    content: "\e763";
}

.el-icon-collection-tag:before {
    content: "\e765";
}

.el-icon-data-analysis:before {
    content: "\e766";
}

.el-icon-pie-chart:before {
    content: "\e767";
}

.el-icon-data-board:before {
    content: "\e768";
}

.el-icon-data-line:before {
    content: "\e76d";
}

.el-icon-reading:before {
    content: "\e769";
}

.el-icon-magic-stick:before {
    content: "\e76a";
}

.el-icon-coordinate:before {
    content: "\e76b";
}

.el-icon-mouse:before {
    content: "\e76c";
}

.el-icon-brush:before {
    content: "\e76e";
}

.el-icon-headset:before {
    content: "\e76f";
}

.el-icon-umbrella:before {
    content: "\e770";
}

.el-icon-scissors:before {
    content: "\e771";
}

.el-icon-mobile:before {
    content: "\e773";
}

.el-icon-attract:before {
    content: "\e774";
}

.el-icon-monitor:before {
    content: "\e775";
}

.el-icon-search:before {
    content: "\e778";
}

.el-icon-takeaway-box:before {
    content: "\e77a";
}

.el-icon-paperclip:before {
    content: "\e77d";
}

.el-icon-printer:before {
    content: "\e77e";
}

.el-icon-document-add:before {
    content: "\e782";
}

.el-icon-document:before {
    content: "\e785";
}

.el-icon-document-checked:before {
    content: "\e786";
}

.el-icon-document-copy:before {
    content: "\e787";
}

.el-icon-document-delete:before {
    content: "\e788";
}

.el-icon-document-remove:before {
    content: "\e789";
}

.el-icon-tickets:before {
    content: "\e78b";
}

.el-icon-folder-checked:before {
    content: "\e77f";
}

.el-icon-folder-delete:before {
    content: "\e780";
}

.el-icon-folder-remove:before {
    content: "\e781";
}

.el-icon-folder-add:before {
    content: "\e783";
}

.el-icon-folder-opened:before {
    content: "\e784";
}

.el-icon-folder:before {
    content: "\e78a";
}

.el-icon-edit-outline:before {
    content: "\e764";
}

.el-icon-edit:before {
    content: "\e78c";
}

.el-icon-date:before {
    content: "\e78e";
}

.el-icon-c-scale-to-original:before {
    content: "\e7c6";
}

.el-icon-view:before {
    content: "\e6ce";
}

.el-icon-loading:before {
    content: "\e6cf";
}

.el-icon-rank:before {
    content: "\e6d1";
}

.el-icon-sort-down:before {
    content: "\e7c4";
}

.el-icon-sort-up:before {
    content: "\e7c5";
}

.el-icon-sort:before {
    content: "\e6d2";
}

.el-icon-finished:before {
    content: "\e6cd";
}

.el-icon-refresh-left:before {
    content: "\e6c7";
}

.el-icon-refresh-right:before {
    content: "\e6c8";
}

.el-icon-refresh:before {
    content: "\e6d0";
}

.el-icon-video-play:before {
    content: "\e7c0";
}

.el-icon-video-pause:before {
    content: "\e7c1";
}

.el-icon-d-arrow-right:before {
    content: "\e6dc";
}

.el-icon-d-arrow-left:before {
    content: "\e6dd";
}

.el-icon-arrow-up:before {
    content: "\e6e1";
}

.el-icon-arrow-down:before {
    content: "\e6df";
}

.el-icon-arrow-right:before {
    content: "\e6e0";
}

.el-icon-arrow-left:before {
    content: "\e6de";
}

.el-icon-top-right:before {
    content: "\e6e7";
}

.el-icon-top-left:before {
    content: "\e6e8";
}

.el-icon-top:before {
    content: "\e6e6";
}

.el-icon-bottom:before {
    content: "\e6eb";
}

.el-icon-right:before {
    content: "\e6e9";
}

.el-icon-back:before {
    content: "\e6ea";
}

.el-icon-bottom-right:before {
    content: "\e6ec";
}

.el-icon-bottom-left:before {
    content: "\e6ed";
}

.el-icon-caret-top:before {
    content: "\e78f";
}

.el-icon-caret-bottom:before {
    content: "\e790";
}

.el-icon-caret-right:before {
    content: "\e791";
}

.el-icon-caret-left:before {
    content: "\e792";
}

.el-icon-d-caret:before {
    content: "\e79a";
}

.el-icon-share:before {
    content: "\e793";
}

.el-icon-menu:before {
    content: "\e798";
}

.el-icon-s-grid:before {
    content: "\e7a6";
}

.el-icon-s-check:before {
    content: "\e7a7";
}

.el-icon-s-data:before {
    content: "\e7a8";
}

.el-icon-s-opportunity:before {
    content: "\e7aa";
}

.el-icon-s-custom:before {
    content: "\e7ab";
}

.el-icon-s-claim:before {
    content: "\e7ad";
}

.el-icon-s-finance:before {
    content: "\e7ae";
}

.el-icon-s-comment:before {
    content: "\e7af";
}

.el-icon-s-flag:before {
    content: "\e7b0";
}

.el-icon-s-marketing:before {
    content: "\e7b1";
}

.el-icon-s-shop:before {
    content: "\e7b4";
}

.el-icon-s-open:before {
    content: "\e7b5";
}

.el-icon-s-management:before {
    content: "\e7b6";
}

.el-icon-s-ticket:before {
    content: "\e7b7";
}

.el-icon-s-release:before {
    content: "\e7b8";
}

.el-icon-s-home:before {
    content: "\e7b9";
}

.el-icon-s-promotion:before {
    content: "\e7ba";
}

.el-icon-s-operation:before {
    content: "\e7bb";
}

.el-icon-s-unfold:before {
    content: "\e7bc";
}

.el-icon-s-fold:before {
    content: "\e7a9";
}

.el-icon-s-platform:before {
    content: "\e7bd";
}

.el-icon-s-order:before {
    content: "\e7be";
}

.el-icon-s-cooperation:before {
    content: "\e7bf";
}

.el-icon-bell:before {
    content: "\e725";
}

.el-icon-message-solid:before {
    content: "\e799";
}

.el-icon-video-camera:before {
    content: "\e772";
}

.el-icon-video-camera-solid:before {
    content: "\e796";
}

.el-icon-camera:before {
    content: "\e779";
}

.el-icon-camera-solid:before {
    content: "\e79b";
}

.el-icon-download:before {
    content: "\e77c";
}

.el-icon-upload2:before {
    content: "\e77b";
}

.el-icon-upload:before {
    content: "\e7c3";
}

.el-icon-picture-outline-round:before {
    content: "\e75f";
}

.el-icon-picture-outline:before {
    content: "\e75e";
}

.el-icon-picture:before {
    content: "\e79f";
}

.el-icon-close:before {
    content: "\e6db";
}

.el-icon-check:before {
    content: "\e6da";
}

.el-icon-plus:before {
    content: "\e6d9";
}

.el-icon-minus:before {
    content: "\e6d8";
}

.el-icon-help:before {
    content: "\e73d";
}

.el-icon-s-help:before {
    content: "\e7b3";
}

.el-icon-circle-close:before {
    content: "\e78d";
}

.el-icon-circle-check:before {
    content: "\e720";
}

.el-icon-circle-plus-outline:before {
    content: "\e723";
}

.el-icon-remove-outline:before {
    content: "\e722";
}

.el-icon-zoom-out:before {
    content: "\e776";
}

.el-icon-zoom-in:before {
    content: "\e777";
}

.el-icon-error:before {
    content: "\e79d";
}

.el-icon-success:before {
    content: "\e79c";
}

.el-icon-circle-plus:before {
    content: "\e7a0";
}

.el-icon-remove:before {
    content: "\e7a2";
}

.el-icon-info:before {
    content: "\e7a1";
}

.el-icon-question:before {
    content: "\e7a4";
}

.el-icon-warning-outline:before {
    content: "\e6c9";
}

.el-icon-warning:before {
    content: "\e7a3";
}

.el-icon-goods:before {
    content: "\e7c2";
}

.el-icon-s-goods:before {
    content: "\e7b2";
}

.el-icon-star-off:before {
    content: "\e717";
}

.el-icon-star-on:before {
    content: "\e797";
}

.el-icon-more-outline:before {
    content: "\e6cc";
}

.el-icon-more:before {
    content: "\e794";
}

.el-icon-phone-outline:before {
    content: "\e6cb";
}

.el-icon-phone:before {
    content: "\e795";
}

.el-icon-user:before {
    content: "\e6e3";
}

.el-icon-user-solid:before {
    content: "\e7a5";
}

.el-icon-setting:before {
    content: "\e6ca";
}

.el-icon-s-tools:before {
    content: "\e7ac";
}

.el-icon-delete:before {
    content: "\e6d7";
}

.el-icon-delete-solid:before {
    content: "\e7c9";
}

.el-icon-eleme:before {
    content: "\e7c7";
}

.el-icon-platform-eleme:before {
    content: "\e7ca";
}

.el-icon-loading {
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}

.el-icon--right {
    margin-left: 0.05rem;
}

.el-icon--left {
    margin-right: 0.05rem;
}

@-webkit-keyframes rotating {
    0% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0);
    }

    100% {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

@keyframes rotating {
    0% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0);
    }

    100% {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

.el-pagination {
    white-space: nowrap;
    padding: 0.02rem 0.05rem;
    color: #303133;
    font-weight: 700;
}

.el-pagination::after,
.el-pagination::before {
    display: table;
    content: "";
}

.el-pagination::after {
    clear: both;
}

.el-pagination button,
.el-pagination span:not([class*=suffix]) {
    display: inline-block;
    font-size: 0.13rem;
    min-width: 0.355rem;
    height: 0.28rem;
    line-height: 0.28rem;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-pagination .el-input__inner {
    text-align: center;
    -moz-appearance: textfield;
    line-height: normal;
}

.el-pagination .el-input__suffix {
    right: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

.el-pagination .el-select .el-input {
    width: 1rem;
    margin: 0 0.05rem;
}

.el-pagination .el-select .el-input .el-input__inner {
    padding-right: 0.25rem;
    border-radius: 0.03rem;
}

.el-pagination button {
    border: none;
    padding: 0 0.06rem;
    background: 0 0;
}

.el-pagination button:focus {
    outline: 0;
}

.el-pagination button:hover {
    color: #409EFF;
}

.el-pagination button:disabled {
    color: #C0C4CC;
    background-color: #FFF;
    cursor: not-allowed;
}

.el-pagination .btn-next,
.el-pagination .btn-prev {
    background: center center no-repeat #FFF;
    background-size: 0.16rem;
    cursor: pointer;
    margin: 0;
    color: #303133;
}

.el-pagination .btn-next .el-icon,
.el-pagination .btn-prev .el-icon {
    display: block;
    font-size: 0.12rem;
    font-weight: 700;
}

.el-pagination .btn-prev {
    padding-right: 0.12rem;
}

.el-pagination .btn-next {
    padding-left: 0.12rem;
}

.el-pagination .el-pager li.disabled {
    color: #C0C4CC;
    cursor: not-allowed;
}

.el-pager li,
.el-pager li.btn-quicknext:hover,
.el-pager li.btn-quickprev:hover {
    cursor: pointer;
}

.el-pagination--small .btn-next,
.el-pagination--small .btn-prev,
.el-pagination--small .el-pager li,
.el-pagination--small .el-pager li.btn-quicknext,
.el-pagination--small .el-pager li.btn-quickprev,
.el-pagination--small .el-pager li:last-child {
    border-color: transparent;
    font-size: 0.12rem;
    line-height: 0.22rem;
    height: 0.22rem;
    min-width: 0.22rem;
}

.el-pagination--small .more::before,
.el-pagination--small li.more::before {
    line-height: 0.24rem;
}

.el-pagination--small button,
.el-pagination--small span:not([class*=suffix]) {
    height: 0.22rem;
    line-height: 0.22rem;
}

.el-pagination--small .el-pagination__editor,
.el-pagination--small .el-pagination__editor.el-input .el-input__inner {
    height: 0.22rem;
}

.el-pagination__sizes {
    margin: 0 0.1rem 0 0;
    font-weight: 400;
    color: #606266;
}

.el-pagination__sizes .el-input .el-input__inner {
    font-size: 0.13rem;
    padding-left: 0.08rem;
}

.el-pagination__sizes .el-input .el-input__inner:hover {
    border-color: #409EFF;
}

.el-pagination__total {
    margin-right: 0.1rem;
    font-weight: 400;
    color: #606266;
}

.el-pagination__jump {
    margin-left: 0.24rem;
    font-weight: 400;
    color: #606266;
}

.el-pagination__jump .el-input__inner {
    padding: 0 0.03rem;
}

.el-pagination__rightwrapper {
    float: right;
}

.el-pagination__editor {
    line-height: 0.18rem;
    padding: 0 0.02rem;
    height: 0.28rem;
    text-align: center;
    margin: 0 0.02rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0.03rem;
}

.el-pager,
.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev {
    padding: 0;
}

.el-pagination__editor.el-input {
    width: 0.5rem;
}

.el-pagination__editor.el-input .el-input__inner {
    height: 0.28rem;
}

.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,
.el-pagination__editor .el-input__inner::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
    margin: 0 0.05rem;
    background-color: #f4f4f5;
    color: #606266;
    min-width: 0.3rem;
    border-radius: 0.02rem;
}

.el-pagination.is-background .btn-next.disabled,
.el-pagination.is-background .btn-next:disabled,
.el-pagination.is-background .btn-prev.disabled,
.el-pagination.is-background .btn-prev:disabled,
.el-pagination.is-background .el-pager li.disabled {
    color: #C0C4CC;
}

.el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: #409EFF;
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #409EFF;
    color: #FFF;
}

.el-dialog,
.el-pager li {
    background: #FFF;
    -webkit-box-sizing: border-box;
}

.el-pagination.is-background.el-pagination--small .btn-next,
.el-pagination.is-background.el-pagination--small .btn-prev,
.el-pagination.is-background.el-pagination--small .el-pager li {
    margin: 0 0.03rem;
    min-width: 0.22rem;
}

.el-pager,
.el-pager li {
    vertical-align: top;
    margin: 0;
    display: inline-block;
}

.el-pager {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    list-style: none;
    font-size: 0;
}

.el-date-table,
.el-table th.el-table__cell {
    -webkit-user-select: none;
    -moz-user-select: none;
}

.el-pager .more::before {
    line-height: 0.3rem;
}

.el-pager li {
    padding: 0 0.04rem;
    font-size: 0.13rem;
    min-width: 0.355rem;
    height: 0.28rem;
    line-height: 0.28rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.el-menu--collapse .el-menu .el-submenu,
.el-menu--popup {
    min-width: 2rem;
}

.el-pager li.btn-quicknext,
.el-pager li.btn-quickprev {
    line-height: 0.28rem;
    color: #303133;
}

.el-pager li.btn-quicknext.disabled,
.el-pager li.btn-quickprev.disabled {
    color: #C0C4CC;
}

.el-pager li.active + li {
    border-left: 0;
}

.el-pager li:hover {
    color: #409EFF;
}

.el-pager li.active {
    color: #409EFF;
    cursor: default;
}

@-webkit-keyframes v-modal-in {
    0% {
        opacity: 0;
    }
}

@-webkit-keyframes v-modal-out {
    100% {
        opacity: 0;
    }
}

.el-dialog {
    position: relative;
    margin: 0 auto 0.5rem;
    border-radius: 0.02rem;
    -webkit-box-shadow: 0 0.01rem 0.03rem rgba(0, 0, 0, 0.3);
    box-shadow: 0 0.01rem 0.03rem rgba(0, 0, 0, 0.3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 514px;
}
#app[state='portrait'] .el-dialog {
    width: 80%;
}

.el-dialog.is-fullscreen {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    height: 100%;
    overflow: auto;
}

.el-dialog__wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    margin: 0;
}

.el-dialog__header {
    padding: 0.2rem 0.2rem 0.1rem;
}

.el-dialog__headerbtn {
    position: absolute;
    top: 0.2rem;
    right: 0.2rem;
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    cursor: pointer;
    font-size: 0.16rem;
}

.el-dialog__headerbtn .el-dialog__close {
    color: #909399;
}

.el-dialog__headerbtn:focus .el-dialog__close,
.el-dialog__headerbtn:hover .el-dialog__close {
    color: #409EFF;
}

.el-dialog__title {
    line-height: 0.24rem;
    font-size: 0.18rem;
    color: #303133;
}

.el-dialog__body {
    padding: 0.3rem 0.2rem;
    color: #606266;
    font-size: 0.14rem;
    word-break: break-all;
}

.el-dialog__footer {
    padding: 0.1rem 0.2rem 0.2rem;
    text-align: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-dialog--center {
    text-align: center;
}

.el-dialog--center .el-dialog__body {
    text-align: initial;
    padding: 0.25rem 0.25rem 0.3rem;
}

.el-dialog--center .el-dialog__footer {
    text-align: inherit;
}

.dialog-fade-enter-active {
    -webkit-animation: dialog-fade-in .3s;
    animation: dialog-fade-in .3s;
}

.dialog-fade-leave-active {
    -webkit-animation: dialog-fade-out .3s;
    animation: dialog-fade-out .3s;
}

@-webkit-keyframes dialog-fade-in {
    0% {
        -webkit-transform: translate3d(0, -0.2rem, 0);
        transform: translate3d(0, -0.2rem, 0);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes dialog-fade-in {
    0% {
        -webkit-transform: translate3d(0, -0.2rem, 0);
        transform: translate3d(0, -0.2rem, 0);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes dialog-fade-out {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(0, -0.2rem, 0);
        transform: translate3d(0, -0.2rem, 0);
        opacity: 0;
    }
}

@keyframes dialog-fade-out {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(0, -0.2rem, 0);
        transform: translate3d(0, -0.2rem, 0);
        opacity: 0;
    }
}

.el-autocomplete {
    position: relative;
    display: inline-block;
}

.el-autocomplete-suggestion {
    margin: 0.05rem 0;
    -webkit-box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.1);
    border-radius: 0.04rem;
    border: 0.01rem solid #E4E7ED;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #FFF;
}

.el-dropdown-menu,
.el-menu--collapse .el-submenu .el-menu {
    z-index: 10;
    -webkit-box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.1);
}

.el-autocomplete-suggestion__wrap {
    max-height: 2.8rem;
    padding: 0.1rem 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-autocomplete-suggestion__list {
    margin: 0;
    padding: 0;
}

.el-autocomplete-suggestion li {
    padding: 0 0.2rem;
    margin: 0;
    line-height: 0.34rem;
    cursor: pointer;
    color: #606266;
    font-size: 0.14rem;
    list-style: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.el-autocomplete-suggestion li.highlighted,
.el-autocomplete-suggestion li:hover {
    background-color: #F5F7FA;
}

.el-autocomplete-suggestion li.divider {
    margin-top: 0.06rem;
    border-top: 0.01rem solid #000;
}

.el-autocomplete-suggestion li.divider:last-child {
    margin-bottom: -0.06rem;
}

.el-autocomplete-suggestion.is-loading li {
    text-align: center;
    height: 1rem;
    line-height: 1rem;
    font-size: 0.2rem;
    color: #999;
}

.el-autocomplete-suggestion.is-loading li::after {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle;
}

.el-autocomplete-suggestion.is-loading li:hover {
    background-color: #FFF;
}

.el-autocomplete-suggestion.is-loading .el-icon-loading {
    vertical-align: middle;
}

.el-dropdown {
    display: inline-block;
    position: relative;
    color: #606266;
    font-size: 0.14rem;
}

.el-dropdown .el-button-group {
    display: block;
}

.el-dropdown .el-button-group .el-button {
    float: none;
}

.el-dropdown .el-dropdown__caret-button {
    padding-left: 0.05rem;
    padding-right: 0.05rem;
    position: relative;
    border-left: none;
}

.el-dropdown .el-dropdown__caret-button::before {
    content: '';
    position: absolute;
    display: block;
    width: 0.01rem;
    top: 0.05rem;
    bottom: 0.05rem;
    left: 0;
    background: rgba(255, 255, 255, 0.5);
}

.el-dropdown .el-dropdown__caret-button.el-button--default::before {
    background: rgba(220, 223, 230, 0.5);
}

.el-dropdown .el-dropdown__caret-button:hover:not(.is-disabled)::before {
    top: 0;
    bottom: 0;
}

.el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
    padding-left: 0;
}

.el-dropdown__icon {
    font-size: 0.12rem;
    margin: 0 0.03rem;
}

.el-dropdown [disabled] {
    cursor: not-allowed;
    color: #bbb;
}

.el-dropdown-menu {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.1rem 0;
    margin: 0.05rem 0;
    background-color: #FFF;
    border: 0.01rem solid #EBEEF5;
    border-radius: 0.04rem;
    -webkit-box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.1);
}

.el-dropdown-menu__item {
    list-style: none;
    line-height: 0.36rem;
    padding: 0 0.2rem;
    margin: 0;
    font-size: 0.14rem;
    color: #606266;
    cursor: pointer;
    outline: 0;
}

.el-dropdown-menu__item:focus,
.el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: #ecf5ff;
    color: #66b1ff;
}

.el-dropdown-menu__item i {
    margin-right: 0.05rem;
}

.el-dropdown-menu__item--divided {
    position: relative;
    margin-top: 0.06rem;
    border-top: 0.01rem solid #EBEEF5;
}

.el-dropdown-menu__item--divided:before {
    content: '';
    height: 0.06rem;
    display: block;
    margin: 0 -0.2rem;
    background-color: #FFF;
}

.el-dropdown-menu__item.is-disabled {
    cursor: default;
    color: #bbb;
    pointer-events: none;
}

.el-dropdown-menu--medium {
    padding: 0.06rem 0;
}

.el-dropdown-menu--medium .el-dropdown-menu__item {
    line-height: 0.3rem;
    padding: 0 0.17rem;
    font-size: 0.14rem;
}

.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided {
    margin-top: 0.06rem;
}

.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
    height: 0.06rem;
    margin: 0 -0.17rem;
}

.el-dropdown-menu--small {
    padding: 0.06rem 0;
}

.el-dropdown-menu--small .el-dropdown-menu__item {
    line-height: 0.27rem;
    padding: 0 0.15rem;
    font-size: 0.13rem;
}

.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided {
    margin-top: 0.04rem;
}

.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
    height: 0.04rem;
    margin: 0 -0.15rem;
}

.el-dropdown-menu--mini {
    padding: 0.03rem 0;
}

.el-dropdown-menu--mini .el-dropdown-menu__item {
    line-height: 0.24rem;
    padding: 0 0.1rem;
    font-size: 0.12rem;
}

.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided {
    margin-top: 0.03rem;
}

.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
    height: 0.03rem;
    margin: 0 -0.1rem;
}

.el-menu {
    border-right: solid 0.01rem #e6e6e6;
    list-style: none;
    position: relative;
    margin: 0;
    padding-left: 0;
    background-color: #FFF;
}

.el-menu--horizontal > .el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover,
.el-menu--horizontal > .el-submenu .el-submenu__title:hover {
    background-color: #fff;
}

.el-menu::after,
.el-menu::before {
    display: table;
    content: "";
}

.el-menu::after {
    clear: both;
}

.el-menu.el-menu--horizontal {
    border-bottom: solid 0.01rem #e6e6e6;
}

.el-menu--horizontal {
    border-right: none;
}

.el-menu--horizontal > .el-menu-item {
    float: left;
    height: 0.6rem;
    line-height: 0.6rem;
    margin: 0;
    border-bottom: 0.02rem solid transparent;
    color: #909399;
}

.el-menu--horizontal > .el-menu-item a,
.el-menu--horizontal > .el-menu-item a:hover {
    color: inherit;
}

.el-menu--horizontal > .el-submenu {
    float: left;
}

.el-menu--horizontal > .el-submenu:focus,
.el-menu--horizontal > .el-submenu:hover {
    outline: 0;
}

.el-menu--horizontal > .el-submenu:focus .el-submenu__title,
.el-menu--horizontal > .el-submenu:hover .el-submenu__title {
    color: #303133;
}

.el-menu--horizontal > .el-submenu.is-active .el-submenu__title {
    border-bottom: 0.02rem solid #409EFF;
    color: #303133;
}

.el-menu--horizontal > .el-submenu .el-submenu__title {
    height: 0.6rem;
    line-height: 0.6rem;
    border-bottom: 0.02rem solid transparent;
    color: #909399;
}

.el-menu--horizontal > .el-submenu .el-submenu__icon-arrow {
    position: static;
    vertical-align: middle;
    margin-left: 0.08rem;
    margin-top: -0.03rem;
}

.el-menu--horizontal .el-menu .el-menu-item,
.el-menu--horizontal .el-menu .el-submenu__title {
    background-color: #FFF;
    float: none;
    height: 0.36rem;
    line-height: 0.36rem;
    padding: 0 0.1rem;
    color: #909399;
}

.el-menu--horizontal .el-menu .el-menu-item.is-active,
.el-menu--horizontal .el-menu .el-submenu.is-active > .el-submenu__title {
    color: #303133;
}

.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
    outline: 0;
    color: #303133;
}

.el-menu--horizontal > .el-menu-item.is-active {
    border-bottom: 0.02rem solid #409EFF;
    color: #303133;
}

.el-menu--collapse {
    width: 0.64rem;
}

.el-menu--collapse > .el-menu-item [class^=el-icon-],
.el-menu--collapse > .el-submenu > .el-submenu__title [class^=el-icon-] {
    margin: 0;
    vertical-align: middle;
    width: 0.24rem;
    text-align: center;
}

.el-menu--collapse > .el-menu-item .el-submenu__icon-arrow,
.el-menu--collapse > .el-submenu > .el-submenu__title .el-submenu__icon-arrow {
    display: none;
}

.el-menu--collapse > .el-menu-item span,
.el-menu--collapse > .el-submenu > .el-submenu__title span {
    height: 0;
    width: 0;
    overflow: hidden;
    visibility: hidden;
    display: inline-block;
}

.el-menu--collapse > .el-menu-item.is-active i {
    color: inherit;
}

.el-menu--collapse .el-submenu {
    position: relative;
}

.el-menu--collapse .el-submenu .el-menu {
    position: absolute;
    margin-left: 0.05rem;
    top: 0;
    left: 100%;
    border: 0.01rem solid #E4E7ED;
    border-radius: 0.02rem;
    -webkit-box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.1);
}

.el-menu-item,
.el-submenu__title {
    height: 0.56rem;
    line-height: 0.56rem;
    position: relative;
    -webkit-box-sizing: border-box;
    white-space: nowrap;
    list-style: none;
}

.el-menu--collapse .el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow {
    -webkit-transform: none;
    transform: none;
}

.el-menu--popup {
    z-index: 100;
    border: none;
    padding: 0.05rem 0;
    border-radius: 0.02rem;
    -webkit-box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.1);
}

.el-menu--popup-bottom-start {
    margin-top: 0.05rem;
}

.el-menu--popup-right-start {
    margin-left: 0.05rem;
    margin-right: 0.05rem;
}

.el-menu-item {
    font-size: 0.14rem;
    color: #303133;
    padding: 0 0.2rem;
    cursor: pointer;
    -webkit-transition: border-color .3s, background-color .3s, color .3s;
    transition: border-color .3s, background-color .3s, color .3s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-menu-item * {
    vertical-align: middle;
}

.el-menu-item i {
    color: #909399;
}

.el-menu-item:focus,
.el-menu-item:hover {
    outline: 0;
    background-color: #ecf5ff;
}

.el-menu-item.is-disabled {
    opacity: .25;
    cursor: not-allowed;
    background: 0 0 !important;
}

.el-menu-item [class^=el-icon-] {
    margin-right: 0.05rem;
    width: 0.24rem;
    text-align: center;
    font-size: 0.18rem;
    vertical-align: middle;
}

.el-menu-item.is-active {
    color: #409EFF;
}

.el-menu-item.is-active i {
    color: inherit;
}

.el-submenu {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.el-submenu__title {
    font-size: 0.14rem;
    color: #303133;
    padding: 0 0.2rem;
    cursor: pointer;
    -webkit-transition: border-color .3s, background-color .3s, color .3s;
    transition: border-color .3s, background-color .3s, color .3s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-submenu__title * {
    vertical-align: middle;
}

.el-submenu__title i {
    color: #909399;
}

.el-submenu__title:focus,
.el-submenu__title:hover {
    outline: 0;
    background-color: #ecf5ff;
}

.el-submenu__title.is-disabled {
    opacity: .25;
    cursor: not-allowed;
    background: 0 0 !important;
}

.el-submenu__title:hover {
    background-color: #ecf5ff;
}

.el-submenu .el-menu {
    border: none;
}

.el-submenu .el-menu-item {
    height: 0.5rem;
    line-height: 0.5rem;
    padding: 0 0.45rem;
    min-width: 2rem;
}

.el-submenu__icon-arrow {
    position: absolute;
    top: 50%;
    right: 0.2rem;
    margin-top: -0.07rem;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    font-size: 0.12rem;
}

.el-submenu.is-active .el-submenu__title {
    border-bottom-color: #409EFF;
}

.el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow {
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.el-submenu.is-disabled .el-menu-item,
.el-submenu.is-disabled .el-submenu__title {
    opacity: .25;
    cursor: not-allowed;
    background: 0 0 !important;
}

.el-submenu [class^=el-icon-] {
    vertical-align: middle;
    margin-right: 0.05rem;
    width: 0.24rem;
    text-align: center;
    font-size: 0.18rem;
}

.el-menu-item-group > ul {
    padding: 0;
}

.el-menu-item-group__title {
    padding: 0.07rem 0 0.07rem 0.2rem;
    line-height: normal;
    font-size: 0.12rem;
    color: #909399;
}

.el-radio-button__inner,
.el-radio-group {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
}

.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow {
    -webkit-transition: .2s;
    transition: .2s;
    opacity: 0;
}

.el-radio-group {
    font-size: 0;
}

.el-radio-button {
    position: relative;
    display: inline-block;
    outline: 0;
}

.el-radio-button__inner {
    white-space: nowrap;
    background: #FFF;
    border: 0.01rem solid #DCDFE6;
    font-weight: 500;
    border-left: 0;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    padding: 0.12rem 0.2rem;
    font-size: 0.14rem;
    border-radius: 0;
}

.el-radio-button__inner.is-round {
    padding: 0.12rem 0.2rem;
}

.el-radio-button__inner:hover {
    color: #409EFF;
}

.el-radio-button__inner [class*=el-icon-] {
    line-height: .9;
}

.el-radio-button__inner [class*=el-icon-] + span {
    margin-left: 0.05rem;
}

.el-radio-button:first-child .el-radio-button__inner {
    border-left: 0.01rem solid #DCDFE6;
    border-radius: 0.04rem 0 0 0.04rem;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.el-radio-button__orig-radio {
    opacity: 0;
    outline: 0;
    position: absolute;
    z-index: -1;
}

.el-radio-button__orig-radio:checked + .el-radio-button__inner {
    color: #FFF;
    background-color: #409EFF;
    border-color: #409EFF;
    -webkit-box-shadow: -0.01rem 0 0 0 #409EFF;
    box-shadow: -0.01rem 0 0 0 #409EFF;
}

.el-radio-button__orig-radio:disabled + .el-radio-button__inner {
    color: #C0C4CC;
    cursor: not-allowed;
    background-image: none;
    background-color: #FFF;
    border-color: #EBEEF5;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.el-radio-button__orig-radio:disabled:checked + .el-radio-button__inner {
    background-color: #F2F6FC;
}

.el-radio-button:last-child .el-radio-button__inner {
    border-radius: 0 0.04rem 0.04rem 0;
}

.el-popover,
.el-radio-button:first-child:last-child .el-radio-button__inner {
    border-radius: 0.04rem;
}

.el-radio-button--medium .el-radio-button__inner {
    padding: 0.1rem 0.2rem;
    font-size: 0.14rem;
    border-radius: 0;
}

.el-radio-button--medium .el-radio-button__inner.is-round {
    padding: 0.1rem 0.2rem;
}

.el-radio-button--small .el-radio-button__inner {
    padding: 0.09rem 0.15rem;
    font-size: 0.12rem;
    border-radius: 0;
}

.el-radio-button--small .el-radio-button__inner.is-round {
    padding: 0.09rem 0.15rem;
}

.el-radio-button--mini .el-radio-button__inner {
    padding: 0.07rem 0.15rem;
    font-size: 0.12rem;
    border-radius: 0;
}

.el-radio-button--mini .el-radio-button__inner.is-round {
    padding: 0.07rem 0.15rem;
}

.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
    -webkit-box-shadow: 0 0 0.02rem 0.02rem #409EFF;
    box-shadow: 0 0 0.02rem 0.02rem #409EFF;
}

.el-switch {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-size: 0.14rem;
    line-height: 0.2rem;
    height: 0.2rem;
    vertical-align: middle;
}

.el-switch__core,
.el-switch__label {
    display: inline-block;
    cursor: pointer;
}

.el-switch.is-disabled .el-switch__core,
.el-switch.is-disabled .el-switch__label {
    cursor: not-allowed;
}

.el-switch__label {
    -webkit-transition: .2s;
    transition: .2s;
    height: 0.2rem;
    font-size: 0.14rem;
    font-weight: 500;
    vertical-align: middle;
    color: #303133;
}

.el-switch__label.is-active {
    color: #409EFF;
}

.el-switch__label--left {
    margin-right: 0.1rem;
}

.el-switch__label--right {
    margin-left: 0.1rem;
}

.el-switch__label * {
    line-height: 1;
    font-size: 0.14rem;
    display: inline-block;
}

.el-switch__input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0;
}

.el-switch__core {
    margin: 0;
    position: relative;
    width: 0.4rem;
    height: 0.2rem;
    border: 0.01rem solid #DCDFE6;
    outline: 0;
    border-radius: 0.1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #DCDFE6;
    -webkit-transition: border-color .3s, background-color .3s;
    transition: border-color .3s, background-color .3s;
    vertical-align: middle;
}

.el-switch__core:after {
    content: "";
    position: absolute;
    top: 0.01rem;
    left: 0.01rem;
    border-radius: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 0.16rem;
    height: 0.16rem;
    background-color: #FFF;
}

.el-switch.is-checked .el-switch__core {
    border-color: #409EFF;
    background-color: #409EFF;
}

.el-switch.is-checked .el-switch__core::after {
    left: 100%;
    margin-left: -0.17rem;
}

.el-switch.is-disabled {
    opacity: .6;
}

.el-switch--wide .el-switch__label.el-switch__label--left span {
    left: 0.1rem;
}

.el-switch--wide .el-switch__label.el-switch__label--right span {
    right: 0.1rem;
}

.el-switch .label-fade-enter,
.el-switch .label-fade-leave-active {
    opacity: 0;
}

.el-select-dropdown {
    position: absolute;
    z-index: 1001;
    border: 0.01rem solid #E4E7ED;
    border-radius: 0.04rem;
    background-color: #FFF;
    -webkit-box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0.05rem 0;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item {
    padding-right: 0.4rem;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
    color: #409EFF;
    background-color: #FFF;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
    background-color: #F5F7FA;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
    position: absolute;
    right: 0.2rem;
    font-family: element-icons;
    content: "\e6da";
    font-size: 0.12rem;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
    padding: 0;
}

.el-select-dropdown__empty {
    padding: 0.1rem 0;
    margin: 0;
    text-align: center;
    color: #999;
    font-size: 0.14rem;
}

.el-select-dropdown__wrap {
    max-height: 2.74rem;
}

.el-select-dropdown__list {
    list-style: none;
    padding: 0.06rem 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-select-dropdown__item {
    font-size: 0.14rem;
    padding: 0 0.2rem;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #606266;
    height: 0.34rem;
    line-height: 0.34rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

.el-select-dropdown__item.is-disabled {
    color: #C0C4CC;
    cursor: not-allowed;
}

.el-select-dropdown__item.is-disabled:hover {
    background-color: #FFF;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
    background-color: #F5F7FA;
}

.el-select-dropdown__item.selected {
    color: #409EFF;
    font-weight: 700;
}

.el-select-group {
    margin: 0;
    padding: 0;
}

.el-select-group__wrap {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.el-select-group__wrap:not(:last-of-type) {
    padding-bottom: 0.24rem;
}

.el-select-group__wrap:not(:last-of-type)::after {
    content: '';
    position: absolute;
    display: block;
    left: 0.2rem;
    right: 0.2rem;
    bottom: 0.12rem;
    height: 0.01rem;
    background: #E4E7ED;
}

.el-select-group__title {
    padding-left: 0.2rem;
    font-size: 0.12rem;
    color: #909399;
    line-height: 0.3rem;
}

.el-select-group .el-select-dropdown__item {
    padding-left: 0.2rem;
}

.el-select {
    display: inline-block;
    position: relative;
}

.el-select .el-select__tags > span {
    display: contents;
}

.el-select:hover .el-input__inner {
    border-color: #C0C4CC;
}

.el-select .el-input__inner {
    cursor: pointer;
    padding-right: 0.35rem;
}

.el-select .el-input__inner:focus {
    border-color: #409EFF;
}

.el-select .el-input .el-select__caret {
    color: #C0C4CC;
    font-size: 0.14rem;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
    cursor: pointer;
}

.el-select .el-input .el-select__caret.is-reverse {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
}

.el-select .el-input .el-select__caret.is-show-close {
    font-size: 0.14rem;
    text-align: center;
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
    border-radius: 100%;
    color: #C0C4CC;
    -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-select .el-input .el-select__caret.is-show-close:hover {
    color: #909399;
}

.el-select .el-input.is-disabled .el-input__inner {
    cursor: not-allowed;
}

.el-select .el-input.is-disabled .el-input__inner:hover {
    border-color: #E4E7ED;
}

.el-select .el-input.is-focus .el-input__inner {
    border-color: #409EFF;
}

.el-select > .el-input {
    display: block;
}

.el-select__input {
    border: none;
    outline: 0;
    padding: 0;
    margin-left: 0.15rem;
    color: #666;
    font-size: 0.14rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 0.28rem;
    background-color: transparent;
}

.el-select__input.is-mini {
    height: 0.14rem;
}

.el-select__close {
    cursor: pointer;
    position: absolute;
    top: 0.08rem;
    z-index: 1000;
    right: 0.25rem;
    color: #C0C4CC;
    line-height: 0.18rem;
    font-size: 0.14rem;
}

.el-select__close:hover {
    color: #909399;
}

.el-select__tags {
    position: absolute;
    line-height: normal;
    white-space: normal;
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.el-select__tags-text {
    overflow: hidden;
    text-overflow: ellipsis;
}

.el-select .el-tag {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-color: transparent;
    margin: 0.02rem 0 0.02rem 0.06rem;
    background-color: #f0f2f5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.el-select .el-tag__close.el-icon-close {
    background-color: #C0C4CC;
    top: 0;
    color: #FFF;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.el-select .el-tag__close.el-icon-close:hover {
    background-color: #909399;
}

.el-table,
.el-table__expanded-cell {
    background-color: #FFF;
}

.el-select .el-tag__close.el-icon-close::before {
    display: block;
    -webkit-transform: translate(0, 0.005rem);
    transform: translate(0, 0.005rem);
}

.el-table {
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    max-width: 100%;
    font-size: 0.14rem;
    color: #606266;
}

.el-table--mini,
.el-table--small,
.el-table__expand-icon {
    font-size: 0.12rem;
}

.el-table__empty-block {
    min-height: 0.6rem;
    text-align: center;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.el-table__empty-text {
    line-height: 0.6rem;
    width: 50%;
    color: #909399;
}

.el-table__expand-column .cell {
    padding: 0;
    text-align: center;
}

.el-table__expand-icon {
    position: relative;
    cursor: pointer;
    color: #666;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    height: 0.2rem;
}

.el-table__expand-icon--expanded {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.el-table__expand-icon > .el-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -0.05rem;
    margin-top: -0.05rem;
}

.el-table__expanded-cell[class*=cell] {
    padding: 0.2rem 0.5rem;
}

.el-table__expanded-cell:hover {
    background-color: transparent !important;
}

.el-table__placeholder {
    display: inline-block;
    width: 0.2rem;
}

.el-table__append-wrapper {
    overflow: hidden;
}

.el-table--fit {
    border-right: 0;
    border-bottom: 0;
}

.el-table--fit .el-table__cell.gutter {
    border-right-width: 0.01rem;
}

.el-table--scrollable-x .el-table__body-wrapper {
    overflow-x: auto;
}

.el-table--scrollable-y .el-table__body-wrapper {
    overflow-y: auto;
}

.el-table thead {
    color: #909399;
    font-weight: 500;
}

.el-table thead.is-group th.el-table__cell {
    background: #F5F7FA;
}

.el-table .el-table__cell {
    padding: 0.12rem 0;
    min-width: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-overflow: ellipsis;
    vertical-align: middle;
    position: relative;
    text-align: left;
}

.el-table .el-table__cell.is-center {
    text-align: center;
}

.el-table .el-table__cell.is-right {
    text-align: right;
}

.el-table .el-table__cell.gutter {
    width: 0.15rem;
    border-right-width: 0;
    border-bottom-width: 0;
    padding: 0;
}

.el-table--medium .el-table__cell {
    padding: 0.1rem 0;
}

.el-table--small .el-table__cell {
    padding: 0.08rem 0;
}

.el-table--mini .el-table__cell {
    padding: 0.06rem 0;
}

.el-table .cell,
.el-table--border .el-table__cell:first-child .cell {
    padding-left: 0.1rem;
}

.el-table tr {
    background-color: #FFF;
}

.el-table tr input[type=checkbox] {
    margin: 0;
}

.el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
    border-bottom: 0.01rem solid #EBEEF5;
}

.el-table th.el-table__cell.is-sortable {
    cursor: pointer;
}

.el-table th.el-table__cell {
    overflow: hidden;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: #FFF;
}

.el-table th.el-table__cell > .cell {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    vertical-align: middle;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
    width: 100%;
}

.el-table th.el-table__cell > .cell.highlight {
    color: #409EFF;
}

.el-table th.el-table__cell.required > div::before {
    display: inline-block;
    content: "";
    width: 0.08rem;
    height: 0.08rem;
    border-radius: 50%;
    background: #ff4d51;
    margin-right: 0.05rem;
    vertical-align: middle;
}

.el-table td.el-table__cell div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-table td.el-table__cell.gutter {
    width: 0;
}

.el-table .cell {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    line-height: 0.23rem;
    padding-right: 0.1rem;
}

.el-table .cell.el-tooltip {
    white-space: nowrap;
    min-width: 0.5rem;
}

.el-table--border,
.el-table--group {
    border: 0.01rem solid #EBEEF5;
}

.el-table--border::after,
.el-table--group::after,
.el-table::before {
    content: '';
    position: absolute;
    background-color: #EBEEF5;
    z-index: 1;
}

.el-table--border::after,
.el-table--group::after {
    top: 0;
    right: 0;
    width: 0.01rem;
    height: 100%;
}

.el-table::before {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0.01rem;
}

.el-table--border {
    border-right: none;
    border-bottom: none;
}

.el-table--border.el-loading-parent--relative {
    border-color: transparent;
}

.el-table--border .el-table__cell,
.el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
    border-right: 0.01rem solid #EBEEF5;
}

.el-table--border th.el-table__cell.gutter:last-of-type {
    border-bottom: 0.01rem solid #EBEEF5;
    border-bottom-width: 0.01rem;
}

.el-table--border th.el-table__cell,
.el-table__fixed-right-patch {
    border-bottom: 0.01rem solid #EBEEF5;
}

.el-table__fixed,
.el-table__fixed-right {
    position: absolute;
    top: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    -webkit-box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.12);
}

.el-table__fixed-right::before,
.el-table__fixed::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0.01rem;
    background-color: #EBEEF5;
    z-index: 4;
}

.el-table__fixed-right-patch {
    position: absolute;
    top: -0.01rem;
    right: 0;
    background-color: #FFF;
}

.el-table__fixed-right {
    top: 0;
    left: auto;
    right: 0;
}

.el-table__fixed-right .el-table__fixed-body-wrapper,
.el-table__fixed-right .el-table__fixed-footer-wrapper,
.el-table__fixed-right .el-table__fixed-header-wrapper {
    left: auto;
    right: 0;
}

.el-table__fixed-header-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}

.el-table__fixed-footer-wrapper {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
}

.el-table__fixed-footer-wrapper tbody td.el-table__cell {
    border-top: 0.01rem solid #EBEEF5;
    background-color: #F5F7FA;
    color: #606266;
}

.el-table__fixed-body-wrapper {
    position: absolute;
    left: 0;
    top: 0.37rem;
    overflow: hidden;
    z-index: 3;
}

.el-table__body-wrapper,
.el-table__footer-wrapper,
.el-table__header-wrapper {
    width: 100%;
}

.el-table__footer-wrapper {
    margin-top: -0.01rem;
}

.el-table__footer-wrapper td.el-table__cell {
    border-top: 0.01rem solid #EBEEF5;
}

.el-table__body,
.el-table__footer,
.el-table__header {
    table-layout: fixed;
    border-collapse: separate;
}

.el-table__footer-wrapper,
.el-table__header-wrapper {
    overflow: hidden;
}

.el-table__footer-wrapper tbody td.el-table__cell,
.el-table__header-wrapper tbody td.el-table__cell {
    background-color: #F5F7FA;
    color: #606266;
}

.el-table__body-wrapper {
    overflow: hidden;
    position: relative;
}

.el-table__body-wrapper.is-scrolling-left ~ .el-table__fixed,
.el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed,
.el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed-right,
.el-table__body-wrapper.is-scrolling-right ~ .el-table__fixed-right {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.el-picker-panel,
.el-table-filter {
    -webkit-box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.1);
}

.el-table__body-wrapper .el-table--border.is-scrolling-right ~ .el-table__fixed-right {
    border-left: 0.01rem solid #EBEEF5;
}

.el-table .caret-wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 0.34rem;
    width: 0.24rem;
    vertical-align: middle;
    cursor: pointer;
    overflow: initial;
    position: relative;
}

.el-table .sort-caret {
    width: 0;
    height: 0;
    border: 0.05rem solid transparent;
    position: absolute;
    left: 0.07rem;
}

.el-table .sort-caret.ascending {
    border-bottom-color: #C0C4CC;
    top: 0.05rem;
}

.el-table .sort-caret.descending {
    border-top-color: #C0C4CC;
    bottom: 0.07rem;
}

.el-table .ascending .sort-caret.ascending {
    border-bottom-color: #409EFF;
}

.el-table .descending .sort-caret.descending {
    border-top-color: #409EFF;
}

.el-table .hidden-columns {
    position: absolute;
    z-index: -1;
}

.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
    background: #FAFAFA;
}

.el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell {
    background-color: #ecf5ff;
}

.el-table__body tr.hover-row.current-row > td.el-table__cell,
.el-table__body tr.hover-row.el-table__row--striped.current-row > td.el-table__cell,
.el-table__body tr.hover-row.el-table__row--striped > td.el-table__cell,
.el-table__body tr.hover-row > td.el-table__cell {
    background-color: #F5F7FA;
}

.el-table__body tr.current-row > td.el-table__cell {
    background-color: #ecf5ff;
}

.el-table__column-resize-proxy {
    position: absolute;
    left: 2rem;
    top: 0;
    bottom: 0;
    width: 0;
    border-left: 0.01rem solid #EBEEF5;
    z-index: 10;
}

.el-table__column-filter-trigger {
    display: inline-block;
    line-height: 0.34rem;
    cursor: pointer;
}

.el-table__column-filter-trigger i {
    color: #909399;
    font-size: 0.12rem;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
}

.el-table--enable-row-transition .el-table__body td.el-table__cell {
    -webkit-transition: background-color .25s ease;
    transition: background-color .25s ease;
}

.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
    background-color: #F5F7FA;
}

.el-table--fluid-height .el-table__fixed,
.el-table--fluid-height .el-table__fixed-right {
    bottom: 0;
    overflow: hidden;
}

.el-table [class*=el-table__row--level] .el-table__expand-icon {
    display: inline-block;
    width: 0.2rem;
    line-height: 0.2rem;
    height: 0.2rem;
    text-align: center;
    margin-right: 0.03rem;
}

.el-table-column--selection .cell {
    padding-left: 0.14rem;
    padding-right: 0.14rem;
}

.el-table-filter {
    border: 0.01rem solid #EBEEF5;
    border-radius: 0.02rem;
    background-color: #FFF;
    -webkit-box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0.02rem 0;
}

.el-date-table td,
.el-date-table td div {
    height: 0.3rem;
    -webkit-box-sizing: border-box;
}

.el-table-filter__list {
    padding: 0.05rem 0;
    margin: 0;
    list-style: none;
    min-width: 1rem;
}

.el-table-filter__list-item {
    line-height: 0.36rem;
    padding: 0 0.1rem;
    cursor: pointer;
    font-size: 0.14rem;
}

.el-table-filter__list-item:hover {
    background-color: #ecf5ff;
    color: #66b1ff;
}

.el-table-filter__list-item.is-active {
    background-color: #409EFF;
    color: #FFF;
}

.el-table-filter__content {
    min-width: 1rem;
}

.el-table-filter__bottom {
    border-top: 0.01rem solid #EBEEF5;
    padding: 0.08rem;
}

.el-table-filter__bottom button {
    background: 0 0;
    border: none;
    color: #606266;
    cursor: pointer;
    font-size: 0.13rem;
    padding: 0 0.03rem;
}

.el-date-table td.in-range div,
.el-date-table td.in-range div:hover,
.el-date-table.is-week-mode .el-date-table__row.current div,
.el-date-table.is-week-mode .el-date-table__row:hover div {
    background-color: #F2F6FC;
}

.el-table-filter__bottom button:hover {
    color: #409EFF;
}

.el-table-filter__bottom button:focus {
    outline: 0;
}

.el-table-filter__bottom button.is-disabled {
    color: #C0C4CC;
    cursor: not-allowed;
}

.el-table-filter__wrap {
    max-height: 2.8rem;
}

.el-table-filter__checkbox-group {
    padding: 0.1rem;
}

.el-table-filter__checkbox-group label.el-checkbox {
    display: block;
    margin-right: 0.05rem;
    margin-bottom: 0.08rem;
    margin-left: 0.05rem;
}

.el-table-filter__checkbox-group .el-checkbox:last-child {
    margin-bottom: 0;
}

.el-date-table {
    font-size: 0.12rem;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
    color: #606266;
}

.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div {
    margin-left: 0.05rem;
    border-top-left-radius: 0.15rem;
    border-bottom-left-radius: 0.15rem;
}

.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div {
    margin-right: 0.05rem;
    border-top-right-radius: 0.15rem;
    border-bottom-right-radius: 0.15rem;
}

.el-date-table td {
    width: 0.32rem;
    padding: 0.04rem 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.el-date-table td div {
    padding: 0.03rem 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-date-table td span {
    width: 0.24rem;
    height: 0.24rem;
    display: block;
    margin: 0 auto;
    line-height: 0.24rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
}

.el-date-table td.next-month,
.el-date-table td.prev-month {
    color: #C0C4CC;
}

.el-date-table td.today {
    position: relative;
}

.el-date-table td.today span {
    color: #409EFF;
    font-weight: 700;
}

.el-date-table td.today.end-date span,
.el-date-table td.today.start-date span {
    color: #FFF;
}

.el-date-table td.available:hover {
    color: #409EFF;
}

.el-date-table td.current:not(.disabled) span {
    color: #FFF;
    background-color: #409EFF;
}

.el-date-table td.end-date div,
.el-date-table td.start-date div {
    color: #FFF;
}

.el-date-table td.end-date span,
.el-date-table td.start-date span {
    background-color: #409EFF;
}

.el-date-table td.start-date div {
    margin-left: 0.05rem;
    border-top-left-radius: 0.15rem;
    border-bottom-left-radius: 0.15rem;
}

.el-date-table td.end-date div {
    margin-right: 0.05rem;
    border-top-right-radius: 0.15rem;
    border-bottom-right-radius: 0.15rem;
}

.el-date-table td.disabled div {
    background-color: #F5F7FA;
    opacity: 1;
    cursor: not-allowed;
    color: #C0C4CC;
}

.el-date-table td.selected div {
    margin-left: 0.05rem;
    margin-right: 0.05rem;
    background-color: #F2F6FC;
    border-radius: 0.15rem;
}

.el-date-table td.selected div:hover {
    background-color: #F2F6FC;
}

.el-date-table td.selected span {
    background-color: #409EFF;
    color: #FFF;
    border-radius: 0.15rem;
}

.el-date-table td.week {
    font-size: 80%;
    color: #606266;
}

.el-month-table,
.el-year-table {
    font-size: 0.12rem;
    border-collapse: collapse;
}

.el-date-table th {
    padding: 0.05rem;
    color: #606266;
    font-weight: 400;
    border-bottom: solid 0.01rem #EBEEF5;
}

.el-month-table {
    margin: -0.01rem;
}

.el-month-table td {
    text-align: center;
    padding: 0.08rem 0;
    cursor: pointer;
}

.el-month-table td div {
    height: 0.48rem;
    padding: 0.06rem 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-month-table td.today .cell {
    color: #409EFF;
    font-weight: 700;
}

.el-month-table td.today.end-date .cell,
.el-month-table td.today.start-date .cell {
    color: #FFF;
}

.el-month-table td.disabled .cell {
    background-color: #F5F7FA;
    cursor: not-allowed;
    color: #C0C4CC;
}

.el-month-table td.disabled .cell:hover {
    color: #C0C4CC;
}

.el-month-table td .cell {
    width: 0.6rem;
    height: 0.36rem;
    display: block;
    line-height: 0.36rem;
    color: #606266;
    margin: 0 auto;
    border-radius: 0.18rem;
}

.el-month-table td .cell:hover {
    color: #409EFF;
}

.el-month-table td.in-range div,
.el-month-table td.in-range div:hover {
    background-color: #F2F6FC;
}

.el-month-table td.end-date div,
.el-month-table td.start-date div {
    color: #FFF;
}

.el-month-table td.end-date .cell,
.el-month-table td.start-date .cell {
    color: #FFF;
    background-color: #409EFF;
}

.el-month-table td.start-date div {
    border-top-left-radius: 0.24rem;
    border-bottom-left-radius: 0.24rem;
}

.el-month-table td.end-date div {
    border-top-right-radius: 0.24rem;
    border-bottom-right-radius: 0.24rem;
}

.el-month-table td.current:not(.disabled) .cell {
    color: #409EFF;
}

.el-year-table {
    margin: -0.01rem;
}

.el-year-table .el-icon {
    color: #303133;
}

.el-year-table td {
    text-align: center;
    padding: 0.2rem 0.03rem;
    cursor: pointer;
}

.el-year-table td.today .cell {
    color: #409EFF;
    font-weight: 700;
}

.el-year-table td.disabled .cell {
    background-color: #F5F7FA;
    cursor: not-allowed;
    color: #C0C4CC;
}

.el-year-table td.disabled .cell:hover {
    color: #C0C4CC;
}

.el-year-table td .cell {
    width: 0.48rem;
    height: 0.32rem;
    display: block;
    line-height: 0.32rem;
    color: #606266;
    margin: 0 auto;
}

.el-year-table td .cell:hover,
.el-year-table td.current:not(.disabled) .cell {
    color: #409EFF;
}

.el-date-range-picker {
    width: 6.46rem;
}

.el-date-range-picker.has-sidebar {
    width: 7.56rem;
}

.el-date-range-picker table {
    table-layout: fixed;
    width: 100%;
}

.el-date-range-picker .el-picker-panel__body {
    min-width: 5.13rem;
}

.el-date-range-picker .el-picker-panel__content {
    margin: 0;
}

.el-date-range-picker__header {
    position: relative;
    text-align: center;
    height: 0.28rem;
}

.el-date-range-picker__header [class*=arrow-left] {
    float: left;
}

.el-date-range-picker__header [class*=arrow-right] {
    float: right;
}

.el-date-range-picker__header div {
    font-size: 0.16rem;
    font-weight: 500;
    margin-right: 0.5rem;
}

.el-date-range-picker__content {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0.16rem;
}

.el-date-range-picker__content.is-left {
    border-right: 0.01rem solid #e4e4e4;
}

.el-date-range-picker__content .el-date-range-picker__header div {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.el-date-range-picker__editors-wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
}

.el-date-range-picker__editors-wrap.is-right {
    text-align: right;
}

.el-date-range-picker__time-header {
    position: relative;
    border-bottom: 0.01rem solid #e4e4e4;
    font-size: 0.12rem;
    padding: 0.08rem 0.05rem 0.05rem;
    display: table;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-date-range-picker__time-header > .el-icon-arrow-right {
    font-size: 0.2rem;
    vertical-align: middle;
    display: table-cell;
    color: #303133;
}

.el-date-range-picker__time-picker-wrap {
    position: relative;
    display: table-cell;
    padding: 0 0.05rem;
}

.el-date-range-picker__time-picker-wrap .el-picker-panel {
    position: absolute;
    top: 0.13rem;
    right: 0;
    z-index: 1;
    background: #FFF;
}

.el-date-picker {
    width: 3.22rem;
}

.el-date-picker.has-sidebar.has-time {
    width: 4.34rem;
}

.el-date-picker.has-sidebar {
    width: 4.38rem;
}

.el-date-picker.has-time .el-picker-panel__body-wrapper {
    position: relative;
}

.el-date-picker .el-picker-panel__content {
    width: 2.92rem;
}

.el-date-picker table {
    table-layout: fixed;
    width: 100%;
}

.el-date-picker__editor-wrap {
    position: relative;
    display: table-cell;
    padding: 0 0.05rem;
}

.el-date-picker__time-header {
    position: relative;
    border-bottom: 0.01rem solid #e4e4e4;
    font-size: 0.12rem;
    padding: 0.08rem 0.05rem 0.05rem;
    display: table;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-date-picker__header {
    margin: 0.12rem;
    text-align: center;
}

.el-date-picker__header--bordered {
    margin-bottom: 0;
    padding-bottom: 0.12rem;
    border-bottom: solid 0.01rem #EBEEF5;
}

.el-date-picker__header--bordered + .el-picker-panel__content {
    margin-top: 0;
}

.el-date-picker__header-label {
    font-size: 0.16rem;
    font-weight: 500;
    padding: 0 0.05rem;
    line-height: 0.22rem;
    text-align: center;
    cursor: pointer;
    color: #606266;
}

.el-date-picker__header-label.active,
.el-date-picker__header-label:hover {
    color: #409EFF;
}

.el-date-picker__prev-btn {
    float: left;
}

.el-date-picker__next-btn {
    float: right;
}

.el-date-picker__time-wrap {
    padding: 0.1rem;
    text-align: center;
}

.el-date-picker__time-label {
    float: left;
    cursor: pointer;
    line-height: 0.3rem;
    margin-left: 0.1rem;
}

.time-select {
    margin: 0.05rem 0;
    min-width: 0;
}

.time-select .el-picker-panel__content {
    max-height: 2rem;
    margin: 0;
}

.time-select-item {
    padding: 0.08rem 0.1rem;
    font-size: 0.14rem;
    line-height: 0.2rem;
}

.time-select-item.selected:not(.disabled) {
    color: #409EFF;
    font-weight: 700;
}

.time-select-item.disabled {
    color: #E4E7ED;
    cursor: not-allowed;
}

.time-select-item:hover {
    background-color: #F5F7FA;
    font-weight: 700;
    cursor: pointer;
}

.el-date-editor {
    position: relative;
    display: inline-block;
    text-align: left;
}

.el-date-editor.el-input,
.el-date-editor.el-input__inner {
    width: 2.2rem;
}

.el-date-editor--monthrange.el-input,
.el-date-editor--monthrange.el-input__inner {
    width: 3rem;
}

.el-date-editor--daterange.el-input,
.el-date-editor--daterange.el-input__inner,
.el-date-editor--timerange.el-input,
.el-date-editor--timerange.el-input__inner {
    width: 3.5rem;
}

.el-date-editor--datetimerange.el-input,
.el-date-editor--datetimerange.el-input__inner {
    width: 4rem;
}

.el-date-editor--dates .el-input__inner {
    text-overflow: ellipsis;
    white-space: nowrap;
}

.el-date-editor .el-icon-circle-close {
    cursor: pointer;
}

.el-date-editor .el-range__icon {
    font-size: 0.14rem;
    margin-left: -0.05rem;
    color: #C0C4CC;
    float: left;
    line-height: 0.32rem;
}

.el-date-editor .el-range-input,
.el-date-editor .el-range-separator {
    height: 100%;
    margin: 0;
    text-align: center;
    display: inline-block;
    font-size: 0.14rem;
}

.el-date-editor .el-range-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: 0;
    padding: 0;
    width: 39%;
    color: #606266;
}

.el-date-editor .el-range-input::-webkit-input-placeholder {
    color: #C0C4CC;
}

.el-date-editor .el-range-input:-ms-input-placeholder {
    color: #C0C4CC;
}

.el-date-editor .el-range-input::-ms-input-placeholder {
    color: #C0C4CC;
}

.el-date-editor .el-range-input::-moz-placeholder {
    color: #C0C4CC;
}

.el-date-editor .el-range-input::placeholder {
    color: #C0C4CC;
}

.el-date-editor .el-range-separator {
    padding: 0 0.05rem;
    line-height: 0.32rem;
    width: 5%;
    color: #303133;
}

.el-date-editor .el-range__close-icon {
    font-size: 0.14rem;
    color: #C0C4CC;
    width: 0.25rem;
    display: inline-block;
    float: right;
    line-height: 0.32rem;
}

.el-range-editor.el-input__inner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.03rem 0.1rem;
}

.el-range-editor .el-range-input {
    line-height: 1;
}

.el-range-editor.is-active,
.el-range-editor.is-active:hover {
    border-color: #409EFF;
}

.el-range-editor--medium.el-input__inner {
    height: 0.36rem;
}

.el-range-editor--medium .el-range-separator {
    line-height: 0.28rem;
    font-size: 0.14rem;
}

.el-range-editor--medium .el-range-input {
    font-size: 0.14rem;
}

.el-range-editor--medium .el-range__close-icon,
.el-range-editor--medium .el-range__icon {
    line-height: 0.28rem;
}

.el-range-editor--small.el-input__inner {
    height: 0.32rem;
}

.el-range-editor--small .el-range-separator {
    line-height: 0.24rem;
    font-size: 0.13rem;
}

.el-range-editor--small .el-range-input {
    font-size: 0.13rem;
}

.el-range-editor--small .el-range__close-icon,
.el-range-editor--small .el-range__icon {
    line-height: 0.24rem;
}

.el-range-editor--mini.el-input__inner {
    height: 0.28rem;
}

.el-range-editor--mini .el-range-separator {
    line-height: 0.2rem;
    font-size: 0.12rem;
}

.el-range-editor--mini .el-range-input {
    font-size: 0.12rem;
}

.el-range-editor--mini .el-range__close-icon,
.el-range-editor--mini .el-range__icon {
    line-height: 0.2rem;
}

.el-range-editor.is-disabled {
    background-color: #F5F7FA;
    border-color: #E4E7ED;
    color: #C0C4CC;
    cursor: not-allowed;
}

.el-range-editor.is-disabled:focus,
.el-range-editor.is-disabled:hover {
    border-color: #E4E7ED;
}

.el-range-editor.is-disabled input {
    background-color: #F5F7FA;
    color: #C0C4CC;
    cursor: not-allowed;
}

.el-range-editor.is-disabled input::-webkit-input-placeholder {
    color: #C0C4CC;
}

.el-range-editor.is-disabled input:-ms-input-placeholder {
    color: #C0C4CC;
}

.el-range-editor.is-disabled input::-ms-input-placeholder {
    color: #C0C4CC;
}

.el-range-editor.is-disabled input::-moz-placeholder {
    color: #C0C4CC;
}

.el-range-editor.is-disabled input::placeholder {
    color: #C0C4CC;
}

.el-range-editor.is-disabled .el-range-separator {
    color: #C0C4CC;
}

.el-picker-panel {
    color: #606266;
    border: 0.01rem solid #E4E7ED;
    -webkit-box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.1);
    background: #FFF;
    border-radius: 0.04rem;
    line-height: 0.3rem;
    margin: 0.05rem 0;
}

.el-popover,
.el-time-panel {
    -webkit-box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.1);
}

.el-picker-panel__body-wrapper::after,
.el-picker-panel__body::after {
    content: "";
    display: table;
    clear: both;
}

.el-picker-panel__content {
    position: relative;
    margin: 0.15rem;
}

.el-picker-panel__footer {
    border-top: 0.01rem solid #e4e4e4;
    padding: 0.04rem;
    text-align: right;
    background-color: #FFF;
    position: relative;
    font-size: 0;
}

.el-picker-panel__shortcut {
    display: block;
    width: 100%;
    border: 0;
    background-color: transparent;
    line-height: 0.28rem;
    font-size: 0.14rem;
    color: #606266;
    padding-left: 0.12rem;
    text-align: left;
    outline: 0;
    cursor: pointer;
}

.el-picker-panel__shortcut:hover {
    color: #409EFF;
}

.el-picker-panel__shortcut.active {
    background-color: #e6f1fe;
    color: #409EFF;
}

.el-picker-panel__btn {
    border: 0.01rem solid #dcdcdc;
    color: #333;
    line-height: 0.24rem;
    border-radius: 0.02rem;
    padding: 0 0.2rem;
    cursor: pointer;
    background-color: transparent;
    outline: 0;
    font-size: 0.12rem;
}

.el-picker-panel__btn[disabled] {
    color: #ccc;
    cursor: not-allowed;
}

.el-picker-panel__icon-btn {
    font-size: 0.12rem;
    color: #303133;
    border: 0;
    background: 0 0;
    cursor: pointer;
    outline: 0;
    margin-top: 0.08rem;
}

.el-picker-panel__icon-btn:hover {
    color: #409EFF;
}

.el-picker-panel__icon-btn.is-disabled {
    color: #bbb;
}

.el-picker-panel__icon-btn.is-disabled:hover {
    cursor: not-allowed;
}

.el-picker-panel__link-btn {
    vertical-align: middle;
}

.el-picker-panel [slot=sidebar],
.el-picker-panel__sidebar {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1.1rem;
    border-right: 0.01rem solid #e4e4e4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0.06rem;
    background-color: #FFF;
    overflow: auto;
}

.el-picker-panel [slot=sidebar] + .el-picker-panel__body,
.el-picker-panel__sidebar + .el-picker-panel__body {
    margin-left: 1.1rem;
}

.el-time-spinner.has-seconds .el-time-spinner__wrapper {
    width: 33.3%;
}

.el-time-spinner__wrapper {
    max-height: 1.9rem;
    overflow: auto;
    display: inline-block;
    width: 50%;
    vertical-align: top;
    position: relative;
}

.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
    padding-bottom: 0.15rem;
}

.el-time-spinner__input.el-input .el-input__inner,
.el-time-spinner__list {
    padding: 0;
    text-align: center;
}

.el-time-spinner__wrapper.is-arrow {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
}

.el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
    -webkit-transform: translateY(-0.32rem);
    transform: translateY(-0.32rem);
}

.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) {
    background: #FFF;
    cursor: default;
}

.el-time-spinner__arrow {
    font-size: 0.12rem;
    color: #909399;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1;
    text-align: center;
    height: 0.3rem;
    line-height: 0.3rem;
    cursor: pointer;
}

.el-time-spinner__arrow:hover {
    color: #409EFF;
}

.el-time-spinner__arrow.el-icon-arrow-up {
    top: 0.1rem;
}

.el-time-spinner__arrow.el-icon-arrow-down {
    bottom: 0.1rem;
}

.el-time-spinner__input.el-input {
    width: 70%;
}

.el-time-spinner__list {
    margin: 0;
    list-style: none;
}

.el-time-spinner__list::after,
.el-time-spinner__list::before {
    content: '';
    display: block;
    width: 100%;
    height: 0.8rem;
}

.el-time-spinner__item {
    height: 0.32rem;
    line-height: 0.32rem;
    font-size: 0.12rem;
    color: #606266;
}

.el-time-spinner__item:hover:not(.disabled):not(.active) {
    background: #F5F7FA;
    cursor: pointer;
}

.el-time-spinner__item.active:not(.disabled) {
    color: #303133;
    font-weight: 700;
}

.el-time-spinner__item.disabled {
    color: #C0C4CC;
    cursor: not-allowed;
}

.el-time-panel {
    margin: 0.05rem 0;
    border: 0.01rem solid #E4E7ED;
    background-color: #FFF;
    -webkit-box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.1);
    border-radius: 0.02rem;
    position: absolute;
    width: 1.8rem;
    left: 0;
    z-index: 1000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.el-slider__button,
.el-slider__button-wrapper {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.el-time-panel__content {
    font-size: 0;
    position: relative;
    overflow: hidden;
}

.el-time-panel__content::after,
.el-time-panel__content::before {
    content: "";
    top: 50%;
    position: absolute;
    margin-top: -0.15rem;
    height: 0.32rem;
    z-index: -1;
    left: 0;
    right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0.06rem;
    text-align: left;
    border-top: 0.01rem solid #E4E7ED;
    border-bottom: 0.01rem solid #E4E7ED;
}

.el-time-panel__content::after {
    left: 50%;
    margin-left: 12%;
    margin-right: 12%;
}

.el-time-panel__content::before {
    padding-left: 50%;
    margin-right: 12%;
    margin-left: 12%;
}

.el-time-panel__content.has-seconds::after {
    left: calc(100% / 3 * 2);
}

.el-time-panel__content.has-seconds::before {
    padding-left: calc(100% / 3);
}

.el-time-panel__footer {
    border-top: 0.01rem solid #e4e4e4;
    padding: 0.04rem;
    height: 0.36rem;
    line-height: 0.25rem;
    text-align: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-time-panel__btn {
    border: none;
    line-height: 0.28rem;
    padding: 0 0.05rem;
    margin: 0 0.05rem;
    cursor: pointer;
    background-color: transparent;
    outline: 0;
    font-size: 0.12rem;
    color: #303133;
}

.el-time-panel__btn.confirm {
    font-weight: 800;
    color: #409EFF;
}

.el-time-range-picker {
    width: 3.54rem;
    overflow: visible;
}

.el-time-range-picker__content {
    position: relative;
    text-align: center;
    padding: 0.1rem;
}

.el-time-range-picker__cell {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0.04rem 0.07rem 0.07rem;
    width: 50%;
    display: inline-block;
}

.el-time-range-picker__header {
    margin-bottom: 0.05rem;
    text-align: center;
    font-size: 0.14rem;
}

.el-time-range-picker__body {
    border-radius: 0.02rem;
    border: 0.01rem solid #E4E7ED;
}

.el-popover {
    position: absolute;
    background: #FFF;
    min-width: 1.5rem;
    border: 0.01rem solid #EBEEF5;
    padding: 0.12rem;
    z-index: 2000;
    color: #606266;
    line-height: 1.4;
    text-align: justify;
    font-size: 0.14rem;
    -webkit-box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.1);
    word-break: break-all;
}

.el-popover--plain {
    padding: 0.18rem 0.2rem;
}

.el-popover__title {
    color: #303133;
    font-size: 0.16rem;
    line-height: 1;
    margin-bottom: 0.12rem;
}

.v-modal-enter {
    -webkit-animation: v-modal-in .2s ease;
    animation: v-modal-in .2s ease;
}

.v-modal-leave {
    -webkit-animation: v-modal-out .2s ease forwards;
    animation: v-modal-out .2s ease forwards;
}

@keyframes v-modal-in {
    0% {
        opacity: 0;
    }
}

@keyframes v-modal-out {
    100% {
        opacity: 0;
    }
}

.v-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background: #000;
}

.el-popup-parent--hidden {
    overflow: hidden;
}

.el-message-box {
    display: inline-block;
    width: 4.2rem;
    padding-bottom: 0.1rem;
    vertical-align: middle;
    background-color: #FFF;
    border-radius: 0.04rem;
    border: 0.01rem solid #EBEEF5;
    font-size: 0.18rem;
    -webkit-box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.1);
    text-align: left;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.el-message-box__wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}

.el-message-box__wrapper::after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle;
}

.el-message-box__header {
    position: relative;
    padding: 0.15rem 0.15rem 0.1rem;
}

.el-message-box__title {
    padding-left: 0;
    margin-bottom: 0;
    font-size: 0.18rem;
    line-height: 1;
    color: #303133;
}

.el-message-box__headerbtn {
    position: absolute;
    top: 0.15rem;
    right: 0.15rem;
    padding: 0;
    border: none;
    outline: 0;
    background: 0 0;
    font-size: 0.16rem;
    cursor: pointer;
}

.el-form-item.is-error .el-input__inner,
.el-form-item.is-error .el-input__inner:focus,
.el-form-item.is-error .el-textarea__inner,
.el-form-item.is-error .el-textarea__inner:focus,
.el-message-box__input input.invalid,
.el-message-box__input input.invalid:focus {
    border-color: #F56C6C;
}

.el-message-box__headerbtn .el-message-box__close {
    color: #909399;
}

.el-message-box__headerbtn:focus .el-message-box__close,
.el-message-box__headerbtn:hover .el-message-box__close {
    color: #409EFF;
}

.el-message-box__content {
    padding: 0.1rem 0.15rem;
    color: #606266;
    font-size: 0.14rem;
}

.el-message-box__container {
    position: relative;
}

.el-message-box__input {
    padding-top: 0.15rem;
}

.el-message-box__status {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 0.24rem !important;
}

.el-message-box__status::before {
    padding-left: 0.01rem;
}

.el-message-box__status + .el-message-box__message {
    padding-left: 0.36rem;
    padding-right: 0.12rem;
}

.el-message-box__status.el-icon-success {
    color: #67C23A;
}

.el-message-box__status.el-icon-info {
    color: #909399;
}

.el-message-box__status.el-icon-warning {
    color: #E6A23C;
}

.el-message-box__status.el-icon-error {
    color: #F56C6C;
}

.el-message-box__message {
    margin: 0;
}

.el-message-box__message p {
    margin: 0;
    line-height: 0.24rem;
}

.el-message-box__errormsg {
    color: #F56C6C;
    font-size: 0.12rem;
    min-height: 0.18rem;
    margin-top: 0.02rem;
}

.el-message-box__btns {
    padding: 0.05rem 0.15rem 0;
    text-align: right;
}

.el-message-box__btns button:nth-child(2) {
    margin-left: 0.1rem;
}

.el-message-box__btns-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.el-message-box--center {
    padding-bottom: 0.3rem;
}

.el-message-box--center .el-message-box__header {
    padding-top: 0.3rem;
}

.el-message-box--center .el-message-box__title {
    position: relative;
    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;
}

.el-message-box--center .el-message-box__status {
    position: relative;
    top: auto;
    padding-right: 0.05rem;
    text-align: center;
    -webkit-transform: translateY(-0.01rem);
    transform: translateY(-0.01rem);
}

.el-message-box--center .el-message-box__message {
    margin-left: 0;
}

.el-message-box--center .el-message-box__btns,
.el-message-box--center .el-message-box__content {
    text-align: center;
}

.el-message-box--center .el-message-box__content {
    padding-left: 0.27rem;
    padding-right: 0.27rem;
}

.msgbox-fade-enter-active {
    -webkit-animation: msgbox-fade-in .3s;
    animation: msgbox-fade-in .3s;
}

.msgbox-fade-leave-active {
    -webkit-animation: msgbox-fade-out .3s;
    animation: msgbox-fade-out .3s;
}

@-webkit-keyframes msgbox-fade-in {
    0% {
        -webkit-transform: translate3d(0, -0.2rem, 0);
        transform: translate3d(0, -0.2rem, 0);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes msgbox-fade-in {
    0% {
        -webkit-transform: translate3d(0, -0.2rem, 0);
        transform: translate3d(0, -0.2rem, 0);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes msgbox-fade-out {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(0, -0.2rem, 0);
        transform: translate3d(0, -0.2rem, 0);
        opacity: 0;
    }
}

@keyframes msgbox-fade-out {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(0, -0.2rem, 0);
        transform: translate3d(0, -0.2rem, 0);
        opacity: 0;
    }
}

.el-breadcrumb {
    font-size: 0.14rem;
    line-height: 1;
}

.el-breadcrumb::after,
.el-breadcrumb::before {
    display: table;
    content: "";
}

.el-breadcrumb::after {
    clear: both;
}

.el-breadcrumb__separator {
    margin: 0 0.09rem;
    font-weight: 700;
    color: #C0C4CC;
}

.el-breadcrumb__separator[class*=icon] {
    margin: 0 0.06rem;
    font-weight: 400;
}

.el-breadcrumb__item {
    float: left;
}

.el-breadcrumb__inner {
    color: #606266;
}

.el-breadcrumb__inner a,
.el-breadcrumb__inner.is-link {
    font-weight: 700;
    text-decoration: none;
    -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    color: #303133;
}

.el-breadcrumb__inner a:hover,
.el-breadcrumb__inner.is-link:hover {
    color: #0044b0;
    cursor: pointer;
}

.el-breadcrumb__item:last-child .el-breadcrumb__inner,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,
.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {
    font-weight: 400;
    color: #606266;
    cursor: text;
}

.el-breadcrumb__item:last-child .el-breadcrumb__separator {
    display: none;
}

.el-form--label-left .el-form-item__label {
    text-align: left;
}

.el-form--label-top .el-form-item__label {
    float: none;
    display: inline-block;
    text-align: left;
    padding: 0 0 0.1rem;
}

.el-form--inline .el-form-item {
    display: inline-block;
    margin-right: 0.1rem;
    vertical-align: top;
}

.el-form--inline .el-form-item__label {
    float: none;
    display: inline-block;
}

.el-form--inline .el-form-item__content {
    display: inline-block;
    vertical-align: top;
}

.el-form--inline.el-form--label-top .el-form-item__content {
    display: block;
}

.el-form-item {
    margin-bottom: 0.22rem;
}

.el-form-item::after,
.el-form-item::before {
    display: table;
    content: "";
}

.el-form-item::after {
    clear: both;
}

.el-form-item .el-form-item {
    margin-bottom: 0;
}

.el-form-item--mini.el-form-item,
.el-form-item--small.el-form-item {
    margin-bottom: 0.18rem;
}

.el-form-item .el-input__validateIcon {
    display: none;
}

.el-form-item--medium .el-form-item__content,
.el-form-item--medium .el-form-item__label {
    line-height: 0.36rem;
}

.el-form-item--small .el-form-item__content,
.el-form-item--small .el-form-item__label {
    line-height: 0.32rem;
}

.el-form-item--small .el-form-item__error {
    padding-top: 0.02rem;
}

.el-form-item--mini .el-form-item__content,
.el-form-item--mini .el-form-item__label {
    line-height: 0.28rem;
}

.el-form-item--mini .el-form-item__error {
    padding-top: 0.01rem;
}

.el-form-item__label-wrap {
    float: left;
}

.el-form-item__label-wrap .el-form-item__label {
    display: inline-block;
    float: none;
}

.el-form-item__label {
    text-align: right;
    vertical-align: middle;
    float: left;
    font-size: 0.14rem;
    color: #606266;
    line-height: 0.4rem;
    padding: 0 0.12rem 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-form-item__content {
    line-height: 0.4rem;
    position: relative;
    font-size: 0.14rem;
}

.el-form-item__content::after,
.el-form-item__content::before {
    display: table;
    content: "";
}

.el-form-item__content::after {
    clear: both;
}

.el-form-item__content .el-input-group {
    vertical-align: top;
}

.el-form-item__error {
    color: #F56C6C;
    font-size: 0.12rem;
    line-height: 1;
    padding-top: 0.04rem;
    position: absolute;
    top: 100%;
    left: 0;
}

.el-form-item__error--inline {
    position: relative;
    top: auto;
    left: auto;
    display: inline-block;
    margin-left: 0.1rem;
}

.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before {
    content: '*';
    color: #F56C6C;
    margin-right: 0.04rem;
}

.el-form-item.is-error .el-input-group__append .el-input__inner,
.el-form-item.is-error .el-input-group__prepend .el-input__inner {
    border-color: transparent;
}

.el-form-item.is-error .el-input__validateIcon {
    color: #F56C6C;
}

.el-form-item--feedback .el-input__validateIcon {
    display: inline-block;
}

.el-tabs__header {
    padding: 0;
    position: relative;
    margin: 0 0 0.15rem;
}

.el-tabs__active-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0.02rem;
    background-color: #409EFF;
    z-index: 1;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    list-style: none;
}

.el-tabs__new-tab {
    float: right;
    border: 0.01rem solid #d3dce6;
    height: 0.18rem;
    width: 0.18rem;
    line-height: 0.18rem;
    margin: 0.12rem 0 0.09rem 0.1rem;
    border-radius: 0.03rem;
    text-align: center;
    font-size: 0.12rem;
    color: #d3dce6;
    cursor: pointer;
    -webkit-transition: all .15s;
    transition: all .15s;
}

.el-collapse-item__arrow,
.el-tabs__nav {
    -webkit-transition: -webkit-transform .3s;
}

.el-tabs__new-tab .el-icon-plus {
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
}

.el-tabs__new-tab:hover {
    color: #409EFF;
}

.el-tabs__nav-wrap {
    overflow: hidden;
    margin-bottom: -0.01rem;
    position: relative;
}

.el-tabs__nav-wrap::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0.02rem;
    background-color: #E4E7ED;
    z-index: 1;
}

.el-tabs--border-card > .el-tabs__header .el-tabs__nav-wrap::after,
.el-tabs--card > .el-tabs__header .el-tabs__nav-wrap::after {
    content: none;
}

.el-tabs__nav-wrap.is-scrollable {
    padding: 0 0.2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-tabs__nav-scroll {
    overflow: hidden;
}

.el-tabs__nav-next,
.el-tabs__nav-prev {
    position: absolute;
    cursor: pointer;
    line-height: 0.44rem;
    font-size: 0.12rem;
    color: #909399;
}

.el-tabs__nav-next {
    right: 0;
}

.el-tabs__nav-prev {
    left: 0;
}

.el-tabs__nav {
    white-space: nowrap;
    position: relative;
    transition: -webkit-transform .3s;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    float: left;
    z-index: 2;
}

.el-tabs__nav.is-stretch {
    min-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.el-tabs__nav.is-stretch > * {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
}

.el-tabs__item:focus,
.el-tabs__item:focus:active {
    outline: 0;
}

.el-tabs__item:focus.is-active.is-focus:not(:active) {
    -webkit-box-shadow: 0 0 0.02rem 0.02rem #409EFF inset;
    box-shadow: 0 0 0.02rem 0.02rem #409EFF inset;
    border-radius: 0.03rem;
}

.el-tabs__item .el-icon-close {
    border-radius: 50%;
    text-align: center;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    margin-left: 0.05rem;
}

.el-tabs__item .el-icon-close:before {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    display: inline-block;
}

.el-tabs__item .el-icon-close:hover {
    background-color: #C0C4CC;
    color: #FFF;
}

.el-tabs__item.is-active {
    color: #0044b0;
}

.el-tabs__item:hover {
    color: #0044b0;
    cursor: pointer;
}

.el-tabs__item.is-disabled {
    color: #C0C4CC;
    cursor: default;
}

.el-tabs__content {
    overflow: hidden;
    position: relative;
}

.el-tabs--card > .el-tabs__header {
    border-bottom: 0.01rem solid #E4E7ED;
}

.el-tabs--card > .el-tabs__header .el-tabs__nav {
    border: 0.01rem solid #E4E7ED;
    border-bottom: none;
    border-radius: 0.04rem 0.04rem 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-tabs--card > .el-tabs__header .el-tabs__active-bar {
    display: none;
}

.el-tabs--card > .el-tabs__header .el-tabs__item .el-icon-close {
    position: relative;
    font-size: 0.12rem;
    width: 0;
    height: 0.14rem;
    vertical-align: middle;
    line-height: 0.15rem;
    overflow: hidden;
    top: -0.01rem;
    right: -0.02rem;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close,
.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close {
    width: 0.14rem;
}

.el-tabs--card > .el-tabs__header .el-tabs__item {
    border-bottom: 0.01rem solid transparent;
    border-left: 0.01rem solid #E4E7ED;
    -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-tabs--card > .el-tabs__header .el-tabs__item:first-child {
    border-left: none;
}

.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover {
    padding-left: 0.13rem;
    padding-right: 0.13rem;
}

.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
    border-bottom-color: #FFF;
}

.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
}

.el-tabs--border-card {
    background: #FFF;
    border: 0.01rem solid #DCDFE6;
    -webkit-box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.12), 0 0 0.06rem 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.12), 0 0 0.06rem 0 rgba(0, 0, 0, 0.04);
}

.el-tabs--border-card > .el-tabs__content {
    padding: 0.15rem;
}

.el-tabs--border-card > .el-tabs__header {
    background-color: #F5F7FA;
    border-bottom: 0.01rem solid #E4E7ED;
    margin: 0;
}

.el-tabs--border-card > .el-tabs__header .el-tabs__item {
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    border: 0.01rem solid transparent;
    margin-top: -0.01rem;
    color: #909399;
}

.el-tabs--border-card > .el-tabs__header .el-tabs__item + .el-tabs__item,
.el-tabs--border-card > .el-tabs__header .el-tabs__item:first-child {
    margin-left: -0.01rem;
}

.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
    color: #409EFF;
    background-color: #FFF;
    border-right-color: #DCDFE6;
    border-left-color: #DCDFE6;
}

.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
    color: #409EFF;
}

.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-disabled {
    color: #C0C4CC;
}

.el-tabs--border-card > .el-tabs__header .is-scrollable .el-tabs__item:first-child {
    margin-left: 0;
}

.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),
.el-tabs--bottom .el-tabs__item.is-top:nth-child(2),
.el-tabs--top .el-tabs__item.is-bottom:nth-child(2),
.el-tabs--top .el-tabs__item.is-top:nth-child(2) {
    padding-left: 0;
}

.el-tabs--bottom .el-tabs__item.is-bottom:last-child,
.el-tabs--bottom .el-tabs__item.is-top:last-child,
.el-tabs--top .el-tabs__item.is-bottom:last-child,
.el-tabs--top .el-tabs__item.is-top:last-child {
    padding-right: 0;
}

.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2) {
    padding-left: 0.2rem;
}

.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child {
    padding-right: 0.2rem;
}

.el-tabs--bottom .el-tabs__header.is-bottom {
    margin-bottom: 0;
    margin-top: 0.1rem;
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
    border-bottom: 0;
    border-top: 0.01rem solid #DCDFE6;
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
    margin-top: -0.01rem;
    margin-bottom: 0;
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
    border: 0.01rem solid transparent;
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom {
    margin: 0 -0.01rem -0.01rem;
}

.el-tabs--left,
.el-tabs--right {
    overflow: hidden;
}

.el-tabs--left .el-tabs__header.is-left,
.el-tabs--left .el-tabs__header.is-right,
.el-tabs--left .el-tabs__nav-scroll,
.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right,
.el-tabs--right .el-tabs__header.is-left,
.el-tabs--right .el-tabs__header.is-right,
.el-tabs--right .el-tabs__nav-scroll,
.el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right {
    height: 100%;
}

.el-tabs--left .el-tabs__active-bar.is-left,
.el-tabs--left .el-tabs__active-bar.is-right,
.el-tabs--right .el-tabs__active-bar.is-left,
.el-tabs--right .el-tabs__active-bar.is-right {
    top: 0;
    bottom: auto;
    width: 0.02rem;
    height: auto;
}

.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right,
.el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right {
    margin-bottom: 0;
}

.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev {
    height: 0.3rem;
    line-height: 0.3rem;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i,
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}

.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev {
    left: auto;
    top: 0;
}

.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next {
    right: auto;
    bottom: 0;
}

.el-tabs--left .el-tabs__active-bar.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-left::after {
    right: 0;
    left: auto;
}

.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable,
.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable {
    padding: 0.3rem 0;
}

.el-tabs--left .el-tabs__nav-wrap.is-left::after,
.el-tabs--left .el-tabs__nav-wrap.is-right::after,
.el-tabs--right .el-tabs__nav-wrap.is-left::after,
.el-tabs--right .el-tabs__nav-wrap.is-right::after {
    height: 100%;
    width: 0.02rem;
    bottom: auto;
    top: 0;
}

.el-tabs--left .el-tabs__nav.is-left,
.el-tabs--left .el-tabs__nav.is-right,
.el-tabs--right .el-tabs__nav.is-left,
.el-tabs--right .el-tabs__nav.is-right {
    float: none;
}

.el-tabs--left .el-tabs__item.is-left,
.el-tabs--left .el-tabs__item.is-right,
.el-tabs--right .el-tabs__item.is-left,
.el-tabs--right .el-tabs__item.is-right {
    display: block;
}

.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left,
.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right {
    display: none;
}

.el-tabs--left .el-tabs__header.is-left {
    float: left;
    margin-bottom: 0;
    margin-right: 0.1rem;
}

.el-tabs--left .el-tabs__nav-wrap.is-left {
    margin-right: -0.01rem;
}

.el-tabs--left .el-tabs__item.is-left {
    text-align: right;
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left {
    border-left: none;
    border-right: 0.01rem solid #E4E7ED;
    border-bottom: none;
    border-top: 0.01rem solid #E4E7ED;
    text-align: left;
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child {
    border-right: 0.01rem solid #E4E7ED;
    border-top: none;
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
    border: 0.01rem solid #E4E7ED;
    border-right-color: #fff;
    border-left: none;
    border-bottom: none;
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child {
    border-top: none;
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child {
    border-bottom: none;
}

.el-tabs--left.el-tabs--card .el-tabs__nav {
    border-radius: 0.04rem 0 0 0.04rem;
    border-bottom: 0.01rem solid #E4E7ED;
    border-right: none;
}

.el-tabs--left.el-tabs--card .el-tabs__new-tab {
    float: none;
}

.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
    border-right: 0.01rem solid #dfe4ed;
}

.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left {
    border: 0.01rem solid transparent;
    margin: -0.01rem 0 -0.01rem -0.01rem;
}

.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
    border-color: #d1dbe5 transparent;
}

.el-tabs--right .el-tabs__header.is-right {
    float: right;
    margin-bottom: 0;
    margin-left: 0.1rem;
}

.el-tabs--right .el-tabs__nav-wrap.is-right {
    margin-left: -0.01rem;
}

.el-tabs--right .el-tabs__nav-wrap.is-right::after {
    left: 0;
    right: auto;
}

.el-tabs--right .el-tabs__active-bar.is-right {
    left: 0;
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right {
    border-bottom: none;
    border-top: 0.01rem solid #E4E7ED;
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
    border-left: 0.01rem solid #E4E7ED;
    border-top: none;
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
    border: 0.01rem solid #E4E7ED;
    border-left-color: #fff;
    border-right: none;
    border-bottom: none;
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child {
    border-top: none;
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child {
    border-bottom: none;
}

.el-tabs--right.el-tabs--card .el-tabs__nav {
    border-radius: 0 0.04rem 0.04rem 0;
    border-bottom: 0.01rem solid #E4E7ED;
    border-left: none;
}

.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
    border-left: 0.01rem solid #dfe4ed;
}

.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right {
    border: 0.01rem solid transparent;
    margin: -0.01rem -0.01rem -0.01rem 0;
}

.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
    border-color: #d1dbe5 transparent;
}

.slideInLeft-transition,
.slideInRight-transition {
    display: inline-block;
}

.slideInRight-enter {
    -webkit-animation: slideInRight-enter .3s;
    animation: slideInRight-enter .3s;
}

.slideInRight-leave {
    position: absolute;
    left: 0;
    right: 0;
    -webkit-animation: slideInRight-leave .3s;
    animation: slideInRight-leave .3s;
}

.slideInLeft-enter {
    -webkit-animation: slideInLeft-enter .3s;
    animation: slideInLeft-enter .3s;
}

.slideInLeft-leave {
    position: absolute;
    left: 0;
    right: 0;
    -webkit-animation: slideInLeft-leave .3s;
    animation: slideInLeft-leave .3s;
}

@-webkit-keyframes slideInRight-enter {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInRight-enter {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slideInRight-leave {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes slideInRight-leave {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
}

@-webkit-keyframes slideInLeft-enter {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInLeft-enter {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slideInLeft-leave {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }
}

@keyframes slideInLeft-leave {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }
}

.el-tree {
    position: relative;
    cursor: default;
    background: #FFF;
    color: #606266;
}

.el-tree__empty-block {
    position: relative;
    min-height: 0.6rem;
    text-align: center;
    width: 100%;
    height: 100%;
}

.el-tree__empty-text {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #909399;
    font-size: 0.14rem;
}

.el-tree__drop-indicator {
    position: absolute;
    left: 0;
    right: 0;
    height: 0.01rem;
    background-color: #409EFF;
}

.el-tree-node {
    white-space: nowrap;
    outline: 0;
}

.el-tree-node:focus > .el-tree-node__content {
    background-color: #F5F7FA;
}

.el-tree-node.is-drop-inner > .el-tree-node__content .el-tree-node__label {
    background-color: #409EFF;
    color: #fff;
}

.el-tree-node__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 0.26rem;
    cursor: pointer;
}

.el-tree-node__content > .el-tree-node__expand-icon {
    padding: 0.06rem;
}

.el-tree-node__content > label.el-checkbox {
    margin-right: 0.08rem;
}

.el-tree-node__content:hover {
    background-color: #F5F7FA;
}

.el-tree.is-dragging .el-tree-node__content {
    cursor: move;
}

.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content {
    cursor: not-allowed;
}

.el-tree-node__expand-icon {
    cursor: pointer;
    color: #C0C4CC;
    font-size: 0.12rem;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

.el-tree-node__expand-icon.expanded {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.el-tree-node__expand-icon.is-leaf {
    color: transparent;
    cursor: default;
}

.el-tree-node__label {
    font-size: 0.14rem;
}

.el-tree-node__loading-icon {
    margin-right: 0.08rem;
    font-size: 0.14rem;
    color: #C0C4CC;
}

.el-tree-node > .el-tree-node__children {
    overflow: hidden;
    background-color: transparent;
}

.el-tree-node.is-expanded > .el-tree-node__children {
    display: block;
}

.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
    background-color: #f0f7ff;
}

.el-alert {
    width: 100%;
    padding: 0.08rem 0.16rem;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0.04rem;
    position: relative;
    background-color: #FFF;
    overflow: hidden;
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}

.el-alert.is-light .el-alert__closebtn {
    color: #C0C4CC;
}

.el-alert.is-dark .el-alert__closebtn,
.el-alert.is-dark .el-alert__description {
    color: #FFF;
}

.el-alert.is-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.el-alert--success.is-light {
    background-color: #f0f9eb;
    color: #67C23A;
}

.el-alert--success.is-light .el-alert__description {
    color: #67C23A;
}

.el-alert--success.is-dark {
    background-color: #67C23A;
    color: #FFF;
}

.el-alert--info.is-light {
    background-color: #f4f4f5;
    color: #909399;
}

.el-alert--info.is-dark {
    background-color: #909399;
    color: #FFF;
}

.el-alert--info .el-alert__description {
    color: #909399;
}

.el-alert--warning.is-light {
    background-color: #fdf6ec;
    color: #E6A23C;
}

.el-alert--warning.is-light .el-alert__description {
    color: #E6A23C;
}

.el-alert--warning.is-dark {
    background-color: #E6A23C;
    color: #FFF;
}

.el-alert--error.is-light {
    background-color: #fef0f0;
    color: #F56C6C;
}

.el-alert--error.is-light .el-alert__description {
    color: #F56C6C;
}

.el-alert--error.is-dark {
    background-color: #F56C6C;
    color: #FFF;
}

.el-alert__content {
    display: table-cell;
    padding: 0 0.08rem;
}

.el-alert__icon {
    font-size: 0.16rem;
    width: 0.16rem;
}

.el-alert__icon.is-big {
    font-size: 0.28rem;
    width: 0.28rem;
}

.el-alert__title {
    font-size: 0.13rem;
    line-height: 0.18rem;
}

.el-alert__title.is-bold {
    font-weight: 700;
}

.el-alert .el-alert__description {
    font-size: 0.12rem;
    margin: 0.05rem 0 0;
}

.el-alert__closebtn {
    font-size: 0.12rem;
    opacity: 1;
    position: absolute;
    top: 0.12rem;
    right: 0.15rem;
    cursor: pointer;
}

.el-alert-fade-enter,
.el-alert-fade-leave-active,
.el-loading-fade-enter,
.el-loading-fade-leave-active,
.el-notification-fade-leave-active {
    opacity: 0;
}

.el-alert__closebtn.is-customed {
    font-style: normal;
    font-size: 0.13rem;
    top: 0.09rem;
}

.el-notification {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 3.3rem;
    padding: 0.14rem 0.26rem 0.14rem 0.13rem;
    border-radius: 0.08rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0.01rem solid #EBEEF5;
    position: fixed;
    background-color: #FFF;
    -webkit-box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: opacity .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    transition: opacity .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s;
    transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s, -webkit-transform .3s;
    overflow: hidden;
}

.el-notification.right {
    right: 0.16rem;
}

.el-notification.left {
    left: 0.16rem;
}

.el-notification__group {
    margin-left: 0.13rem;
    margin-right: 0.08rem;
}

.el-notification__title {
    font-weight: 700;
    font-size: 0.16rem;
    color: #303133;
    margin: 0;
}

.el-notification__content {
    font-size: 0.14rem;
    line-height: 0.21rem;
    margin: 0.06rem 0 0;
    color: #606266;
    text-align: justify;
}

.el-notification__content p {
    margin: 0;
}

.el-notification__icon {
    height: 0.24rem;
    width: 0.24rem;
    font-size: 0.24rem;
}

.el-notification__closeBtn {
    position: absolute;
    top: 0.18rem;
    right: 0.15rem;
    cursor: pointer;
    color: #909399;
    font-size: 0.16rem;
}

.el-notification__closeBtn:hover {
    color: #606266;
}

.el-notification .el-icon-success {
    color: #67C23A;
}

.el-notification .el-icon-error {
    color: #F56C6C;
}

.el-notification .el-icon-info {
    color: #909399;
}

.el-notification .el-icon-warning {
    color: #E6A23C;
}

.el-notification-fade-enter.right {
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.el-notification-fade-enter.left {
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.el-input-number {
    position: relative;
    display: inline-block;
    width: 1.8rem;
    line-height: 0.38rem;
}

.el-input-number .el-input {
    display: block;
}

.el-input-number .el-input__inner {
    -webkit-appearance: none;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    text-align: center;
}

.el-input-number__decrease,
.el-input-number__increase {
    position: absolute;
    z-index: 1;
    top: 0.01rem;
    width: 0.4rem;
    height: auto;
    text-align: center;
    background: #F5F7FA;
    color: #606266;
    cursor: pointer;
    font-size: 0.13rem;
}

.el-input-number__decrease:hover,
.el-input-number__increase:hover {
    color: #409EFF;
}

.el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled),
.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
    border-color: #409EFF;
}

.el-input-number__decrease.is-disabled,
.el-input-number__increase.is-disabled {
    color: #C0C4CC;
    cursor: not-allowed;
}

.el-input-number__increase {
    right: 0.01rem;
    border-radius: 0 0.04rem 0.04rem 0;
    border-left: 0.01rem solid #DCDFE6;
}

.el-input-number__decrease {
    left: 0.01rem;
    border-radius: 0.04rem 0 0 0.04rem;
    border-right: 0.01rem solid #DCDFE6;
}

.el-input-number.is-disabled .el-input-number__decrease,
.el-input-number.is-disabled .el-input-number__increase {
    border-color: #E4E7ED;
    color: #E4E7ED;
}

.el-input-number.is-disabled .el-input-number__decrease:hover,
.el-input-number.is-disabled .el-input-number__increase:hover {
    color: #E4E7ED;
    cursor: not-allowed;
}

.el-input-number--medium {
    width: 2rem;
    line-height: 0.34rem;
}

.el-input-number--medium .el-input-number__decrease,
.el-input-number--medium .el-input-number__increase {
    width: 0.36rem;
    font-size: 0.14rem;
}

.el-input-number--medium .el-input__inner {
    padding-left: 0.43rem;
    padding-right: 0.43rem;
}

.el-input-number--small {
    width: 1.3rem;
    line-height: 0.3rem;
}

.el-input-number--small .el-input-number__decrease,
.el-input-number--small .el-input-number__increase {
    width: 0.32rem;
    font-size: 0.13rem;
}

.el-input-number--small .el-input-number__decrease [class*=el-icon],
.el-input-number--small .el-input-number__increase [class*=el-icon] {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

.el-input-number--small .el-input__inner {
    padding-left: 0.39rem;
    padding-right: 0.39rem;
}

.el-input-number--mini {
    width: 1.3rem;
    line-height: 0.26rem;
}

.el-input-number--mini .el-input-number__decrease,
.el-input-number--mini .el-input-number__increase {
    width: 0.28rem;
    font-size: 0.12rem;
}

.el-input-number--mini .el-input-number__decrease [class*=el-icon],
.el-input-number--mini .el-input-number__increase [class*=el-icon] {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

.el-input-number--mini .el-input__inner {
    padding-left: 0.35rem;
    padding-right: 0.35rem;
}

.el-input-number.is-without-controls .el-input__inner {
    padding-left: 0.15rem;
    padding-right: 0.15rem;
}

.el-input-number.is-controls-right .el-input__inner {
    padding-left: 0.15rem;
    padding-right: 0.5rem;
}

.el-input-number.is-controls-right .el-input-number__decrease,
.el-input-number.is-controls-right .el-input-number__increase {
    height: auto;
    line-height: 0.19rem;
}

.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],
.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon] {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

.el-input-number.is-controls-right .el-input-number__increase {
    border-radius: 0 0.04rem 0 0;
    border-bottom: 0.01rem solid #DCDFE6;
}

.el-input-number.is-controls-right .el-input-number__decrease {
    right: 0.01rem;
    bottom: 0.01rem;
    top: auto;
    left: auto;
    border-right: none;
    border-left: 0.01rem solid #DCDFE6;
    border-radius: 0 0 0.04rem;
}

.el-input-number.is-controls-right[class*=medium] [class*=decrease],
.el-input-number.is-controls-right[class*=medium] [class*=increase] {
    line-height: 0.17rem;
}

.el-input-number.is-controls-right[class*=small] [class*=decrease],
.el-input-number.is-controls-right[class*=small] [class*=increase] {
    line-height: 0.15rem;
}

.el-input-number.is-controls-right[class*=mini] [class*=decrease],
.el-input-number.is-controls-right[class*=mini] [class*=increase] {
    line-height: 0.13rem;
}

.el-tooltip__popper {
    position: absolute;
    border-radius: 0.04rem;
    padding: 0.1rem;
    z-index: 2000;
    font-size: 0.12rem;
    line-height: 1.2;
    min-width: 0.1rem;
    word-wrap: break-word;
}

.el-tooltip__popper .popper__arrow,
.el-tooltip__popper .popper__arrow::after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.el-tooltip__popper .popper__arrow {
    border-width: 0.06rem;
}

.el-tooltip__popper .popper__arrow::after {
    content: " ";
    border-width: 0.05rem;
}

.el-progress-bar__inner::after,
.el-row::after,
.el-row::before,
.el-slider::after,
.el-slider::before,
.el-slider__button-wrapper::after,
.el-upload-cover::after {
    content: "";
}

.el-tooltip__popper[x-placement^=top] {
    margin-bottom: 0.12rem;
}

.el-tooltip__popper[x-placement^=top] .popper__arrow {
    bottom: -0.06rem;
    border-top-color: #303133;
    border-bottom-width: 0;
}

.el-tooltip__popper[x-placement^=top] .popper__arrow::after {
    bottom: 0.01rem;
    margin-left: -0.05rem;
    border-top-color: #303133;
    border-bottom-width: 0;
}

.el-tooltip__popper[x-placement^=bottom] {
    margin-top: 0.12rem;
}

.el-tooltip__popper[x-placement^=bottom] .popper__arrow {
    top: -0.06rem;
    border-top-width: 0;
    border-bottom-color: #303133;
}

.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after {
    top: 0.01rem;
    margin-left: -0.05rem;
    border-top-width: 0;
    border-bottom-color: #303133;
}

.el-tooltip__popper[x-placement^=right] {
    margin-left: 0.12rem;
}

.el-tooltip__popper[x-placement^=right] .popper__arrow {
    left: -0.06rem;
    border-right-color: #303133;
    border-left-width: 0;
}

.el-tooltip__popper[x-placement^=right] .popper__arrow::after {
    bottom: -0.05rem;
    left: 0.01rem;
    border-right-color: #303133;
    border-left-width: 0;
}

.el-tooltip__popper[x-placement^=left] {
    margin-right: 0.12rem;
}

.el-tooltip__popper[x-placement^=left] .popper__arrow {
    right: -0.06rem;
    border-right-width: 0;
    border-left-color: #303133;
}

.el-tooltip__popper[x-placement^=left] .popper__arrow::after {
    right: 0.01rem;
    bottom: -0.05rem;
    margin-left: -0.05rem;
    border-right-width: 0;
    border-left-color: #303133;
}

.el-tooltip__popper.is-dark {
    background: #303133;
    color: #FFF;
}

.el-tooltip__popper.is-light {
    background: #FFF;
    border: 0.01rem solid #303133;
}

.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow {
    border-top-color: #303133;
}

.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after {
    border-top-color: #FFF;
}

.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow {
    border-bottom-color: #303133;
}

.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after {
    border-bottom-color: #FFF;
}

.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow {
    border-left-color: #303133;
}

.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after {
    border-left-color: #FFF;
}

.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow {
    border-right-color: #303133;
}

.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after {
    border-right-color: #FFF;
}

.el-slider::after,
.el-slider::before {
    display: table;
}

.el-slider__button-wrapper .el-tooltip,
.el-slider__button-wrapper::after {
    vertical-align: middle;
    display: inline-block;
}

.el-slider::after {
    clear: both;
}

.el-slider__runway {
    width: 100%;
    height: 0.06rem;
    margin: 0.16rem 0;
    background-color: #E4E7ED;
    border-radius: 0.03rem;
    position: relative;
    cursor: pointer;
    vertical-align: middle;
}

.el-slider__runway.show-input {
    margin-right: 1.6rem;
    width: auto;
}

.el-slider__runway.disabled {
    cursor: default;
}

.el-slider__runway.disabled .el-slider__bar {
    background-color: #C0C4CC;
}

.el-slider__runway.disabled .el-slider__button {
    border-color: #C0C4CC;
}

.el-slider__runway.disabled .el-slider__button-wrapper.dragging,
.el-slider__runway.disabled .el-slider__button-wrapper.hover,
.el-slider__runway.disabled .el-slider__button-wrapper:hover {
    cursor: not-allowed;
}

.el-slider__runway.disabled .el-slider__button.dragging,
.el-slider__runway.disabled .el-slider__button.hover,
.el-slider__runway.disabled .el-slider__button:hover {
    -webkit-transform: scale(1);
    transform: scale(1);
    cursor: not-allowed;
}

.el-slider__button-wrapper,
.el-slider__stop {
    -webkit-transform: translateX(-50%);
    position: absolute;
}

.el-slider__input {
    float: right;
    margin-top: 0.03rem;
    width: 1.3rem;
}

.el-slider__input.el-input-number--mini {
    margin-top: 0.05rem;
}

.el-slider__input.el-input-number--medium {
    margin-top: 0;
}

.el-slider__input.el-input-number--large {
    margin-top: -0.02rem;
}

.el-slider__bar {
    height: 0.06rem;
    background-color: #409EFF;
    border-top-left-radius: 0.03rem;
    border-bottom-left-radius: 0.03rem;
    position: absolute;
}

.el-slider__button-wrapper {
    height: 0.36rem;
    width: 0.36rem;
    z-index: 1001;
    top: -0.15rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: transparent;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: normal;
}

.el-slider__button-wrapper::after {
    height: 100%;
}

.el-slider__button-wrapper.hover,
.el-slider__button-wrapper:hover {
    cursor: -webkit-grab;
    cursor: grab;
}

.el-slider__button-wrapper.dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.el-slider__button {
    width: 0.16rem;
    height: 0.16rem;
    border: 0.02rem solid #409EFF;
    background-color: #FFF;
    border-radius: 50%;
    -webkit-transition: .2s;
    transition: .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.el-image-viewer__btn,
.el-step__icon-inner {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.el-slider__button.dragging,
.el-slider__button.hover,
.el-slider__button:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.el-slider__button.hover,
.el-slider__button:hover {
    cursor: -webkit-grab;
    cursor: grab;
}

.el-slider__button.dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.el-slider__stop {
    height: 0.06rem;
    width: 0.06rem;
    border-radius: 100%;
    background-color: #FFF;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.el-slider__marks {
    top: 0;
    left: 0.12rem;
    width: 0.18rem;
    height: 100%;
}

.el-slider__marks-text {
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 0.14rem;
    color: #909399;
    margin-top: 0.15rem;
}

.el-slider.is-vertical {
    position: relative;
}

.el-slider.is-vertical .el-slider__runway {
    width: 0.06rem;
    height: 100%;
    margin: 0 0.16rem;
}

.el-slider.is-vertical .el-slider__bar {
    width: 0.06rem;
    height: auto;
    border-radius: 0 0 0.03rem 0.03rem;
}

.el-slider.is-vertical .el-slider__button-wrapper {
    top: auto;
    left: -0.15rem;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
}

.el-slider.is-vertical .el-slider__stop {
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
}

.el-slider.is-vertical.el-slider--with-input {
    padding-bottom: 0.58rem;
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input {
    overflow: visible;
    float: none;
    position: absolute;
    bottom: 0.22rem;
    width: 0.36rem;
    margin-top: 0.15rem;
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner {
    text-align: center;
    padding-left: 0.05rem;
    padding-right: 0.05rem;
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease,
.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
    top: 0.32rem;
    margin-top: -0.01rem;
    border: 0.01rem solid #DCDFE6;
    line-height: 0.2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease {
    width: 0.18rem;
    right: 0.18rem;
    border-bottom-left-radius: 0.04rem;
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
    width: 0.19rem;
    border-bottom-right-radius: 0.04rem;
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase ~ .el-input .el-input__inner {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,
.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase {
    border-color: #C0C4CC;
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,
.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase {
    border-color: #409EFF;
}

.el-slider.is-vertical .el-slider__marks-text {
    margin-top: 0;
    left: 0.15rem;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
}

.el-loading-parent--relative {
    position: relative !important;
}

.el-loading-parent--hidden {
    overflow: hidden !important;
}

.el-loading-mask {
    position: absolute;
    z-index: 2000;
    background-color: rgba(255, 255, 255, 0.9);
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}

.el-loading-mask.is-fullscreen {
    position: fixed;
}

.el-loading-mask.is-fullscreen .el-loading-spinner {
    margin-top: -0.25rem;
}

.el-loading-mask.is-fullscreen .el-loading-spinner .circular {
    height: 0.5rem;
    width: 0.5rem;
}

.el-loading-spinner {
    top: 50%;
    margin-top: -0.21rem;
    width: 100%;
    text-align: center;
    position: absolute;
}

.el-col-pull-0,
.el-col-pull-1,
.el-col-pull-10,
.el-col-pull-11,
.el-col-pull-13,
.el-col-pull-14,
.el-col-pull-15,
.el-col-pull-16,
.el-col-pull-17,
.el-col-pull-18,
.el-col-pull-19,
.el-col-pull-2,
.el-col-pull-20,
.el-col-pull-21,
.el-col-pull-22,
.el-col-pull-23,
.el-col-pull-24,
.el-col-pull-3,
.el-col-pull-4,
.el-col-pull-5,
.el-col-pull-6,
.el-col-pull-7,
.el-col-pull-8,
.el-col-pull-9,
.el-col-push-0,
.el-col-push-1,
.el-col-push-10,
.el-col-push-11,
.el-col-push-12,
.el-col-push-13,
.el-col-push-14,
.el-col-push-15,
.el-col-push-16,
.el-col-push-17,
.el-col-push-18,
.el-col-push-19,
.el-col-push-2,
.el-col-push-20,
.el-col-push-21,
.el-col-push-22,
.el-col-push-23,
.el-col-push-24,
.el-col-push-3,
.el-col-push-4,
.el-col-push-5,
.el-col-push-6,
.el-col-push-7,
.el-col-push-8,
.el-col-push-9,
.el-row {
    position: relative;
}

.el-loading-spinner .el-loading-text {
    color: #409EFF;
    margin: 0.03rem 0;
    font-size: 0.14rem;
}

.el-loading-spinner .circular {
    height: 0.42rem;
    width: 0.42rem;
    -webkit-animation: loading-rotate 2s linear infinite;
    animation: loading-rotate 2s linear infinite;
}

.el-loading-spinner .path {
    -webkit-animation: loading-dash 1.5s ease-in-out infinite;
    animation: loading-dash 1.5s ease-in-out infinite;
    stroke-dasharray: 90, 150;
    stroke-dashoffset: 0;
    stroke-width: 2;
    stroke: #409EFF;
    stroke-linecap: round;
}

.el-loading-spinner i {
    color: #409EFF;
}

@-webkit-keyframes loading-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loading-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -0.4rem;
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -1.2rem;
    }
}

@keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -0.4rem;
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -1.2rem;
    }
}

.el-row {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-row::after,
.el-row::before {
    display: table;
}

.el-row::after {
    clear: both;
}

.el-row--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.el-col-0,
.el-row--flex:after,
.el-row--flex:before {
    display: none;
}

.el-row--flex.is-justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.el-row--flex.is-justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.el-row--flex.is-justify-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.el-row--flex.is-justify-space-around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.el-row--flex.is-align-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.el-row--flex.is-align-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.el-row--flex.is-align-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

[class*=el-col-] {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-upload--picture-card,
.el-upload-dragger {
    -webkit-box-sizing: border-box;
    cursor: pointer;
}

.el-col-0 {
    width: 0%;
}

.el-col-offset-0 {
    margin-left: 0;
}

.el-col-pull-0 {
    right: 0;
}

.el-col-push-0 {
    left: 0;
}

.el-col-1 {
    width: 4.16667%;
}

.el-col-offset-1 {
    margin-left: 4.16667%;
}

.el-col-pull-1 {
    right: 4.16667%;
}

.el-col-push-1 {
    left: 4.16667%;
}

.el-col-2 {
    width: 8.33333%;
}

.el-col-offset-2 {
    margin-left: 8.33333%;
}

.el-col-pull-2 {
    right: 8.33333%;
}

.el-col-push-2 {
    left: 8.33333%;
}

.el-col-3 {
    width: 12.5%;
}

.el-col-offset-3 {
    margin-left: 12.5%;
}

.el-col-pull-3 {
    right: 12.5%;
}

.el-col-push-3 {
    left: 12.5%;
}

.el-col-4 {
    width: 16.66667%;
}

.el-col-offset-4 {
    margin-left: 16.66667%;
}

.el-col-pull-4 {
    right: 16.66667%;
}

.el-col-push-4 {
    left: 16.66667%;
}

.el-col-5 {
    width: 20.83333%;
}

.el-col-offset-5 {
    margin-left: 20.83333%;
}

.el-col-pull-5 {
    right: 20.83333%;
}

.el-col-push-5 {
    left: 20.83333%;
}

.el-col-6 {
    width: 25%;
}

.el-col-offset-6 {
    margin-left: 25%;
}

.el-col-pull-6 {
    right: 25%;
}

.el-col-push-6 {
    left: 25%;
}

.el-col-7 {
    width: 29.16667%;
}

.el-col-offset-7 {
    margin-left: 29.16667%;
}

.el-col-pull-7 {
    right: 29.16667%;
}

.el-col-push-7 {
    left: 29.16667%;
}

.el-col-8 {
    width: 33.33333%;
}

.el-col-offset-8 {
    margin-left: 33.33333%;
}

.el-col-pull-8 {
    right: 33.33333%;
}

.el-col-push-8 {
    left: 33.33333%;
}

.el-col-9 {
    width: 37.5%;
}

.el-col-offset-9 {
    margin-left: 37.5%;
}

.el-col-pull-9 {
    right: 37.5%;
}

.el-col-push-9 {
    left: 37.5%;
}

.el-col-10 {
    width: 41.66667%;
}

.el-col-offset-10 {
    margin-left: 41.66667%;
}

.el-col-pull-10 {
    right: 41.66667%;
}

.el-col-push-10 {
    left: 41.66667%;
}

.el-col-11 {
    width: 45.83333%;
}

.el-col-offset-11 {
    margin-left: 45.83333%;
}

.el-col-pull-11 {
    right: 45.83333%;
}

.el-col-push-11 {
    left: 45.83333%;
}

.el-col-12 {
    width: 50%;
}

.el-col-offset-12 {
    margin-left: 50%;
}

.el-col-pull-12 {
    position: relative;
    right: 50%;
}

.el-col-push-12 {
    left: 50%;
}

.el-col-13 {
    width: 54.16667%;
}

.el-col-offset-13 {
    margin-left: 54.16667%;
}

.el-col-pull-13 {
    right: 54.16667%;
}

.el-col-push-13 {
    left: 54.16667%;
}

.el-col-14 {
    width: 58.33333%;
}

.el-col-offset-14 {
    margin-left: 58.33333%;
}

.el-col-pull-14 {
    right: 58.33333%;
}

.el-col-push-14 {
    left: 58.33333%;
}

.el-col-15 {
    width: 62.5%;
}

.el-col-offset-15 {
    margin-left: 62.5%;
}

.el-col-pull-15 {
    right: 62.5%;
}

.el-col-push-15 {
    left: 62.5%;
}

.el-col-16 {
    width: 66.66667%;
}

.el-col-offset-16 {
    margin-left: 66.66667%;
}

.el-col-pull-16 {
    right: 66.66667%;
}

.el-col-push-16 {
    left: 66.66667%;
}

.el-col-17 {
    width: 70.83333%;
}

.el-col-offset-17 {
    margin-left: 70.83333%;
}

.el-col-pull-17 {
    right: 70.83333%;
}

.el-col-push-17 {
    left: 70.83333%;
}

.el-col-18 {
    width: 75%;
}

.el-col-offset-18 {
    margin-left: 75%;
}

.el-col-pull-18 {
    right: 75%;
}

.el-col-push-18 {
    left: 75%;
}

.el-col-19 {
    width: 79.16667%;
}

.el-col-offset-19 {
    margin-left: 79.16667%;
}

.el-col-pull-19 {
    right: 79.16667%;
}

.el-col-push-19 {
    left: 79.16667%;
}

.el-col-20 {
    width: 83.33333%;
}

.el-col-offset-20 {
    margin-left: 83.33333%;
}

.el-col-pull-20 {
    right: 83.33333%;
}

.el-col-push-20 {
    left: 83.33333%;
}

.el-col-21 {
    width: 87.5%;
}

.el-col-offset-21 {
    margin-left: 87.5%;
}

.el-col-pull-21 {
    right: 87.5%;
}

.el-col-push-21 {
    left: 87.5%;
}

.el-col-22 {
    width: 91.66667%;
}

.el-col-offset-22 {
    margin-left: 91.66667%;
}

.el-col-pull-22 {
    right: 91.66667%;
}

.el-col-push-22 {
    left: 91.66667%;
}

.el-col-23 {
    width: 95.83333%;
}

.el-col-offset-23 {
    margin-left: 95.83333%;
}

.el-col-pull-23 {
    right: 95.83333%;
}

.el-col-push-23 {
    left: 95.83333%;
}

.el-col-24 {
    width: 100%;
}

.el-col-offset-24 {
    margin-left: 100%;
}

.el-col-pull-24 {
    right: 100%;
}

.el-col-push-24 {
    left: 100%;
}

@media only screen and (max-width: 767px) {
    .el-col-xs-0 {
        display: none;
        width: 0%;
    }

    .el-col-xs-offset-0 {
        margin-left: 0;
    }

    .el-col-xs-pull-0 {
        position: relative;
        right: 0;
    }

    .el-col-xs-push-0 {
        position: relative;
        left: 0;
    }

    .el-col-xs-1 {
        width: 4.16667%;
    }

    .el-col-xs-offset-1 {
        margin-left: 4.16667%;
    }

    .el-col-xs-pull-1 {
        position: relative;
        right: 4.16667%;
    }

    .el-col-xs-push-1 {
        position: relative;
        left: 4.16667%;
    }

    .el-col-xs-2 {
        width: 8.33333%;
    }

    .el-col-xs-offset-2 {
        margin-left: 8.33333%;
    }

    .el-col-xs-pull-2 {
        position: relative;
        right: 8.33333%;
    }

    .el-col-xs-push-2 {
        position: relative;
        left: 8.33333%;
    }

    .el-col-xs-3 {
        width: 12.5%;
    }

    .el-col-xs-offset-3 {
        margin-left: 12.5%;
    }

    .el-col-xs-pull-3 {
        position: relative;
        right: 12.5%;
    }

    .el-col-xs-push-3 {
        position: relative;
        left: 12.5%;
    }

    .el-col-xs-4 {
        width: 16.66667%;
    }

    .el-col-xs-offset-4 {
        margin-left: 16.66667%;
    }

    .el-col-xs-pull-4 {
        position: relative;
        right: 16.66667%;
    }

    .el-col-xs-push-4 {
        position: relative;
        left: 16.66667%;
    }

    .el-col-xs-5 {
        width: 20.83333%;
    }

    .el-col-xs-offset-5 {
        margin-left: 20.83333%;
    }

    .el-col-xs-pull-5 {
        position: relative;
        right: 20.83333%;
    }

    .el-col-xs-push-5 {
        position: relative;
        left: 20.83333%;
    }

    .el-col-xs-6 {
        width: 25%;
    }

    .el-col-xs-offset-6 {
        margin-left: 25%;
    }

    .el-col-xs-pull-6 {
        position: relative;
        right: 25%;
    }

    .el-col-xs-push-6 {
        position: relative;
        left: 25%;
    }

    .el-col-xs-7 {
        width: 29.16667%;
    }

    .el-col-xs-offset-7 {
        margin-left: 29.16667%;
    }

    .el-col-xs-pull-7 {
        position: relative;
        right: 29.16667%;
    }

    .el-col-xs-push-7 {
        position: relative;
        left: 29.16667%;
    }

    .el-col-xs-8 {
        width: 33.33333%;
    }

    .el-col-xs-offset-8 {
        margin-left: 33.33333%;
    }

    .el-col-xs-pull-8 {
        position: relative;
        right: 33.33333%;
    }

    .el-col-xs-push-8 {
        position: relative;
        left: 33.33333%;
    }

    .el-col-xs-9 {
        width: 37.5%;
    }

    .el-col-xs-offset-9 {
        margin-left: 37.5%;
    }

    .el-col-xs-pull-9 {
        position: relative;
        right: 37.5%;
    }

    .el-col-xs-push-9 {
        position: relative;
        left: 37.5%;
    }

    .el-col-xs-10 {
        width: 41.66667%;
    }

    .el-col-xs-offset-10 {
        margin-left: 41.66667%;
    }

    .el-col-xs-pull-10 {
        position: relative;
        right: 41.66667%;
    }

    .el-col-xs-push-10 {
        position: relative;
        left: 41.66667%;
    }

    .el-col-xs-11 {
        width: 45.83333%;
    }

    .el-col-xs-offset-11 {
        margin-left: 45.83333%;
    }

    .el-col-xs-pull-11 {
        position: relative;
        right: 45.83333%;
    }

    .el-col-xs-push-11 {
        position: relative;
        left: 45.83333%;
    }

    .el-col-xs-12 {
        width: 50%;
    }

    .el-col-xs-offset-12 {
        margin-left: 50%;
    }

    .el-col-xs-pull-12 {
        position: relative;
        right: 50%;
    }

    .el-col-xs-push-12 {
        position: relative;
        left: 50%;
    }

    .el-col-xs-13 {
        width: 54.16667%;
    }

    .el-col-xs-offset-13 {
        margin-left: 54.16667%;
    }

    .el-col-xs-pull-13 {
        position: relative;
        right: 54.16667%;
    }

    .el-col-xs-push-13 {
        position: relative;
        left: 54.16667%;
    }

    .el-col-xs-14 {
        width: 58.33333%;
    }

    .el-col-xs-offset-14 {
        margin-left: 58.33333%;
    }

    .el-col-xs-pull-14 {
        position: relative;
        right: 58.33333%;
    }

    .el-col-xs-push-14 {
        position: relative;
        left: 58.33333%;
    }

    .el-col-xs-15 {
        width: 62.5%;
    }

    .el-col-xs-offset-15 {
        margin-left: 62.5%;
    }

    .el-col-xs-pull-15 {
        position: relative;
        right: 62.5%;
    }

    .el-col-xs-push-15 {
        position: relative;
        left: 62.5%;
    }

    .el-col-xs-16 {
        width: 66.66667%;
    }

    .el-col-xs-offset-16 {
        margin-left: 66.66667%;
    }

    .el-col-xs-pull-16 {
        position: relative;
        right: 66.66667%;
    }

    .el-col-xs-push-16 {
        position: relative;
        left: 66.66667%;
    }

    .el-col-xs-17 {
        width: 70.83333%;
    }

    .el-col-xs-offset-17 {
        margin-left: 70.83333%;
    }

    .el-col-xs-pull-17 {
        position: relative;
        right: 70.83333%;
    }

    .el-col-xs-push-17 {
        position: relative;
        left: 70.83333%;
    }

    .el-col-xs-18 {
        width: 75%;
    }

    .el-col-xs-offset-18 {
        margin-left: 75%;
    }

    .el-col-xs-pull-18 {
        position: relative;
        right: 75%;
    }

    .el-col-xs-push-18 {
        position: relative;
        left: 75%;
    }

    .el-col-xs-19 {
        width: 79.16667%;
    }

    .el-col-xs-offset-19 {
        margin-left: 79.16667%;
    }

    .el-col-xs-pull-19 {
        position: relative;
        right: 79.16667%;
    }

    .el-col-xs-push-19 {
        position: relative;
        left: 79.16667%;
    }

    .el-col-xs-20 {
        width: 83.33333%;
    }

    .el-col-xs-offset-20 {
        margin-left: 83.33333%;
    }

    .el-col-xs-pull-20 {
        position: relative;
        right: 83.33333%;
    }

    .el-col-xs-push-20 {
        position: relative;
        left: 83.33333%;
    }

    .el-col-xs-21 {
        width: 87.5%;
    }

    .el-col-xs-offset-21 {
        margin-left: 87.5%;
    }

    .el-col-xs-pull-21 {
        position: relative;
        right: 87.5%;
    }

    .el-col-xs-push-21 {
        position: relative;
        left: 87.5%;
    }

    .el-col-xs-22 {
        width: 91.66667%;
    }

    .el-col-xs-offset-22 {
        margin-left: 91.66667%;
    }

    .el-col-xs-pull-22 {
        position: relative;
        right: 91.66667%;
    }

    .el-col-xs-push-22 {
        position: relative;
        left: 91.66667%;
    }

    .el-col-xs-23 {
        width: 95.83333%;
    }

    .el-col-xs-offset-23 {
        margin-left: 95.83333%;
    }

    .el-col-xs-pull-23 {
        position: relative;
        right: 95.83333%;
    }

    .el-col-xs-push-23 {
        position: relative;
        left: 95.83333%;
    }

    .el-col-xs-24 {
        width: 100%;
    }

    .el-col-xs-offset-24 {
        margin-left: 100%;
    }

    .el-col-xs-pull-24 {
        position: relative;
        right: 100%;
    }

    .el-col-xs-push-24 {
        position: relative;
        left: 100%;
    }
}

@media only screen and (min-width: 768px) {
    .el-col-sm-0 {
        display: none;
        width: 0%;
    }

    .el-col-sm-offset-0 {
        margin-left: 0;
    }

    .el-col-sm-pull-0 {
        position: relative;
        right: 0;
    }

    .el-col-sm-push-0 {
        position: relative;
        left: 0;
    }

    .el-col-sm-1 {
        width: 4.16667%;
    }

    .el-col-sm-offset-1 {
        margin-left: 4.16667%;
    }

    .el-col-sm-pull-1 {
        position: relative;
        right: 4.16667%;
    }

    .el-col-sm-push-1 {
        position: relative;
        left: 4.16667%;
    }

    .el-col-sm-2 {
        width: 8.33333%;
    }

    .el-col-sm-offset-2 {
        margin-left: 8.33333%;
    }

    .el-col-sm-pull-2 {
        position: relative;
        right: 8.33333%;
    }

    .el-col-sm-push-2 {
        position: relative;
        left: 8.33333%;
    }

    .el-col-sm-3 {
        width: 12.5%;
    }

    .el-col-sm-offset-3 {
        margin-left: 12.5%;
    }

    .el-col-sm-pull-3 {
        position: relative;
        right: 12.5%;
    }

    .el-col-sm-push-3 {
        position: relative;
        left: 12.5%;
    }

    .el-col-sm-4 {
        width: 16.66667%;
    }

    .el-col-sm-offset-4 {
        margin-left: 16.66667%;
    }

    .el-col-sm-pull-4 {
        position: relative;
        right: 16.66667%;
    }

    .el-col-sm-push-4 {
        position: relative;
        left: 16.66667%;
    }

    .el-col-sm-5 {
        width: 20.83333%;
    }

    .el-col-sm-offset-5 {
        margin-left: 20.83333%;
    }

    .el-col-sm-pull-5 {
        position: relative;
        right: 20.83333%;
    }

    .el-col-sm-push-5 {
        position: relative;
        left: 20.83333%;
    }

    .el-col-sm-6 {
        width: 25%;
    }

    .el-col-sm-offset-6 {
        margin-left: 25%;
    }

    .el-col-sm-pull-6 {
        position: relative;
        right: 25%;
    }

    .el-col-sm-push-6 {
        position: relative;
        left: 25%;
    }

    .el-col-sm-7 {
        width: 29.16667%;
    }

    .el-col-sm-offset-7 {
        margin-left: 29.16667%;
    }

    .el-col-sm-pull-7 {
        position: relative;
        right: 29.16667%;
    }

    .el-col-sm-push-7 {
        position: relative;
        left: 29.16667%;
    }

    .el-col-sm-8 {
        width: 33.33333%;
    }

    .el-col-sm-offset-8 {
        margin-left: 33.33333%;
    }

    .el-col-sm-pull-8 {
        position: relative;
        right: 33.33333%;
    }

    .el-col-sm-push-8 {
        position: relative;
        left: 33.33333%;
    }

    .el-col-sm-9 {
        width: 37.5%;
    }

    .el-col-sm-offset-9 {
        margin-left: 37.5%;
    }

    .el-col-sm-pull-9 {
        position: relative;
        right: 37.5%;
    }

    .el-col-sm-push-9 {
        position: relative;
        left: 37.5%;
    }

    .el-col-sm-10 {
        width: 41.66667%;
    }

    .el-col-sm-offset-10 {
        margin-left: 41.66667%;
    }

    .el-col-sm-pull-10 {
        position: relative;
        right: 41.66667%;
    }

    .el-col-sm-push-10 {
        position: relative;
        left: 41.66667%;
    }

    .el-col-sm-11 {
        width: 45.83333%;
    }

    .el-col-sm-offset-11 {
        margin-left: 45.83333%;
    }

    .el-col-sm-pull-11 {
        position: relative;
        right: 45.83333%;
    }

    .el-col-sm-push-11 {
        position: relative;
        left: 45.83333%;
    }

    .el-col-sm-12 {
        width: 50%;
    }

    .el-col-sm-offset-12 {
        margin-left: 50%;
    }

    .el-col-sm-pull-12 {
        position: relative;
        right: 50%;
    }

    .el-col-sm-push-12 {
        position: relative;
        left: 50%;
    }

    .el-col-sm-13 {
        width: 54.16667%;
    }

    .el-col-sm-offset-13 {
        margin-left: 54.16667%;
    }

    .el-col-sm-pull-13 {
        position: relative;
        right: 54.16667%;
    }

    .el-col-sm-push-13 {
        position: relative;
        left: 54.16667%;
    }

    .el-col-sm-14 {
        width: 58.33333%;
    }

    .el-col-sm-offset-14 {
        margin-left: 58.33333%;
    }

    .el-col-sm-pull-14 {
        position: relative;
        right: 58.33333%;
    }

    .el-col-sm-push-14 {
        position: relative;
        left: 58.33333%;
    }

    .el-col-sm-15 {
        width: 62.5%;
    }

    .el-col-sm-offset-15 {
        margin-left: 62.5%;
    }

    .el-col-sm-pull-15 {
        position: relative;
        right: 62.5%;
    }

    .el-col-sm-push-15 {
        position: relative;
        left: 62.5%;
    }

    .el-col-sm-16 {
        width: 66.66667%;
    }

    .el-col-sm-offset-16 {
        margin-left: 66.66667%;
    }

    .el-col-sm-pull-16 {
        position: relative;
        right: 66.66667%;
    }

    .el-col-sm-push-16 {
        position: relative;
        left: 66.66667%;
    }

    .el-col-sm-17 {
        width: 70.83333%;
    }

    .el-col-sm-offset-17 {
        margin-left: 70.83333%;
    }

    .el-col-sm-pull-17 {
        position: relative;
        right: 70.83333%;
    }

    .el-col-sm-push-17 {
        position: relative;
        left: 70.83333%;
    }

    .el-col-sm-18 {
        width: 75%;
    }

    .el-col-sm-offset-18 {
        margin-left: 75%;
    }

    .el-col-sm-pull-18 {
        position: relative;
        right: 75%;
    }

    .el-col-sm-push-18 {
        position: relative;
        left: 75%;
    }

    .el-col-sm-19 {
        width: 79.16667%;
    }

    .el-col-sm-offset-19 {
        margin-left: 79.16667%;
    }

    .el-col-sm-pull-19 {
        position: relative;
        right: 79.16667%;
    }

    .el-col-sm-push-19 {
        position: relative;
        left: 79.16667%;
    }

    .el-col-sm-20 {
        width: 83.33333%;
    }

    .el-col-sm-offset-20 {
        margin-left: 83.33333%;
    }

    .el-col-sm-pull-20 {
        position: relative;
        right: 83.33333%;
    }

    .el-col-sm-push-20 {
        position: relative;
        left: 83.33333%;
    }

    .el-col-sm-21 {
        width: 87.5%;
    }

    .el-col-sm-offset-21 {
        margin-left: 87.5%;
    }

    .el-col-sm-pull-21 {
        position: relative;
        right: 87.5%;
    }

    .el-col-sm-push-21 {
        position: relative;
        left: 87.5%;
    }

    .el-col-sm-22 {
        width: 91.66667%;
    }

    .el-col-sm-offset-22 {
        margin-left: 91.66667%;
    }

    .el-col-sm-pull-22 {
        position: relative;
        right: 91.66667%;
    }

    .el-col-sm-push-22 {
        position: relative;
        left: 91.66667%;
    }

    .el-col-sm-23 {
        width: 95.83333%;
    }

    .el-col-sm-offset-23 {
        margin-left: 95.83333%;
    }

    .el-col-sm-pull-23 {
        position: relative;
        right: 95.83333%;
    }

    .el-col-sm-push-23 {
        position: relative;
        left: 95.83333%;
    }

    .el-col-sm-24 {
        width: 100%;
    }

    .el-col-sm-offset-24 {
        margin-left: 100%;
    }

    .el-col-sm-pull-24 {
        position: relative;
        right: 100%;
    }

    .el-col-sm-push-24 {
        position: relative;
        left: 100%;
    }
}

@media only screen and (min-width: 992px) {
    .el-col-md-0 {
        display: none;
        width: 0%;
    }

    .el-col-md-offset-0 {
        margin-left: 0;
    }

    .el-col-md-pull-0 {
        position: relative;
        right: 0;
    }

    .el-col-md-push-0 {
        position: relative;
        left: 0;
    }

    .el-col-md-1 {
        width: 4.16667%;
    }

    .el-col-md-offset-1 {
        margin-left: 4.16667%;
    }

    .el-col-md-pull-1 {
        position: relative;
        right: 4.16667%;
    }

    .el-col-md-push-1 {
        position: relative;
        left: 4.16667%;
    }

    .el-col-md-2 {
        width: 8.33333%;
    }

    .el-col-md-offset-2 {
        margin-left: 8.33333%;
    }

    .el-col-md-pull-2 {
        position: relative;
        right: 8.33333%;
    }

    .el-col-md-push-2 {
        position: relative;
        left: 8.33333%;
    }

    .el-col-md-3 {
        width: 12.5%;
    }

    .el-col-md-offset-3 {
        margin-left: 12.5%;
    }

    .el-col-md-pull-3 {
        position: relative;
        right: 12.5%;
    }

    .el-col-md-push-3 {
        position: relative;
        left: 12.5%;
    }

    .el-col-md-4 {
        width: 16.66667%;
    }

    .el-col-md-offset-4 {
        margin-left: 16.66667%;
    }

    .el-col-md-pull-4 {
        position: relative;
        right: 16.66667%;
    }

    .el-col-md-push-4 {
        position: relative;
        left: 16.66667%;
    }

    .el-col-md-5 {
        width: 20.83333%;
    }

    .el-col-md-offset-5 {
        margin-left: 20.83333%;
    }

    .el-col-md-pull-5 {
        position: relative;
        right: 20.83333%;
    }

    .el-col-md-push-5 {
        position: relative;
        left: 20.83333%;
    }

    .el-col-md-6 {
        width: 25%;
    }

    .el-col-md-offset-6 {
        margin-left: 25%;
    }

    .el-col-md-pull-6 {
        position: relative;
        right: 25%;
    }

    .el-col-md-push-6 {
        position: relative;
        left: 25%;
    }

    .el-col-md-7 {
        width: 29.16667%;
    }

    .el-col-md-offset-7 {
        margin-left: 29.16667%;
    }

    .el-col-md-pull-7 {
        position: relative;
        right: 29.16667%;
    }

    .el-col-md-push-7 {
        position: relative;
        left: 29.16667%;
    }

    .el-col-md-8 {
        width: 33.33333%;
    }

    .el-col-md-offset-8 {
        margin-left: 33.33333%;
    }

    .el-col-md-pull-8 {
        position: relative;
        right: 33.33333%;
    }

    .el-col-md-push-8 {
        position: relative;
        left: 33.33333%;
    }

    .el-col-md-9 {
        width: 37.5%;
    }

    .el-col-md-offset-9 {
        margin-left: 37.5%;
    }

    .el-col-md-pull-9 {
        position: relative;
        right: 37.5%;
    }

    .el-col-md-push-9 {
        position: relative;
        left: 37.5%;
    }

    .el-col-md-10 {
        width: 41.66667%;
    }

    .el-col-md-offset-10 {
        margin-left: 41.66667%;
    }

    .el-col-md-pull-10 {
        position: relative;
        right: 41.66667%;
    }

    .el-col-md-push-10 {
        position: relative;
        left: 41.66667%;
    }

    .el-col-md-11 {
        width: 45.83333%;
    }

    .el-col-md-offset-11 {
        margin-left: 45.83333%;
    }

    .el-col-md-pull-11 {
        position: relative;
        right: 45.83333%;
    }

    .el-col-md-push-11 {
        position: relative;
        left: 45.83333%;
    }

    .el-col-md-12 {
        width: 50%;
    }

    .el-col-md-offset-12 {
        margin-left: 50%;
    }

    .el-col-md-pull-12 {
        position: relative;
        right: 50%;
    }

    .el-col-md-push-12 {
        position: relative;
        left: 50%;
    }

    .el-col-md-13 {
        width: 54.16667%;
    }

    .el-col-md-offset-13 {
        margin-left: 54.16667%;
    }

    .el-col-md-pull-13 {
        position: relative;
        right: 54.16667%;
    }

    .el-col-md-push-13 {
        position: relative;
        left: 54.16667%;
    }

    .el-col-md-14 {
        width: 58.33333%;
    }

    .el-col-md-offset-14 {
        margin-left: 58.33333%;
    }

    .el-col-md-pull-14 {
        position: relative;
        right: 58.33333%;
    }

    .el-col-md-push-14 {
        position: relative;
        left: 58.33333%;
    }

    .el-col-md-15 {
        width: 62.5%;
    }

    .el-col-md-offset-15 {
        margin-left: 62.5%;
    }

    .el-col-md-pull-15 {
        position: relative;
        right: 62.5%;
    }

    .el-col-md-push-15 {
        position: relative;
        left: 62.5%;
    }

    .el-col-md-16 {
        width: 66.66667%;
    }

    .el-col-md-offset-16 {
        margin-left: 66.66667%;
    }

    .el-col-md-pull-16 {
        position: relative;
        right: 66.66667%;
    }

    .el-col-md-push-16 {
        position: relative;
        left: 66.66667%;
    }

    .el-col-md-17 {
        width: 70.83333%;
    }

    .el-col-md-offset-17 {
        margin-left: 70.83333%;
    }

    .el-col-md-pull-17 {
        position: relative;
        right: 70.83333%;
    }

    .el-col-md-push-17 {
        position: relative;
        left: 70.83333%;
    }

    .el-col-md-18 {
        width: 75%;
    }

    .el-col-md-offset-18 {
        margin-left: 75%;
    }

    .el-col-md-pull-18 {
        position: relative;
        right: 75%;
    }

    .el-col-md-push-18 {
        position: relative;
        left: 75%;
    }

    .el-col-md-19 {
        width: 79.16667%;
    }

    .el-col-md-offset-19 {
        margin-left: 79.16667%;
    }

    .el-col-md-pull-19 {
        position: relative;
        right: 79.16667%;
    }

    .el-col-md-push-19 {
        position: relative;
        left: 79.16667%;
    }

    .el-col-md-20 {
        width: 83.33333%;
    }

    .el-col-md-offset-20 {
        margin-left: 83.33333%;
    }

    .el-col-md-pull-20 {
        position: relative;
        right: 83.33333%;
    }

    .el-col-md-push-20 {
        position: relative;
        left: 83.33333%;
    }

    .el-col-md-21 {
        width: 87.5%;
    }

    .el-col-md-offset-21 {
        margin-left: 87.5%;
    }

    .el-col-md-pull-21 {
        position: relative;
        right: 87.5%;
    }

    .el-col-md-push-21 {
        position: relative;
        left: 87.5%;
    }

    .el-col-md-22 {
        width: 91.66667%;
    }

    .el-col-md-offset-22 {
        margin-left: 91.66667%;
    }

    .el-col-md-pull-22 {
        position: relative;
        right: 91.66667%;
    }

    .el-col-md-push-22 {
        position: relative;
        left: 91.66667%;
    }

    .el-col-md-23 {
        width: 95.83333%;
    }

    .el-col-md-offset-23 {
        margin-left: 95.83333%;
    }

    .el-col-md-pull-23 {
        position: relative;
        right: 95.83333%;
    }

    .el-col-md-push-23 {
        position: relative;
        left: 95.83333%;
    }

    .el-col-md-24 {
        width: 100%;
    }

    .el-col-md-offset-24 {
        margin-left: 100%;
    }

    .el-col-md-pull-24 {
        position: relative;
        right: 100%;
    }

    .el-col-md-push-24 {
        position: relative;
        left: 100%;
    }
}

@media only screen and (min-width: 1200px) {
    .el-col-lg-0 {
        display: none;
        width: 0%;
    }

    .el-col-lg-offset-0 {
        margin-left: 0;
    }

    .el-col-lg-pull-0 {
        position: relative;
        right: 0;
    }

    .el-col-lg-push-0 {
        position: relative;
        left: 0;
    }

    .el-col-lg-1 {
        width: 4.16667%;
    }

    .el-col-lg-offset-1 {
        margin-left: 4.16667%;
    }

    .el-col-lg-pull-1 {
        position: relative;
        right: 4.16667%;
    }

    .el-col-lg-push-1 {
        position: relative;
        left: 4.16667%;
    }

    .el-col-lg-2 {
        width: 8.33333%;
    }

    .el-col-lg-offset-2 {
        margin-left: 8.33333%;
    }

    .el-col-lg-pull-2 {
        position: relative;
        right: 8.33333%;
    }

    .el-col-lg-push-2 {
        position: relative;
        left: 8.33333%;
    }

    .el-col-lg-3 {
        width: 12.5%;
    }

    .el-col-lg-offset-3 {
        margin-left: 12.5%;
    }

    .el-col-lg-pull-3 {
        position: relative;
        right: 12.5%;
    }

    .el-col-lg-push-3 {
        position: relative;
        left: 12.5%;
    }

    .el-col-lg-4 {
        width: 16.66667%;
    }

    .el-col-lg-offset-4 {
        margin-left: 16.66667%;
    }

    .el-col-lg-pull-4 {
        position: relative;
        right: 16.66667%;
    }

    .el-col-lg-push-4 {
        position: relative;
        left: 16.66667%;
    }

    .el-col-lg-5 {
        width: 20.83333%;
    }

    .el-col-lg-offset-5 {
        margin-left: 20.83333%;
    }

    .el-col-lg-pull-5 {
        position: relative;
        right: 20.83333%;
    }

    .el-col-lg-push-5 {
        position: relative;
        left: 20.83333%;
    }

    .el-col-lg-6 {
        width: 25%;
    }

    .el-col-lg-offset-6 {
        margin-left: 25%;
    }

    .el-col-lg-pull-6 {
        position: relative;
        right: 25%;
    }

    .el-col-lg-push-6 {
        position: relative;
        left: 25%;
    }

    .el-col-lg-7 {
        width: 29.16667%;
    }

    .el-col-lg-offset-7 {
        margin-left: 29.16667%;
    }

    .el-col-lg-pull-7 {
        position: relative;
        right: 29.16667%;
    }

    .el-col-lg-push-7 {
        position: relative;
        left: 29.16667%;
    }

    .el-col-lg-8 {
        width: 33.33333%;
    }

    .el-col-lg-offset-8 {
        margin-left: 33.33333%;
    }

    .el-col-lg-pull-8 {
        position: relative;
        right: 33.33333%;
    }

    .el-col-lg-push-8 {
        position: relative;
        left: 33.33333%;
    }

    .el-col-lg-9 {
        width: 37.5%;
    }

    .el-col-lg-offset-9 {
        margin-left: 37.5%;
    }

    .el-col-lg-pull-9 {
        position: relative;
        right: 37.5%;
    }

    .el-col-lg-push-9 {
        position: relative;
        left: 37.5%;
    }

    .el-col-lg-10 {
        width: 41.66667%;
    }

    .el-col-lg-offset-10 {
        margin-left: 41.66667%;
    }

    .el-col-lg-pull-10 {
        position: relative;
        right: 41.66667%;
    }

    .el-col-lg-push-10 {
        position: relative;
        left: 41.66667%;
    }

    .el-col-lg-11 {
        width: 45.83333%;
    }

    .el-col-lg-offset-11 {
        margin-left: 45.83333%;
    }

    .el-col-lg-pull-11 {
        position: relative;
        right: 45.83333%;
    }

    .el-col-lg-push-11 {
        position: relative;
        left: 45.83333%;
    }

    .el-col-lg-12 {
        width: 50%;
    }

    .el-col-lg-offset-12 {
        margin-left: 50%;
    }

    .el-col-lg-pull-12 {
        position: relative;
        right: 50%;
    }

    .el-col-lg-push-12 {
        position: relative;
        left: 50%;
    }

    .el-col-lg-13 {
        width: 54.16667%;
    }

    .el-col-lg-offset-13 {
        margin-left: 54.16667%;
    }

    .el-col-lg-pull-13 {
        position: relative;
        right: 54.16667%;
    }

    .el-col-lg-push-13 {
        position: relative;
        left: 54.16667%;
    }

    .el-col-lg-14 {
        width: 58.33333%;
    }

    .el-col-lg-offset-14 {
        margin-left: 58.33333%;
    }

    .el-col-lg-pull-14 {
        position: relative;
        right: 58.33333%;
    }

    .el-col-lg-push-14 {
        position: relative;
        left: 58.33333%;
    }

    .el-col-lg-15 {
        width: 62.5%;
    }

    .el-col-lg-offset-15 {
        margin-left: 62.5%;
    }

    .el-col-lg-pull-15 {
        position: relative;
        right: 62.5%;
    }

    .el-col-lg-push-15 {
        position: relative;
        left: 62.5%;
    }

    .el-col-lg-16 {
        width: 66.66667%;
    }

    .el-col-lg-offset-16 {
        margin-left: 66.66667%;
    }

    .el-col-lg-pull-16 {
        position: relative;
        right: 66.66667%;
    }

    .el-col-lg-push-16 {
        position: relative;
        left: 66.66667%;
    }

    .el-col-lg-17 {
        width: 70.83333%;
    }

    .el-col-lg-offset-17 {
        margin-left: 70.83333%;
    }

    .el-col-lg-pull-17 {
        position: relative;
        right: 70.83333%;
    }

    .el-col-lg-push-17 {
        position: relative;
        left: 70.83333%;
    }

    .el-col-lg-18 {
        width: 75%;
    }

    .el-col-lg-offset-18 {
        margin-left: 75%;
    }

    .el-col-lg-pull-18 {
        position: relative;
        right: 75%;
    }

    .el-col-lg-push-18 {
        position: relative;
        left: 75%;
    }

    .el-col-lg-19 {
        width: 79.16667%;
    }

    .el-col-lg-offset-19 {
        margin-left: 79.16667%;
    }

    .el-col-lg-pull-19 {
        position: relative;
        right: 79.16667%;
    }

    .el-col-lg-push-19 {
        position: relative;
        left: 79.16667%;
    }

    .el-col-lg-20 {
        width: 83.33333%;
    }

    .el-col-lg-offset-20 {
        margin-left: 83.33333%;
    }

    .el-col-lg-pull-20 {
        position: relative;
        right: 83.33333%;
    }

    .el-col-lg-push-20 {
        position: relative;
        left: 83.33333%;
    }

    .el-col-lg-21 {
        width: 87.5%;
    }

    .el-col-lg-offset-21 {
        margin-left: 87.5%;
    }

    .el-col-lg-pull-21 {
        position: relative;
        right: 87.5%;
    }

    .el-col-lg-push-21 {
        position: relative;
        left: 87.5%;
    }

    .el-col-lg-22 {
        width: 91.66667%;
    }

    .el-col-lg-offset-22 {
        margin-left: 91.66667%;
    }

    .el-col-lg-pull-22 {
        position: relative;
        right: 91.66667%;
    }

    .el-col-lg-push-22 {
        position: relative;
        left: 91.66667%;
    }

    .el-col-lg-23 {
        width: 95.83333%;
    }

    .el-col-lg-offset-23 {
        margin-left: 95.83333%;
    }

    .el-col-lg-pull-23 {
        position: relative;
        right: 95.83333%;
    }

    .el-col-lg-push-23 {
        position: relative;
        left: 95.83333%;
    }

    .el-col-lg-24 {
        width: 100%;
    }

    .el-col-lg-offset-24 {
        margin-left: 100%;
    }

    .el-col-lg-pull-24 {
        position: relative;
        right: 100%;
    }

    .el-col-lg-push-24 {
        position: relative;
        left: 100%;
    }
}

@media only screen and (min-width: 1920px) {
    .el-col-xl-0 {
        display: none;
        width: 0%;
    }

    .el-col-xl-offset-0 {
        margin-left: 0;
    }

    .el-col-xl-pull-0 {
        position: relative;
        right: 0;
    }

    .el-col-xl-push-0 {
        position: relative;
        left: 0;
    }

    .el-col-xl-1 {
        width: 4.16667%;
    }

    .el-col-xl-offset-1 {
        margin-left: 4.16667%;
    }

    .el-col-xl-pull-1 {
        position: relative;
        right: 4.16667%;
    }

    .el-col-xl-push-1 {
        position: relative;
        left: 4.16667%;
    }

    .el-col-xl-2 {
        width: 8.33333%;
    }

    .el-col-xl-offset-2 {
        margin-left: 8.33333%;
    }

    .el-col-xl-pull-2 {
        position: relative;
        right: 8.33333%;
    }

    .el-col-xl-push-2 {
        position: relative;
        left: 8.33333%;
    }

    .el-col-xl-3 {
        width: 12.5%;
    }

    .el-col-xl-offset-3 {
        margin-left: 12.5%;
    }

    .el-col-xl-pull-3 {
        position: relative;
        right: 12.5%;
    }

    .el-col-xl-push-3 {
        position: relative;
        left: 12.5%;
    }

    .el-col-xl-4 {
        width: 16.66667%;
    }

    .el-col-xl-offset-4 {
        margin-left: 16.66667%;
    }

    .el-col-xl-pull-4 {
        position: relative;
        right: 16.66667%;
    }

    .el-col-xl-push-4 {
        position: relative;
        left: 16.66667%;
    }

    .el-col-xl-5 {
        width: 20.83333%;
    }

    .el-col-xl-offset-5 {
        margin-left: 20.83333%;
    }

    .el-col-xl-pull-5 {
        position: relative;
        right: 20.83333%;
    }

    .el-col-xl-push-5 {
        position: relative;
        left: 20.83333%;
    }

    .el-col-xl-6 {
        width: 25%;
    }

    .el-col-xl-offset-6 {
        margin-left: 25%;
    }

    .el-col-xl-pull-6 {
        position: relative;
        right: 25%;
    }

    .el-col-xl-push-6 {
        position: relative;
        left: 25%;
    }

    .el-col-xl-7 {
        width: 29.16667%;
    }

    .el-col-xl-offset-7 {
        margin-left: 29.16667%;
    }

    .el-col-xl-pull-7 {
        position: relative;
        right: 29.16667%;
    }

    .el-col-xl-push-7 {
        position: relative;
        left: 29.16667%;
    }

    .el-col-xl-8 {
        width: 33.33333%;
    }

    .el-col-xl-offset-8 {
        margin-left: 33.33333%;
    }

    .el-col-xl-pull-8 {
        position: relative;
        right: 33.33333%;
    }

    .el-col-xl-push-8 {
        position: relative;
        left: 33.33333%;
    }

    .el-col-xl-9 {
        width: 37.5%;
    }

    .el-col-xl-offset-9 {
        margin-left: 37.5%;
    }

    .el-col-xl-pull-9 {
        position: relative;
        right: 37.5%;
    }

    .el-col-xl-push-9 {
        position: relative;
        left: 37.5%;
    }

    .el-col-xl-10 {
        width: 41.66667%;
    }

    .el-col-xl-offset-10 {
        margin-left: 41.66667%;
    }

    .el-col-xl-pull-10 {
        position: relative;
        right: 41.66667%;
    }

    .el-col-xl-push-10 {
        position: relative;
        left: 41.66667%;
    }

    .el-col-xl-11 {
        width: 45.83333%;
    }

    .el-col-xl-offset-11 {
        margin-left: 45.83333%;
    }

    .el-col-xl-pull-11 {
        position: relative;
        right: 45.83333%;
    }

    .el-col-xl-push-11 {
        position: relative;
        left: 45.83333%;
    }

    .el-col-xl-12 {
        width: 50%;
    }

    .el-col-xl-offset-12 {
        margin-left: 50%;
    }

    .el-col-xl-pull-12 {
        position: relative;
        right: 50%;
    }

    .el-col-xl-push-12 {
        position: relative;
        left: 50%;
    }

    .el-col-xl-13 {
        width: 54.16667%;
    }

    .el-col-xl-offset-13 {
        margin-left: 54.16667%;
    }

    .el-col-xl-pull-13 {
        position: relative;
        right: 54.16667%;
    }

    .el-col-xl-push-13 {
        position: relative;
        left: 54.16667%;
    }

    .el-col-xl-14 {
        width: 58.33333%;
    }

    .el-col-xl-offset-14 {
        margin-left: 58.33333%;
    }

    .el-col-xl-pull-14 {
        position: relative;
        right: 58.33333%;
    }

    .el-col-xl-push-14 {
        position: relative;
        left: 58.33333%;
    }

    .el-col-xl-15 {
        width: 62.5%;
    }

    .el-col-xl-offset-15 {
        margin-left: 62.5%;
    }

    .el-col-xl-pull-15 {
        position: relative;
        right: 62.5%;
    }

    .el-col-xl-push-15 {
        position: relative;
        left: 62.5%;
    }

    .el-col-xl-16 {
        width: 66.66667%;
    }

    .el-col-xl-offset-16 {
        margin-left: 66.66667%;
    }

    .el-col-xl-pull-16 {
        position: relative;
        right: 66.66667%;
    }

    .el-col-xl-push-16 {
        position: relative;
        left: 66.66667%;
    }

    .el-col-xl-17 {
        width: 70.83333%;
    }

    .el-col-xl-offset-17 {
        margin-left: 70.83333%;
    }

    .el-col-xl-pull-17 {
        position: relative;
        right: 70.83333%;
    }

    .el-col-xl-push-17 {
        position: relative;
        left: 70.83333%;
    }

    .el-col-xl-18 {
        width: 75%;
    }

    .el-col-xl-offset-18 {
        margin-left: 75%;
    }

    .el-col-xl-pull-18 {
        position: relative;
        right: 75%;
    }

    .el-col-xl-push-18 {
        position: relative;
        left: 75%;
    }

    .el-col-xl-19 {
        width: 79.16667%;
    }

    .el-col-xl-offset-19 {
        margin-left: 79.16667%;
    }

    .el-col-xl-pull-19 {
        position: relative;
        right: 79.16667%;
    }

    .el-col-xl-push-19 {
        position: relative;
        left: 79.16667%;
    }

    .el-col-xl-20 {
        width: 83.33333%;
    }

    .el-col-xl-offset-20 {
        margin-left: 83.33333%;
    }

    .el-col-xl-pull-20 {
        position: relative;
        right: 83.33333%;
    }

    .el-col-xl-push-20 {
        position: relative;
        left: 83.33333%;
    }

    .el-col-xl-21 {
        width: 87.5%;
    }

    .el-col-xl-offset-21 {
        margin-left: 87.5%;
    }

    .el-col-xl-pull-21 {
        position: relative;
        right: 87.5%;
    }

    .el-col-xl-push-21 {
        position: relative;
        left: 87.5%;
    }

    .el-col-xl-22 {
        width: 91.66667%;
    }

    .el-col-xl-offset-22 {
        margin-left: 91.66667%;
    }

    .el-col-xl-pull-22 {
        position: relative;
        right: 91.66667%;
    }

    .el-col-xl-push-22 {
        position: relative;
        left: 91.66667%;
    }

    .el-col-xl-23 {
        width: 95.83333%;
    }

    .el-col-xl-offset-23 {
        margin-left: 95.83333%;
    }

    .el-col-xl-pull-23 {
        position: relative;
        right: 95.83333%;
    }

    .el-col-xl-push-23 {
        position: relative;
        left: 95.83333%;
    }

    .el-col-xl-24 {
        width: 100%;
    }

    .el-col-xl-offset-24 {
        margin-left: 100%;
    }

    .el-col-xl-pull-24 {
        position: relative;
        right: 100%;
    }

    .el-col-xl-push-24 {
        position: relative;
        left: 100%;
    }
}

@-webkit-keyframes progress {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 0.32rem 0;
    }
}

.el-upload {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    outline: 0;
}

.el-upload__input {
    display: none;
}

.el-upload__tip {
    font-size: 0.12rem;
    color: #606266;
    margin-top: 0.07rem;
}

.el-upload iframe {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.el-upload--picture-card {
    background-color: #fbfdff;
    border: 0.01rem dashed #c0ccda;
    border-radius: 0.06rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 1.48rem;
    height: 1.48rem;
    line-height: 1.46rem;
    vertical-align: top;
}

.el-upload--picture-card i {
    font-size: 0.28rem;
    color: #8c939d;
}

.el-upload--picture-card:hover,
.el-upload:focus {
    border-color: #409EFF;
    color: #409EFF;
}

.el-upload:focus .el-upload-dragger {
    border-color: #409EFF;
}

.el-upload-dragger {
    background-color: #fff;
    border: 0.01rem dashed #d9d9d9;
    border-radius: 0.06rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 3.6rem;
    height: 1.8rem;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.el-upload-dragger .el-icon-upload {
    font-size: 0.67rem;
    color: #C0C4CC;
    margin: 0.4rem 0 0.16rem;
    line-height: 0.5rem;
}

.el-upload-dragger + .el-upload__tip {
    text-align: center;
}

.el-upload-dragger ~ .el-upload__files {
    border-top: 0.01rem solid #DCDFE6;
    margin-top: 0.07rem;
    padding-top: 0.05rem;
}

.el-upload-dragger .el-upload__text {
    color: #606266;
    font-size: 0.14rem;
    text-align: center;
}

.el-upload-dragger .el-upload__text em {
    color: #409EFF;
    font-style: normal;
}

.el-upload-dragger:hover {
    border-color: #409EFF;
}

.el-upload-dragger.is-dragover {
    background-color: rgba(32, 159, 255, 0.06);
    border: 0.02rem dashed #409EFF;
}

.el-upload-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.el-upload-list__item {
    -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    font-size: 0.14rem;
    color: #606266;
    line-height: 1.8;
    margin-top: 0.05rem;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0.04rem;
    width: 100%;
}

.el-upload-list__item .el-progress {
    position: absolute;
    top: 0.2rem;
    width: 100%;
}

.el-upload-list__item .el-progress__text {
    position: absolute;
    right: 0;
    top: -0.13rem;
}

.el-upload-list__item .el-progress-bar {
    margin-right: 0;
    padding-right: 0;
}

.el-upload-list__item:first-child {
    margin-top: 0.1rem;
}

.el-upload-list__item .el-icon-upload-success {
    color: #67C23A;
}

.el-upload-list__item .el-icon-close {
    display: none;
    position: absolute;
    top: 0.05rem;
    right: 0.05rem;
    cursor: pointer;
    opacity: .75;
    color: #606266;
}

.el-upload-list__item .el-icon-close:hover {
    opacity: 1;
}

.el-upload-list__item .el-icon-close-tip {
    display: none;
    position: absolute;
    top: 0.05rem;
    right: 0.05rem;
    font-size: 0.12rem;
    cursor: pointer;
    opacity: 1;
    color: #409EFF;
}

.el-upload-list__item:hover {
    background-color: #F5F7FA;
}

.el-upload-list__item:hover .el-icon-close {
    display: inline-block;
}

.el-upload-list__item:hover .el-progress__text {
    display: none;
}

.el-upload-list__item.is-success .el-upload-list__item-status-label {
    display: block;
}

.el-upload-list__item.is-success .el-upload-list__item-name:focus,
.el-upload-list__item.is-success .el-upload-list__item-name:hover {
    color: #409EFF;
    cursor: pointer;
}

.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip {
    display: inline-block;
}

.el-upload-list__item.is-success:active .el-icon-close-tip,
.el-upload-list__item.is-success:focus .el-upload-list__item-status-label,
.el-upload-list__item.is-success:hover .el-upload-list__item-status-label,
.el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip {
    display: none;
}

.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label {
    display: block;
}

.el-upload-list__item-name {
    color: #606266;
    display: block;
    margin-right: 0.4rem;
    overflow: hidden;
    padding-left: 0.04rem;
    text-overflow: ellipsis;
    -webkit-transition: color .3s;
    transition: color .3s;
    white-space: nowrap;
}

.el-upload-list__item-name [class^=el-icon] {
    height: 100%;
    margin-right: 0.07rem;
    color: #909399;
    line-height: inherit;
}

.el-upload-list__item-status-label {
    position: absolute;
    right: 0.05rem;
    top: 0;
    line-height: inherit;
    display: none;
}

.el-upload-list__item-delete {
    position: absolute;
    right: 0.1rem;
    top: 0;
    font-size: 0.12rem;
    color: #606266;
    display: none;
}

.el-upload-list__item-delete:hover {
    color: #409EFF;
}

.el-upload-list--picture-card {
    margin: 0;
    display: inline;
    vertical-align: top;
}

.el-upload-list--picture-card .el-upload-list__item {
    overflow: hidden;
    background-color: #fff;
    border: 0.01rem solid #c0ccda;
    border-radius: 0.06rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 1.48rem;
    height: 1.48rem;
    margin: 0 0.08rem 0.08rem 0;
    display: inline-block;
}

.el-upload-list--picture-card .el-upload-list__item .el-icon-check,
.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check {
    color: #FFF;
}

.el-upload-list--picture-card .el-upload-list__item .el-icon-close,
.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label {
    display: none;
}

.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text {
    display: block;
}

.el-upload-list--picture-card .el-upload-list__item-name {
    display: none;
}

.el-upload-list--picture-card .el-upload-list__item-thumbnail {
    width: 100%;
    height: 100%;
}

.el-upload-list--picture-card .el-upload-list__item-status-label {
    position: absolute;
    right: -0.15rem;
    top: -0.06rem;
    width: 0.4rem;
    height: 0.24rem;
    background: #13ce66;
    text-align: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 0 0 1pc 0.01rem rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1pc 0.01rem rgba(0, 0, 0, 0.2);
}

.el-upload-list--picture-card .el-upload-list__item-status-label i {
    font-size: 0.12rem;
    margin-top: 0.11rem;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.el-upload-list--picture-card .el-upload-list__item-actions {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: default;
    text-align: center;
    color: #fff;
    opacity: 0;
    font-size: 0.2rem;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}

.el-upload-list--picture-card .el-upload-list__item-actions::after {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle;
}

.el-upload-list--picture-card .el-upload-list__item-actions span {
    display: none;
    cursor: pointer;
}

.el-upload-list--picture-card .el-upload-list__item-actions span + span {
    margin-left: 0.15rem;
}

.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
    position: static;
    font-size: inherit;
    color: inherit;
}

.el-upload-list--picture-card .el-upload-list__item-actions:hover {
    opacity: 1;
}

.el-upload-list--picture-card .el-upload-list__item-actions:hover span {
    display: inline-block;
}

.el-upload-list--picture-card .el-progress {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    bottom: auto;
    width: 1.26rem;
}

.el-upload-list--picture-card .el-progress .el-progress__text {
    top: 50%;
}

.el-upload-list--picture .el-upload-list__item {
    overflow: hidden;
    z-index: 0;
    background-color: #fff;
    border: 0.01rem solid #c0ccda;
    border-radius: 0.06rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0.1rem;
    padding: 0.1rem 0.1rem 0.1rem 0.9rem;
    height: 0.92rem;
}

.el-upload-list--picture .el-upload-list__item .el-icon-check,
.el-upload-list--picture .el-upload-list__item .el-icon-circle-check {
    color: #FFF;
}

.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    top: -0.02rem;
    right: -0.12rem;
}

.el-upload-list--picture .el-upload-list__item:hover .el-progress__text {
    display: block;
}

.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name {
    line-height: 0.7rem;
    margin-top: 0;
}

.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i {
    display: none;
}

.el-upload-list--picture .el-upload-list__item-thumbnail {
    vertical-align: middle;
    display: inline-block;
    width: 0.7rem;
    height: 0.7rem;
    float: left;
    position: relative;
    z-index: 1;
    margin-left: -0.8rem;
    background-color: #FFF;
}

.el-upload-list--picture .el-upload-list__item-name {
    display: block;
    margin-top: 0.2rem;
}

.el-upload-list--picture .el-upload-list__item-name i {
    font-size: 0.7rem;
    line-height: 1;
    position: absolute;
    left: 0.09rem;
    top: 0.1rem;
}

.el-upload-list--picture .el-upload-list__item-status-label {
    position: absolute;
    right: -0.17rem;
    top: -0.07rem;
    width: 0.46rem;
    height: 0.26rem;
    background: #13ce66;
    text-align: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 0 0.01rem 0.01rem #ccc;
    box-shadow: 0 0.01rem 0.01rem #ccc;
}

.el-upload-list--picture .el-upload-list__item-status-label i {
    font-size: 0.12rem;
    margin-top: 0.12rem;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.el-upload-list--picture .el-progress {
    position: relative;
    top: -0.07rem;
}

.el-upload-cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 10;
    cursor: default;
}

.el-upload-cover::after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.el-upload-cover img {
    display: block;
    width: 100%;
    height: 100%;
}

.el-upload-cover__label {
    position: absolute;
    right: -0.15rem;
    top: -0.06rem;
    width: 0.4rem;
    height: 0.24rem;
    background: #13ce66;
    text-align: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 0 0 1pc 0.01rem rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1pc 0.01rem rgba(0, 0, 0, 0.2);
}

.el-upload-cover__label i {
    font-size: 0.12rem;
    margin-top: 0.11rem;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    color: #fff;
}

.el-upload-cover__progress {
    display: inline-block;
    vertical-align: middle;
    position: static;
    width: 2.43rem;
}

.el-upload-cover__progress + .el-upload__inner {
    opacity: 0;
}

.el-upload-cover__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.el-upload-cover__interact {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.72);
    text-align: center;
}

.el-upload-cover__interact .btn {
    display: inline-block;
    color: #FFF;
    font-size: 0.14rem;
    cursor: pointer;
    vertical-align: middle;
    -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    margin-top: 0.6rem;
}

.el-upload-cover__interact .btn span {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.el-upload-cover__interact .btn:not(:first-child) {
    margin-left: 0.35rem;
}

.el-upload-cover__interact .btn:hover {
    -webkit-transform: translateY(-0.13rem);
    transform: translateY(-0.13rem);
}

.el-upload-cover__interact .btn:hover span {
    opacity: 1;
}

.el-upload-cover__interact .btn i {
    color: #FFF;
    display: block;
    font-size: 0.24rem;
    line-height: inherit;
    margin: 0 auto 0.05rem;
}

.el-upload-cover__title {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #FFF;
    height: 0.36rem;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    text-align: left;
    padding: 0 0.1rem;
    margin: 0;
    line-height: 0.36rem;
    font-size: 0.14rem;
    color: #303133;
}

.el-upload-cover + .el-upload__inner {
    opacity: 0;
    position: relative;
    z-index: 1;
}

.el-progress {
    position: relative;
    line-height: 1;
}

.el-progress__text {
    font-size: 0.14rem;
    color: #606266;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.1rem;
    line-height: 1;
}

.el-progress__text i {
    vertical-align: middle;
    display: block;
}

.el-progress--circle,
.el-progress--dashboard {
    display: inline-block;
}

.el-progress--circle .el-progress__text,
.el-progress--dashboard .el-progress__text {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.el-progress--circle .el-progress__text i,
.el-progress--dashboard .el-progress__text i {
    vertical-align: middle;
    display: inline-block;
}

.el-progress--without-text .el-progress__text {
    display: none;
}

.el-progress--without-text .el-progress-bar {
    padding-right: 0;
    margin-right: 0;
    display: block;
}

.el-progress-bar,
.el-progress-bar__inner::after,
.el-progress-bar__innerText,
.el-spinner {
    display: inline-block;
    vertical-align: middle;
}

.el-progress--text-inside .el-progress-bar {
    padding-right: 0;
    margin-right: 0;
}

.el-progress.is-success .el-progress-bar__inner {
    background-color: #67C23A;
}

.el-progress.is-success .el-progress__text {
    color: #67C23A;
}

.el-progress.is-warning .el-progress-bar__inner {
    background-color: #E6A23C;
}

.el-progress.is-warning .el-progress__text {
    color: #E6A23C;
}

.el-progress.is-exception .el-progress-bar__inner {
    background-color: #F56C6C;
}

.el-progress.is-exception .el-progress__text {
    color: #F56C6C;
}

.el-progress-bar {
    padding-right: 0.5rem;
    width: 100%;
    margin-right: -0.55rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-progress-bar__outer {
    height: 0.06rem;
    border-radius: 1rem;
    background-color: #EBEEF5;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}

.el-progress-bar__inner {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #409EFF;
    text-align: right;
    border-radius: 1rem;
    line-height: 1;
    white-space: nowrap;
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
}

.el-card,
.el-message {
    border-radius: 0.04rem;
    overflow: hidden;
}

.el-progress-bar__inner::after {
    height: 100%;
}

.el-progress-bar__innerText {
    color: #FFF;
    font-size: 0.12rem;
    margin: 0 0.05rem;
}

@keyframes progress {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 0.32rem 0;
    }
}

.el-time-spinner {
    width: 100%;
    white-space: nowrap;
}

.el-spinner-inner {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    width: 0.5rem;
    height: 0.5rem;
}

.el-spinner-inner .path {
    stroke: #ececec;
    stroke-linecap: round;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite;
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}

.el-message {
    min-width: 3.8rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 0.01rem;
    border-style: solid;
    border-color: #EBEEF5;
    position: fixed;
    left: 50%;
    top: 0.2rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #edf2fc;
    -webkit-transition: opacity .3s, top .4s, -webkit-transform .4s;
    transition: opacity .3s, top .4s, -webkit-transform .4s;
    transition: opacity .3s, transform .4s, top .4s;
    transition: opacity .3s, transform .4s, top .4s, -webkit-transform .4s;
    padding: 0.15rem 0.15rem 0.15rem 0.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.el-message.is-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.el-message.is-closable .el-message__content {
    padding-right: 0.16rem;
}

.el-message p {
    margin: 0;
}

.el-message--info .el-message__content {
    color: #909399;
}

.el-message--success {
    background-color: #f0f9eb;
    border-color: #e1f3d8;
}

.el-message--success .el-message__content {
    color: #67C23A;
}

.el-message--warning {
    background-color: #fdf6ec;
    border-color: #faecd8;
}

.el-message--warning .el-message__content {
    color: #E6A23C;
}

.el-message--error {
    background-color: #fef0f0;
    border-color: #fde2e2;
}

.el-message--error .el-message__content {
    color: #F56C6C;
}

.el-message__icon {
    margin-right: 0.1rem;
}

.el-message__content {
    padding: 0;
    font-size: 0.14rem;
    line-height: 1;
}

.el-message__closeBtn {
    position: absolute;
    top: 50%;
    right: 0.15rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    color: #C0C4CC;
    font-size: 0.16rem;
}

.el-message__closeBtn:hover {
    color: #909399;
}

.el-message .el-icon-success {
    color: #67C23A;
}

.el-message .el-icon-error {
    color: #F56C6C;
}

.el-message .el-icon-info {
    color: #909399;
}

.el-message .el-icon-warning {
    color: #E6A23C;
}

.el-message-fade-enter,
.el-message-fade-leave-active {
    opacity: 0;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
}

.el-badge {
    position: relative;
    vertical-align: middle;
    display: inline-block;
}

.el-badge__content {
    background-color: #F56C6C;
    border-radius: 0.1rem;
    color: #FFF;
    display: inline-block;
    font-size: 0.12rem;
    height: 0.18rem;
    line-height: 0.18rem;
    padding: 0 0.06rem;
    text-align: center;
    white-space: nowrap;
    border: 0.01rem solid #FFF;
}

.el-badge__content.is-fixed {
    position: absolute;
    top: 0;
    right: 0.1rem;
    -webkit-transform: translateY(-50%) translateX(100%);
    transform: translateY(-50%) translateX(100%);
}

.el-rate__icon,
.el-rate__item {
    position: relative;
    display: inline-block;
}

.el-badge__content.is-fixed.is-dot {
    right: 0.05rem;
}

.el-badge__content.is-dot {
    height: 0.08rem;
    width: 0.08rem;
    padding: 0;
    right: 0;
    border-radius: 50%;
}

.el-badge__content--primary {
    background-color: #409EFF;
}

.el-badge__content--success {
    background-color: #67C23A;
}

.el-badge__content--warning {
    background-color: #E6A23C;
}

.el-badge__content--info {
    background-color: #909399;
}

.el-badge__content--danger {
    background-color: #F56C6C;
}

.el-card {
    border: 0.01rem solid #EBEEF5;
    background-color: #FFF;
    color: #303133;
    -webkit-transition: .3s;
    transition: .3s;
}

.el-card.is-always-shadow,
.el-card.is-hover-shadow:focus,
.el-card.is-hover-shadow:hover {
    -webkit-box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.1);
}

.el-card__header {
    padding: 0.18rem 0.2rem;
    border-bottom: 0.01rem solid #EBEEF5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-card__body {
    padding: 0.2rem;
}

.el-rate {
    height: 0.2rem;
    line-height: 1;
}

.el-rate__item {
    font-size: 0;
    vertical-align: middle;
}

.el-rate__icon {
    font-size: 0.18rem;
    margin-right: 0.06rem;
    color: #C0C4CC;
    -webkit-transition: .3s;
    transition: .3s;
}

.el-rate__decimal,
.el-rate__icon .path2 {
    position: absolute;
    top: 0;
    left: 0;
}

.el-rate__icon.hover {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}

.el-rate__decimal {
    display: inline-block;
    overflow: hidden;
}

.el-step.is-vertical,
.el-steps {
    display: -webkit-box;
    display: -ms-flexbox;
}

.el-rate__text {
    font-size: 0.14rem;
    vertical-align: middle;
}

.el-steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.el-steps--simple {
    padding: 0.13rem 8%;
    border-radius: 0.04rem;
    background: #F5F7FA;
}

.el-steps--horizontal {
    white-space: nowrap;
}

.el-steps--vertical {
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}

.el-step {
    position: relative;
    -ms-flex-negative: 1;
    flex-shrink: 1;
}

.el-step:last-of-type .el-step__line {
    display: none;
}

.el-step:last-of-type.is-flex {
    -ms-flex-preferred-size: auto !important;
    flex-basis: auto !important;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.el-step:last-of-type .el-step__description,
.el-step:last-of-type .el-step__main {
    padding-right: 0;
}

.el-step__head {
    position: relative;
    width: 100%;
}

.el-step__head.is-process {
    color: #303133;
    border-color: #303133;
}

.el-step__head.is-wait {
    color: #C0C4CC;
    border-color: #C0C4CC;
}

.el-step__head.is-success {
    color: #67C23A;
    border-color: #67C23A;
}

.el-step__head.is-error {
    color: #F56C6C;
    border-color: #F56C6C;
}

.el-step__head.is-finish {
    color: #409EFF;
    border-color: #409EFF;
}

.el-step__icon {
    position: relative;
    z-index: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 0.24rem;
    height: 0.24rem;
    font-size: 0.14rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #FFF;
    -webkit-transition: .15s ease-out;
    transition: .15s ease-out;
}

.el-step__icon.is-text {
    border-radius: 50%;
    border: 0.02rem solid;
    border-color: inherit;
}

.el-step__icon.is-icon {
    width: 0.4rem;
}

.el-step__icon-inner {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    color: inherit;
}

.el-step__icon-inner[class*=el-icon]:not(.is-status) {
    font-size: 0.25rem;
    font-weight: 400;
}

.el-step__icon-inner.is-status {
    -webkit-transform: translateY(0.01rem);
    transform: translateY(0.01rem);
}

.el-step__line {
    position: absolute;
    border-color: inherit;
    background-color: #C0C4CC;
}

.el-step__line-inner {
    display: block;
    border-width: 0.01rem;
    border-style: solid;
    border-color: inherit;
    -webkit-transition: .15s ease-out;
    transition: .15s ease-out;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 0;
    height: 0;
}

.el-step__main {
    white-space: normal;
    text-align: left;
}

.el-step__title {
    font-size: 0.16rem;
    line-height: 0.38rem;
}

.el-step__title.is-process {
    font-weight: 700;
    color: #303133;
}

.el-step__title.is-wait {
    color: #C0C4CC;
}

.el-step__title.is-success {
    color: #67C23A;
}

.el-step__title.is-error {
    color: #F56C6C;
}

.el-step__title.is-finish {
    color: #409EFF;
}

.el-step__description {
    padding-right: 10%;
    margin-top: -0.05rem;
    font-size: 0.12rem;
    line-height: 0.2rem;
    font-weight: 400;
}

.el-step__description.is-process {
    color: #303133;
}

.el-step__description.is-wait {
    color: #C0C4CC;
}

.el-step__description.is-success {
    color: #67C23A;
}

.el-step__description.is-error {
    color: #F56C6C;
}

.el-step__description.is-finish {
    color: #409EFF;
}

.el-step.is-horizontal {
    display: inline-block;
}

.el-step.is-horizontal .el-step__line {
    height: 0.02rem;
    top: 0.11rem;
    left: 0;
    right: 0;
}

.el-step.is-vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.el-step.is-vertical .el-step__head {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 0.24rem;
}

.el-step.is-vertical .el-step__main {
    padding-left: 0.1rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.el-step.is-vertical .el-step__title {
    line-height: 0.24rem;
    padding-bottom: 0.08rem;
}

.el-step.is-vertical .el-step__line {
    width: 0.02rem;
    top: 0;
    bottom: 0;
    left: 0.11rem;
}

.el-step.is-vertical .el-step__icon.is-icon {
    width: 0.24rem;
}

.el-step.is-center .el-step__head,
.el-step.is-center .el-step__main {
    text-align: center;
}

.el-step.is-center .el-step__description {
    padding-left: 20%;
    padding-right: 20%;
}

.el-step.is-center .el-step__line {
    left: 50%;
    right: -50%;
}

.el-step.is-simple {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.el-step.is-simple .el-step__head {
    width: auto;
    font-size: 0;
    padding-right: 0.1rem;
}

.el-step.is-simple .el-step__icon {
    background: 0 0;
    width: 0.16rem;
    height: 0.16rem;
    font-size: 0.12rem;
}

.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status) {
    font-size: 0.18rem;
}

.el-step.is-simple .el-step__icon-inner.is-status {
    -webkit-transform: scale(0.8) translateY(0.01rem);
    transform: scale(0.8) translateY(0.01rem);
}

.el-step.is-simple .el-step__main {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.el-step.is-simple .el-step__title {
    font-size: 0.16rem;
    line-height: 0.2rem;
}

.el-step.is-simple:not(:last-of-type) .el-step__title {
    max-width: 50%;
    word-break: break-all;
}

.el-step.is-simple .el-step__arrow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    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;
}

.el-step.is-simple .el-step__arrow::after,
.el-step.is-simple .el-step__arrow::before {
    content: '';
    display: inline-block;
    position: absolute;
    height: 0.15rem;
    width: 0.01rem;
    background: #C0C4CC;
}

.el-step.is-simple .el-step__arrow::before {
    -webkit-transform: rotate(-45deg) translateY(-0.04rem);
    transform: rotate(-45deg) translateY(-0.04rem);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.el-step.is-simple .el-step__arrow::after {
    -webkit-transform: rotate(45deg) translateY(0.04rem);
    transform: rotate(45deg) translateY(0.04rem);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.el-step.is-simple:last-of-type .el-step__arrow {
    display: none;
}

.el-carousel {
    position: relative;
}

.el-carousel--horizontal {
    overflow-x: hidden;
}

.el-carousel--vertical {
    overflow-y: hidden;
}

.el-carousel__container {
    position: relative;
    height: 3rem;
}

.el-carousel__arrow {
    border: none;
    outline: 0;
    padding: 0;
    margin: 0;
    height: 0.36rem;
    width: 0.36rem;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 50%;
    background-color: rgba(31, 45, 61, 0.11);
    color: #FFF;
    position: absolute;
    top: 50%;
    z-index: 10;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    font-size: 0.12rem;
}

.el-carousel__arrow--left {
    left: 0.16rem;
}

.el-carousel__arrow--right {
    right: 0.16rem;
}

.el-carousel__arrow:hover {
    background-color: rgba(31, 45, 61, 0.23);
}

.el-carousel__arrow i {
    cursor: pointer;
}

.el-carousel__indicators {
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 2;
}

.el-carousel__indicators--horizontal {
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.el-carousel__indicators--vertical {
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.el-carousel__indicators--outside {
    bottom: 0.26rem;
    text-align: center;
    position: static;
    -webkit-transform: none;
    transform: none;
}

.el-carousel__indicators--outside .el-carousel__indicator:hover button {
    opacity: .64;
}

.el-carousel__indicators--outside button {
    background-color: #C0C4CC;
    opacity: .24;
}

.el-carousel__indicators--labels {
    left: 0;
    right: 0;
    -webkit-transform: none;
    transform: none;
    text-align: center;
}

.el-carousel__indicators--labels .el-carousel__button {
    height: auto;
    width: auto;
    padding: 0.02rem 0.18rem;
    font-size: 0.12rem;
}

.el-carousel__indicators--labels .el-carousel__indicator {
    padding: 0.06rem 0.04rem;
}

.el-carousel__indicator {
    background-color: transparent;
    cursor: pointer;
}

.el-carousel__indicator:hover button {
    opacity: .72;
}

.el-carousel__indicator--horizontal {
    display: inline-block;
    padding: 0.12rem 0.04rem;
}

.el-carousel__indicator--vertical {
    padding: 0.04rem 0.12rem;
}

.el-carousel__indicator--vertical .el-carousel__button {
    width: 0.02rem;
    height: 0.15rem;
}

.el-carousel__indicator.is-active button {
    opacity: 1;
}

.el-carousel__button {
    display: block;
    opacity: .48;
    width: 0.3rem;
    height: 0.02rem;
    background-color: #FFF;
    border: none;
    outline: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
}

.el-carousel__item,
.el-carousel__mask {
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.carousel-arrow-left-enter,
.carousel-arrow-left-leave-active {
    -webkit-transform: translateY(-50%) translateX(-0.1rem);
    transform: translateY(-50%) translateX(-0.1rem);
    opacity: 0;
}

.carousel-arrow-right-enter,
.carousel-arrow-right-leave-active {
    -webkit-transform: translateY(-50%) translateX(0.1rem);
    transform: translateY(-50%) translateX(0.1rem);
    opacity: 0;
}

.el-carousel__item {
    width: 100%;
    display: inline-block;
    overflow: hidden;
    z-index: 0;
}

.el-carousel__item.is-active {
    z-index: 2;
}

.el-carousel__item.is-animating {
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
}

.el-carousel__item--card {
    width: 50%;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
}

.el-carousel__item--card.is-in-stage {
    cursor: pointer;
    z-index: 1;
}

.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,
.el-carousel__item--card.is-in-stage:hover .el-carousel__mask {
    opacity: .12;
}

.el-carousel__item--card.is-active {
    z-index: 2;
}

.el-carousel__mask {
    width: 100%;
    background-color: #FFF;
    opacity: .24;
    -webkit-transition: .2s;
    transition: .2s;
}

.el-fade-in-enter,
.el-fade-in-leave-active,
.el-fade-in-linear-enter,
.el-fade-in-linear-leave,
.el-fade-in-linear-leave-active,
.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
    opacity: 0;
}

.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
    -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
    -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-zoom-in-center-enter,
.el-zoom-in-center-leave-active {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform-origin: center top;
    transform-origin: center top;
}

.el-zoom-in-top-enter,
.el-zoom-in-top-leave-active {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

.el-zoom-in-bottom-enter,
.el-zoom-in-bottom-leave-active {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform-origin: top left;
    transform-origin: top left;
}

.el-zoom-in-left-enter,
.el-zoom-in-left-leave-active {
    opacity: 0;
    -webkit-transform: scale(0.45, 0.45);
    transform: scale(0.45, 0.45);
}

.collapse-transition {
    -webkit-transition: .3s height ease-in-out, .3s padding-top ease-in-out, .3s padding-bottom ease-in-out;
    transition: .3s height ease-in-out, .3s padding-top ease-in-out, .3s padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
    -webkit-transition: .3s width ease-in-out, .3s padding-left ease-in-out, .3s padding-right ease-in-out;
    transition: .3s width ease-in-out, .3s padding-left ease-in-out, .3s padding-right ease-in-out;
}

.el-list-enter-active,
.el-list-leave-active {
    -webkit-transition: all 1s;
    transition: all 1s;
}

.el-list-enter,
.el-list-leave-active {
    opacity: 0;
    -webkit-transform: translateY(-0.3rem);
    transform: translateY(-0.3rem);
}

.el-opacity-transition {
    -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.el-collapse {
    border-top: 0.01rem solid #EBEEF5;
    border-bottom: 0.01rem solid #EBEEF5;
}

.el-collapse-item.is-disabled .el-collapse-item__header {
    color: #bbb;
    cursor: not-allowed;
}

.el-collapse-item__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 0.48rem;
    line-height: 0.48rem;
    background-color: #FFF;
    color: #303133;
    cursor: pointer;
    border-bottom: 0.01rem solid #EBEEF5;
    font-size: 0.13rem;
    font-weight: 500;
    -webkit-transition: border-bottom-color .3s;
    transition: border-bottom-color .3s;
    outline: 0;
}

.el-collapse-item__arrow {
    margin: 0 0.08rem 0 auto;
    transition: -webkit-transform .3s;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    font-weight: 300;
}

.el-collapse-item__arrow.is-active {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.el-collapse-item__header.focusing:focus:not(:hover) {
    color: #409EFF;
}

.el-collapse-item__header.is-active {
    border-bottom-color: transparent;
}

.el-collapse-item__wrap {
    will-change: height;
    background-color: #FFF;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 0.01rem solid #EBEEF5;
}

.el-cascader__tags,
.el-tag {
    -webkit-box-sizing: border-box;
}

.el-collapse-item__content {
    padding-bottom: 0.25rem;
    font-size: 0.13rem;
    color: #303133;
    line-height: 1.769230769230769;
}

.el-collapse-item:last-child {
    margin-bottom: -0.01rem;
}

.el-popper .popper__arrow,
.el-popper .popper__arrow::after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.el-popper .popper__arrow {
    border-width: 0.06rem;
    -webkit-filter: drop-shadow(0 0.02rem 0.12rem rgba(0, 0, 0, 0.03));
    filter: drop-shadow(0 0.02rem 0.12rem rgba(0, 0, 0, 0.03));
}

.el-popper .popper__arrow::after {
    content: " ";
    border-width: 0.06rem;
}

.el-popper[x-placement^=top] {
    margin-bottom: 0.12rem;
}

.el-popper[x-placement^=top] .popper__arrow {
    bottom: -0.06rem;
    left: 50%;
    margin-right: 0.03rem;
    border-top-color: #EBEEF5;
    border-bottom-width: 0;
}

.el-popper[x-placement^=top] .popper__arrow::after {
    bottom: 0.01rem;
    margin-left: -0.06rem;
    border-top-color: #FFF;
    border-bottom-width: 0;
}

.el-popper[x-placement^=bottom] {
    margin-top: 0.12rem;
}

.el-popper[x-placement^=bottom] .popper__arrow {
    top: -0.06rem;
    left: 50%;
    margin-right: 0.03rem;
    border-top-width: 0;
    border-bottom-color: #EBEEF5;
}

.el-popper[x-placement^=bottom] .popper__arrow::after {
    top: 0.01rem;
    margin-left: -0.06rem;
    border-top-width: 0;
    border-bottom-color: #FFF;
}

.el-popper[x-placement^=right] {
    margin-left: 0.12rem;
}

.el-popper[x-placement^=right] .popper__arrow {
    top: 50%;
    left: -0.06rem;
    margin-bottom: 0.03rem;
    border-right-color: #EBEEF5;
    border-left-width: 0;
}

.el-popper[x-placement^=right] .popper__arrow::after {
    bottom: -0.06rem;
    left: 0.01rem;
    border-right-color: #FFF;
    border-left-width: 0;
}

.el-popper[x-placement^=left] {
    margin-right: 0.12rem;
}

.el-popper[x-placement^=left] .popper__arrow {
    top: 50%;
    right: -0.06rem;
    margin-bottom: 0.03rem;
    border-right-width: 0;
    border-left-color: #EBEEF5;
}

.el-popper[x-placement^=left] .popper__arrow::after {
    right: 0.01rem;
    bottom: -0.06rem;
    margin-left: -0.06rem;
    border-right-width: 0;
    border-left-color: #FFF;
}

.el-tag {
    background-color: #ecf5ff;
    border-color: #d9ecff;
    display: inline-block;
    height: 0.32rem;
    padding: 0 0.1rem;
    line-height: 0.3rem;
    font-size: 0.12rem;
    color: #409EFF;
    border-width: 0.01rem;
    border-style: solid;
    border-radius: 0.04rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
}

.el-tag.is-hit {
    border-color: #409EFF;
}

.el-tag .el-tag__close {
    color: #409eff;
}

.el-tag .el-tag__close:hover {
    color: #FFF;
    background-color: #409eff;
}

.el-tag.el-tag--info {
    background-color: #f4f4f5;
    border-color: #e9e9eb;
    color: #909399;
}

.el-tag.el-tag--info.is-hit {
    border-color: #909399;
}

.el-tag.el-tag--info .el-tag__close {
    color: #909399;
}

.el-tag.el-tag--info .el-tag__close:hover {
    color: #FFF;
    background-color: #909399;
}

.el-tag.el-tag--success {
    background-color: #f0f9eb;
    border-color: #e1f3d8;
    color: #67c23a;
}

.el-tag.el-tag--success.is-hit {
    border-color: #67C23A;
}

.el-tag.el-tag--success .el-tag__close {
    color: #67c23a;
}

.el-tag.el-tag--success .el-tag__close:hover {
    color: #FFF;
    background-color: #67c23a;
}

.el-tag.el-tag--warning {
    background-color: #fdf6ec;
    border-color: #faecd8;
    color: #e6a23c;
}

.el-tag.el-tag--warning.is-hit {
    border-color: #E6A23C;
}

.el-tag.el-tag--warning .el-tag__close {
    color: #e6a23c;
}

.el-tag.el-tag--warning .el-tag__close:hover {
    color: #FFF;
    background-color: #e6a23c;
}

.el-tag.el-tag--danger {
    background-color: #fef0f0;
    border-color: #fde2e2;
    color: #f56c6c;
}

.el-tag.el-tag--danger.is-hit {
    border-color: #F56C6C;
}

.el-tag.el-tag--danger .el-tag__close {
    color: #f56c6c;
}

.el-tag.el-tag--danger .el-tag__close:hover {
    color: #FFF;
    background-color: #f56c6c;
}

.el-tag .el-icon-close {
    border-radius: 50%;
    text-align: center;
    position: relative;
    cursor: pointer;
    font-size: 0.12rem;
    height: 0.16rem;
    width: 0.16rem;
    line-height: 0.16rem;
    vertical-align: middle;
    top: -0.01rem;
    right: -0.05rem;
}

.el-tag .el-icon-close::before {
    display: block;
}

.el-tag--dark {
    background-color: #409eff;
    border-color: #409eff;
    color: #fff;
}

.el-tag--dark.is-hit {
    border-color: #409EFF;
}

.el-tag--dark .el-tag__close {
    color: #fff;
}

.el-tag--dark .el-tag__close:hover {
    color: #FFF;
    background-color: #66b1ff;
}

.el-tag--dark.el-tag--info {
    background-color: #909399;
    border-color: #909399;
    color: #fff;
}

.el-tag--dark.el-tag--info.is-hit {
    border-color: #909399;
}

.el-tag--dark.el-tag--info .el-tag__close {
    color: #fff;
}

.el-tag--dark.el-tag--info .el-tag__close:hover {
    color: #FFF;
    background-color: #a6a9ad;
}

.el-tag--dark.el-tag--success {
    background-color: #67c23a;
    border-color: #67c23a;
    color: #fff;
}

.el-tag--dark.el-tag--success.is-hit {
    border-color: #67C23A;
}

.el-tag--dark.el-tag--success .el-tag__close {
    color: #fff;
}

.el-tag--dark.el-tag--success .el-tag__close:hover {
    color: #FFF;
    background-color: #85ce61;
}

.el-tag--dark.el-tag--warning {
    background-color: #e6a23c;
    border-color: #e6a23c;
    color: #fff;
}

.el-tag--dark.el-tag--warning.is-hit {
    border-color: #E6A23C;
}

.el-tag--dark.el-tag--warning .el-tag__close {
    color: #fff;
}

.el-tag--dark.el-tag--warning .el-tag__close:hover {
    color: #FFF;
    background-color: #ebb563;
}

.el-tag--dark.el-tag--danger {
    background-color: #f56c6c;
    border-color: #f56c6c;
    color: #fff;
}

.el-tag--dark.el-tag--danger.is-hit {
    border-color: #F56C6C;
}

.el-tag--dark.el-tag--danger .el-tag__close {
    color: #fff;
}

.el-tag--dark.el-tag--danger .el-tag__close:hover {
    color: #FFF;
    background-color: #f78989;
}

.el-tag--plain {
    background-color: #fff;
    border-color: #b3d8ff;
    color: #409eff;
}

.el-tag--plain.is-hit {
    border-color: #409EFF;
}

.el-tag--plain .el-tag__close {
    color: #409eff;
}

.el-tag--plain .el-tag__close:hover {
    color: #FFF;
    background-color: #409eff;
}

.el-tag--plain.el-tag--info {
    background-color: #fff;
    border-color: #d3d4d6;
    color: #909399;
}

.el-tag--plain.el-tag--info.is-hit {
    border-color: #909399;
}

.el-tag--plain.el-tag--info .el-tag__close {
    color: #909399;
}

.el-tag--plain.el-tag--info .el-tag__close:hover {
    color: #FFF;
    background-color: #909399;
}

.el-tag--plain.el-tag--success {
    background-color: #fff;
    border-color: #c2e7b0;
    color: #67c23a;
}

.el-tag--plain.el-tag--success.is-hit {
    border-color: #67C23A;
}

.el-tag--plain.el-tag--success .el-tag__close {
    color: #67c23a;
}

.el-tag--plain.el-tag--success .el-tag__close:hover {
    color: #FFF;
    background-color: #67c23a;
}

.el-tag--plain.el-tag--warning {
    background-color: #fff;
    border-color: #f5dab1;
    color: #e6a23c;
}

.el-tag--plain.el-tag--warning.is-hit {
    border-color: #E6A23C;
}

.el-tag--plain.el-tag--warning .el-tag__close {
    color: #e6a23c;
}

.el-tag--plain.el-tag--warning .el-tag__close:hover {
    color: #FFF;
    background-color: #e6a23c;
}

.el-tag--plain.el-tag--danger {
    background-color: #fff;
    border-color: #fbc4c4;
    color: #f56c6c;
}

.el-tag--plain.el-tag--danger.is-hit {
    border-color: #F56C6C;
}

.el-tag--plain.el-tag--danger .el-tag__close {
    color: #f56c6c;
}

.el-tag--plain.el-tag--danger .el-tag__close:hover {
    color: #FFF;
    background-color: #f56c6c;
}

.el-tag--medium {
    height: 0.28rem;
    line-height: 0.26rem;
}

.el-tag--medium .el-icon-close {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

.el-tag--small {
    height: 0.24rem;
    padding: 0 0.08rem;
    line-height: 0.22rem;
}

.el-tag--small .el-icon-close {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

.el-tag--mini {
    height: 0.2rem;
    padding: 0 0.05rem;
    line-height: 0.19rem;
}

.el-tag--mini .el-icon-close {
    margin-left: -0.03rem;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
}

.el-cascader {
    display: inline-block;
    position: relative;
    font-size: 0.14rem;
    line-height: 0.4rem;
}

.el-cascader:not(.is-disabled):hover .el-input__inner {
    cursor: pointer;
    border-color: #C0C4CC;
}

.el-cascader .el-input .el-input__inner:focus,
.el-cascader .el-input.is-focus .el-input__inner {
    border-color: #409EFF;
}

.el-cascader .el-input {
    cursor: pointer;
}

.el-cascader .el-input .el-input__inner {
    text-overflow: ellipsis;
}

.el-cascader .el-input .el-icon-arrow-down {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    font-size: 0.14rem;
}

.el-cascader .el-input .el-icon-arrow-down.is-reverse {
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.el-cascader .el-input .el-icon-circle-close:hover {
    color: #909399;
}

.el-cascader--medium {
    font-size: 0.14rem;
    line-height: 0.36rem;
}

.el-cascader--small {
    font-size: 0.13rem;
    line-height: 0.32rem;
}

.el-cascader--mini {
    font-size: 0.12rem;
    line-height: 0.28rem;
}

.el-cascader.is-disabled .el-cascader__label {
    z-index: 2;
    color: #C0C4CC;
}

.el-cascader__dropdown {
    margin: 0.05rem 0;
    font-size: 0.14rem;
    background: #FFF;
    border: 0.01rem solid #E4E7ED;
    border-radius: 0.04rem;
    -webkit-box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.1);
}

.el-cascader__tags {
    position: absolute;
    left: 0;
    right: 0.3rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: normal;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-cascader__tags .el-tag {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
    margin: 0.02rem 0 0.02rem 0.06rem;
    text-overflow: ellipsis;
    background: #f0f2f5;
}

.el-cascader__tags .el-tag:not(.is-hit) {
    border-color: transparent;
}

.el-cascader__tags .el-tag > span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.el-cascader__tags .el-tag .el-icon-close {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    background-color: #C0C4CC;
    color: #FFF;
}

.el-cascader__tags .el-tag .el-icon-close:hover {
    background-color: #909399;
}

.el-cascader__suggestion-panel {
    border-radius: 0.04rem;
}

.el-cascader__suggestion-list {
    max-height: 2.04rem;
    margin: 0;
    padding: 0.06rem 0;
    font-size: 0.14rem;
    color: #606266;
    text-align: center;
}

.el-cascader__suggestion-item {
    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;
    height: 0.34rem;
    padding: 0 0.15rem;
    text-align: left;
    outline: 0;
    cursor: pointer;
}

.el-cascader__suggestion-item:focus,
.el-cascader__suggestion-item:hover {
    background: #F5F7FA;
}

.el-cascader__suggestion-item.is-checked {
    color: #409EFF;
    font-weight: 700;
}

.el-cascader__suggestion-item > span {
    margin-right: 0.1rem;
}

.el-cascader__empty-text {
    margin: 0.1rem 0;
    color: #C0C4CC;
}

.el-cascader__search-input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 0.24rem;
    min-width: 0.6rem;
    margin: 0.02rem 0 0.02rem 0.15rem;
    padding: 0;
    color: #606266;
    border: none;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-cascader__search-input::-webkit-input-placeholder {
    color: #C0C4CC;
}

.el-cascader__search-input:-ms-input-placeholder {
    color: #C0C4CC;
}

.el-cascader__search-input::-ms-input-placeholder {
    color: #C0C4CC;
}

.el-cascader__search-input::-moz-placeholder {
    color: #C0C4CC;
}

.el-cascader__search-input::placeholder {
    color: #C0C4CC;
}

.el-color-predefine {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.12rem;
    margin-top: 0.08rem;
    width: 2.8rem;
}

.el-color-predefine__colors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.el-color-predefine__color-selector {
    margin: 0 0 0.08rem 0.08rem;
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 0.04rem;
    cursor: pointer;
}

.el-color-predefine__color-selector:nth-child(10n+1) {
    margin-left: 0;
}

.el-color-predefine__color-selector.selected {
    -webkit-box-shadow: 0 0 0.03rem 0.02rem #409EFF;
    box-shadow: 0 0 0.03rem 0.02rem #409EFF;
}

.el-color-predefine__color-selector > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    border-radius: 0.03rem;
}

.el-color-predefine__color-selector.is-alpha {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

.el-color-hue-slider {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 2.8rem;
    height: 0.12rem;
    background-color: red;
    padding: 0 0.02rem;
}

.el-color-hue-slider__bar {
    position: relative;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, red), color-stop(17%, #ff0), color-stop(33%, lime), color-stop(50%, cyan), color-stop(67%, blue), color-stop(83%, #f0f), to(red));
    background: linear-gradient(to right, red 0, #ff0 17%, lime 33%, cyan 50%, blue 67%, #f0f 83%, red 100%);
    height: 100%;
}

.el-color-hue-slider__thumb {
    position: absolute;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    top: 0;
    width: 0.04rem;
    height: 100%;
    border-radius: 0.01rem;
    background: #fff;
    border: 0.01rem solid #f0f0f0;
    -webkit-box-shadow: 0 0 0.02rem rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 0.02rem rgba(0, 0, 0, 0.6);
    z-index: 1;
}

.el-color-hue-slider.is-vertical {
    width: 0.12rem;
    height: 1.8rem;
    padding: 0.02rem 0;
}

.el-color-hue-slider.is-vertical .el-color-hue-slider__bar {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, red), color-stop(17%, #ff0), color-stop(33%, lime), color-stop(50%, cyan), color-stop(67%, blue), color-stop(83%, #f0f), to(red));
    background: linear-gradient(to bottom, red 0, #ff0 17%, lime 33%, cyan 50%, blue 67%, #f0f 83%, red 100%);
}

.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb {
    left: 0;
    top: 0;
    width: 100%;
    height: 0.04rem;
}

.el-color-svpanel {
    position: relative;
    width: 2.8rem;
    height: 1.8rem;
}

.el-color-svpanel__black,
.el-color-svpanel__white {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.el-color-svpanel__white {
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}

.el-color-svpanel__black {
    background: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
}

.el-color-svpanel__cursor {
    position: absolute;
}

.el-color-svpanel__cursor > div {
    cursor: head;
    width: 0.04rem;
    height: 0.04rem;
    -webkit-box-shadow: 0 0 0 0.015rem #fff, inset 0 0 0.01rem 0.01rem rgba(0, 0, 0, 0.3), 0 0 0.01rem 0.02rem rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 0 0.015rem #fff, inset 0 0 0.01rem 0.01rem rgba(0, 0, 0, 0.3), 0 0 0.01rem 0.02rem rgba(0, 0, 0, 0.4);
    border-radius: 50%;
    -webkit-transform: translate(-0.02rem, -0.02rem);
    transform: translate(-0.02rem, -0.02rem);
}

.el-color-alpha-slider {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 2.8rem;
    height: 0.12rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

.el-color-alpha-slider__bar {
    position: relative;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), to(#fff));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%);
    height: 100%;
}

.el-color-alpha-slider__thumb {
    position: absolute;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    top: 0;
    width: 0.04rem;
    height: 100%;
    border-radius: 0.01rem;
    background: #fff;
    border: 0.01rem solid #f0f0f0;
    -webkit-box-shadow: 0 0 0.02rem rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 0.02rem rgba(0, 0, 0, 0.6);
    z-index: 1;
}

.el-color-alpha-slider.is-vertical {
    width: 0.2rem;
    height: 1.8rem;
}

.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), to(#fff));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
}

.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb {
    left: 0;
    top: 0;
    width: 100%;
    height: 0.04rem;
}

.el-color-dropdown {
    width: 3rem;
}

.el-color-dropdown__main-wrapper {
    margin-bottom: 0.06rem;
}

.el-color-dropdown__main-wrapper::after {
    content: "";
    display: table;
    clear: both;
}

.el-color-dropdown__btns {
    margin-top: 0.06rem;
    text-align: right;
}

.el-color-dropdown__value {
    float: left;
    line-height: 0.26rem;
    font-size: 0.12rem;
    color: #000;
    width: 1.6rem;
}

.el-color-dropdown__btn {
    border: 0.01rem solid #dcdcdc;
    color: #333;
    line-height: 0.24rem;
    border-radius: 0.02rem;
    padding: 0 0.2rem;
    cursor: pointer;
    background-color: transparent;
    outline: 0;
    font-size: 0.12rem;
}

.el-color-dropdown__btn[disabled] {
    color: #ccc;
    cursor: not-allowed;
}

.el-color-dropdown__btn:hover {
    color: #409EFF;
    border-color: #409EFF;
}

.el-color-dropdown__link-btn {
    cursor: pointer;
    color: #409EFF;
    text-decoration: none;
    padding: 0.15rem;
    font-size: 0.12rem;
}

.el-color-dropdown__link-btn:hover {
    color: tint(#409EFF, 20%);
}

.el-color-picker {
    display: inline-block;
    position: relative;
    line-height: normal;
    height: 0.4rem;
}

.el-color-picker.is-disabled .el-color-picker__trigger {
    cursor: not-allowed;
}

.el-color-picker--medium {
    height: 0.36rem;
}

.el-color-picker--medium .el-color-picker__trigger {
    height: 0.36rem;
    width: 0.36rem;
}

.el-color-picker--medium .el-color-picker__mask {
    height: 0.34rem;
    width: 0.34rem;
}

.el-color-picker--small {
    height: 0.32rem;
}

.el-color-picker--small .el-color-picker__trigger {
    height: 0.32rem;
    width: 0.32rem;
}

.el-color-picker--small .el-color-picker__mask {
    height: 0.3rem;
    width: 0.3rem;
}

.el-color-picker--small .el-color-picker__empty,
.el-color-picker--small .el-color-picker__icon {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.8);
    transform: translate3d(-50%, -50%, 0) scale(0.8);
}

.el-color-picker--mini {
    height: 0.28rem;
}

.el-color-picker--mini .el-color-picker__trigger {
    height: 0.28rem;
    width: 0.28rem;
}

.el-color-picker--mini .el-color-picker__mask {
    height: 0.26rem;
    width: 0.26rem;
}

.el-color-picker--mini .el-color-picker__empty,
.el-color-picker--mini .el-color-picker__icon {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.8);
    transform: translate3d(-50%, -50%, 0) scale(0.8);
}

.el-color-picker__mask {
    height: 0.38rem;
    width: 0.38rem;
    border-radius: 0.04rem;
    position: absolute;
    top: 0.01rem;
    left: 0.01rem;
    z-index: 1;
    cursor: not-allowed;
    background-color: rgba(255, 255, 255, 0.7);
}

.el-color-picker__trigger {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 0.4rem;
    width: 0.4rem;
    padding: 0.04rem;
    border: 0.01rem solid #e6e6e6;
    border-radius: 0.04rem;
    font-size: 0;
    position: relative;
    cursor: pointer;
}

.el-color-picker__color {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0.01rem solid #999;
    border-radius: 0.02rem;
    width: 100%;
    height: 100%;
    text-align: center;
}

.el-color-picker__color.is-alpha {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

.el-color-picker__color-inner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.el-color-picker__empty,
.el-color-picker__icon {
    top: 50%;
    left: 50%;
    font-size: 0.12rem;
    position: absolute;
}

.el-color-picker__empty {
    color: #999;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

.el-color-picker__icon {
    display: inline-block;
    width: 100%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    color: #FFF;
    text-align: center;
}

.el-color-picker__panel {
    position: absolute;
    z-index: 10;
    padding: 0.06rem;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-color: #FFF;
    border: 0.01rem solid #EBEEF5;
    border-radius: 0.04rem;
    -webkit-box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.1);
}

.el-textarea {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: bottom;
    font-size: 0.14rem;
}

.el-textarea__inner {
    display: block;
    resize: vertical;
    padding: 0.05rem 0.15rem;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    font-size: inherit;
    color: #606266;
    background-color: #FFF;
    background-image: none;
    border: 0.01rem solid #DCDFE6;
    border-radius: 0.04rem;
    -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-textarea__inner::-webkit-input-placeholder {
    color: #C0C4CC;
}

.el-textarea__inner:-ms-input-placeholder {
    color: #C0C4CC;
}

.el-textarea__inner::-ms-input-placeholder {
    color: #C0C4CC;
}

.el-textarea__inner::-moz-placeholder {
    color: #C0C4CC;
}

.el-textarea__inner::placeholder {
    color: #C0C4CC;
}

.el-textarea__inner:hover {
    border-color: #C0C4CC;
}

.el-textarea__inner:focus {
    outline: 0;
    border-color: #409EFF;
}

.el-textarea .el-input__count {
    color: #909399;
    background: #FFF;
    position: absolute;
    font-size: 0.12rem;
    bottom: 0.05rem;
    right: 0.1rem;
}

.el-textarea.is-disabled .el-textarea__inner {
    background-color: #F5F7FA;
    border-color: #E4E7ED;
    color: #C0C4CC;
    cursor: not-allowed;
}

.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
    color: #C0C4CC;
}

.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder {
    color: #C0C4CC;
}

.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
    color: #C0C4CC;
}

.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
    color: #C0C4CC;
}

.el-textarea.is-disabled .el-textarea__inner::placeholder {
    color: #C0C4CC;
}

.el-textarea.is-exceed .el-textarea__inner {
    border-color: #F56C6C;
}

.el-textarea.is-exceed .el-input__count {
    color: #F56C6C;
}

.el-input {
    position: relative;
    font-size: 0.14rem;
    display: inline-block;
    width: 100%;
}

.el-input::-webkit-scrollbar {
    z-index: 11;
    width: 0.06rem;
}

.el-input::-webkit-scrollbar:horizontal {
    height: 0.06rem;
}

.el-input::-webkit-scrollbar-thumb {
    border-radius: 0.05rem;
    width: 0.06rem;
    background: #b4bccc;
}

.el-input::-webkit-scrollbar-corner {
    background: #fff;
}

.el-input::-webkit-scrollbar-track {
    background: #fff;
}

.el-input::-webkit-scrollbar-track-piece {
    background: #fff;
    width: 0.06rem;
}

.el-input .el-input__clear {
    color: #C0C4CC;
    font-size: 0.14rem;
    cursor: pointer;
    -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-input .el-input__clear:hover {
    color: #909399;
}

.el-input .el-input__count {
    height: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #909399;
    font-size: 0.12rem;
}

.el-input .el-input__count .el-input__count-inner {
    background: #FFF;
    line-height: initial;
    display: inline-block;
    padding: 0 0.05rem;
}

.el-input__inner {
    -webkit-appearance: none;
    background-color: #FFF;
    background-image: none;
    border-radius: 0.04rem;
    border: 0.01rem solid #DCDFE6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 0.4rem;
    line-height: 0.4rem;
    outline: 0;
    padding: 0 0.15rem;
    -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    width: 100%;
}

.el-input__prefix,
.el-input__suffix {
    position: absolute;
    top: 0;
    -webkit-transition: all .3s;
    height: 100%;
    color: #C0C4CC;
    text-align: center;
}

.el-input__inner::-ms-reveal {
    display: none;
}

.el-input__inner::-webkit-input-placeholder {
    color: #C0C4CC;
}

.el-input__inner:-ms-input-placeholder {
    color: #C0C4CC;
}

.el-input__inner::-ms-input-placeholder {
    color: #C0C4CC;
}

.el-input__inner::-moz-placeholder {
    color: #C0C4CC;
}

.el-input__inner::placeholder {
    color: #C0C4CC;
}

.el-input__inner:hover {
    border-color: #C0C4CC;
}

.el-input.is-active .el-input__inner,
.el-input__inner:focus {
    border-color: #409EFF;
    outline: 0;
}

.el-input__suffix {
    right: 0.05rem;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.el-input__suffix-inner {
    pointer-events: all;
}

.el-input__prefix {
    left: 0.05rem;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.el-input__icon {
    height: 100%;
    width: 0.25rem;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s;
    line-height: 0.4rem;
}

.el-input__icon:after {
    content: '';
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle;
}

.el-input__validateIcon {
    pointer-events: none;
}

.el-input.is-disabled .el-input__inner {
    background-color: #F5F7FA;
    border-color: #E4E7ED;
    color: #C0C4CC;
    cursor: not-allowed;
}

.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
    color: #C0C4CC;
}

.el-input.is-disabled .el-input__inner:-ms-input-placeholder {
    color: #C0C4CC;
}

.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
    color: #C0C4CC;
}

.el-input.is-disabled .el-input__inner::-moz-placeholder {
    color: #C0C4CC;
}

.el-input.is-disabled .el-input__inner::placeholder {
    color: #C0C4CC;
}

.el-input.is-disabled .el-input__icon {
    cursor: not-allowed;
}

.el-link,
.el-transfer-panel__filter .el-icon-circle-close {
    cursor: pointer;
}

.el-input.is-exceed .el-input__inner {
    border-color: #F56C6C;
}

.el-input.is-exceed .el-input__suffix .el-input__count {
    color: #F56C6C;
}

.el-input--suffix .el-input__inner {
    padding-right: 0.3rem;
}

.el-input--prefix .el-input__inner {
    padding-left: 0.3rem;
}

.el-input--medium {
    font-size: 0.14rem;
}

.el-input--medium .el-input__inner {
    height: 0.36rem;
    line-height: 0.36rem;
}

.el-input--medium .el-input__icon {
    line-height: 0.36rem;
}

.el-input--small {
    font-size: 0.13rem;
}

.el-input--small .el-input__inner {
    height: 0.32rem;
    line-height: 0.32rem;
}

.el-input--small .el-input__icon {
    line-height: 0.32rem;
}

.el-input--mini {
    font-size: 0.12rem;
}

.el-input--mini .el-input__inner {
    height: 0.28rem;
    line-height: 0.28rem;
}

.el-input--mini .el-input__icon {
    line-height: 0.28rem;
}

.el-input-group {
    line-height: normal;
    display: inline-table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.el-input-group > .el-input__inner {
    vertical-align: middle;
    display: table-cell;
}

.el-input-group__append,
.el-input-group__prepend {
    background-color: #F5F7FA;
    color: #909399;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    border: 0.01rem solid #DCDFE6;
    border-radius: 0.04rem;
    padding: 0 0.2rem;
    width: 0.01rem;
    white-space: nowrap;
}

.el-input-group--prepend .el-input__inner,
.el-input-group__append {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.el-input-group--append .el-input__inner,
.el-input-group__prepend {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.el-input-group__append:focus,
.el-input-group__prepend:focus {
    outline: 0;
}

.el-input-group__append .el-button,
.el-input-group__append .el-select,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-select {
    display: inline-block;
    margin: -0.1rem -0.2rem;
}

.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner,
.el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
    border-color: transparent;
    background-color: transparent;
    color: inherit;
    border-top: 0;
    border-bottom: 0;
}

.el-input-group__append .el-button,
.el-input-group__append .el-input,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
    font-size: inherit;
}

.el-input-group__prepend {
    border-right: 0;
}

.el-input-group__append {
    border-left: 0;
}

.el-input-group--append .el-select .el-input.is-focus .el-input__inner,
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
    border-color: transparent;
}

.el-input__inner::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

.el-transfer {
    font-size: 0.14rem;
}

.el-transfer__buttons {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0.3rem;
}

.el-transfer__button {
    display: block;
    margin: 0 auto;
    padding: 0.1rem;
    border-radius: 50%;
    color: #FFF;
    background-color: #409EFF;
    font-size: 0;
}

.el-transfer-panel__item + .el-transfer-panel__item,
.el-transfer__button [class*=el-icon-] + span {
    margin-left: 0;
}

.el-transfer__button.is-with-texts {
    border-radius: 0.04rem;
}

.el-transfer__button.is-disabled,
.el-transfer__button.is-disabled:hover {
    border: 0.01rem solid #DCDFE6;
    background-color: #F5F7FA;
    color: #C0C4CC;
}

.el-transfer__button:first-child {
    margin-bottom: 0.1rem;
}

.el-transfer__button:nth-child(2) {
    margin: 0;
}

.el-transfer__button i,
.el-transfer__button span {
    font-size: 0.14rem;
}

.el-transfer-panel {
    border: 0.01rem solid #EBEEF5;
    border-radius: 0.04rem;
    overflow: hidden;
    background: #FFF;
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    max-height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.el-transfer-panel__body {
    height: 2.46rem;
}

.el-transfer-panel__body.is-with-footer {
    padding-bottom: 0.4rem;
}

.el-transfer-panel__list {
    margin: 0;
    padding: 0.06rem 0;
    list-style: none;
    height: 2.46rem;
    overflow: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-transfer-panel__list.is-filterable {
    height: 1.94rem;
    padding-top: 0;
}

.el-transfer-panel__item {
    height: 0.3rem;
    line-height: 0.3rem;
    padding-left: 0.15rem;
    display: block !important;
}

.el-transfer-panel__item.el-checkbox {
    color: #606266;
}

.el-transfer-panel__item:hover {
    color: #409EFF;
}

.el-transfer-panel__item.el-checkbox .el-checkbox__label {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 0.24rem;
    line-height: 0.3rem;
}

.el-transfer-panel__item .el-checkbox__input {
    position: absolute;
    top: 0.08rem;
}

.el-transfer-panel__filter {
    text-align: center;
    margin: 0.15rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: auto;
}

.el-transfer-panel__filter .el-input__inner {
    height: 0.32rem;
    width: 100%;
    font-size: 0.12rem;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0.16rem;
    padding-right: 0.1rem;
    padding-left: 0.3rem;
}

.el-transfer-panel__filter .el-input__icon {
    margin-left: 0.05rem;
}

.el-transfer-panel .el-transfer-panel__header {
    height: 0.4rem;
    line-height: 0.4rem;
    background: #F5F7FA;
    margin: 0;
    padding-left: 0.15rem;
    border-bottom: 0.01rem solid #EBEEF5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
}

.el-transfer-panel .el-transfer-panel__header .el-checkbox {
    display: block;
    line-height: 0.4rem;
}

.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
    font-size: 0.16rem;
    color: #303133;
    font-weight: 400;
}

.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span {
    position: absolute;
    right: 0.15rem;
    color: #909399;
    font-size: 0.12rem;
    font-weight: 400;
}

.el-divider__text,
.el-link {
    font-weight: 500;
    font-size: 0.14rem;
}

.el-transfer-panel .el-transfer-panel__footer {
    height: 0.4rem;
    background: #FFF;
    margin: 0;
    padding: 0;
    border-top: 0.01rem solid #EBEEF5;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

.el-transfer-panel .el-transfer-panel__footer::after {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle;
}

.el-container,
.el-timeline-item__node {
    display: -webkit-box;
    display: -ms-flexbox;
}

.el-transfer-panel .el-transfer-panel__footer .el-checkbox {
    padding-left: 0.2rem;
    color: #606266;
}

.el-transfer-panel .el-transfer-panel__empty {
    margin: 0;
    height: 0.3rem;
    line-height: 0.3rem;
    padding: 0.06rem 0.15rem 0;
    color: #909399;
    text-align: center;
}

.el-transfer-panel .el-checkbox__label {
    padding-left: 0.08rem;
}

.el-transfer-panel .el-checkbox__inner {
    height: 0.14rem;
    width: 0.14rem;
    border-radius: 0.03rem;
}

.el-transfer-panel .el-checkbox__inner::after {
    height: 0.06rem;
    width: 0.03rem;
    left: 0.04rem;
}

.el-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 0;
}

.el-aside,
.el-header {
    -webkit-box-sizing: border-box;
}

.el-container.is-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.el-header {
    padding: 0 0.2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.el-aside {
    overflow: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.el-footer,
.el-main {
    -webkit-box-sizing: border-box;
}

.el-main {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    overflow: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.2rem;
}

.el-footer {
    padding: 0 0.2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.el-timeline {
    margin: 0;
    font-size: 0.14rem;
    list-style: none;
}

.el-timeline .el-timeline-item:last-child .el-timeline-item__tail {
    display: none;
}

.el-timeline-item {
    position: relative;
    padding-bottom: 0.2rem;
}

.el-timeline-item__wrapper {
    position: relative;
    padding-left: 0.28rem;
    top: -0.03rem;
}

.el-timeline-item__tail {
    position: absolute;
    left: 0.04rem;
    height: 100%;
    border-left: 0.02rem solid #E4E7ED;
}

.el-timeline-item__icon {
    color: #FFF;
    font-size: 0.13rem;
}

.el-timeline-item__node {
    position: absolute;
    background-color: #E4E7ED;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.el-image__error,
.el-timeline-item__dot {
    display: -webkit-box;
    display: -ms-flexbox;
}

.el-timeline-item__node--normal {
    left: -0.01rem;
    width: 0.12rem;
    height: 0.12rem;
}

.el-timeline-item__node--large {
    left: -0.02rem;
    width: 0.14rem;
    height: 0.14rem;
}

.el-timeline-item__node--primary {
    background-color: #409EFF;
}

.el-timeline-item__node--success {
    background-color: #67C23A;
}

.el-timeline-item__node--warning {
    background-color: #E6A23C;
}

.el-timeline-item__node--danger {
    background-color: #F56C6C;
}

.el-timeline-item__node--info {
    background-color: #909399;
}

.el-timeline-item__dot {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.el-timeline-item__content {
    color: #303133;
}

.el-timeline-item__timestamp {
    color: #909399;
    line-height: 1;
    font-size: 0.13rem;
}

.el-timeline-item__timestamp.is-top {
    margin-bottom: 0.08rem;
    padding-top: 0.04rem;
}

.el-timeline-item__timestamp.is-bottom {
    margin-top: 0.08rem;
}

.el-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    position: relative;
    text-decoration: none;
    outline: 0;
    padding: 0;
}

.el-drawer,
.el-empty,
.el-result {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.el-link.is-underline:hover:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    bottom: 0;
    border-bottom: 0.01rem solid #409EFF;
}

.el-link.el-link--default:after,
.el-link.el-link--primary.is-underline:hover:after,
.el-link.el-link--primary:after {
    border-color: #409EFF;
}

.el-link.is-disabled {
    cursor: not-allowed;
}

.el-link [class*=el-icon-] + span {
    margin-left: 0.05rem;
}

.el-link.el-link--default {
    color: #606266;
}

.el-link.el-link--default:hover {
    color: #409EFF;
}

.el-link.el-link--default.is-disabled {
    color: #C0C4CC;
}

.el-link.el-link--primary {
    color: #409EFF;
}

.el-link.el-link--primary:hover {
    color: #66b1ff;
}

.el-link.el-link--primary.is-disabled {
    color: #a0cfff;
}

.el-link.el-link--danger.is-underline:hover:after,
.el-link.el-link--danger:after {
    border-color: #F56C6C;
}

.el-link.el-link--danger {
    color: #F56C6C;
}

.el-link.el-link--danger:hover {
    color: #f78989;
}

.el-link.el-link--danger.is-disabled {
    color: #fab6b6;
}

.el-link.el-link--success.is-underline:hover:after,
.el-link.el-link--success:after {
    border-color: #67C23A;
}

.el-link.el-link--success {
    color: #67C23A;
}

.el-link.el-link--success:hover {
    color: #85ce61;
}

.el-link.el-link--success.is-disabled {
    color: #b3e19d;
}

.el-link.el-link--warning.is-underline:hover:after,
.el-link.el-link--warning:after {
    border-color: #E6A23C;
}

.el-link.el-link--warning {
    color: #E6A23C;
}

.el-link.el-link--warning:hover {
    color: #ebb563;
}

.el-link.el-link--warning.is-disabled {
    color: #f3d19e;
}

.el-link.el-link--info.is-underline:hover:after,
.el-link.el-link--info:after {
    border-color: #909399;
}

.el-link.el-link--info {
    color: #909399;
}

.el-link.el-link--info:hover {
    color: #a6a9ad;
}

.el-link.el-link--info.is-disabled {
    color: #c8c9cc;
}

.el-divider {
    background-color: #DCDFE6;
    position: relative;
}

.el-divider--horizontal {
    display: block;
    height: 0.01rem;
    width: 100%;
    margin: 0.24rem 0;
}

.el-divider--vertical {
    display: inline-block;
    width: 0.01rem;
    height: 1em;
    margin: 0 0.08rem;
    vertical-align: middle;
    position: relative;
}

.el-divider__text {
    position: absolute;
    background-color: #FFF;
    padding: 0 0.2rem;
    color: #303133;
}

.el-image__error,
.el-image__placeholder {
    background: #F5F7FA;
}

.el-divider__text.is-left {
    left: 0.2rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.el-divider__text.is-center {
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.el-divider__text.is-right {
    right: 0.2rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.el-image__error,
.el-image__inner,
.el-image__placeholder {
    width: 100%;
    height: 100%;
}

.el-image {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.el-image__inner {
    vertical-align: top;
}

.el-image__inner--center {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
}

.el-image__error {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.14rem;
    color: #C0C4CC;
    vertical-align: middle;
}

.el-image__preview {
    cursor: pointer;
}

.el-image-viewer__wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.el-image-viewer__btn {
    position: absolute;
    z-index: 1;
    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;
    border-radius: 50%;
    opacity: .8;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.el-button,
.el-checkbox {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.el-image-viewer__close {
    top: 0.4rem;
    right: 0.4rem;
    width: 0.4rem;
    height: 0.4rem;
    font-size: 0.24rem;
    color: #fff;
    background-color: #606266;
}

.el-image-viewer__canvas {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.el-image-viewer__actions {
    left: 50%;
    bottom: 0.3rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 2.82rem;
    height: 0.44rem;
    padding: 0 0.23rem;
    background-color: #606266;
    border-color: #fff;
    border-radius: 0.22rem;
}

.el-image-viewer__actions__inner {
    width: 100%;
    height: 100%;
    text-align: justify;
    cursor: default;
    font-size: 0.23rem;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.el-image-viewer__next,
.el-image-viewer__prev {
    top: 50%;
    width: 0.44rem;
    height: 0.44rem;
    font-size: 0.24rem;
    color: #fff;
    background-color: #606266;
    border-color: #fff;
}

.el-image-viewer__prev {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0.4rem;
}

.el-image-viewer__next {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0.4rem;
    text-indent: 0.02rem;
}

.el-image-viewer__mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .5;
    background: #000;
}

.viewer-fade-enter-active {
    -webkit-animation: viewer-fade-in .3s;
    animation: viewer-fade-in .3s;
}

.viewer-fade-leave-active {
    -webkit-animation: viewer-fade-out .3s;
    animation: viewer-fade-out .3s;
}

@-webkit-keyframes viewer-fade-in {
    0% {
        -webkit-transform: translate3d(0, -0.2rem, 0);
        transform: translate3d(0, -0.2rem, 0);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes viewer-fade-in {
    0% {
        -webkit-transform: translate3d(0, -0.2rem, 0);
        transform: translate3d(0, -0.2rem, 0);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes viewer-fade-out {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(0, -0.2rem, 0);
        transform: translate3d(0, -0.2rem, 0);
        opacity: 0;
    }
}

@keyframes viewer-fade-out {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(0, -0.2rem, 0);
        transform: translate3d(0, -0.2rem, 0);
        opacity: 0;
    }
}

.el-button {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #FFF;
    border: 0.01rem solid #DCDFE6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    padding: 0.12rem 0.2rem;
    font-size: 0.14rem;
    border-radius: 0.04rem;
}

.el-button + .el-button {
    margin-left: 0.1rem;
}

.el-button:focus,
.el-button:hover {
    color: #409EFF;
    border-color: #c6e2ff;
    background-color: #ecf5ff;
}

.el-button:active {
    color: #3a8ee6;
    border-color: #3a8ee6;
    outline: 0;
}

.el-button::-moz-focus-inner {
    border: 0;
}

.el-button [class*=el-icon-] + span {
    margin-left: 0.05rem;
}

.el-button.is-plain:focus,
.el-button.is-plain:hover {
    background: #FFF;
    border-color: #409EFF;
    color: #409EFF;
}

.el-button.is-active,
.el-button.is-plain:active {
    color: #3a8ee6;
    border-color: #3a8ee6;
}

.el-button.is-plain:active {
    background: #FFF;
    outline: 0;
}

.el-button.is-disabled,
.el-button.is-disabled:focus,
.el-button.is-disabled:hover {
    color: #C0C4CC;
    cursor: not-allowed;
    background-image: none;
    background-color: #FFF;
    border-color: #EBEEF5;
}

.el-button.is-disabled.el-button--text {
    background-color: transparent;
}

.el-button.is-disabled.is-plain,
.el-button.is-disabled.is-plain:focus,
.el-button.is-disabled.is-plain:hover {
    background-color: #FFF;
    border-color: #EBEEF5;
    color: #C0C4CC;
}

.el-button.is-loading {
    position: relative;
    pointer-events: none;
}

.el-button.is-loading:before {
    pointer-events: none;
    content: '';
    position: absolute;
    left: -0.01rem;
    top: -0.01rem;
    right: -0.01rem;
    bottom: -0.01rem;
    border-radius: inherit;
    background-color: rgba(255, 255, 255, 0.35);
}

.el-button.is-round {
    border-radius: 0.2rem;
    padding: 0.12rem 0.23rem;
}

.el-button.is-circle {
    border-radius: 50%;
    padding: 0.12rem;
}

.el-button--primary {
    color: #FFF;
    background-color: #409EFF;
    border-color: #409EFF;
}

.el-button--primary:focus,
.el-button--primary:hover {
    background: #66b1ff;
    border-color: #66b1ff;
    color: #FFF;
}

.el-button--primary.is-active,
.el-button--primary:active {
    background: #3a8ee6;
    border-color: #3a8ee6;
    color: #FFF;
}

.el-button--primary:active {
    outline: 0;
}

.el-button--primary.is-disabled,
.el-button--primary.is-disabled:active,
.el-button--primary.is-disabled:focus,
.el-button--primary.is-disabled:hover {
    color: #FFF;
    background-color: #a0cfff;
    border-color: #a0cfff;
}

.el-button--primary.is-plain {
    color: #409EFF;
    background: #ecf5ff;
    border-color: #b3d8ff;
}

.el-button--primary.is-plain:focus,
.el-button--primary.is-plain:hover {
    background: #409EFF;
    border-color: #409EFF;
    color: #FFF;
}

.el-button--primary.is-plain:active {
    background: #3a8ee6;
    border-color: #3a8ee6;
    color: #FFF;
    outline: 0;
}

.el-button--primary.is-plain.is-disabled,
.el-button--primary.is-plain.is-disabled:active,
.el-button--primary.is-plain.is-disabled:focus,
.el-button--primary.is-plain.is-disabled:hover {
    color: #8cc5ff;
    background-color: #ecf5ff;
    border-color: #d9ecff;
}

.el-button--success {
    color: #FFF;
    background-color: #67C23A;
    border-color: #67C23A;
}

.el-button--success:focus,
.el-button--success:hover {
    background: #85ce61;
    border-color: #85ce61;
    color: #FFF;
}

.el-button--success.is-active,
.el-button--success:active {
    background: #5daf34;
    border-color: #5daf34;
    color: #FFF;
}

.el-button--success:active {
    outline: 0;
}

.el-button--success.is-disabled,
.el-button--success.is-disabled:active,
.el-button--success.is-disabled:focus,
.el-button--success.is-disabled:hover {
    color: #FFF;
    background-color: #b3e19d;
    border-color: #b3e19d;
}

.el-button--success.is-plain {
    color: #67C23A;
    background: #f0f9eb;
    border-color: #c2e7b0;
}

.el-button--success.is-plain:focus,
.el-button--success.is-plain:hover {
    background: #67C23A;
    border-color: #67C23A;
    color: #FFF;
}

.el-button--success.is-plain:active {
    background: #5daf34;
    border-color: #5daf34;
    color: #FFF;
    outline: 0;
}

.el-button--success.is-plain.is-disabled,
.el-button--success.is-plain.is-disabled:active,
.el-button--success.is-plain.is-disabled:focus,
.el-button--success.is-plain.is-disabled:hover {
    color: #a4da89;
    background-color: #f0f9eb;
    border-color: #e1f3d8;
}

.el-button--warning {
    color: #FFF;
    background-color: #E6A23C;
    border-color: #E6A23C;
}

.el-button--warning:focus,
.el-button--warning:hover {
    background: #ebb563;
    border-color: #ebb563;
    color: #FFF;
}

.el-button--warning.is-active,
.el-button--warning:active {
    background: #cf9236;
    border-color: #cf9236;
    color: #FFF;
}

.el-button--warning:active {
    outline: 0;
}

.el-button--warning.is-disabled,
.el-button--warning.is-disabled:active,
.el-button--warning.is-disabled:focus,
.el-button--warning.is-disabled:hover {
    color: #FFF;
    background-color: #f3d19e;
    border-color: #f3d19e;
}

.el-button--warning.is-plain {
    color: #E6A23C;
    background: #fdf6ec;
    border-color: #f5dab1;
}

.el-button--warning.is-plain:focus,
.el-button--warning.is-plain:hover {
    background: #E6A23C;
    border-color: #E6A23C;
    color: #FFF;
}

.el-button--warning.is-plain:active {
    background: #cf9236;
    border-color: #cf9236;
    color: #FFF;
    outline: 0;
}

.el-button--warning.is-plain.is-disabled,
.el-button--warning.is-plain.is-disabled:active,
.el-button--warning.is-plain.is-disabled:focus,
.el-button--warning.is-plain.is-disabled:hover {
    color: #f0c78a;
    background-color: #fdf6ec;
    border-color: #faecd8;
}

.el-button--danger {
    color: #FFF;
    background-color: #F56C6C;
    border-color: #F56C6C;
}

.el-button--danger:focus,
.el-button--danger:hover {
    background: #f78989;
    border-color: #f78989;
    color: #FFF;
}

.el-button--danger.is-active,
.el-button--danger:active {
    background: #dd6161;
    border-color: #dd6161;
    color: #FFF;
}

.el-button--danger:active {
    outline: 0;
}

.el-button--danger.is-disabled,
.el-button--danger.is-disabled:active,
.el-button--danger.is-disabled:focus,
.el-button--danger.is-disabled:hover {
    color: #FFF;
    background-color: #fab6b6;
    border-color: #fab6b6;
}

.el-button--danger.is-plain {
    color: #F56C6C;
    background: #fef0f0;
    border-color: #fbc4c4;
}

.el-button--danger.is-plain:focus,
.el-button--danger.is-plain:hover {
    background: #F56C6C;
    border-color: #F56C6C;
    color: #FFF;
}

.el-button--danger.is-plain:active {
    background: #dd6161;
    border-color: #dd6161;
    color: #FFF;
    outline: 0;
}

.el-button--danger.is-plain.is-disabled,
.el-button--danger.is-plain.is-disabled:active,
.el-button--danger.is-plain.is-disabled:focus,
.el-button--danger.is-plain.is-disabled:hover {
    color: #f9a7a7;
    background-color: #fef0f0;
    border-color: #fde2e2;
}

.el-button--info {
    color: #FFF;
    background-color: #909399;
    border-color: #909399;
}

.el-button--info:focus,
.el-button--info:hover {
    background: #a6a9ad;
    border-color: #a6a9ad;
    color: #FFF;
}

.el-button--info.is-active,
.el-button--info:active {
    background: #82848a;
    border-color: #82848a;
    color: #FFF;
}

.el-button--info:active {
    outline: 0;
}

.el-button--info.is-disabled,
.el-button--info.is-disabled:active,
.el-button--info.is-disabled:focus,
.el-button--info.is-disabled:hover {
    color: #FFF;
    background-color: #c8c9cc;
    border-color: #c8c9cc;
}

.el-button--info.is-plain {
    color: #909399;
    background: #f4f4f5;
    border-color: #d3d4d6;
}

.el-button--info.is-plain:focus,
.el-button--info.is-plain:hover {
    background: #909399;
    border-color: #909399;
    color: #FFF;
}

.el-button--info.is-plain:active {
    background: #82848a;
    border-color: #82848a;
    color: #FFF;
    outline: 0;
}

.el-button--info.is-plain.is-disabled,
.el-button--info.is-plain.is-disabled:active,
.el-button--info.is-plain.is-disabled:focus,
.el-button--info.is-plain.is-disabled:hover {
    color: #bcbec2;
    background-color: #f4f4f5;
    border-color: #e9e9eb;
}

.el-button--text,
.el-button--text.is-disabled,
.el-button--text.is-disabled:focus,
.el-button--text.is-disabled:hover,
.el-button--text:active {
    border-color: transparent;
}

.el-button--medium {
    padding: 0.1rem 0.2rem;
    font-size: 0.14rem;
    border-radius: 0.04rem;
}

.el-button--mini,
.el-button--small {
    font-size: 0.12rem;
    border-radius: 0.03rem;
}

.el-button--medium.is-round {
    padding: 0.1rem 0.2rem;
}

.el-button--medium.is-circle {
    padding: 0.1rem;
}

.el-button--small,
.el-button--small.is-round {
    padding: 0.09rem 0.15rem;
}

.el-button--small.is-circle {
    padding: 0.09rem;
}

.el-button--mini,
.el-button--mini.is-round {
    padding: 0.07rem 0.15rem;
}

.el-button--mini.is-circle {
    padding: 0.07rem;
}

.el-button--text {
    color: #409EFF;
    background: 0 0;
    padding-left: 0;
    padding-right: 0;
}

.el-button--text:focus,
.el-button--text:hover {
    color: #66b1ff;
    border-color: transparent;
    background-color: transparent;
}

.el-button--text:active {
    color: #3a8ee6;
    background-color: transparent;
}

.el-button-group {
    display: inline-block;
    vertical-align: middle;
}

.el-button-group::after,
.el-button-group::before {
    display: table;
    content: "";
}

.el-button-group::after {
    clear: both;
}

.el-button-group > .el-button {
    float: left;
    position: relative;
}

.el-button-group > .el-button + .el-button {
    margin-left: 0;
}

.el-button-group > .el-button.is-disabled {
    z-index: 1;
}

.el-button-group > .el-button:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.el-button-group > .el-button:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.el-button-group > .el-button:first-child:last-child {
    border-radius: 0.04rem;
}

.el-button-group > .el-button:first-child:last-child.is-round {
    border-radius: 0.2rem;
}

.el-button-group > .el-button:first-child:last-child.is-circle {
    border-radius: 50%;
}

.el-button-group > .el-button:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.el-button-group > .el-button:not(:last-child) {
    margin-right: -0.01rem;
}

.el-button-group > .el-button.is-active,
.el-button-group > .el-button:not(.is-disabled):active,
.el-button-group > .el-button:not(.is-disabled):focus,
.el-button-group > .el-button:not(.is-disabled):hover {
    z-index: 1;
}

.el-button-group > .el-dropdown > .el-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-color: rgba(255, 255, 255, 0.5);
}

.el-button-group .el-button--primary:first-child {
    border-right-color: rgba(255, 255, 255, 0.5);
}

.el-button-group .el-button--primary:last-child {
    border-left-color: rgba(255, 255, 255, 0.5);
}

.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
    border-left-color: rgba(255, 255, 255, 0.5);
    border-right-color: rgba(255, 255, 255, 0.5);
}

.el-button-group .el-button--success:first-child {
    border-right-color: rgba(255, 255, 255, 0.5);
}

.el-button-group .el-button--success:last-child {
    border-left-color: rgba(255, 255, 255, 0.5);
}

.el-button-group .el-button--success:not(:first-child):not(:last-child) {
    border-left-color: rgba(255, 255, 255, 0.5);
    border-right-color: rgba(255, 255, 255, 0.5);
}

.el-button-group .el-button--warning:first-child {
    border-right-color: rgba(255, 255, 255, 0.5);
}

.el-button-group .el-button--warning:last-child {
    border-left-color: rgba(255, 255, 255, 0.5);
}

.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
    border-left-color: rgba(255, 255, 255, 0.5);
    border-right-color: rgba(255, 255, 255, 0.5);
}

.el-button-group .el-button--danger:first-child {
    border-right-color: rgba(255, 255, 255, 0.5);
}

.el-button-group .el-button--danger:last-child {
    border-left-color: rgba(255, 255, 255, 0.5);
}

.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
    border-left-color: rgba(255, 255, 255, 0.5);
    border-right-color: rgba(255, 255, 255, 0.5);
}

.el-button-group .el-button--info:first-child {
    border-right-color: rgba(255, 255, 255, 0.5);
}

.el-button-group .el-button--info:last-child {
    border-left-color: rgba(255, 255, 255, 0.5);
}

.el-button-group .el-button--info:not(:first-child):not(:last-child) {
    border-left-color: rgba(255, 255, 255, 0.5);
    border-right-color: rgba(255, 255, 255, 0.5);
}

.el-calendar {
    background-color: #fff;
}

.el-calendar__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.12rem 0.2rem;
    border-bottom: 0.01rem solid #EBEEF5;
}

.el-backtop,
.el-page-header {
    display: -webkit-box;
    display: -ms-flexbox;
}

.el-calendar__title {
    color: #000;
    -ms-flex-item-align: center;
    align-self: center;
}

.el-calendar__body {
    padding: 0.12rem 0.2rem 0.35rem;
}

.el-calendar-table {
    table-layout: fixed;
    width: 100%;
}

.el-calendar-table thead th {
    padding: 0.12rem 0;
    color: #606266;
    font-weight: 400;
}

.el-calendar-table:not(.is-range) td.next,
.el-calendar-table:not(.is-range) td.prev {
    color: #C0C4CC;
}

.el-backtop,
.el-calendar-table td.is-today {
    color: #409EFF;
}

.el-calendar-table td {
    border-bottom: 0.01rem solid #EBEEF5;
    border-right: 0.01rem solid #EBEEF5;
    vertical-align: top;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
}

.el-calendar-table td.is-selected {
    background-color: #F2F8FE;
}

.el-calendar-table tr:first-child td {
    border-top: 0.01rem solid #EBEEF5;
}

.el-calendar-table tr td:first-child {
    border-left: 0.01rem solid #EBEEF5;
}

.el-calendar-table tr.el-calendar-table__row--hide-border td {
    border-top: none;
}

.el-calendar-table .el-calendar-day {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.08rem;
    height: 0.85rem;
}

.el-calendar-table .el-calendar-day:hover {
    cursor: pointer;
    background-color: #F2F8FE;
}

.el-backtop {
    position: fixed;
    background-color: #FFF;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    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;
    font-size: 0.2rem;
    -webkit-box-shadow: 0 0 0.06rem rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 0.06rem rgba(0, 0, 0, 0.12);
    cursor: pointer;
    z-index: 5;
}

.el-backtop:hover {
    background-color: #F2F6FC;
}

.el-page-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 0.24rem;
}

.el-page-header__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    margin-right: 0.4rem;
    position: relative;
}

.el-page-header__left::after {
    content: "";
    position: absolute;
    width: 0.01rem;
    height: 0.16rem;
    right: -0.2rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #DCDFE6;
}

.el-checkbox,
.el-checkbox__input {
    display: inline-block;
    position: relative;
    white-space: nowrap;
}

.el-page-header__left .el-icon-back {
    font-size: 0.18rem;
    margin-right: 0.06rem;
    -ms-flex-item-align: center;
    align-self: center;
}

.el-page-header__title {
    font-size: 0.14rem;
    font-weight: 500;
}

.el-page-header__content {
    font-size: 0.18rem;
    color: #303133;
}

.el-checkbox {
    color: #606266;
    font-weight: 500;
    font-size: 0.14rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 0.3rem;
}

.el-checkbox-button__inner,
.el-empty__image img,
.el-radio {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.el-checkbox.is-bordered {
    padding: 0.09rem 0.2rem 0.09rem 0.1rem;
    border-radius: 0.04rem;
    border: 0.01rem solid #DCDFE6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: normal;
    height: 0.4rem;
}

.el-checkbox.is-bordered.is-checked {
    border-color: #409EFF;
}

.el-checkbox.is-bordered.is-disabled {
    border-color: #EBEEF5;
    cursor: not-allowed;
}

.el-checkbox.is-bordered + .el-checkbox.is-bordered {
    margin-left: 0.1rem;
}

.el-checkbox.is-bordered.el-checkbox--medium {
    padding: 0.07rem 0.2rem 0.07rem 0.1rem;
    border-radius: 0.04rem;
    height: 0.36rem;
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
    line-height: 0.17rem;
    font-size: 0.14rem;
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
    height: 0.14rem;
    width: 0.14rem;
}

.el-checkbox.is-bordered.el-checkbox--small {
    padding: 0.05rem 0.15rem 0.05rem 0.1rem;
    border-radius: 0.03rem;
    height: 0.32rem;
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
    line-height: 0.15rem;
    font-size: 0.12rem;
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
    height: 0.12rem;
    width: 0.12rem;
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
    height: 0.06rem;
    width: 0.02rem;
}

.el-checkbox.is-bordered.el-checkbox--mini {
    padding: 0.03rem 0.15rem 0.03rem 0.1rem;
    border-radius: 0.03rem;
    height: 0.28rem;
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
    line-height: 0.12rem;
    font-size: 0.12rem;
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
    height: 0.12rem;
    width: 0.12rem;
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after {
    height: 0.06rem;
    width: 0.02rem;
}

.el-checkbox__input {
    cursor: pointer;
    outline: 0;
    line-height: 1;
    vertical-align: middle;
}

.el-checkbox__input.is-disabled .el-checkbox__inner {
    background-color: #edf2fc;
    border-color: #DCDFE6;
    cursor: not-allowed;
}

.el-checkbox__input.is-disabled .el-checkbox__inner::after {
    cursor: not-allowed;
    border-color: #C0C4CC;
}

.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
    cursor: not-allowed;
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
    background-color: #F2F6FC;
    border-color: #DCDFE6;
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
    border-color: #C0C4CC;
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
    background-color: #F2F6FC;
    border-color: #DCDFE6;
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
    background-color: #C0C4CC;
    border-color: #C0C4CC;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #409EFF;
    border-color: #409EFF;
}

.el-checkbox__input.is-disabled + span.el-checkbox__label {
    color: #C0C4CC;
    cursor: not-allowed;
}

.el-checkbox__input.is-checked .el-checkbox__inner::after {
    -webkit-transform: rotate(45deg) scaleY(1);
    transform: rotate(45deg) scaleY(1);
}

.el-checkbox__input.is-checked + .el-checkbox__label {
    color: #409EFF;
}

.el-checkbox__input.is-focus .el-checkbox__inner {
    border-color: #409EFF;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
    content: '';
    position: absolute;
    display: block;
    background-color: #FFF;
    height: 0.02rem;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    left: 0;
    right: 0;
    top: 0.05rem;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
    display: none;
}

.el-checkbox__inner {
    display: inline-block;
    position: relative;
    border: 0.01rem solid #DCDFE6;
    border-radius: 0.02rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 0.14rem;
    height: 0.14rem;
    background-color: #FFF;
    z-index: 1;
    -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
    transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}

.el-checkbox__inner:hover {
    border-color: #409EFF;
}

.el-checkbox__inner::after {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    content: "";
    border: 0.01rem solid #FFF;
    border-left: 0;
    border-top: 0;
    height: 0.07rem;
    left: 0.04rem;
    position: absolute;
    top: 0.01rem;
    -webkit-transform: rotate(45deg) scaleY(0);
    transform: rotate(45deg) scaleY(0);
    width: 0.03rem;
    -webkit-transition: -webkit-transform .15s ease-in .05s;
    transition: -webkit-transform .15s ease-in .05s;
    transition: transform .15s ease-in .05s;
    transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s;
    transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s;
    -webkit-transform-origin: center;
    transform-origin: center;
}

.el-checkbox__original {
    opacity: 0;
    outline: 0;
    position: absolute;
    margin: 0;
    width: 0;
    height: 0;
    z-index: -1;
}

.el-checkbox-button,
.el-checkbox-button__inner {
    display: inline-block;
    position: relative;
}

.el-checkbox__label {
    display: inline-block;
    padding-left: 0.1rem;
    line-height: 0.19rem;
    font-size: 0.14rem;
}

.el-checkbox:last-of-type {
    margin-right: 0;
}

.el-checkbox-button__inner {
    line-height: 1;
    font-weight: 500;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background: #FFF;
    border: 0.01rem solid #DCDFE6;
    border-left: 0;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    padding: 0.12rem 0.2rem;
    font-size: 0.14rem;
    border-radius: 0;
}

.el-checkbox-button__inner.is-round {
    padding: 0.12rem 0.2rem;
}

.el-checkbox-button__inner:hover {
    color: #409EFF;
}

.el-checkbox-button__inner [class*=el-icon-] {
    line-height: .9;
}

.el-radio,
.el-radio__input {
    line-height: 1;
    white-space: nowrap;
    outline: 0;
}

.el-checkbox-button__inner [class*=el-icon-] + span {
    margin-left: 0.05rem;
}

.el-checkbox-button__original {
    opacity: 0;
    outline: 0;
    position: absolute;
    margin: 0;
    z-index: -1;
}

.el-radio,
.el-radio__inner,
.el-radio__input {
    position: relative;
    display: inline-block;
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
    color: #FFF;
    background-color: #409EFF;
    border-color: #409EFF;
    -webkit-box-shadow: -0.01rem 0 0 0 #8cc5ff;
    box-shadow: -0.01rem 0 0 0 #8cc5ff;
}

.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
    border-left-color: #409EFF;
}

.el-checkbox-button.is-disabled .el-checkbox-button__inner {
    color: #C0C4CC;
    cursor: not-allowed;
    background-image: none;
    background-color: #FFF;
    border-color: #EBEEF5;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
    border-left-color: #EBEEF5;
}

.el-checkbox-button:first-child .el-checkbox-button__inner {
    border-left: 0.01rem solid #DCDFE6;
    border-radius: 0.04rem 0 0 0.04rem;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.el-checkbox-button.is-focus .el-checkbox-button__inner {
    border-color: #409EFF;
}

.el-checkbox-button:last-child .el-checkbox-button__inner {
    border-radius: 0 0.04rem 0.04rem 0;
}

.el-checkbox-button--medium .el-checkbox-button__inner {
    padding: 0.1rem 0.2rem;
    font-size: 0.14rem;
    border-radius: 0;
}

.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
    padding: 0.1rem 0.2rem;
}

.el-checkbox-button--small .el-checkbox-button__inner {
    padding: 0.09rem 0.15rem;
    font-size: 0.12rem;
    border-radius: 0;
}

.el-checkbox-button--small .el-checkbox-button__inner.is-round {
    padding: 0.09rem 0.15rem;
}

.el-checkbox-button--mini .el-checkbox-button__inner {
    padding: 0.07rem 0.15rem;
    font-size: 0.12rem;
    border-radius: 0;
}

.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
    padding: 0.07rem 0.15rem;
}

.el-checkbox-group {
    font-size: 0;
}

.el-radio,
.el-radio--medium.is-bordered .el-radio__label {
    font-size: 0.14rem;
}

.el-radio {
    color: #606266;
    font-weight: 500;
    cursor: pointer;
    margin-right: 0.3rem;
}

.el-cascader-node > .el-radio,
.el-radio:last-child {
    margin-right: 0;
}

.el-radio.is-bordered {
    padding: 0.12rem 0.2rem 0 0.1rem;
    border-radius: 0.04rem;
    border: 0.01rem solid #DCDFE6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 0.4rem;
}

.el-radio.is-bordered.is-checked {
    border-color: #409EFF;
}

.el-radio.is-bordered.is-disabled {
    cursor: not-allowed;
    border-color: #EBEEF5;
}

.el-radio__input.is-disabled .el-radio__inner,
.el-radio__input.is-disabled.is-checked .el-radio__inner {
    background-color: #F5F7FA;
    border-color: #E4E7ED;
}

.el-radio.is-bordered + .el-radio.is-bordered {
    margin-left: 0.1rem;
}

.el-radio--medium.is-bordered {
    padding: 0.1rem 0.2rem 0 0.1rem;
    border-radius: 0.04rem;
    height: 0.36rem;
}

.el-radio--mini.is-bordered .el-radio__label,
.el-radio--small.is-bordered .el-radio__label {
    font-size: 0.12rem;
}

.el-radio--medium.is-bordered .el-radio__inner {
    height: 0.14rem;
    width: 0.14rem;
}

.el-radio--small.is-bordered {
    padding: 0.08rem 0.15rem 0 0.1rem;
    border-radius: 0.03rem;
    height: 0.32rem;
}

.el-radio--small.is-bordered .el-radio__inner {
    height: 0.12rem;
    width: 0.12rem;
}

.el-radio--mini.is-bordered {
    padding: 0.06rem 0.15rem 0 0.1rem;
    border-radius: 0.03rem;
    height: 0.28rem;
}

.el-radio--mini.is-bordered .el-radio__inner {
    height: 0.12rem;
    width: 0.12rem;
}

.el-radio__input {
    cursor: pointer;
    vertical-align: middle;
}

.el-radio__input.is-disabled .el-radio__inner {
    cursor: not-allowed;
}

.el-radio__input.is-disabled .el-radio__inner::after {
    cursor: not-allowed;
    background-color: #F5F7FA;
}

.el-radio__input.is-disabled .el-radio__inner + .el-radio__label {
    cursor: not-allowed;
}

.el-radio__input.is-disabled.is-checked .el-radio__inner::after {
    background-color: #C0C4CC;
}

.el-radio__input.is-disabled + span.el-radio__label {
    color: #C0C4CC;
    cursor: not-allowed;
}

.el-radio__input.is-checked .el-radio__inner {
    border-color: #409EFF;
    background: #409EFF;
}

.el-radio__input.is-checked .el-radio__inner::after {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.el-radio__input.is-checked + .el-radio__label {
    color: #409EFF;
}

.el-radio__input.is-focus .el-radio__inner {
    border-color: #409EFF;
}

.el-radio__inner {
    border: 0.01rem solid #DCDFE6;
    border-radius: 100%;
    width: 0.14rem;
    height: 0.14rem;
    background-color: #FFF;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-radio__inner:hover {
    border-color: #409EFF;
}

.el-radio__inner::after {
    width: 0.04rem;
    height: 0.04rem;
    border-radius: 100%;
    background-color: #FFF;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    -webkit-transition: -webkit-transform .15s ease-in;
    transition: -webkit-transform .15s ease-in;
    transition: transform .15s ease-in;
    transition: transform .15s ease-in, -webkit-transform .15s ease-in;
    transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}

.el-radio__original {
    opacity: 0;
    outline: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
}

.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
    -webkit-box-shadow: 0 0 0.02rem 0.02rem #409EFF;
    box-shadow: 0 0 0.02rem 0.02rem #409EFF;
}

.el-radio__label {
    font-size: 0.14rem;
    padding-left: 0.1rem;
}

.el-scrollbar {
    overflow: hidden;
    position: relative;
}

.el-scrollbar:active > .el-scrollbar__bar,
.el-scrollbar:focus > .el-scrollbar__bar,
.el-scrollbar:hover > .el-scrollbar__bar {
    opacity: 1;
    -webkit-transition: opacity 340ms ease-out;
    transition: opacity 340ms ease-out;
}

.el-scrollbar__wrap {
    overflow: scroll;
    height: 100%;
}

.el-scrollbar__wrap--hidden-default {
    scrollbar-width: none;
}

.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.el-scrollbar__thumb {
    position: relative;
    display: block;
    width: 0;
    height: 0;
    cursor: pointer;
    border-radius: inherit;
    background-color: rgba(144, 147, 153, 0.3);
    -webkit-transition: .3s background-color;
    transition: .3s background-color;
}

.el-scrollbar__thumb:hover {
    background-color: rgba(144, 147, 153, 0.5);
}

.el-scrollbar__bar {
    position: absolute;
    right: 0.02rem;
    bottom: 0.02rem;
    z-index: 1;
    border-radius: 0.04rem;
    opacity: 0;
    -webkit-transition: opacity 120ms ease-out;
    transition: opacity 120ms ease-out;
}

.el-scrollbar__bar.is-vertical {
    width: 0.06rem;
    top: 0.02rem;
}

.el-scrollbar__bar.is-vertical > div {
    width: 100%;
}

.el-scrollbar__bar.is-horizontal {
    height: 0.06rem;
    left: 0.02rem;
}

.el-scrollbar__bar.is-horizontal > div {
    height: 100%;
}

.el-cascader-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 0.04rem;
    font-size: 0.14rem;
}

.el-cascader-panel.is-bordered {
    border: 0.01rem solid #E4E7ED;
    border-radius: 0.04rem;
}

.el-cascader-menu {
    min-width: 1.8rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    border-right: solid 0.01rem #E4E7ED;
}

.el-cascader-menu:last-child {
    border-right: none;
}

.el-cascader-menu:last-child .el-cascader-node {
    padding-right: 0.2rem;
}

.el-cascader-menu__wrap {
    height: 2.04rem;
}

.el-cascader-menu__list {
    position: relative;
    min-height: 100%;
    margin: 0;
    padding: 0.06rem 0;
    list-style: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-avatar,
.el-drawer {
    -webkit-box-sizing: border-box;
    overflow: hidden;
}

.el-cascader-menu__hover-zone {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.el-cascader-menu__empty-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    color: #C0C4CC;
}

.el-cascader-node {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0.3rem 0 0.2rem;
    height: 0.34rem;
    line-height: 0.34rem;
    outline: 0;
}

.el-cascader-node.is-selectable.in-active-path {
    color: #606266;
}

.el-cascader-node.in-active-path,
.el-cascader-node.is-active,
.el-cascader-node.is-selectable.in-checked-path {
    color: #409EFF;
    font-weight: 700;
}

.el-cascader-node:not(.is-disabled) {
    cursor: pointer;
}

.el-cascader-node:not(.is-disabled):focus,
.el-cascader-node:not(.is-disabled):hover {
    background: #F5F7FA;
}

.el-cascader-node.is-disabled {
    color: #C0C4CC;
    cursor: not-allowed;
}

.el-cascader-node__prefix {
    position: absolute;
    left: 0.1rem;
}

.el-cascader-node__postfix {
    position: absolute;
    right: 0.1rem;
}

.el-cascader-node__label {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 0.1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.el-cascader-node > .el-radio .el-radio__label {
    padding-left: 0;
}

.el-avatar {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    background: #C0C4CC;
    width: 0.4rem;
    height: 0.4rem;
    line-height: 0.4rem;
    font-size: 0.14rem;
}

.el-avatar > img {
    display: block;
    height: 100%;
    vertical-align: middle;
}

.el-drawer,
.el-drawer__header {
    display: -webkit-box;
    display: -ms-flexbox;
}

.el-empty__image img,
.el-empty__image svg {
    vertical-align: top;
    height: 100%;
    width: 100%;
}

.el-avatar--circle {
    border-radius: 50%;
}

.el-avatar--square {
    border-radius: 0.04rem;
}

.el-avatar--icon {
    font-size: 0.18rem;
}

.el-avatar--large {
    width: 0.4rem;
    height: 0.4rem;
    line-height: 0.4rem;
}

.el-avatar--medium {
    width: 0.36rem;
    height: 0.36rem;
    line-height: 0.36rem;
}

.el-avatar--small {
    width: 0.28rem;
    height: 0.28rem;
    line-height: 0.28rem;
}

.el-drawer.ltr,
.el-drawer.rtl,
.el-drawer__container {
    top: 0;
    bottom: 0;
    height: 100%;
}

@-webkit-keyframes el-drawer-fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes el-drawer-fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes rtl-drawer-in {
    0% {
        -webkit-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes rtl-drawer-in {
    0% {
        -webkit-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-webkit-keyframes rtl-drawer-out {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    100% {
        -webkit-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }
}

@keyframes rtl-drawer-out {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    100% {
        -webkit-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }
}

@-webkit-keyframes ltr-drawer-in {
    0% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes ltr-drawer-in {
    0% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-webkit-keyframes ltr-drawer-out {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    100% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }
}

@keyframes ltr-drawer-out {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    100% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }
}

@-webkit-keyframes ttb-drawer-in {
    0% {
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes ttb-drawer-in {
    0% {
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-webkit-keyframes ttb-drawer-out {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    100% {
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }
}

@keyframes ttb-drawer-out {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    100% {
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }
}

@-webkit-keyframes btt-drawer-in {
    0% {
        -webkit-transform: translate(0, 100%);
        transform: translate(0, 100%);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes btt-drawer-in {
    0% {
        -webkit-transform: translate(0, 100%);
        transform: translate(0, 100%);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-webkit-keyframes btt-drawer-out {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    100% {
        -webkit-transform: translate(0, 100%);
        transform: translate(0, 100%);
    }
}

@keyframes btt-drawer-out {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    100% {
        -webkit-transform: translate(0, 100%);
        transform: translate(0, 100%);
    }
}

.el-drawer {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-shadow: 0 0.08rem 0.1rem -0.05rem rgba(0, 0, 0, 0.2), 0 0.16rem 0.24rem 0.02rem rgba(0, 0, 0, 0.14), 0 0.06rem 0.3rem 0.05rem rgba(0, 0, 0, 0.12);
    box-shadow: 0 0.08rem 0.1rem -0.05rem rgba(0, 0, 0, 0.2), 0 0.16rem 0.24rem 0.02rem rgba(0, 0, 0, 0.14), 0 0.06rem 0.3rem 0.05rem rgba(0, 0, 0, 0.12);
    outline: 0;
}

.el-drawer__body > *,
.el-empty {
    -webkit-box-sizing: border-box;
}

.el-drawer.rtl {
    -webkit-animation: rtl-drawer-out .3s;
    animation: rtl-drawer-out .3s;
    right: 0;
}

.el-drawer__open .el-drawer.rtl {
    -webkit-animation: rtl-drawer-in .3s 1ms;
    animation: rtl-drawer-in .3s 1ms;
}

.el-drawer.ltr {
    -webkit-animation: ltr-drawer-out .3s;
    animation: ltr-drawer-out .3s;
    left: 0;
}

.el-drawer__open .el-drawer.ltr {
    -webkit-animation: ltr-drawer-in .3s 1ms;
    animation: ltr-drawer-in .3s 1ms;
}

.el-drawer.ttb {
    -webkit-animation: ttb-drawer-out .3s;
    animation: ttb-drawer-out .3s;
    top: 0;
}

.el-drawer__open .el-drawer.ttb {
    -webkit-animation: ttb-drawer-in .3s 1ms;
    animation: ttb-drawer-in .3s 1ms;
}

.el-drawer.btt {
    -webkit-animation: btt-drawer-out .3s;
    animation: btt-drawer-out .3s;
    bottom: 0;
}

.el-drawer__open .el-drawer.btt {
    -webkit-animation: btt-drawer-in .3s 1ms;
    animation: btt-drawer-in .3s 1ms;
}

.el-drawer__wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    margin: 0;
}

.el-drawer__header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #72767b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.32rem;
    padding: 0.2rem 0.2rem 0;
}

.el-drawer__header > :first-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.el-drawer__title {
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: inherit;
    font-size: 1rem;
}

.el-drawer__close-btn {
    border: none;
    cursor: pointer;
    font-size: 0.2rem;
    color: inherit;
    background-color: transparent;
}

.el-drawer__body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: auto;
}

.el-drawer__body > * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.el-drawer.btt,
.el-drawer.ttb {
    width: 100%;
    left: 0;
    right: 0;
}

.el-drawer__container {
    position: relative;
    left: 0;
    right: 0;
    width: 100%;
}

.el-drawer-fade-enter-active {
    -webkit-animation: el-drawer-fade-in .3s;
    animation: el-drawer-fade-in .3s;
}

.el-drawer-fade-leave-active {
    animation: el-drawer-fade-in .3s reverse;
}

.el-popconfirm__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.el-popconfirm__icon {
    margin-right: 0.05rem;
}

.el-popconfirm__action {
    text-align: right;
    margin: 0;
}

@-webkit-keyframes el-skeleton-loading {
    0% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0 50%;
    }
}

@keyframes el-skeleton-loading {
    0% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0 50%;
    }
}

.el-skeleton {
    width: 100%;
}

.el-skeleton__first-line,
.el-skeleton__paragraph {
    height: 0.16rem;
    margin-top: 0.16rem;
    background: #f2f2f2;
}

.el-skeleton.is-animated .el-skeleton__item {
    background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));
    background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
    background-size: 400% 100%;
    -webkit-animation: el-skeleton-loading 1.4s ease infinite;
    animation: el-skeleton-loading 1.4s ease infinite;
}

.el-skeleton__item {
    background: #f2f2f2;
    display: inline-block;
    height: 0.16rem;
    border-radius: 0.04rem;
    width: 100%;
}

.el-empty,
.el-skeleton__image {
    display: -webkit-box;
    display: -ms-flexbox;
}

.el-skeleton__circle {
    border-radius: 50%;
    width: 0.36rem;
    height: 0.36rem;
    line-height: 0.36rem;
}

.el-skeleton__circle--lg {
    width: 0.4rem;
    height: 0.4rem;
    line-height: 0.4rem;
}

.el-skeleton__circle--md {
    width: 0.28rem;
    height: 0.28rem;
    line-height: 0.28rem;
}

.el-skeleton__button {
    height: 0.4rem;
    width: 0.64rem;
    border-radius: 0.04rem;
}

.el-skeleton__p {
    width: 100%;
}

.el-skeleton__p.is-last {
    width: 61%;
}

.el-skeleton__p.is-first {
    width: 33%;
}

.el-skeleton__text {
    width: 100%;
    height: 0.13rem;
}

.el-skeleton__caption {
    height: 0.12rem;
}

.el-skeleton__h1 {
    height: 0.2rem;
}

.el-skeleton__h3 {
    height: 0.18rem;
}

.el-skeleton__h5 {
    height: 0.16rem;
}

.el-skeleton__image {
    width: unset;
    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;
    border-radius: 0;
}

.el-skeleton__image svg {
    fill: #DCDDE0;
    width: 22%;
    height: 22%;
}

.el-empty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.4rem 0;
}

.el-empty__image {
    width: 1.6rem;
}

.el-empty__image img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -o-object-fit: contain;
    object-fit: contain;
}

.el-empty__image svg {
    fill: #DCDDE0;
}

.el-empty__description {
    margin-top: 0.2rem;
}

.el-empty__description p {
    margin: 0;
    font-size: 0.14rem;
    color: #909399;
}

.el-empty__bottom,
.el-result__title {
    margin-top: 0.2rem;
}

.el-descriptions {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0.14rem;
    color: #303133;
}

.el-descriptions__header {
    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;
    margin-bottom: 0.2rem;
}

.el-descriptions__title {
    font-size: 0.16rem;
    font-weight: 700;
}

.el-descriptions--mini,
.el-descriptions--small {
    font-size: 0.12rem;
}

.el-descriptions__body {
    color: #606266;
    background-color: #FFF;
}

.el-descriptions__body .el-descriptions__table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
}

.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    font-weight: 400;
    line-height: 1.5;
}

.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-left {
    text-align: left;
}

.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-center {
    text-align: center;
}

.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-right {
    text-align: right;
}

.el-descriptions .is-bordered {
    table-layout: auto;
}

.el-descriptions .is-bordered .el-descriptions-item__cell {
    border: 0.01rem solid #EBEEF5;
    padding: 0.12rem 0.1rem;
}

.el-descriptions :not(.is-bordered) .el-descriptions-item__cell {
    padding-bottom: 0.12rem;
}

.el-descriptions--medium.is-bordered .el-descriptions-item__cell {
    padding: 0.1rem;
}

.el-descriptions--medium:not(.is-bordered) .el-descriptions-item__cell {
    padding-bottom: 0.1rem;
}

.el-descriptions--small.is-bordered .el-descriptions-item__cell {
    padding: 0.08rem 0.1rem;
}

.el-descriptions--small:not(.is-bordered) .el-descriptions-item__cell {
    padding-bottom: 0.08rem;
}

.el-descriptions--mini.is-bordered .el-descriptions-item__cell {
    padding: 0.06rem 0.1rem;
}

.el-descriptions--mini:not(.is-bordered) .el-descriptions-item__cell {
    padding-bottom: 0.06rem;
}

.el-descriptions-item__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.el-descriptions-item__label.has-colon::after {
    content: ':';
    position: relative;
    top: -.0 .05rem;
}

.el-descriptions-item__label.is-bordered-label {
    font-weight: 700;
    color: #909399;
    background: #fafafa;
}

.el-descriptions-item__label:not(.is-bordered-label) {
    margin-right: 0.1rem;
}

.el-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.4rem 0.3rem;
}

.el-result__icon svg {
    width: 0.64rem;
    height: 0.64rem;
}

.el-result__title p {
    margin: 0;
    font-size: 0.2rem;
    color: #303133;
    line-height: 1.3;
}

.el-result__subtitle {
    margin-top: 0.1rem;
}

.el-result__subtitle p {
    margin: 0;
    font-size: 0.14rem;
    color: #606266;
    line-height: 1.3;
}

.el-result__extra {
    margin-top: 0.3rem;
}

.el-result .icon-success {
    fill: #67C23A;
}

.el-result .icon-error {
    fill: #F56C6C;
}

.el-result .icon-info {
    fill: #909399;
}

.el-result .icon-warning {
    fill: #E6A23C;
}
@-webkit-keyframes slide-right-in-data-v-0ff10bfe {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-right-in-data-v-0ff10bfe {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-0ff10bfe {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-0ff10bfe {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-0ff10bfe {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-0ff10bfe {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-0ff10bfe {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-0ff10bfe {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-0ff10bfe {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-0ff10bfe {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.portrait[data-v-0ff10bfe] {
    display: none;
}

.web[data-v-0ff10bfe] {
    display: block;
}

.test[data-v-0ff10bfe] {
    display: none;
}

.header[data-v-0ff10bfe] {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1000;
    color: #fff;
    -webkit-transition: background 1s, -webkit-transform 0.3s;
    transition: background 1s, -webkit-transform 0.3s;
    transition: transform 0.3s, background 1s;
    transition: transform 0.3s, background 1s, -webkit-transform 0.3s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.header.active[data-v-0ff10bfe] {
    -webkit-transform: translateY(-0.42rem);
    transform: translateY(-0.42rem);
    background: #162133;
}

.header.bgcolor[data-v-0ff10bfe] {
    background: #162133 !important;
}

.header .tel[data-v-0ff10bfe] {
    height: 0.42rem;
    border-bottom: 0.01rem solid rgba(255, 255, 255, 0.1);
}

.header .tel > div[data-v-0ff10bfe] {
    width: 15.2rem;
    margin: 0 auto;
    height: 0.42rem;
    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;
    font-size: 0.16rem;
    font-weight: 900;
}

.header .tel > div div[data-v-0ff10bfe] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header .tel > div div[data-v-0ff10bfe]:nth-child(1) {
    font-family: 'Gilroy-Bold';
}

.header .tel > div div:nth-child(1) i[data-v-0ff10bfe] {
    width: 0.19rem;
    height: 0.2rem;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4zLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNjQgNjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDY0IDY0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDcuMywyOC40YzAsMS4zLDAuOSwyLjIsMi4yLDIuMmMxLjMsMCwyLjItMC45LDIuMi0yLjJjMC03LjItNS44LTEzLTEzLjEtMTMuMWMtMS4zLDAtMi4yLDAuOS0yLjIsMi4yDQoJCXMwLjksMi4yLDIuMiwyLjJDNDMuNSwxOS43LDQ3LjMsMjMuNiw0Ny4zLDI4LjR6Ii8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTU3LjUsMjYuMWMwLDEuMywwLjksMi4yLDIuMiwyLjJjMS4zLDAsMi4yLTAuOSwyLjItMi4yYzAtMTItOS44LTIxLjgtMjEuOC0yMS44Yy0xLjMsMC0yLjIsMC45LTIuMiwyLjINCgkJczAuOSwyLjIsMi4yLDIuMkM0OS43LDguNyw1Ny41LDE2LjUsNTcuNSwyNi4xeiBNMTkuNCwyMy45QzE5LjksMjcsMjIuNiwzOC42LDM1LDQ0LjNjMC42LDAuMywxLjIsMC4yLDEuNy0wLjINCgkJYzEuOC0xLjMsNS44LTQuMiw2LjYtNC44YzEuMy0wLjksMy41LTEuOCw1LjQsMGw5LjksOS4zYzAsMCwxLjUsMi40LDAuNCwzLjdjLTIuOSwzLjUtOS40LDEwLjctOS40LDEwLjdzLTEuMiwxLjUtMy43LDAuNg0KCQljLTQtMS40LTE3LjQtOC4zLTI4LjItMjEuMUM3LjMsMzAuMSw0LjUsMTkuMywyLjQsMTEuN0MxLjcsOS4zLDIuMSw3LDQsNi4yYzIuNC0xLjEsMTMtNiwxMy02czIuNC0wLjcsMy41LDEuMg0KCQljMS4xLDEuOSw3LDEwLDcuNywxMS4zYzAuOSwxLjUsMC4zLDIuNy0wLjQsMy40Yy0wLjksMC44LTYuMSw1LjItNy45LDYuNkMxOS41LDIzLDE5LjMsMjMuNSwxOS40LDIzLjl6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==) no-repeat;
    background-size: 100% 100%;
    margin-right: 0.08rem;
}

.header .tel > div div[data-v-0ff10bfe]:nth-child(2) {
    cursor: pointer;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.header .tel > div div:nth-child(2) i[data-v-0ff10bfe] {
    width: 0.28rem;
    height: 0.28rem;
    border-radius: 100%;
    background: #2ccbe7;
    margin-right: 0.11rem;
    position: relative;
    margin-top: -0.03rem;
}

.header .tel > div div:nth-child(2) i[data-v-0ff10bfe]::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -0.09rem;
    background: url(data:image/jpeg;base64,/9j/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwMBAQEBAQEBAgEBAgICAQICAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA//dAAQAA//uAA5BZG9iZQBkwAAAAAH/wAARCAAYABIDABEAAREBAhEB/8QAgQAAAgMAAAAAAAAAAAAAAAAACAoEBwkBAQEBAQAAAAAAAAAAAAAAAAcEBggQAAAGAQMCBgIDAAAAAAAAAAECAwQFBgcACBESExQWISIjQQkVFzEyEQABAgQGAgAEBwEAAAAAAAABAgMEBRESAAYHEyExIkEUI3GRCBVRUmFysdH/2gAMAwAAARECEQA/AHhctZWlsYndOG1I8zRTGh2u5unLaUO0eeIrLmJblhUGRYd8VVSRGYTMRTuAJSpqew3T6wRsc7CEkIK0BtSu6HxpxSh7r/vGE/T/AE+lmeEtsvzJMDHuzaFg0pUyFotiUuqLyll1BAb2VAptIJUjyFeByabo7BYckyVIhcVO+xHZHoVJkZ1/Y3jVmVnequ+sp59gklW1El04Q8aq3OgZYhjiKZhMQDhobm6n1TKId3VpCnFqABPHPXf84Tn9HpXKcrNT2PnDd65XGRSGkMIUoqg4hLAZWS+CC7elYWEkDyACik4LUVD8jwooIfQiYwCIfQiHI8emoUPv2j5jnX7lf9wL7aPaU1+gx//Qcr3UZO3K4/laY3wM120OI6TYzC1mNnvIMpSpAjlquxLHeWkY9ZIsg0FFVXxJz8imcCAH+h1XDNw7gO9uV9Wiv3xFFuxTZT8PtUPd5p9sCLjPIH5dbBmKpDk7E+xltt2lLSBrTbMe5Ov05ekqEsi4OnKVVk8KaGkZdQ5UekpzCiYhjcD6BoszHCZBSYxxmImRn1yjYUNbW7UVFQbrRzz3i6Wv5rMQ0lbEF+XE8qSp2+2hoera9V9Y051gUA2D6DG3x//RcMzhQtoe5B9AP854YUyS9qrWRj6+4n65NCeKaSqrZWRQbeDkWYAR2qzSE3UAjyQP60MtfiEyrDEpZh52nnmkE56xvX9JZtFUVEOS1VBxWJT7xCWy3jegU1Og4yp9uh46nRjWvU2vs62/ZRcdHRJSIMIxu+WVcqIskECdIGN1m6Q+x1zPqdqyxOoCZtZWbnTE+eeq058K42U/MBV5821TUdc1wlZa0rmMO7CiPflqZaEi+kQlZCbaCiOKkcUFcUT/AC5m1b5v2lib935ewjBOBRQ7nu7KQmYmMKafPBRERHgNCjGbNT9hF0XObrBXwd/T+mFo5L0/QbNmEVTipeTU09nz7PZx/9k=) no-repeat;
    background-size: 0.18rem 0.24rem;
    width: 0.18rem;
    height: 0.24rem;
}

.header .tel > div div[data-v-0ff10bfe]:nth-child(2):hover {
    color: #2ccbe7;
}

.header .nav-warp[data-v-0ff10bfe] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 15.2rem;
    margin: 0 auto;
    font-size: 0.16rem;
    font-weight: 400;
    color: #ffffff;
    line-height: 0.26rem;
    padding-bottom: 0.25rem;
    margin-top: 0.25rem;
}

.header .nav-warp .logo[data-v-0ff10bfe] {
    height: 0.5rem;
    background: url(assets/dd5bdf121cd4338ee39ee540ea796cc9.svg) no-repeat 0 center;
    background-size: 100% auto !important;
    padding-left: 2.18rem;
    cursor: pointer;
}

.header .nav-warp .logo p[data-v-0ff10bfe] {
    font-size: 0.14rem;
    font-weight: 400;
    color: #ffffff;
    line-height: 0.26rem;
    cursor: default;
    white-space: pre-wrap;
}

.header .nav-warp > ul[data-v-0ff10bfe] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.header .nav-warp > ul > li[data-v-0ff10bfe] {
    margin-left: 0.1rem;
    cursor: pointer;
    width: 1.2rem;
    height: 0.45rem;
    text-align: center;
    position: relative;
    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;
}

.header .nav-warp > ul > li:nth-child(2) ul[data-v-0ff10bfe] {
    left: -0.07rem;
    width: calc(100% + 0.15rem);
}

.header .nav-warp > ul > li > div[data-v-0ff10bfe] {
    height: 0.45rem;
    line-height: 0.45rem;
    -webkit-transition: border 0.5s;
    transition: border 0.5s;
    border-bottom: 0.02rem solid rgba(255, 255, 255, 0);
}

.header .nav-warp > ul > li:hover > div[data-v-0ff10bfe]::after {
    width: 100% !important;
}

.header .nav-warp > ul > li:not(.option) > div[data-v-0ff10bfe] {
    position: relative;
}

.header .nav-warp > ul > li:not(.option) > div[data-v-0ff10bfe]::after {
    position: absolute;
    content: '';
    bottom: -0.02rem;
    left: 0;
    height: 0.02rem;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
    background: #ffffff;
    width: 0;
}

.header .nav-warp > ul > li > ul[data-v-0ff10bfe] {
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background: #ffffff;
}

.header .nav-warp > ul > li > ul.active[data-v-0ff10bfe] {
    opacity: 1;
    pointer-events: auto;
}

.header .nav-warp > ul > li > ul > li[data-v-0ff10bfe] {
    line-height: 0.45rem;
    text-align: center;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
    font-size: 0.16rem;
    font-weight: 500;
    white-space: nowrap;
    color: #666666;
}

.header .nav-warp > ul > li > ul > li[data-v-0ff10bfe]:hover {
    color: #fff;
    background: #0044b0;
}

.header .nav-warp > ul > li > ul > li > ul[data-v-0ff10bfe] {
    position: absolute;
    left: 100% !important;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    background: #ffffff;
}

.header .nav-warp > ul > li > ul > li > ul.active[data-v-0ff10bfe] {
    opacity: 1;
    pointer-events: auto;
}

.header .nav-warp > ul > li > ul > li > ul > li[data-v-0ff10bfe] {
    color: #666666;
}

.header .nav-warp > ul > li > ul > li > ul > li[data-v-0ff10bfe]:hover {
    color: #fff;
    background: #0044b0;
}

.header .nav-warp > ul > li.option[data-v-0ff10bfe] {
    width: 1.5rem;
    margin-left: 0.23rem;
}

.header .nav-warp > ul > li.option.active div[data-v-0ff10bfe] {
    border: 0.02rem solid transparent !important;
}

.header .nav-warp > ul > li.option div[data-v-0ff10bfe] {
    width: 1.5rem;
    height: 0.45rem;
    border: 0.02rem solid #ffffff;
    border-radius: 0.23rem;
    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;
    position: relative;
    z-index: 2;
    -webkit-transition: none;
    transition: none;
}

.header .nav-warp > ul > li.option div b[data-v-0ff10bfe] {
    width: 0.2rem;
    height: 0.2rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABYElEQVQ4ja2TTytEYRjFf/PXDmPBlEaxscHOl8Bm8gnkg+ALjLVPQMm/oizHxsbOWLChlBplNISixtEznsk07r3NNU49dd/zvOf0vud9LpKiqiipLOnFq+xcqCbKrKRvPEna9ao7V4prOO/CE0n5Nj7vnGEujuGepIakQkCv4L2DIG2i6fobF0A/MBbUBG6BZ2Cqs5EMEVSBYWAgoGfcCHAfJAwz3AL6gHUg08bbdwnIApuBypAMU5KOPfyKpBWvinNHvifW2GQkrUqq6Qc15zJhurBHaUcKmPD1NdCI2txpaJmOAoOeUxQ+gDpwB3x2Zpj2jB4VH6ZZa8VgJ0wAO0AROAcOfca6gc3qAjAD7AOLdrolP9N2VNgRlXWtYRn/N98kDf3BrFU5Sa+STu3KD8ANMNvlNcNwBown/UXrPZoZzCNnhjZn7/9gaB7JtC+mgY0eDc2jOTaXwGTvBwTg6guUdHwVbJwMMgAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
}

.header .nav-warp > ul > li.option div span[data-v-0ff10bfe] {
    margin: 0 0.07rem;
}

.header .nav-warp > ul > li.option div i[data-v-0ff10bfe] {
    width: 0.11rem;
    height: 0.11rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHCAYAAAA8sqwkAAAAhklEQVQYlW2OvQkCQRhER7hAjNTMBmzBNsztzRqE68HcwNgCBDE0e/LO72RPHBj225m3PwH0ATgCXe1bd9XJxGANPPioBxYN7GymZFZjsQPuVZzrEu2s7GSGF0ZvgVsB17Iysxu43/9ugEuBytnsy8yGU1Mtk5wq2id5tvW/A2pe62uSJnkD75LTMM8Rc4cAAAAASUVORK5CYII=) no-repeat center center;
    background-size: contain;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.header .nav-warp > ul > li.option div i.active[data-v-0ff10bfe] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.header .nav-warp > ul > li.option > span[data-v-0ff10bfe] {
    display: block;
    padding-top: 0.42rem;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    border: 0.02rem solid #fff;
    border-radius: 0.06rem;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    pointer-events: none;
}

.header .nav-warp > ul > li.option > span.active[data-v-0ff10bfe] {
    opacity: 1;
    pointer-events: auto;
}

.header .nav-warp > ul > li.option > span ul[data-v-0ff10bfe] {
    position: static;
    background: #fff;
    top: 0;
    z-index: 1;
}

.header .nav-warp > ul > li.option > span ul li[data-v-0ff10bfe] {
    line-height: 0.45rem;
    font-size: 0.16rem;
    font-weight: 500;
    color: #666666;
    -webkit-transform: color 0.3, background 0.3s;
    transform: color 0.3, background 0.3s;
}

.header .nav-warp > ul > li.option > span ul li[data-v-0ff10bfe]:nth-child(1) {
    border-top: 0.02rem solid #fff;
}

.header .nav-warp > ul > li.option > span ul li[data-v-0ff10bfe]:hover {
    background: #0044b0;
    color: #fff;
}

.header .nav-warp > ul > li.option > span ul.active[data-v-0ff10bfe] {
    opacity: 1;
    pointer-events: auto;
}

.header .nav-warp > ul > li.search[data-v-0ff10bfe] {
    width: 0.5rem;
    height: 0.5rem;
    background: #0044b0;
    border: 0.01rem solid #0044b0;
    border-radius: 50%;
    position: relative;
    margin-left: 0.2rem;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}

.header .nav-warp > ul > li.search i[data-v-0ff10bfe] {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 0.18rem;
    height: 0.18rem;
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE5OS45NSAyMDAiPg0KPGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE1MCw1MS43NEE2OS40Nyw2OS40NywwLDEsMCwxNTAsMTUwYTY5LjQ2LDY5LjQ2LDAsMCwwLDAtOTguMjRaTTM2LjY0LDE2NS4xMWE5MC44Niw5MC44NiwwLDEsMSwxMjguNDksMEE5MC44NSw5MC44NSwwLDAsMSwzNi42NCwxNjUuMTFabTE2OS42OSw0MS4yNWExMi40MiwxMi40MiwwLDAsMS0xNy41NiwwbC0xNy41NC0xNy41NWExMi40MSwxMi40MSwwLDAsMSwxNy41NC0xNy41NWwxNy41NiwxNy41NWExMi40LDEyLjQsMCwwLDEsMCwxNy41M1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMC4wMiAtMTApIi8+PC9zdmc+) no-repeat;
    background-size: 100% 100%;
}

.header .nav-warp > ul > li.search[data-v-0ff10bfe]:hover {
    background: #ffffff;
}

.header .nav-warp > ul > li.search:hover i[data-v-0ff10bfe] {
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE5OS45NSAyMDAiPg0KPGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwMDQ0QjA7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE1MCw1MS43NEE2OS40Nyw2OS40NywwLDEsMCwxNTAsMTUwYTY5LjQ2LDY5LjQ2LDAsMCwwLDAtOTguMjRaTTM2LjY0LDE2NS4xMWE5MC44Niw5MC44NiwwLDEsMSwxMjguNDksMEE5MC44NSw5MC44NSwwLDAsMSwzNi42NCwxNjUuMTFabTE2OS42OSw0MS4yNWExMi40MiwxMi40MiwwLDAsMS0xNy41NiwwbC0xNy41NC0xNy41NWExMi40MSwxMi40MSwwLDAsMSwxNy41NC0xNy41NWwxNy41NiwxNy41NWExMi40LDEyLjQsMCwwLDEsMCwxNy41M1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMC4wMiAtMTApIi8+PC9zdmc+) no-repeat;
    background-size: 100% 100%;
}

.header .nav-warp .menu[data-v-0ff10bfe] {
    display: none;
}

.search-wrap[data-v-0ff10bfe] {
    height: 3.22rem;
    background: #fafafb;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.search-wrap.active[data-v-0ff10bfe] {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.search-wrap > div[data-v-0ff10bfe] {
    width: 19.2rem;
    margin: 0 auto;
    height: 3.22rem;
    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;
    position: relative;
}

.search-wrap > div div[data-v-0ff10bfe] {
    width: 7.8rem;
    height: 0.6rem;
    background: #ffffff;
    -webkit-box-shadow: 0.02rem 0.06rem 0.25rem 0.02rem rgba(0, 56, 148, 0.08);
    box-shadow: 0.02rem 0.06rem 0.25rem 0.02rem rgba(0, 56, 148, 0.08);
    border-radius: 0.3rem;
    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;
    padding: 0 0.2rem 0 0.6rem;
}

.search-wrap > div div input[data-v-0ff10bfe] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 0.2rem;
    height: 0.4rem;
    border: none;
    font-size: 0.16rem;
    font-family: 'Microsoft Yahei', -apple-system, 'PingFang SC', 'Helvetica Neue', STHeiti, Tahoma, Simsun, sans-serif;
}

.search-wrap > div div input[data-v-0ff10bfe]::-webkit-input-placeholder {
    font-size: 0.16rem;
    font-family: 'Microsoft Yahei', -apple-system, 'PingFang SC', 'Helvetica Neue', STHeiti, Tahoma, Simsun, sans-serif;
    font-weight: 400;
    color: #999999;
}

.search-wrap > div div input[data-v-0ff10bfe]::-moz-placeholder {
    font-size: 0.16rem;
    font-family: 'Microsoft Yahei', -apple-system, 'PingFang SC', 'Helvetica Neue', STHeiti, Tahoma, Simsun, sans-serif;
    font-weight: 400;
    color: #999999;
}

.search-wrap > div div input[data-v-0ff10bfe]:-ms-input-placeholder {
    font-size: 0.16rem;
    font-family: 'Microsoft Yahei', -apple-system, 'PingFang SC', 'Helvetica Neue', STHeiti, Tahoma, Simsun, sans-serif;
    font-weight: 400;
    color: #999999;
}

.search-wrap > div div input[data-v-0ff10bfe]::-ms-input-placeholder {
    font-size: 0.16rem;
    font-family: 'Microsoft Yahei', -apple-system, 'PingFang SC', 'Helvetica Neue', STHeiti, Tahoma, Simsun, sans-serif;
    font-weight: 400;
    color: #999999;
}

.search-wrap > div div input[data-v-0ff10bfe]::placeholder {
    font-size: 0.16rem;
    font-family: 'Microsoft Yahei', -apple-system, 'PingFang SC', 'Helvetica Neue', STHeiti, Tahoma, Simsun, sans-serif;
    font-weight: 400;
    color: #999999;
}

.search-wrap > div div i[data-v-0ff10bfe] {
    width: 0.6rem;
    height: 0.6rem;
    cursor: pointer;
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE5OS45NSAyMDAiPg0KPGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwMDQ0QjA7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE1MCw1MS43NEE2OS40Nyw2OS40NywwLDEsMCwxNTAsMTUwYTY5LjQ2LDY5LjQ2LDAsMCwwLDAtOTguMjRaTTM2LjY0LDE2NS4xMWE5MC44Niw5MC44NiwwLDEsMSwxMjguNDksMEE5MC44NSw5MC44NSwwLDAsMSwzNi42NCwxNjUuMTFabTE2OS42OSw0MS4yNWExMi40MiwxMi40MiwwLDAsMS0xNy41NiwwbC0xNy41NC0xNy41NWExMi40MSwxMi40MSwwLDAsMSwxNy41NC0xNy41NWwxNy41NiwxNy41NWExMi40LDEyLjQsMCwwLDEsMCwxNy41M1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMC4wMiAtMTApIi8+PC9zdmc+) no-repeat center center;
    background-size: 0.2rem 0.2rem;
}

.search-wrap > div button[data-v-0ff10bfe] {
    position: absolute;
    right: 0.31rem;
    top: 0.31rem;
    width: 0.35rem;
    height: 0.35rem;
    cursor: pointer;
    border: none;
    background: transparent;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAjCAYAAAD8BaggAAADC0lEQVRYhbWYyWsUURCHv5kRRUU0HsWzePOg45K4RBFXVPCg+A949CDROHGScTSLBvEkXvwLvHhwQ+Kaxbjr0YMwFw+C4I5K1BApqIZn0/Ve9yy/yzBdr/t9Xa+qXr3O1Wo1VIeBdcBb4CLwLTK0SAVgP7Bb57wMfJilcw0APc68a4FDwI8WAsl8fUDEcABYIR5aDjwBFsZumAA2A3+bDJIDeoFqgu14HliSACNaD9wFFjUZ6JQBI9ouQO+Aj8aATcA1x62NqqLLZOlqXgPqrGfQBuAhsKBBmKoulaVR4FJejec9bhR1ADeAuQ3A9GlmJemBZht5x3hG19fSRr0xC1RBn+tbpklgR5TRLtC0vokPag0wkmH5+oGyxy6hsAX4HV3IJwwSqNMKmCTJvvvAbM9EktqDwAnPmEfAXmDKvZgEhGaDFEtLq3T5Fhv2IaAUgOkEvscNFlAENeixtwO3gDmx63JPdwBmj1VwfUCicgBKYmocaNP/5wIwz7X6f7YGhAreDHBSs8WaqAhcAV5L6fc8SzyzE/jjm9Dd7X0qaMb4gtSnl1o2foYGhpYs0rQGqa+iW3qcFoY69qiSpvSxlC8jMbMrLQwZPORKlu1oinG3gdXAlywPrweopaoHSOLoQopxsj89y9pPZQUa0vRPe19Ri+e8ZgMVFKaetJeDw1haqLRAAwGYO8Cwx74ybZcQSvucFsTQdnDQ2Q66jBeVJu+e/prVOuSh/tjxKK6n2uJGMN26n1kqapfQZg3wAUlf5IOZ1KI3FbveE4ASD123VscCquqmaumF7tqfDHtJk8AHlXhwSAKqBBryiXjbmaAZ9ZRv7+vQI9Z//ZQLVFAYX08tMbMtqdMzVNY4tNQZb4ddoN4AzJgu06+UMGiX0Ks9uqV23ffmu0Bd6h1LUduZBcZVRY9D1sFBXvQm2qAt057FatjHNWaa8dEhFBJHxENLPTCjelRp1heQamD59gnQe+BrglGyaWvWfiaFxENWeIwI0Bv9YuZKCpe0D83+NiSSkiBekmB3i+orYPgfpGSmC+VrlGEAAAAASUVORK5CYII=) no-repeat center center;
    background-size: 100% 100%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    outline: none;
}

.search-wrap > div button[data-v-0ff10bfe]:hover {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

#app[state='portrait'] .header[data-v-0ff10bfe] {
    width: 100%;
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
    background: #162133 !important;
}

#app[state='portrait'] .header .web[data-v-0ff10bfe] {
    display: none;
}

#app[state='portrait'] .header .tel[data-v-0ff10bfe] {
    display: none;
}

#app[state='portrait'] .header .nav-warp[data-v-0ff10bfe] {
    width: 100%;
    margin-top: 0;
    padding: 0 0.3rem;
    height: 1.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#app[state='portrait'] .header .nav-warp .logo[data-v-0ff10bfe] {
    height: 1rem;
    width: 50%;
    background-position: 0 center !important;
    background-size: 2.2rem auto !important;
}

#app[state='portrait'] .header .nav-warp .logo p[data-v-0ff10bfe] {
    display: none;
}

#app[state='portrait'] .header .nav-warp .test[data-v-0ff10bfe] {
    position: absolute;
    right: 2.15rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
    font-size: 0.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#app[state='portrait'] .header .nav-warp .test i[data-v-0ff10bfe] {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 100%;
    background: #2ccbe7;
    margin-right: 0.11rem;
    position: relative;
}

#app[state='portrait'] .header .nav-warp .test i[data-v-0ff10bfe]::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -0.12rem;
    background: url(data:image/jpeg;base64,/9j/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwMBAQEBAQEBAgEBAgICAQICAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA//dAAQAA//uAA5BZG9iZQBkwAAAAAH/wAARCAAYABIDABEAAREBAhEB/8QAgQAAAgMAAAAAAAAAAAAAAAAACAoEBwkBAQEBAQAAAAAAAAAAAAAAAAcEBggQAAAGAQMCBgIDAAAAAAAAAAECAwQFBgcACBESExQWISIjQQkVFzEyEQABAgQGAgAEBwEAAAAAAAABAgMEBRESAAYHEyExIkEUI3GRCBVRUmFysdH/2gAMAwAAARECEQA/AHhctZWlsYndOG1I8zRTGh2u5unLaUO0eeIrLmJblhUGRYd8VVSRGYTMRTuAJSpqew3T6wRsc7CEkIK0BtSu6HxpxSh7r/vGE/T/AE+lmeEtsvzJMDHuzaFg0pUyFotiUuqLyll1BAb2VAptIJUjyFeByabo7BYckyVIhcVO+xHZHoVJkZ1/Y3jVmVnequ+sp59gklW1El04Q8aq3OgZYhjiKZhMQDhobm6n1TKId3VpCnFqABPHPXf84Tn9HpXKcrNT2PnDd65XGRSGkMIUoqg4hLAZWS+CC7elYWEkDyACik4LUVD8jwooIfQiYwCIfQiHI8emoUPv2j5jnX7lf9wL7aPaU1+gx//Qcr3UZO3K4/laY3wM120OI6TYzC1mNnvIMpSpAjlquxLHeWkY9ZIsg0FFVXxJz8imcCAH+h1XDNw7gO9uV9Wiv3xFFuxTZT8PtUPd5p9sCLjPIH5dbBmKpDk7E+xltt2lLSBrTbMe5Ov05ekqEsi4OnKVVk8KaGkZdQ5UekpzCiYhjcD6BoszHCZBSYxxmImRn1yjYUNbW7UVFQbrRzz3i6Wv5rMQ0lbEF+XE8qSp2+2hoera9V9Y051gUA2D6DG3x//RcMzhQtoe5B9AP854YUyS9qrWRj6+4n65NCeKaSqrZWRQbeDkWYAR2qzSE3UAjyQP60MtfiEyrDEpZh52nnmkE56xvX9JZtFUVEOS1VBxWJT7xCWy3jegU1Og4yp9uh46nRjWvU2vs62/ZRcdHRJSIMIxu+WVcqIskECdIGN1m6Q+x1zPqdqyxOoCZtZWbnTE+eeq058K42U/MBV5821TUdc1wlZa0rmMO7CiPflqZaEi+kQlZCbaCiOKkcUFcUT/AC5m1b5v2lib935ewjBOBRQ7nu7KQmYmMKafPBRERHgNCjGbNT9hF0XObrBXwd/T+mFo5L0/QbNmEVTipeTU09nz7PZx/9k=) no-repeat;
    background-size: 0.24rem 0.3rem;
    width: 0.24rem;
    height: 0.3rem;
}

#app[state='portrait'] .header .nav-warp .navSearch[data-v-0ff10bfe] {
    cursor: pointer;
    position: absolute;
    right: 1.2rem;
    z-index: 9;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#app[state='portrait'] .header .nav-warp .navSearch i[data-v-0ff10bfe] {
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE5OS45NSAyMDAiPg0KPGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE1MCw1MS43NEE2OS40Nyw2OS40NywwLDEsMCwxNTAsMTUwYTY5LjQ2LDY5LjQ2LDAsMCwwLDAtOTguMjRaTTM2LjY0LDE2NS4xMWE5MC44Niw5MC44NiwwLDEsMSwxMjguNDksMEE5MC44NSw5MC44NSwwLDAsMSwzNi42NCwxNjUuMTFabTE2OS42OSw0MS4yNWExMi40MiwxMi40MiwwLDAsMS0xNy41NiwwbC0xNy41NC0xNy41NWExMi40MSwxMi40MSwwLDAsMSwxNy41NC0xNy41NWwxNy41NiwxNy41NWExMi40LDEyLjQsMCwwLDEsMCwxNy41M1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMC4wMiAtMTApIi8+PC9zdmc+) no-repeat center center;
    background-size: 0.45rem 0.45rem;
}

#app[state='portrait'] .header .nav-warp .menu[data-v-0ff10bfe] {
    width: 0.55rem;
    height: 0.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    cursor: pointer;
    position: relative;
    -ms-flex-line-pack: justify;
    align-content: space-between;
}

#app[state='portrait'] .header .nav-warp .menu b[data-v-0ff10bfe],
#app[state='portrait'] .header .nav-warp .menu[data-v-0ff10bfe]::after,
#app[state='portrait'] .header .nav-warp .menu[data-v-0ff10bfe]::before {
    width: 100%;
    content: '';
    height: 0.02rem;
    background: #ffffff;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

#app[state='portrait'] .header .nav-warp .menu.active b[data-v-0ff10bfe] {
    display: none;
}

#app[state='portrait'] .header .nav-warp .menu.active[data-v-0ff10bfe]::before {
    top: 0.05rem;
    position: absolute;
    -webkit-transform: translateY(0.13rem) rotate(45deg);
    transform: translateY(0.13rem) rotate(45deg);
}

#app[state='portrait'] .header .nav-warp .menu.active[data-v-0ff10bfe]::after {
    top: 0.05rem;
    position: absolute;
    -webkit-transform: translateY(0.13rem) rotate(-45deg);
    transform: translateY(0.13rem) rotate(-45deg);
}

#app[state='portrait'] .portrait[data-v-0ff10bfe] {
    display: block;
    width: 100%;
    position: fixed;
    z-index: 999;
    top: 1.2rem;
    right: 0;
    overflow: hidden;
    height: calc(100% - 1.2rem);
    background: #162133;
    display: block;
    -webkit-transform: translateY(-100%) translateZ(0);
    transform: translateY(-100%) translateZ(0);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    overflow-y: auto;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
}

#app[state='portrait'] .portrait[data-v-0ff10bfe]::-webkit-scrollbar {
    width: 0.01rem;
    height: 0.01rem;
}

#app[state='portrait'] .portrait[data-v-0ff10bfe]::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0.01rem rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0.01rem rgba(0, 0, 0, 0);
    border-radius: 0.1rem;
    background-color: transparent;
}

#app[state='portrait'] .portrait[data-v-0ff10bfe]::-webkit-scrollbar-thumb {
    border-radius: 0.1rem;
    -webkit-box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, 0.3);
    background: #dad6d6;
}

#app[state='portrait'] .portrait.active[data-v-0ff10bfe] {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#app[state='portrait'] .portrait li[data-v-0ff10bfe] {
    cursor: pointer;
    width: 100%;
    color: #fff;
    font-size: 0.3rem;
}

#app[state='portrait'] .portrait li div[data-v-0ff10bfe] {
    line-height: 1rem;
    border-bottom: 0.01rem solid #3d3d3d;
    padding: 0 0.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#app[state='portrait'] .portrait li div i[data-v-0ff10bfe] {
    width: 1.2rem;
    height: 1rem;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHCAYAAAA8sqwkAAAAhklEQVQYlW2OvQkCQRhER7hAjNTMBmzBNsztzRqE68HcwNgCBDE0e/LO72RPHBj225m3PwH0ATgCXe1bd9XJxGANPPioBxYN7GymZFZjsQPuVZzrEu2s7GSGF0ZvgVsB17Iysxu43/9ugEuBytnsy8yGU1Mtk5wq2id5tvW/A2pe62uSJnkD75LTMM8Rc4cAAAAASUVORK5CYII=) no-repeat center center;
}

#app[state='portrait'] .portrait li div i.active[data-v-0ff10bfe] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

#app[state='portrait'] .portrait li.option[data-v-0ff10bfe] {
    text-align: left;
}

#app[state='portrait'] .portrait li ul[data-v-0ff10bfe] {
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.25s;
    transition: height 0.25s;
    padding: 0 0 0 0.5rem;
}

#app[state='portrait'] .portrait li ul li[data-v-0ff10bfe] {
    border-bottom: 0.01rem solid #2e2d2d;
    line-height: 1rem;
    font-size: 0.26rem;
}

#app[state='portrait'] .portrait li.search[data-v-0ff10bfe] {
    width: 1rem;
    height: 1rem;
    background: #0044b0;
    border-radius: 50%;
    margin: 0;
    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;
    display: none;
}

#app[state='portrait'] .portrait li.search i[data-v-0ff10bfe] {
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE5OS45NSAyMDAiPg0KPGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE1MCw1MS43NEE2OS40Nyw2OS40NywwLDEsMCwxNTAsMTUwYTY5LjQ2LDY5LjQ2LDAsMCwwLDAtOTguMjRaTTM2LjY0LDE2NS4xMWE5MC44Niw5MC44NiwwLDEsMSwxMjguNDksMEE5MC44NSw5MC44NSwwLDAsMSwzNi42NCwxNjUuMTFabTE2OS42OSw0MS4yNWExMi40MiwxMi40MiwwLDAsMS0xNy41NiwwbC0xNy41NC0xNy41NWExMi40MSwxMi40MSwwLDAsMSwxNy41NC0xNy41NWwxNy41NiwxNy41NWExMi40LDEyLjQsMCwwLDEsMCwxNy41M1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMC4wMiAtMTApIi8+PC9zdmc+) no-repeat;
    background-size: 100% 100%;
}

#app[state='portrait'] .search-wrap > div[data-v-0ff10bfe] {
    width: 90%;
    margin: 0 auto;
    height: 3.22rem;
    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;
    position: relative;
}

#app[state='portrait'] .search-wrap > div div[data-v-0ff10bfe] {
    width: 7.8rem;
    height: 1rem;
    background: #ffffff;
    -webkit-box-shadow: 0.02rem 0.06rem 0.25rem 0.02rem rgba(0, 56, 148, 0.08);
    box-shadow: 0.02rem 0.06rem 0.25rem 0.02rem rgba(0, 56, 148, 0.08);
    border-radius: 0.6rem;
    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;
    padding: 0 0.2rem 0 0.6rem;
}

#app[state='portrait'] .search-wrap > div div input[data-v-0ff10bfe] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 0.2rem;
    height: 100%;
    border: none;
    font-size: 0.35rem;
    font-family: 'Microsoft Yahei', -apple-system, 'PingFang SC', 'Helvetica Neue', STHeiti, Tahoma, Simsun, sans-serif;
}

#app[state='portrait'] .search-wrap > div div input[data-v-0ff10bfe]::-webkit-input-placeholder {
    font-size: 0.35rem;
    font-family: 'Microsoft Yahei', -apple-system, 'PingFang SC', 'Helvetica Neue', STHeiti, Tahoma, Simsun, sans-serif;
    font-weight: 400;
    color: #999999;
}

#app[state='portrait'] .search-wrap > div div input[data-v-0ff10bfe]::-moz-placeholder {
    font-size: 0.35rem;
    font-family: 'Microsoft Yahei', -apple-system, 'PingFang SC', 'Helvetica Neue', STHeiti, Tahoma, Simsun, sans-serif;
    font-weight: 400;
    color: #999999;
}

#app[state='portrait'] .search-wrap > div div input[data-v-0ff10bfe]:-ms-input-placeholder {
    font-size: 0.35rem;
    font-family: 'Microsoft Yahei', -apple-system, 'PingFang SC', 'Helvetica Neue', STHeiti, Tahoma, Simsun, sans-serif;
    font-weight: 400;
    color: #999999;
}

#app[state='portrait'] .search-wrap > div div input[data-v-0ff10bfe]::-ms-input-placeholder {
    font-size: 0.35rem;
    font-family: 'Microsoft Yahei', -apple-system, 'PingFang SC', 'Helvetica Neue', STHeiti, Tahoma, Simsun, sans-serif;
    font-weight: 400;
    color: #999999;
}

#app[state='portrait'] .search-wrap > div div input[data-v-0ff10bfe]::placeholder {
    font-size: 0.35rem;
    font-family: 'Microsoft Yahei', -apple-system, 'PingFang SC', 'Helvetica Neue', STHeiti, Tahoma, Simsun, sans-serif;
    font-weight: 400;
    color: #999999;
}

#app[state='portrait'] .search-wrap > div div i[data-v-0ff10bfe] {
    width: 1rem;
    height: 1rem;
    cursor: pointer;
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE5OS45NSAyMDAiPg0KPGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwMDQ0QjA7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE1MCw1MS43NEE2OS40Nyw2OS40NywwLDEsMCwxNTAsMTUwYTY5LjQ2LDY5LjQ2LDAsMCwwLDAtOTguMjRaTTM2LjY0LDE2NS4xMWE5MC44Niw5MC44NiwwLDEsMSwxMjguNDksMEE5MC44NSw5MC44NSwwLDAsMSwzNi42NCwxNjUuMTFabTE2OS42OSw0MS4yNWExMi40MiwxMi40MiwwLDAsMS0xNy41NiwwbC0xNy41NC0xNy41NWExMi40MSwxMi40MSwwLDAsMSwxNy41NC0xNy41NWwxNy41NiwxNy41NWExMi40LDEyLjQsMCwwLDEsMCwxNy41M1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMC4wMiAtMTApIi8+PC9zdmc+) no-repeat center center;
    background-size: 0.4rem 0.4rem;
}

#app[state='portrait'] .search-wrap > div button[data-v-0ff10bfe] {
    position: absolute;
    right: 0.31rem;
    top: 0.31rem;
    width: 0.35rem;
    height: 0.35rem;
    cursor: pointer;
    border: none;
    background: transparent;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAjCAYAAAD8BaggAAADC0lEQVRYhbWYyWsUURCHv5kRRUU0HsWzePOg45K4RBFXVPCg+A949CDROHGScTSLBvEkXvwLvHhwQ+Kaxbjr0YMwFw+C4I5K1BApqIZn0/Ve9yy/yzBdr/t9Xa+qXr3O1Wo1VIeBdcBb4CLwLTK0SAVgP7Bb57wMfJilcw0APc68a4FDwI8WAsl8fUDEcABYIR5aDjwBFsZumAA2A3+bDJIDeoFqgu14HliSACNaD9wFFjUZ6JQBI9ouQO+Aj8aATcA1x62NqqLLZOlqXgPqrGfQBuAhsKBBmKoulaVR4FJejec9bhR1ADeAuQ3A9GlmJemBZht5x3hG19fSRr0xC1RBn+tbpklgR5TRLtC0vokPag0wkmH5+oGyxy6hsAX4HV3IJwwSqNMKmCTJvvvAbM9EktqDwAnPmEfAXmDKvZgEhGaDFEtLq3T5Fhv2IaAUgOkEvscNFlAENeixtwO3gDmx63JPdwBmj1VwfUCicgBKYmocaNP/5wIwz7X6f7YGhAreDHBSs8WaqAhcAV5L6fc8SzyzE/jjm9Dd7X0qaMb4gtSnl1o2foYGhpYs0rQGqa+iW3qcFoY69qiSpvSxlC8jMbMrLQwZPORKlu1oinG3gdXAlywPrweopaoHSOLoQopxsj89y9pPZQUa0vRPe19Ri+e8ZgMVFKaetJeDw1haqLRAAwGYO8Cwx74ybZcQSvucFsTQdnDQ2Q66jBeVJu+e/prVOuSh/tjxKK6n2uJGMN26n1kqapfQZg3wAUlf5IOZ1KI3FbveE4ASD123VscCquqmaumF7tqfDHtJk8AHlXhwSAKqBBryiXjbmaAZ9ZRv7+vQI9Z//ZQLVFAYX08tMbMtqdMzVNY4tNQZb4ddoN4AzJgu06+UMGiX0Ks9uqV23ffmu0Bd6h1LUduZBcZVRY9D1sFBXvQm2qAt057FatjHNWaa8dEhFBJHxENLPTCjelRp1heQamD59gnQe+BrglGyaWvWfiaFxENWeIwI0Bv9YuZKCpe0D83+NiSSkiBekmB3i+orYPgfpGSmC+VrlGEAAAAASUVORK5CYII=) no-repeat center center;
    background-size: 0.35rem 0.35rem;
}
@-webkit-keyframes slide-right-in-data-v-39031c54 {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-right-in-data-v-39031c54 {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-39031c54 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-39031c54 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-39031c54 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-39031c54 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-39031c54 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-39031c54 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-39031c54 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-39031c54 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.footer[data-v-39031c54] {
    background: #162133;
    padding-top: 0.9rem;
}

.footer .nofollow[data-v-39031c54] {
    width: 15.2rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 0.83rem;
}

.footer .nofollow .left .logo[data-v-39031c54] {
    width: 1.8rem;
    height: 0.5rem;
    margin: 0 0 0.37rem 0;
    cursor: pointer;
}

.footer .nofollow .left .logo img[data-v-39031c54] {
    width: 100%;
    display: block;
}

.footer .nofollow .left > div p[data-v-39031c54] {
    font-size: 0.16rem;
    font-weight: 400;
    color: #8490a3;
    line-height: 0.38rem;
}

.footer .nofollow .left ul[data-v-39031c54] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0.52rem 0 0 0;
}

.footer .nofollow .left ul li[data-v-39031c54] {
    width: 0.5rem;
    height: 0.5rem;
    border: 0.02rem solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    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;
    position: relative;
    cursor: pointer;
}

.footer .nofollow .left ul li:hover > img[data-v-39031c54] {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.footer .nofollow .left ul li:hover > div[data-v-39031c54] {
    opacity: 1;
}

.footer .nofollow .left ul li[data-v-39031c54]:not(:last-child) {
    margin-right: 0.15rem;
}

.footer .nofollow .left ul li > img[data-v-39031c54] {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    display: block;
}

.footer .nofollow .left ul li:nth-child(1) img[data-v-39031c54] {
    width: 0.18rem;
    height: 0.2rem;
}

.footer .nofollow .left ul li:nth-child(2) img[data-v-39031c54] {
    width: 0.2rem;
    height: 0.17rem;
}

.footer .nofollow .left ul li:nth-child(3) img[data-v-39031c54] {
    width: 0.22rem;
    height: 0.17rem;
}

.footer .nofollow .left ul li:nth-child(4) img[data-v-39031c54] {
    width: 0.2rem;
    height: 0.16rem;
}

.footer .nofollow .left ul li > div[data-v-39031c54] {
    position: absolute;
    bottom: 130%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #fff;
    width: 1.45rem;
    height: 1.45rem;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .3s, bottom .3s;
    transition: opacity .3s, bottom .3s;
}

.footer .nofollow .left ul li > div img[data-v-39031c54] {
    width: 100% !important;
    height: 100% !important;
    display: block;
}

.footer .nofollow .left ul li > div[data-v-39031c54]::after {
    content: '';
    width: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 0;
    border-right: 0.11rem solid transparent;
    border-left: 0.11rem solid transparent;
    border-top: 0.05rem solid #fff;
}

.footer .nofollow .right ul[data-v-39031c54] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footer .nofollow .right ul li[data-v-39031c54]:nth-child(2),
.footer .nofollow .right ul li[data-v-39031c54]:nth-child(4) {
    margin-left: 1.06rem;
}

.footer .nofollow .right ul li[data-v-39031c54]:nth-child(3) {
    margin-left: 1.06rem;
}

.footer .nofollow .right ul li[data-v-39031c54]:nth-child(5),
.footer .nofollow .right ul li[data-v-39031c54]:nth-child(6) {
    margin-left: 1.09rem;
}

.footer .nofollow .right ul li h4[data-v-39031c54] {
    font-size: 0.18rem;
    color: #fff;
    font-weight: 600;
    line-height: 0.26rem;
}

.footer .nofollow .right ul li p[data-v-39031c54] {
    font-size: 0.16rem;
    line-height: 0.26rem;
    color: #8490a3;
    margin: 0.16rem 0 0 0;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    cursor: pointer;
}

.footer .nofollow .right ul li p[data-v-39031c54]:hover {
    color: #fff;
}

.footer .nofollow .right ul li p.line[data-v-39031c54] {
    width: 0.2rem;
    height: 0.02rem;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 0.01rem;
    margin: 0.2rem 0 0.1rem 0;
    cursor: default;
}

.footer .copy[data-v-39031c54] {
    border-top: 0.01rem solid rgba(255, 255, 255, 0.1);
}

.footer .copy > div[data-v-39031c54] {
    margin: 0 auto;
    width: 15.2rem;
    height: 1.07rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 0.16rem;
    font-weight: 400;
    color: #8490a3;
}

.footer .copy > div a[data-v-39031c54] {
    cursor: pointer;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.footer .copy > div a[data-v-39031c54]:hover {
    color: #fff;
}

.footer .copy > div .jump[data-v-39031c54]:hover {
    color: #fff;
}

.footer .copy > div p[data-v-39031c54] {
    display: none;
}

.footer .copy .map span[data-v-39031c54] {
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
}

.footer .copy .map span[data-v-39031c54]:hover {
    color: #fff;
}

.footer a[data-v-39031c54] {
    color: #8490a3;
    text-decoration: none;
}

#app[state='portrait'] .footer[data-v-39031c54] {
    padding: 0.4rem 0 0 0;
}

#app[state='portrait'] .footer .nofollow[data-v-39031c54] {
    width: 100%;
    padding: 0 0 0.4rem 0;
}

#app[state='portrait'] .footer .left[data-v-39031c54] {
    padding-left: 0.3rem;
}

#app[state='portrait'] .footer .left p[data-v-39031c54] {
    line-height: 0.5rem;
    font-size: calc(0.22rem * 1.3);
}

#app[state='portrait'] .footer .left .logo[data-v-39031c54] {
    width: 3rem;
    height: 1rem;
    background-size: 2.2rem auto;
    margin: 0;
}

#app[state='portrait'] .footer .left ul[data-v-39031c54] {
    margin: 0.18rem 0 0 0;
}

#app[state='portrait'] .footer .left ul li[data-v-39031c54] {
    width: calc(0.55rem * 1.5);
    height: calc(0.55rem * 1.5);
}

#app[state='portrait'] .footer .left ul li img[data-v-39031c54] {
    width: calc(0.3rem * 1.5);
    height: auto;
}

#app[state='portrait'] .footer .left ul li:hover > img[data-v-39031c54] {
    -webkit-transform: scale(1);
    transform: scale(1);
}

#app[state='portrait'] .footer .left ul li:hover > div[data-v-39031c54] {
    opacity: 1;
}

#app[state='portrait'] .footer .left ul li > div[data-v-39031c54] {
    position: absolute;
    bottom: 130%;
    left: 50%;
    -webkit-transform: translateX(-30%);
    transform: translateX(-30%);
    background: #fff;
    width: 2rem;
    height: 2rem;
    opacity: 0;
    -webkit-transition: opacity .3s, bottom .3s;
    transition: opacity .3s, bottom .3s;
}

#app[state='portrait'] .footer .left ul li > div img[data-v-39031c54] {
    width: 100% !important;
    height: 100% !important;
    display: block;
}

#app[state='portrait'] .footer .left ul li > div[data-v-39031c54]::after {
    content: '';
    width: 0;
    position: absolute;
    top: 100%;
    left: 30%;
    height: 0;
    border-right: 0.11rem solid transparent;
    border-left: 0.11rem solid transparent;
    border-top: 0.05rem solid #fff;
}

#app[state='portrait'] .footer .right[data-v-39031c54] {
    display: none;
}

#app[state='portrait'] .footer .copy[data-v-39031c54] {
    padding: 0.3rem;
    display: block;
}

#app[state='portrait'] .footer .copy > div[data-v-39031c54] {
    display: block;
    width: 100%;
    height: auto;
    font-size: calc(0.2rem * 1.5);
    line-height: 0.5rem;
    font-size: calc(0.22rem * 1.3);
}

#app[state='portrait'] .footer .copy > div p[data-v-39031c54] {
    display: block;
}
@-webkit-keyframes slide-right-in-data-v-0a9e7075 {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-right-in-data-v-0a9e7075 {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-0a9e7075 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-0a9e7075 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-0a9e7075 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-0a9e7075 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-0a9e7075 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-0a9e7075 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-0a9e7075 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-0a9e7075 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.sidebar[data-v-0a9e7075] {
    position: fixed;
    right: 0.15rem;
    bottom: 1.46rem;
    z-index: 20;
}

.sidebar > div[data-v-0a9e7075] {
    cursor: pointer;
    width: 0.45rem;
    height: 0.45rem;
    background: #ffffff;
    -webkit-box-shadow: 0.01rem 0.05rem 0.17rem 0.01rem rgba(37, 37, 37, 0.13);
    box-shadow: 0.01rem 0.05rem 0.17rem 0.01rem rgba(37, 37, 37, 0.13);
    border-radius: 50%;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
    margin-top: 0.1rem;
    text-align: center;
}

.sidebar > div i[data-v-0a9e7075] {
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
}

.sidebar > div[data-v-0a9e7075]:nth-child(1) {
    width: 0.45rem;
    height: 1.28rem;
    -webkit-box-shadow: 0.01rem 0.05rem 0.17rem 0.01rem rgba(0, 68, 176, 0.13);
    box-shadow: 0.01rem 0.05rem 0.17rem 0.01rem rgba(0, 68, 176, 0.13);
    border-radius: 0.23rem;
    font-size: 0.14rem;
    font-weight: 400;
    color: #000;
    padding-top: 0.15rem;
    text-align: center;
    line-height: 0.18rem;
}

.sidebar > div:nth-child(1) i[data-v-0a9e7075] {
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2Mi40IDEzNi44MSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwNDAwMDA7c3Ryb2tlOiMwNDAwMDA7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjEuNjFweDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTU4LjUsMTQxLjkzYy00LjgzLDYuMTEtMjIuMzcsMjUuNjctNTAuMTEsMjUuNjdoLS44NmE0Ljc0LDQuNzQsMCwwLDEsLjA3LTkuNDhoLjA3YzIwLjA4LjI5LDM0LjMxLTEyLDQwLjcxLTE4Ljg5YTExLjkyLDExLjkyLDAsMCwxLTQuMTMtOVY5MWExMS45LDExLjksMCwwLDEsOC40OS0xMS40MmMtNy40NS0yMi4xNy0yOC4xMi0zOC4xOC01Mi40NC0zOC4xOFM1NS4xOCw1Ny40Nyw0Ny44LDc5LjczYTExLjksMTEuOSwwLDAsMSw4LDExLjI1djM5LjI1QTExLjg2LDExLjg2LDAsMCwxLDQ0LDE0Mi4xNmgtLjIzYTI0LjM3LDI0LjM3LDAsMCwxLTI0LjE2LTI0LjUzVjEwMy41NmEyNC40NywyNC40NywwLDAsMSwxOS0yMy45M0M0Ni4zLDUyLjQsNzEsMzIuNCwxMDAuMjgsMzIuNHM1NC4xMywyMC4wOSw2MS44MSw0Ny40M2EyNC40MiwyNC40MiwwLDAsMSwxOC4zLDIzLjcxdjE0LjA4YTI0LjMyLDI0LjMyLDAsMCwxLTIxLjg5LDI0LjMxWk00Ni40MSw5MUEyLjQ1LDIuNDUsMCwwLDAsNDQsODguNWgtLjIxYTE1LDE1LDAsMCwwLTE0LjgyLDE1djE0LjA4YTE1LDE1LDAsMCwwLDE0LjgyLDE1SDQ0YTIuNDUsMi40NSwwLDAsMCwyLjQxLTIuNDVabTEyNC42NCwxMi41N2ExNC45NCwxNC45NCwwLDAsMC0xNC44MS0xNUgxNTZBMi40NSwyLjQ1LDAsMCwwLDE1My41OSw5MXYzOS4yNGEyLjQ1LDIuNDUsMCwwLDAsMi40MSwyLjQ1aC4yNGExNC45NCwxNC45NCwwLDAsMCwxNC44MS0xNVYxMDMuNTRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTguOCAtMzEuNikiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik04MS45MSw4OC40OGgwQTYuNTYsNi41NiwwLDAsMSw4OC40OCw5NXYxMy4yNWE2LjU3LDYuNTcsMCwwLDEtNi41Nyw2LjU2aDBhNi41Nyw2LjU3LDAsMCwxLTYuNTctNi41NlY5NUE2LjU2LDYuNTYsMCwwLDEsODEuOTEsODguNDhabTM2LjE0LDBhNi41MSw2LjUxLDAsMCwxLDYuNTEsNi41djEzLjM2YTYuNTEsNi41MSwwLDAsMS0xMywwVjk1YTYuNSw2LjUsMCwwLDEsNi41LTYuNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOC44IC0zMS42KSIvPjwvc3ZnPg==) no-repeat;
    background-size: 100% 100%;
    margin-bottom: 0.03rem;
}

.sidebar > div[data-v-0a9e7075]:nth-child(1):hover a{
    color: #fff !important;
}

.sidebar > div:nth-child(1):hover i[data-v-0a9e7075] {
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2Mi40IDEzNi44MSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7c3Ryb2tlOiNmZmY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjEuNjFweDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTU4LjUsMTQxLjkzYy00LjgzLDYuMTEtMjIuMzcsMjUuNjctNTAuMTEsMjUuNjdoLS44NmE0Ljc0LDQuNzQsMCwwLDEsLjA3LTkuNDhoLjA3YzIwLjA4LjI5LDM0LjMxLTEyLDQwLjcxLTE4Ljg5YTExLjkyLDExLjkyLDAsMCwxLTQuMTMtOVY5MWExMS45LDExLjksMCwwLDEsOC40OS0xMS40MmMtNy40NS0yMi4xNy0yOC4xMi0zOC4xOC01Mi40NC0zOC4xOFM1NS4xOCw1Ny40Nyw0Ny44LDc5LjczYTExLjksMTEuOSwwLDAsMSw4LDExLjI1djM5LjI1QTExLjg2LDExLjg2LDAsMCwxLDQ0LDE0Mi4xNmgtLjIzYTI0LjM3LDI0LjM3LDAsMCwxLTI0LjE2LTI0LjUzVjEwMy41NmEyNC40NywyNC40NywwLDAsMSwxOS0yMy45M0M0Ni4zLDUyLjQsNzEsMzIuNCwxMDAuMjgsMzIuNHM1NC4xMywyMC4wOSw2MS44MSw0Ny40M2EyNC40MiwyNC40MiwwLDAsMSwxOC4zLDIzLjcxdjE0LjA4YTI0LjMyLDI0LjMyLDAsMCwxLTIxLjg5LDI0LjMxWk00Ni40MSw5MUEyLjQ1LDIuNDUsMCwwLDAsNDQsODguNWgtLjIxYTE1LDE1LDAsMCwwLTE0LjgyLDE1djE0LjA4YTE1LDE1LDAsMCwwLDE0LjgyLDE1SDQ0YTIuNDUsMi40NSwwLDAsMCwyLjQxLTIuNDVabTEyNC42NCwxMi41N2ExNC45NCwxNC45NCwwLDAsMC0xNC44MS0xNUgxNTZBMi40NSwyLjQ1LDAsMCwwLDE1My41OSw5MXYzOS4yNGEyLjQ1LDIuNDUsMCwwLDAsMi40MSwyLjQ1aC4yNGExNC45NCwxNC45NCwwLDAsMCwxNC44MS0xNVYxMDMuNTRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTguOCAtMzEuNikiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik04MS45MSw4OC40OGgwQTYuNTYsNi41NiwwLDAsMSw4OC40OCw5NXYxMy4yNWE2LjU3LDYuNTcsMCwwLDEtNi41Nyw2LjU2aDBhNi41Nyw2LjU3LDAsMCwxLTYuNTctNi41NlY5NUE2LjU2LDYuNTYsMCwwLDEsODEuOTEsODguNDhabTM2LjE0LDBhNi41MSw2LjUxLDAsMCwxLDYuNTEsNi41djEzLjM2YTYuNTEsNi41MSwwLDAsMS0xMywwVjk1YTYuNSw2LjUsMCwwLDEsNi41LTYuNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOC44IC0zMS42KSIvPjwvc3ZnPg==) no-repeat;
    background-size: 100% 100%;
}

.sidebar > div[data-v-0a9e7075]:nth-child(2) {
    position: relative;
}

.sidebar > div:nth-child(2) .qrcode[data-v-0a9e7075] {
    background: #fff;
    width: 1.45rem;
    height: 1.45rem;
    position: absolute;
    left: -1.58rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
    pointer-events: none;
}

.sidebar > div:nth-child(2) .qrcode[data-v-0a9e7075]::after {
    content: '';
    width: 0;
    position: absolute;
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 0;
    border-top: 0.11rem solid transparent;
    border-left: 0.06rem solid #fff;
    border-bottom: 0.11rem solid transparent;
}

.sidebar > div:nth-child(2) .qrcode img[data-v-0a9e7075] {
    width: 100%;
    height: 100%;
    display: block;
}

.sidebar > div:nth-child(2) i[data-v-0a9e7075] {
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2OC4yMyAxNDIuODQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMDQwMDAwO3N0cm9rZTojMjMxODE1O3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDozLjNweDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTc4LjIzLDEzNy4yM2E0NSw0NSwwLDAsMS0xMi41NCwxNS4zOUwxNjguNTgsMTY1YTMuOTIsMy45MiwwLDAsMS0xLjIzLDMuODcsMy42OCwzLjY4LDAsMCwxLTMuOTEuNmwtMTYuNTEtNy4zNWE1Ni44OSw1Ni44OSwwLDAsMS0xNS42OCwyLDU0LjE4LDU0LjE4LDAsMCwxLTM1LjY2LTEzLjI3LDQ1LjI3LDQ1LjI3LDAsMCwxLTExLjM3LTE1LjM4LDY4LjI0LDY4LjI0LDAsMCwxLTIwLjktMS4xM2MtMS42OS0uMzYtMS42OS0uMzYtMy44Ny0uNzFsLTIxLjA4LDlhNC40Nyw0LjQ3LDAsMCwxLTQuNy0uNzksNC43NCw0Ljc0LDAsMCwxLTEuNC00LjY3bDMuODctMTUuNDVxLTIuMjUtMi4zLTQuNDYtNC42NGgwYTUxLjgsNTEuOCwwLDAsMS05LjMzLTEzLjMsNDcuMjcsNDcuMjcsMCwwLDEsMC00MS42LDUyLjg1LDUyLjg1LDAsMCwxLDEzLTE2Ljc4QzQ2LjYsMzUuNjQsNjEuNTUsMzAuMjMsNzcuNDIsMzAuMjNzMzAuODMsNS40MSw0Mi4xLDE1LjIzYTUyLjg4LDUyLjg4LDAsMCwxLDEzLDE2Ljc4LDQ4LDQ4LDAsMCwxLDQsMTIsNTMuNiw1My42LDAsMCwxLDMxLjA4LDEzLjA2LDQ1LjEsNDUuMSwwLDAsMSwxMC45MywxNC40QTQwLjUxLDQwLjUxLDAsMCwxLDE3OC4yMywxMzcuMjNaTTc3LjQyLDM4LjQ2Yy0yOC42LDAtNTEuODgsMjAtNTEuODgsNDQuNThhNDAuMzgsNDAuMzgsMCwwLDAsMTAuMTMsMjYuNDMsNjQuMyw2NC4zLDAsMCwwLDQuNzQsNC42NWMxLjM5LDEuMjIsMy4xOSwyLDQuMzEsMy41M2E2LjMxLDYuMzEsMCwwLDEsLjQuNjV2MGwuMDYuMTJhNC42OSw0LjY5LDAsMCwxLC40MiwyLjUzLDksOSwwLDAsMS0uMTcsMS4zN2MtLjQyLDIuMDctMS4yLDQuNDktMS40Niw1LjM4bC0uNzEsMi43OSwxMy4zMS01LjY2YTQuMzgsNC4zOCwwLDAsMSw0LjA3LjMyYy44LjI1LDEuNTkuNDksMi4zOS42OWgwYTU5LjQ5LDU5LjQ5LDAsMCwwLDE4LjU2LDEuNTlBNDAuNDksNDAuNDksMCwwLDEsODQuOTMsMTAxLDQ1LjI0LDQ1LjI0LDAsMCwxLDk2LjA3LDg2Ljc1YTUzLjU4LDUzLjU4LDAsMCwxLDMyLjItMTIuNjFDMTIzLjQ2LDUzLjgxLDEwMi40OSwzOC40Niw3Ny40MiwzOC40NlptNTQuNDQsNDMuMzNjLTIzLjkxLS4xOS00My40OCwxNi4zOS00My42MywzN3MxOS4xNywzNy40Nyw0My4wNywzNy42NmE0NC40NSw0NC40NSwwLDAsMCwxMy44My0xLjgyLDMuNjUsMy42NSwwLDAsMSwzLjM4LS4yMWwxMSw0Ljg5LS41NC0yLjM0Yy0uMjItLjc0LS44My0yLjc3LTEuMTYtNC40OWE3LjM1LDcuMzUsMCwwLDEtLjEyLTEuMTQsMy45LDMuOSwwLDAsMSwuNzgtMi43NmMuOTUtMS4yNiwyLjQ2LTEuODksMy42My0yLjg5LDcuODYtNi42OSwxMi43Ni0xNiwxMi44NS0yNi4yQzE3NS4xLDk4Ljg4LDE1NS43OCw4MiwxMzEuODYsODEuNzlaTTE0Ny40NywxMTJhNi4xMSw2LjExLDAsMSwxLDUuOTItNi4xMUE2LDYsMCwwLDEsMTQ3LjQ3LDExMlptLTMxLjg1LS4yNmE2LjExLDYuMTEsMCwxLDEsNS45My02LjFBNiw2LDAsMCwxLDExNS42MiwxMTEuNzVaTTg5LjUzLDY1LjI1YTcuMjYsNy4yNiwwLDEsMSw3LjI2LDcuNDgsNy4zNyw3LjM3LDAsMCwxLTcuMjYtNy40OFpNNTQuMTgsNzEuNDJhNy41OSw3LjU5LDAsMCwxLDAtMTMsNy4wOSw3LjA5LDAsMCwxLDcuMjUsMCw3LjYsNy42LDAsMCwxLDAsMTNBNy4wOSw3LjA5LDAsMCwxLDU0LjE4LDcxLjQyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE1Ljg5IC0yOC41OCkiLz48L3N2Zz4=) no-repeat;
    background-size: 100% 100%;
}

.sidebar > div:nth-child(2):hover i[data-v-0a9e7075] {
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2OC4yMyAxNDIuODQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO3N0cm9rZTojZmZmO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDozLjNweDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTc4LjIzLDEzNy4yM2E0NSw0NSwwLDAsMS0xMi41NCwxNS4zOUwxNjguNTgsMTY1YTMuOTIsMy45MiwwLDAsMS0xLjIzLDMuODcsMy42OCwzLjY4LDAsMCwxLTMuOTEuNmwtMTYuNTEtNy4zNWE1Ni44OSw1Ni44OSwwLDAsMS0xNS42OCwyLDU0LjE4LDU0LjE4LDAsMCwxLTM1LjY2LTEzLjI3LDQ1LjI3LDQ1LjI3LDAsMCwxLTExLjM3LTE1LjM4LDY4LjI0LDY4LjI0LDAsMCwxLTIwLjktMS4xM2MtMS42OS0uMzYtMS42OS0uMzYtMy44Ny0uNzFsLTIxLjA4LDlhNC40Nyw0LjQ3LDAsMCwxLTQuNy0uNzksNC43NCw0Ljc0LDAsMCwxLTEuNC00LjY3bDMuODctMTUuNDVxLTIuMjUtMi4zLTQuNDYtNC42NGgwYTUxLjgsNTEuOCwwLDAsMS05LjMzLTEzLjMsNDcuMjcsNDcuMjcsMCwwLDEsMC00MS42LDUyLjg1LDUyLjg1LDAsMCwxLDEzLTE2Ljc4QzQ2LjYsMzUuNjQsNjEuNTUsMzAuMjMsNzcuNDIsMzAuMjNzMzAuODMsNS40MSw0Mi4xLDE1LjIzYTUyLjg4LDUyLjg4LDAsMCwxLDEzLDE2Ljc4LDQ4LDQ4LDAsMCwxLDQsMTIsNTMuNiw1My42LDAsMCwxLDMxLjA4LDEzLjA2LDQ1LjEsNDUuMSwwLDAsMSwxMC45MywxNC40QTQwLjUxLDQwLjUxLDAsMCwxLDE3OC4yMywxMzcuMjNaTTc3LjQyLDM4LjQ2Yy0yOC42LDAtNTEuODgsMjAtNTEuODgsNDQuNThhNDAuMzgsNDAuMzgsMCwwLDAsMTAuMTMsMjYuNDMsNjQuMyw2NC4zLDAsMCwwLDQuNzQsNC42NWMxLjM5LDEuMjIsMy4xOSwyLDQuMzEsMy41M2E2LjMxLDYuMzEsMCwwLDEsLjQuNjV2MGwuMDYuMTJhNC42OSw0LjY5LDAsMCwxLC40MiwyLjUzLDksOSwwLDAsMS0uMTcsMS4zN2MtLjQyLDIuMDctMS4yLDQuNDktMS40Niw1LjM4bC0uNzEsMi43OSwxMy4zMS01LjY2YTQuMzgsNC4zOCwwLDAsMSw0LjA3LjMyYy44LjI1LDEuNTkuNDksMi4zOS42OWgwYTU5LjQ5LDU5LjQ5LDAsMCwwLDE4LjU2LDEuNTlBNDAuNDksNDAuNDksMCwwLDEsODQuOTMsMTAxLDQ1LjI0LDQ1LjI0LDAsMCwxLDk2LjA3LDg2Ljc1YTUzLjU4LDUzLjU4LDAsMCwxLDMyLjItMTIuNjFDMTIzLjQ2LDUzLjgxLDEwMi40OSwzOC40Niw3Ny40MiwzOC40NlptNTQuNDQsNDMuMzNjLTIzLjkxLS4xOS00My40OCwxNi4zOS00My42MywzN3MxOS4xNywzNy40Nyw0My4wNywzNy42NmE0NC40NSw0NC40NSwwLDAsMCwxMy44My0xLjgyLDMuNjUsMy42NSwwLDAsMSwzLjM4LS4yMWwxMSw0Ljg5LS41NC0yLjM0Yy0uMjItLjc0LS44My0yLjc3LTEuMTYtNC40OWE3LjM1LDcuMzUsMCwwLDEtLjEyLTEuMTQsMy45LDMuOSwwLDAsMSwuNzgtMi43NmMuOTUtMS4yNiwyLjQ2LTEuODksMy42My0yLjg5LDcuODYtNi42OSwxMi43Ni0xNiwxMi44NS0yNi4yQzE3NS4xLDk4Ljg4LDE1NS43OCw4MiwxMzEuODYsODEuNzlaTTE0Ny40NywxMTJhNi4xMSw2LjExLDAsMSwxLDUuOTItNi4xMUE2LDYsMCwwLDEsMTQ3LjQ3LDExMlptLTMxLjg1LS4yNmE2LjExLDYuMTEsMCwxLDEsNS45My02LjFBNiw2LDAsMCwxLDExNS42MiwxMTEuNzVaTTg5LjUzLDY1LjI1YTcuMjYsNy4yNiwwLDEsMSw3LjI2LDcuNDgsNy4zNyw3LjM3LDAsMCwxLTcuMjYtNy40OFpNNTQuMTgsNzEuNDJhNy41OSw3LjU5LDAsMCwxLDAtMTMsNy4wOSw3LjA5LDAsMCwxLDcuMjUsMCw3LjYsNy42LDAsMCwxLDAsMTNBNy4wOSw3LjA5LDAsMCwxLDU0LjE4LDcxLjQyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE1Ljg5IC0yOC41OCkiLz48L3N2Zz4=) no-repeat;
    background-size: 100% 100%;
}

.sidebar > div:nth-child(2):hover .qrcode[data-v-0a9e7075] {
    pointer-events: auto;
    opacity: 1;
}

.sidebar > div[data-v-0a9e7075]:nth-child(3) {
    position: relative;
}

.sidebar > div:nth-child(3) i[data-v-0a9e7075] {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4zLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNjQgNjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDY0IDY0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMTYyMTMzO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjIuMiw0Ni40bC0xMC0xMGMtMi0yLTUuNi0yLTcuNiwwbC00LjksNC45Yy0xLjctMC43LTYuMS0yLjktMTAtNi44Yy0zLjktMy45LTYuMS04LjMtNi44LTEwbDQuOS00LjkNCgljMi4yLTIuMiwyLjItNS44LTAuMi03LjhsLTkuOC0xMGMtMC43LTEtMi0xLjUtMy4yLTEuNVMxMiwwLjgsMTAuOCwxLjVMMyw5LjZWOS4zYy0yLjQsMi4yLTMuMiw1LjYtMi4yLDguNQ0KCWMyLDUuOSw3LjMsMTcuMywxNy42LDI3LjhjMTAuMywxMC41LDIyLDE1LjQsMjcuNiwxNy42YzIuOSwxLDYuMSwwLjIsOC42LTEuN2w3LjYtNy42QzY0LjEsNTIsNjQuMSw0OC40LDYyLjIsNDYuNHogTTU5LDUwLjgNCglsLTcuMyw3LjNjLTEuMiwxLTIuMiwxLjItMy43LDAuN2MtNS42LTIuMi0xNi40LTYuOC0yNS45LTE2LjZDMTIuMywzMi41LDcuNCwyMS44LDUuNCwxNi40Yy0wLjUtMSwwLTIuNCwwLjctMy4ybDcuNi03LjYNCgljMC4yLTAuNSwwLjUtMC41LDAuNy0wLjVjMC4yLDAsMC4yLDAsMC41LDAuMmwxMCwxMC4yYzAsMCwwLDAuMi0wLjIsMC41bC03LjMsNy4zbDAuNSwxLjVjMCwwLDIuNyw3LjYsOC42LDEzLjINCgljNS45LDUuNiwxMyw4LjUsMTMsOC41bDEuNSwwLjdsNy4zLTcuM2MwLjUtMC41LDAuMi0wLjUsMC43LDBsMTAsMTBDNTkuNSw1MC42LDU5LjUsNTAuMyw1OSw1MC44eiIvPg0KPC9zdmc+DQo=) no-repeat;
    background-size: 100% 100%;
}

.sidebar > div:nth-child(3) .phone[data-v-0a9e7075] {
    background: #fff;
    width: 1.45rem;
    font-size: 0.18rem;
    line-height: 0.45rem;
    color: #333;
    height: 0.45rem;
    position: absolute;
    left: -1.63rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 0.04rem;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
    pointer-events: none;
}

.sidebar > div:nth-child(3) .phone[data-v-0a9e7075]::after {
    content: '';
    width: 0;
    position: absolute;
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 0;
    border-top: 0.11rem solid transparent;
    border-left: 0.06rem solid #fff;
    border-bottom: 0.11rem solid transparent;
}

.sidebar > div:nth-child(3):hover i[data-v-0a9e7075] {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4zLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNjQgNjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDY0IDY0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojZmZmZmZmO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjIuMiw0Ni40bC0xMC0xMGMtMi0yLTUuNi0yLTcuNiwwbC00LjksNC45Yy0xLjctMC43LTYuMS0yLjktMTAtNi44Yy0zLjktMy45LTYuMS04LjMtNi44LTEwbDQuOS00LjkNCgljMi4yLTIuMiwyLjItNS44LTAuMi03LjhsLTkuOC0xMGMtMC43LTEtMi0xLjUtMy4yLTEuNVMxMiwwLjgsMTAuOCwxLjVMMyw5LjZWOS4zYy0yLjQsMi4yLTMuMiw1LjYtMi4yLDguNQ0KCWMyLDUuOSw3LjMsMTcuMywxNy42LDI3LjhjMTAuMywxMC41LDIyLDE1LjQsMjcuNiwxNy42YzIuOSwxLDYuMSwwLjIsOC42LTEuN2w3LjYtNy42QzY0LjEsNTIsNjQuMSw0OC40LDYyLjIsNDYuNHogTTU5LDUwLjgNCglsLTcuMyw3LjNjLTEuMiwxLTIuMiwxLjItMy43LDAuN2MtNS42LTIuMi0xNi40LTYuOC0yNS45LTE2LjZDMTIuMywzMi41LDcuNCwyMS44LDUuNCwxNi40Yy0wLjUtMSwwLTIuNCwwLjctMy4ybDcuNi03LjYNCgljMC4yLTAuNSwwLjUtMC41LDAuNy0wLjVjMC4yLDAsMC4yLDAsMC41LDAuMmwxMCwxMC4yYzAsMCwwLDAuMi0wLjIsMC41bC03LjMsNy4zbDAuNSwxLjVjMCwwLDIuNyw3LjYsOC42LDEzLjINCgljNS45LDUuNiwxMyw4LjUsMTMsOC41bDEuNSwwLjdsNy4zLTcuM2MwLjUtMC41LDAuMi0wLjUsMC43LDBsMTAsMTBDNTkuNSw1MC42LDU5LjUsNTAuMyw1OSw1MC44eiIvPg0KPC9zdmc+DQo=) no-repeat;
    background-size: 100% 100%;
}

.sidebar > div:nth-child(3):hover .phone[data-v-0a9e7075] {
    opacity: 1;
}

.sidebar > div[data-v-0a9e7075]:not(:first-child) {
    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;
}

.sidebar > div[data-v-0a9e7075]:not(:last-child):hover {
    color: #fff;
    background: #0044b0;
}

.sidebar .up[data-v-0a9e7075] {
    position: fixed;
    right: 0.15rem;
    bottom: 0.41rem;
    opacity: 0;
    -webkit-transition: background 0.3s, opacity 0.3s;
    transition: background 0.3s, opacity 0.3s;
    pointer-events: none;
    z-index: 20;
}

.sidebar .up i[data-v-0a9e7075] {
    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;
}

.sidebar .up i[data-v-0a9e7075]::after {
    content: '';
    width: 80%;
    height: 80%;
    display: block;
    background: url(data:image/png;base64,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) no-repeat center center;
    background-size: contain;
}

.sidebar .up.active[data-v-0a9e7075] {
    opacity: 1;
    pointer-events: auto;
}

.sidebar .up[data-v-0a9e7075]:hover {
    background: #0044b0;
}

.sidebar .up:hover i[data-v-0a9e7075]::after {
    background: url(data:image/png;base64,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) no-repeat center center;
    background-size: contain;
}

#app[state='portrait'] .sidebar > div[data-v-0a9e7075] {
    width: 0.75rem;
    height: 0.75rem;
    margin-top: 0.3rem;
}

#app[state='portrait'] .sidebar > div i[data-v-0a9e7075] {
    width: 0.4rem;
    height: 0.4rem;
}

#app[state='portrait'] .sidebar > div[data-v-0a9e7075]:nth-child(1) {
    height: 2.6rem;
    -webkit-box-shadow: 0.01rem 0.05rem 0.17rem 0.01rem rgba(0, 68, 176, 0.13);
    box-shadow: 0.01rem 0.05rem 0.17rem 0.01rem rgba(0, 68, 176, 0.13);
    border-radius: 0.6rem;
    font-weight: 400;
    color: #000;
    padding-top: 0.25rem;
    text-align: center;
    display: inline-block;
    width: 100%;
    line-height: 0.18rem;
    font-size: 0.3rem;
    line-height: 0.4rem;
}

#app[state='portrait'] .sidebar > div:nth-child(1) i[data-v-0a9e7075] {
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2Mi40IDEzNi44MSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwNDAwMDA7c3Ryb2tlOiMwNDAwMDA7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjEuNjFweDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTU4LjUsMTQxLjkzYy00LjgzLDYuMTEtMjIuMzcsMjUuNjctNTAuMTEsMjUuNjdoLS44NmE0Ljc0LDQuNzQsMCwwLDEsLjA3LTkuNDhoLjA3YzIwLjA4LjI5LDM0LjMxLTEyLDQwLjcxLTE4Ljg5YTExLjkyLDExLjkyLDAsMCwxLTQuMTMtOVY5MWExMS45LDExLjksMCwwLDEsOC40OS0xMS40MmMtNy40NS0yMi4xNy0yOC4xMi0zOC4xOC01Mi40NC0zOC4xOFM1NS4xOCw1Ny40Nyw0Ny44LDc5LjczYTExLjksMTEuOSwwLDAsMSw4LDExLjI1djM5LjI1QTExLjg2LDExLjg2LDAsMCwxLDQ0LDE0Mi4xNmgtLjIzYTI0LjM3LDI0LjM3LDAsMCwxLTI0LjE2LTI0LjUzVjEwMy41NmEyNC40NywyNC40NywwLDAsMSwxOS0yMy45M0M0Ni4zLDUyLjQsNzEsMzIuNCwxMDAuMjgsMzIuNHM1NC4xMywyMC4wOSw2MS44MSw0Ny40M2EyNC40MiwyNC40MiwwLDAsMSwxOC4zLDIzLjcxdjE0LjA4YTI0LjMyLDI0LjMyLDAsMCwxLTIxLjg5LDI0LjMxWk00Ni40MSw5MUEyLjQ1LDIuNDUsMCwwLDAsNDQsODguNWgtLjIxYTE1LDE1LDAsMCwwLTE0LjgyLDE1djE0LjA4YTE1LDE1LDAsMCwwLDE0LjgyLDE1SDQ0YTIuNDUsMi40NSwwLDAsMCwyLjQxLTIuNDVabTEyNC42NCwxMi41N2ExNC45NCwxNC45NCwwLDAsMC0xNC44MS0xNUgxNTZBMi40NSwyLjQ1LDAsMCwwLDE1My41OSw5MXYzOS4yNGEyLjQ1LDIuNDUsMCwwLDAsMi40MSwyLjQ1aC4yNGExNC45NCwxNC45NCwwLDAsMCwxNC44MS0xNVYxMDMuNTRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTguOCAtMzEuNikiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik04MS45MSw4OC40OGgwQTYuNTYsNi41NiwwLDAsMSw4OC40OCw5NXYxMy4yNWE2LjU3LDYuNTcsMCwwLDEtNi41Nyw2LjU2aDBhNi41Nyw2LjU3LDAsMCwxLTYuNTctNi41NlY5NUE2LjU2LDYuNTYsMCwwLDEsODEuOTEsODguNDhabTM2LjE0LDBhNi41MSw2LjUxLDAsMCwxLDYuNTEsNi41djEzLjM2YTYuNTEsNi41MSwwLDAsMS0xMywwVjk1YTYuNSw2LjUsMCwwLDEsNi41LTYuNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOC44IC0zMS42KSIvPjwvc3ZnPg==) no-repeat;
    background-size: 100% 100%;
}

#app[state='portrait'] .sidebar > div:nth-child(1):hover i[data-v-0a9e7075] {
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2Mi40IDEzNi44MSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7c3Ryb2tlOiNmZmY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjEuNjFweDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTU4LjUsMTQxLjkzYy00LjgzLDYuMTEtMjIuMzcsMjUuNjctNTAuMTEsMjUuNjdoLS44NmE0Ljc0LDQuNzQsMCwwLDEsLjA3LTkuNDhoLjA3YzIwLjA4LjI5LDM0LjMxLTEyLDQwLjcxLTE4Ljg5YTExLjkyLDExLjkyLDAsMCwxLTQuMTMtOVY5MWExMS45LDExLjksMCwwLDEsOC40OS0xMS40MmMtNy40NS0yMi4xNy0yOC4xMi0zOC4xOC01Mi40NC0zOC4xOFM1NS4xOCw1Ny40Nyw0Ny44LDc5LjczYTExLjksMTEuOSwwLDAsMSw4LDExLjI1djM5LjI1QTExLjg2LDExLjg2LDAsMCwxLDQ0LDE0Mi4xNmgtLjIzYTI0LjM3LDI0LjM3LDAsMCwxLTI0LjE2LTI0LjUzVjEwMy41NmEyNC40NywyNC40NywwLDAsMSwxOS0yMy45M0M0Ni4zLDUyLjQsNzEsMzIuNCwxMDAuMjgsMzIuNHM1NC4xMywyMC4wOSw2MS44MSw0Ny40M2EyNC40MiwyNC40MiwwLDAsMSwxOC4zLDIzLjcxdjE0LjA4YTI0LjMyLDI0LjMyLDAsMCwxLTIxLjg5LDI0LjMxWk00Ni40MSw5MUEyLjQ1LDIuNDUsMCwwLDAsNDQsODguNWgtLjIxYTE1LDE1LDAsMCwwLTE0LjgyLDE1djE0LjA4YTE1LDE1LDAsMCwwLDE0LjgyLDE1SDQ0YTIuNDUsMi40NSwwLDAsMCwyLjQxLTIuNDVabTEyNC42NCwxMi41N2ExNC45NCwxNC45NCwwLDAsMC0xNC44MS0xNUgxNTZBMi40NSwyLjQ1LDAsMCwwLDE1My41OSw5MXYzOS4yNGEyLjQ1LDIuNDUsMCwwLDAsMi40MSwyLjQ1aC4yNGExNC45NCwxNC45NCwwLDAsMCwxNC44MS0xNVYxMDMuNTRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTguOCAtMzEuNikiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik04MS45MSw4OC40OGgwQTYuNTYsNi41NiwwLDAsMSw4OC40OCw5NXYxMy4yNWE2LjU3LDYuNTcsMCwwLDEtNi41Nyw2LjU2aDBhNi41Nyw2LjU3LDAsMCwxLTYuNTctNi41NlY5NUE2LjU2LDYuNTYsMCwwLDEsODEuOTEsODguNDhabTM2LjE0LDBhNi41MSw2LjUxLDAsMCwxLDYuNTEsNi41djEzLjM2YTYuNTEsNi41MSwwLDAsMS0xMywwVjk1YTYuNSw2LjUsMCwwLDEsNi41LTYuNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOC44IC0zMS42KSIvPjwvc3ZnPg==) no-repeat;
    background-size: 100% 100%;
}

#app[state='portrait'] .sidebar > div:nth-child(2) .qrcode[data-v-0a9e7075] {
    background: #fff;
    width: 2rem;
    height: 2rem;
    left: -2.18rem;
}

#app[state='portrait'] .sidebar > div:nth-child(3) .phone[data-v-0a9e7075] {
    background: #fff;
    width: 2.35rem;
    font-size: 0.26rem;
    line-height: 0.75rem;
    color: #333;
    height: 0.75rem;
    position: absolute;
    left: -2.53rem;
    top: 50%;
}
@-webkit-keyframes slide-right-in {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-right-in {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.layout .out-page {
    min-height: 100vh;
}

.layout .map-box {
    min-height: 80vh;
}
@-webkit-keyframes slide-right-in-data-v-157e7e3b {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-right-in-data-v-157e7e3b {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-157e7e3b {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-157e7e3b {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-157e7e3b {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-157e7e3b {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-157e7e3b {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-157e7e3b {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-157e7e3b {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-157e7e3b {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.contact-information[data-v-157e7e3b] .el-dialog__header {
    padding: 0;
}

.contact-information h2[data-v-157e7e3b] {
    margin: 0.5rem 0;
    font-size: 0.42rem;
    font-weight: 400;
    color: #111111;
    text-align: center;
}

.contact-information ul[data-v-157e7e3b] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.contact-information ul li[data-v-157e7e3b] {
    width: 85%;
    height: 0.56rem;
    border: 0.01rem solid #ebebeb;
    border-radius: 0.28rem;
    margin: 0 auto 0.25rem auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 0.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.contact-information ul li[data-v-157e7e3b]::after {
    position: absolute;
    left: 0.95rem;
    top: 0.2rem;
    content: '';
    width: 0.02rem;
    height: 0.17rem;
    background: #ebebeb;
}

.contact-information ul li i[data-v-157e7e3b] {
    width: 0.95rem;
    height: 100%;
}

.contact-information ul li input[data-v-157e7e3b] {
    height: 0.52rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 0.16rem;
    font-weight: 400;
    color: #333333;
    line-height: 0.48rem;
    border: none;
    padding: 0 0 0 0.36rem;
}

.contact-information ul li input[data-v-157e7e3b]::-webkit-input-placeholder {
    color: #aaaaaa;
    line-height: auto;
    font-size: 0.16rem;
}

.contact-information ul li input[data-v-157e7e3b]::-moz-placeholder {
    color: #aaaaaa;
    line-height: auto;
    font-size: 0.16rem;
}

.contact-information ul li input[data-v-157e7e3b]:-ms-input-placeholder {
    color: #aaaaaa;
    line-height: auto;
    font-size: 0.16rem;
}

.contact-information ul li input[data-v-157e7e3b]::-ms-input-placeholder {
    color: #aaaaaa;
    line-height: auto;
    font-size: 0.16rem;
}

.contact-information ul li input[data-v-157e7e3b]::placeholder {
    color: #aaaaaa;
    line-height: auto;
    font-size: 0.16rem;
}

.contact-information ul li:nth-child(1) i[data-v-157e7e3b] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAYCAYAAAD+vg1LAAADBklEQVRIS62VTYgcRRTH//8a3RXBwdNqjAEhEAVFkUg0KOSyQb0ogntSE9FMv+4dncAiWT82ZCDGgJAcdqNV1bAu8SOHNRFExIteRJSoKIF8HBQ1HhITcFmirPRsTz3psCMRZ3oGkwdFHd57v3r9f6+qiT7WbDbNyMjIBmPMOlU1JH9qtVpHG41GVpbKMqdz7kmSTQBrAbQBKICrAPwGYK+ITPfK7wn23r8K4BWSh/M8P5Bl2bFqtdrOsuz2SqXyNIBtAA6KSLEXB/7LuoKdc1Mkd5N8PIqiI92qcs5tBPCZMeZQFEUFvBw8MzNz09DQ0GlV3RfH8YtlUnnvBYALIdybJMnXl8b+p+I0TV9S1ak8z2+o1+t/9muu9/40gE9EJO4H/lhV2yLySD9o4XfOvUFyk4jcUQp2zn1F8kcReWoQsLV2jzFmq4jc3A/8AYBr4zh+aBCwcy4luV5E1peCvffPAdhvjFlTq9XOlcHn5+eHFhYWzpB8S0R2lIKnp6erw8PDv5L8MIqirWXgNE13q+rLIYS1SZL8UgpeacgWkgcBvCAi+7rBrbVPGGPeBTAlInv6znEnIE3TZ1T1TVU9SdIbY74tpiWEUHS/RvJ+Vd0Zx/Hebgf3vNLW2ltI7if5WA85vgghJEmSHB8IPDs7e93y8nKT5POqegHARwA+B3C2Uqm0VfXGEMJ9AB4lubp4L0IIO5IkOd9TY+/9bcX9B2BUdXJpaen9iYmJv7pV5L2/WlU3kzwA4HqSD0ZR9E0n9h8prLWrjTFfAvjdGPNwv1HrAFa+8BDJB4oVRdGJwncRrKpM0/QogGqWZRsajUYhwcA2NjZWGR0dLeRatbi4eNfk5OQfF8HW2uLdbbbb7Tvr9fqpgYmXBHrvVwE4qapH4jjexrm5uWtardZZAG+LyPb/A+3kOOcmSL4OYA1Xfj/vqOq6OI5/uBxwoXee5+dU9TV6798DcKuI3HM50E6u9/5wMZJFxd+R/F5Enr1C4F2quqWYhlqe5z+Pj49/eiXA1tq7SW78G86kT7M4ZCCLAAAAAElFTkSuQmCC) no-repeat 0.42rem center;
    background-size: 0.22rem 0.24rem;
}

.contact-information ul li:nth-child(2) i[data-v-157e7e3b] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAYCAYAAAD+vg1LAAACEElEQVRIS72Vv2sUQRTHv2/uErCwuC1yivgPXCX+B5aC2Eii2GffNGmMWC9aWFkeO7MIYmX8iZ2iIDYxARvTbJciGrTRky0CwmbvySx7x7rZy94lmOmWmfnM2+/7vvcIDSsMw3NKqe2mc5X9lJouFOBdAG8ATPPABQAXpwaLyKLW+kVTIMaYW0R0rxHc7/fPtNvtH0R03ff9Z01ga+0qgLtkrfUBzB1y4TSA+2WwtXYRwMLojohsa63fuu8x2Bjzh4jaAPYnwN1fzVfAmwCclvkSkdda6xv/gK21iYiseZ63UgdOkmRhOBx+q4DnOp3OWMY4jodBEOSBlaVw4KdaayfJgTVyxVE0HoODIJjv9XpjeBzH+91u96xSavfIETMzR1GUOD1HZCJazrLsQw34k/Nq6dwr3/dvTpKCrbUPSg4hInqcZdn3KjgMwztKqfMl3baY+eHJa/y/kuekWC5Lkabpu1artVeV4rDqO2C3CcnTWZa9PxbY+Xhau80U8SwFMlWvKEp6psozxnzOey5RWuTkJTMvHdtuxpgNAD89z7s2GAw+EtFXZq5tQrNGvEFEv5j5inuEiHZOFgzgCTPrumyPJgiAJWZ+Xui4DsBFfNVauy4iO1rrvFeMR1ORvC2l1JqI1I2qfIIAcL3gi4gIgFUi2gMQishtIhqIyCPXXABcAnCZoij6LSKnmmbZjPvpX3bTyCQdkrYGAAAAAElFTkSuQmCC) no-repeat 0.42rem center;
    background-size: 0.22rem 0.24rem;
}

.contact-information ul li:nth-child(3) i[data-v-157e7e3b] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAEYklEQVRIS52Vf4hUVRTHv+fOczdWNscNc90wcokkCmKhtR9oSEGRWVrgpmkU7jLnzq4z4RZZZDBSGFa6tjnz5s7sahRaJrX9MuwHiRSBlBDUHy6hoaQRBq7krs3bmXviDjPLa13N9f4xPOa8cz/3nvM930cIrWw2u56IlovIKaXU2lgs9lM4fjnPVE0yxmwD0AXgdwBXAzgnIq1a618vZ+NqThmQzWa3EZHb/CMAbdbaxUqpDwEcLhaLrV1dXWdDB5kC4F0A9UQ0CGBvNBr9uq2trTTRQcgY8xyAV4hoIBqNLqu+mMvlXhKR9SIyoLV+pJq8Y8eOK4Ig+BbA9QCilf8HRSShtf5qPMQBDovISENDQ+v4U2Sz2X1EdB+AbmbuCSenUik1a9asG0RkBRE9BWCatXZdPB5/NfxeGQBgkJmXjKf39PRE6+rqXPwcM8+pxn3ffxjAlGKx+F0ikThpjLkWwOcAbhKRJ7TWb4/1IJfL7RKRRYVCYWYymSyEIZlMZm4kEjnoGs/MN7tYf39/fbFYPAPA9S8AkAawzlo7XSl1SESiNTU1zatXrz7l3id3GtdQEenQWvdXAZlMpjkSibhaN4nIUq31x9VYPp+/0VrbAiAOYD6APczcZoxZCmAAwEZmfqEMcLVsbGw8QkTKNY6ZR/v6+hpKpdIhALNF5Gmt9RsXkmqlAisALGbmvcaYYwD+Yea5ZYD7McY8BmAngBQzb9i+ffuMIAiOhqB/XAiQTqcbPc9zs7ObmVcaY94BsLJUKl3V2dl5emzQcrncfmvtfM/zWjo6On4xxqwFsEVE9mmt77/YsBljTgA4xsx35nK5zSLSHQRBcyKR+G0M4Pv+dUqpn0XkxMjISEt3d/c5Y8z3AO4A8Awzb74QxPf9hUopp7SDvu9fA2BBPB5/b6xEoSktl0pEdmutl1fk9yOAGSLykNb608naxtgNQpAtANYS0cuxWOxFY8xtAPYDUCKybLKQ8wCVpn8G4AERSWqt3zTG3Csizqdq3VSHVZXP5xdYazeJSL1Sqi8Wi/1HcRMCnN8UCoUDRDTPmWAsFsv4vj9PKfUJgJlO99baNZFI5HYR+UBEjhPRKAAnzT2e57W3t7f/fV4PwvU1xkwDcADALQCeZebX0un0bM/zdlWGy01qvYgcrampWTg0NHR26tSpBsDjzoUrc3FkwhuEpnl6JBL5AkCriGzVWjvpOntPEFFKRE4GQXB3Mpks20Il9jwRbQRw2lp7z0UBlX7UicgeIloE4Es3RMz8l7vh8PBw4OQ8XlnZbHYJEb1PRD/8L6CS7FzXzYG7wfFSqbSqs7PT+dSEq7e398ra2tojAIYuFVDeyPf9J5VSva72ALZWrMU569hybjs6OvoNEd3qejcpgNsln8/Psda+BeAuAH+KyOtElGfmM+HNRSSttV4zaUComauIaAOAZgDDrt4i4p7dxyfNzGsuKtNLsYRUKuU1NTU9KCKPVuQ8KiI7tdabqvn/AihyBaW+ggywAAAAAElFTkSuQmCC) no-repeat 0.42rem center;
    background-size: 0.24rem 0.24rem;
}

.contact-information ul li:nth-child(4) i[data-v-157e7e3b] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAATCAYAAABlcqYFAAACy0lEQVRIS62VXUhTYRjH/897loxRKVLgCDQKL7rooou6sAhxyywIIxhdRANxH+fMMboqgi4kL6VBEdt5d9EKAsmwiwoCE8Po6yIKug7KYC2hWEiG2zk7T7yyiWbqnL3wXp3/8/ze5/OQaZrviOgAgN8A3AAY/+cof9sAlElK+RNAI4BPtm13uN3uuc0ybNsuM3OaiILK1wKEmZ8TUXslCl80Gs3XCwoEAprP57sFICCEuMHMl6qRPAJwkZmfEdG8ZVm+eDz+ox6QlDIFIMjMvUKIFma+uwiJRqPn0+n0LiHEJIB5ACqi7xsBmaa5kKJyudwbi8UmMpnMuRUQ5TCVSu3RNG0CwGyxWDyaSCRmawFJKW8CCBNRIBKJPFQ2q0LURyllK4BJZi44jtMdi8UKa4FM0xwmogQRnY5EIk+q2jUhSpROp3cLIV4A+NbQ0ODv6+tTXbjsMDNlMpkkgITjOL2GYTxeKlgXosSmabYT0QQzT3s8nhPBYHBZe0sprzLzZQBndV1/8PcjaoJUUrcXwEcAr2zbPj4wMPCr8oAhIrrCzBd0Xb/+r3TWBJFS7lC1AWABaAGgZmqEiA4y88lKlEdcLldPKBR6ueFIkslks8fjmSKiLbZtdwohNCHEEIBDAL4AGM7n81Ner/cOgDNCCF84HH5Tc02y2WxTqVQaB7DV5XL5+/v7v67WXYODg8Lr9d4GcIqZj+m6/nbd7qqkSAG2CyEOh8PhmVrmxDTNewB61NV1/fWqcyKlbGTmcSLa6ThOl2EYn2sBKE0lovsAOh3H8RuG8X5F4QHEFUAI0VwqlfzxeHy6VkBVNzo6qhUKhREAXQC6iWjf4lph5qcAWonIq2laVygUUi1b18lms+5isThGRB1EdI2Zh6oLUv1cZlQNcrlcri7vS4za2tqEZVljzNwNwKUgHwDsBzDHzIKIaLOQir3a5E0AnD9LB6UcSB7y/QAAAABJRU5ErkJggg==) no-repeat 0.42rem center;
    background-size: 0.25rem 0.19rem;
}

.contact-information .btn[data-v-157e7e3b] {
    width: 2.5rem;
    height: 0.48rem;
    background: #0044b0;
    border: 0.01rem solid #0044b0;
    border-radius: 0.24rem;
    font-size: 0.16rem;
    font-weight: 500;
    color: #ffffff;
    text-align: center;
    line-height: 0.48rem;
    cursor: pointer;
    margin: 0.5rem auto 0.3rem auto;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

#app[state='portrait'] .contact-information h2[data-v-157e7e3b] {
    font-size: calc(0.33rem * 1.5);
}

#app[state='portrait'] .contact-information ul li[data-v-157e7e3b] {
    height: calc(0.56rem * 1.5);
    border-radius: calc(0.28rem * 1.5);
}

#app[state='portrait'] .contact-information ul li input[data-v-157e7e3b] {
    font-size: calc(0.2rem * 1.5);
}

#app[state='portrait'] .contact-information ul li input[data-v-157e7e3b]::-webkit-input-placeholder {
    font-size: calc(0.2rem * 1.5);
}

#app[state='portrait'] .contact-information ul li input[data-v-157e7e3b]::-moz-placeholder {
    font-size: calc(0.2rem * 1.5);
}

#app[state='portrait'] .contact-information ul li input[data-v-157e7e3b]:-ms-input-placeholder {
    font-size: calc(0.2rem * 1.5);
}

#app[state='portrait'] .contact-information ul li input[data-v-157e7e3b]::-ms-input-placeholder {
    font-size: calc(0.2rem * 1.5);
}

#app[state='portrait'] .contact-information ul li input[data-v-157e7e3b]::placeholder {
    font-size: calc(0.2rem * 1.5);
}

#app[state='portrait'] .contact-information ul li i[data-v-157e7e3b] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

#app[state='portrait'] .contact-information ul li[data-v-157e7e3b]::after {
    top: 0.35rem;
}

#app[state='portrait'] .contact-information .btn[data-v-157e7e3b] {
    width: calc(2.5rem * 1.5);
    height: calc(0.48rem * 1.5);
    line-height: calc(0.48rem * 1.5);
    font-size: calc(0.16rem * 1.5);
    border-radius: calc(0.24rem * 1.5);
}
@-webkit-keyframes slide-right-in-data-v-5b916ce8 {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-right-in-data-v-5b916ce8 {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-5b916ce8 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-5b916ce8 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-5b916ce8 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-5b916ce8 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-5b916ce8 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-5b916ce8 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-5b916ce8 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-5b916ce8 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.has-show-tip[data-v-5b916ce8] .el-dialog__body {
    padding: 0;
}

.has-show-tip .maskInfo[data-v-5b916ce8] {
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 101;
    width: 8rem;
    height: 5.6rem;
    background: #0044b0;
    border-radius: 0.1rem;
}

.has-show-tip .maskInfo > p[data-v-5b916ce8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0.35rem 0.35rem 0 0;
}

.has-show-tip .maskInfo > p[data-v-5b916ce8]:hover {
    cursor: pointer;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.has-show-tip .maskInfo > p img[data-v-5b916ce8] {
    width: 0.24rem;
    height: 0.24rem;
}

.has-show-tip .maskInfo > div[data-v-5b916ce8] {
    margin: 0.7rem 0.8rem 0.7rem 0.8rem;
}

.has-show-tip .maskInfo > div > p[data-v-5b916ce8] {
    font-size: 0.3rem;
    font-family: PingFangSC;
    color: #ffffff;
    line-height: 0.4rem;
}

.has-show-tip .maskInfo > div > div[data-v-5b916ce8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 0.27rem;
    height: 3.14rem;
}

.has-show-tip .maskInfo > div > div .form[data-v-5b916ce8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.has-show-tip .maskInfo > div > div .form input[data-v-5b916ce8] {
    width: 3.4rem;
    height: 0.48rem;
    border: 0.01rem solid rgba(255, 255, 255, 0.2);
    border-radius: 0.24rem;
    outline: none;
    margin-bottom: 0.2rem;
    background-color: #0044b0;
    text-indent: 0.34rem;
    color: #ffffff;
}

.has-show-tip .maskInfo > div > div .form input[data-v-5b916ce8]::-webkit-input-placeholder {
    font-size: 0.16rem;
    color: #ffffff;
}

.has-show-tip .maskInfo > div > div .form input[data-v-5b916ce8]::-moz-placeholder {
    font-size: 0.16rem;
    color: #ffffff;
}

.has-show-tip .maskInfo > div > div .form input[data-v-5b916ce8]:-ms-input-placeholder {
    font-size: 0.16rem;
    color: #ffffff;
}

.has-show-tip .maskInfo > div > div .form input[data-v-5b916ce8]::-ms-input-placeholder {
    font-size: 0.16rem;
    color: #ffffff;
}

.has-show-tip .maskInfo > div > div .form input[data-v-5b916ce8]::placeholder {
    font-size: 0.16rem;
    color: #ffffff;
}

.has-show-tip .maskInfo > div > div .form textarea[data-v-5b916ce8] {
    width: 3.4rem;
    height: 1.01rem;
    border: 0.01rem solid rgba(255, 255, 255, 0.2);
    border-radius: 0.24rem;
    background-color: #0044b0;
    margin-bottom: 0.3rem;
    resize: none;
    outline: none;
    text-indent: 0.34rem;
    color: #ffffff;
    padding-top: 0.17rem;
    font-family: PingFangSC;
    font-weight: 400;
}

.has-show-tip .maskInfo > div > div .form textarea[data-v-5b916ce8]::-webkit-input-placeholder {
    font-size: 0.16rem;
    color: #ffffff;
    font-family: PingFangSC;
    font-weight: 400;
}

.has-show-tip .maskInfo > div > div .form textarea[data-v-5b916ce8]::-moz-placeholder {
    font-size: 0.16rem;
    color: #ffffff;
    font-family: PingFangSC;
    font-weight: 400;
}

.has-show-tip .maskInfo > div > div .form textarea[data-v-5b916ce8]:-ms-input-placeholder {
    font-size: 0.16rem;
    color: #ffffff;
    font-family: PingFangSC;
    font-weight: 400;
}

.has-show-tip .maskInfo > div > div .form textarea[data-v-5b916ce8]::-ms-input-placeholder {
    font-size: 0.16rem;
    color: #ffffff;
    font-family: PingFangSC;
    font-weight: 400;
}

.has-show-tip .maskInfo > div > div .form textarea[data-v-5b916ce8]::placeholder {
    font-size: 0.16rem;
    color: #ffffff;
    font-family: PingFangSC;
    font-weight: 400;
}

.has-show-tip .maskInfo > div > div .form .btn[data-v-5b916ce8] {
    width: 3.4rem;
    height: 0.48rem;
    background: #ffffff;
    border-radius: 0.24rem;
    font-size: 0.2rem;
    color: #0044b0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.has-show-tip .maskInfo > div > div .form .btn[data-v-5b916ce8]:hover {
    cursor: pointer;
}

.has-show-tip .maskInfo > div > div .code[data-v-5b916ce8] {
    -ms-flex-item-align: center;
    align-self: center;
}

.has-show-tip .maskInfo > div > div .code > div[data-v-5b916ce8] {
    background: -webkit-gradient(linear, right top, left top, from(#fff), to(#fff)) left top no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) left top no-repeat, -webkit-gradient(linear, right top, left top, from(#fff), to(#fff)) right top no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) right top no-repeat, -webkit-gradient(linear, right top, left top, from(#fff), to(#fff)) left bottom no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) left bottom no-repeat, -webkit-gradient(linear, right top, left top, from(#fff), to(#fff)) right bottom no-repeat, -webkit-gradient(linear, right top, left top, from(#fff), to(#fff)) right bottom no-repeat;
    background: linear-gradient(to left, #fff, #fff) left top no-repeat, linear-gradient(to bottom, #fff, #fff) left top no-repeat, linear-gradient(to left, #fff, #fff) right top no-repeat, linear-gradient(to bottom, #fff, #fff) right top no-repeat, linear-gradient(to left, #fff, #fff) left bottom no-repeat, linear-gradient(to bottom, #fff, #fff) left bottom no-repeat, linear-gradient(to left, #fff, #fff) right bottom no-repeat, linear-gradient(to left, #fff, #fff) right bottom no-repeat;
    background-size: 0.01rem 0.1rem, 0.1rem 0.01rem, 0.01rem 0.1rem, 0.1rem 0.01rem;
    border: 0.01rem solid rgba(255, 255, 255, 0.2);
    width: 1.75rem;
    height: 1.75rem;
    padding: 0.15rem;
}

.has-show-tip .maskInfo > div > div .code > div img[data-v-5b916ce8] {
    width: 1.45rem;
    height: 1.45rem;
}

.has-show-tip .maskInfo > div > div .code > p[data-v-5b916ce8] {
    font-size: 0.16rem;
    font-family: PingFangSC;
    color: #ffffff;
    text-align: center;
    margin-top: 0.19rem;
}

#app[state='portrait'] .has-show-tip .maskInfo[data-v-5b916ce8] {
    border-radius: calc(0.1rem * 1.5);
    height: calc(5.6rem * 1.5);
}

#app[state='portrait'] .has-show-tip .maskInfo > p img[data-v-5b916ce8] {
    width: calc(0.24rem * 1.5);
    height: calc(0.24rem * 1.5);
}

#app[state='portrait'] .has-show-tip .maskInfo > div > p[data-v-5b916ce8] {
    font-size: calc(0.3rem * 1.5);
    line-height: calc(0.4rem * 1.5);
}

#app[state='portrait'] .has-show-tip .maskInfo > div > div[data-v-5b916ce8] {
    margin-top: calc(0.27rem * 1.5);
    height: calc(3.14rem * 1.5);
}

#app[state='portrait'] .has-show-tip .maskInfo > div > div .form input[data-v-5b916ce8] {
    height: calc(0.48rem * 1.5);
    margin-bottom: calc(0.2rem * 1.5);
    border-radius: calc(0.24rem * 1.5);
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .has-show-tip .maskInfo > div > div .form input[data-v-5b916ce8]::-webkit-input-placeholder {
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .has-show-tip .maskInfo > div > div .form input[data-v-5b916ce8]::-moz-placeholder {
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .has-show-tip .maskInfo > div > div .form input[data-v-5b916ce8]:-ms-input-placeholder {
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .has-show-tip .maskInfo > div > div .form input[data-v-5b916ce8]::-ms-input-placeholder {
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .has-show-tip .maskInfo > div > div .form input[data-v-5b916ce8]::placeholder {
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .has-show-tip .maskInfo > div > div .form textarea[data-v-5b916ce8] {
    height: calc(1.01rem * 1.5);
    border-radius: calc(0.24rem * 1.5);
    margin-bottom: 0.3rem;
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .has-show-tip .maskInfo > div > div .form textarea[data-v-5b916ce8]::-webkit-input-placeholder {
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .has-show-tip .maskInfo > div > div .form textarea[data-v-5b916ce8]::-moz-placeholder {
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .has-show-tip .maskInfo > div > div .form textarea[data-v-5b916ce8]:-ms-input-placeholder {
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .has-show-tip .maskInfo > div > div .form textarea[data-v-5b916ce8]::-ms-input-placeholder {
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .has-show-tip .maskInfo > div > div .form textarea[data-v-5b916ce8]::placeholder {
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .has-show-tip .maskInfo > div > div .form .btn[data-v-5b916ce8] {
    height: calc(0.48rem * 1.5);
    border-radius: calc(0.24rem * 1.5);
    font-size: calc(0.2rem * 1.5);
}

#app[state='portrait'] .has-show-tip .maskInfo > div > div .code > div[data-v-5b916ce8] {
    background-size: 0.01rem calc(0.1rem * 1.5), calc(0.1rem * 1.5) 0.01rem, 0.01rem calc(0.1rem * 1.5), calc(0.1rem * 1.5) 0.01rem;
    width: calc(1.75rem * 1.5);
    height: calc(1.75rem * 1.5);
    padding: calc(0.15rem * 1.5);
}

#app[state='portrait'] .has-show-tip .maskInfo > div > div .code > div img[data-v-5b916ce8] {
    width: calc(1.45rem * 1.5);
    height: calc(1.45rem * 1.5);
}

#app[state='portrait'] .has-show-tip .maskInfo > div > div .code > p[data-v-5b916ce8] {
    font-size: calc(0.16rem * 1.5);
    margin-top: calc(0.19rem * 1.5);
}
@-webkit-keyframes slide-right-in {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-right-in {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes slide-right-in {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-up-in {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@font-face {
    font-family: 'Gilroy-Bold';
    src: url(assets/a1e0a98e9fdc0dee45e460ad8ac9047d.woff);
}

@font-face {
    font-family: 'Gilroy-Black';
    src: url(assets/6b28caa18f251ef12c662e63d7e0082e.woff);
}

@font-face {
    font-family: 'Gilroy-Heavy';
    src: url(assets/43a2be389a618b3ef83ddcc621ebf912.woff);
}

@font-face {
    font-family: 'Gilroy-Regular';
    src: url(assets/b55652b700ef6b076d8f7a48bd20c275.woff);
}

html {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
}

html::-webkit-scrollbar {
    width: 0.04rem;
    height: 0.04rem;
}

html::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0.01rem rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0.01rem rgba(0, 0, 0, 0);
    border-radius: 0.1rem;
    background-color: transparent;
}

html::-webkit-scrollbar-thumb {
    border-radius: 0.1rem;
    -webkit-box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, 0.3);
    background: #dad6d6;
}

html body {
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: 'Microsoft Yahei', -apple-system, 'PingFang SC', 'Helvetica Neue', STHeiti, Tahoma, Simsun, sans-serif;
}

html body input,
html body textarea {
    outline: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html[device='pc'] body.el-popup-parent--hidden {
    padding-right: 0.04rem !important;
}

html[device='pc'] body.el-popup-parent--hidden #app > .layout .header {
    width: calc(100% - 0.04rem);
}

html[device='pc'] body.el-popup-parent--hidden #app > .layout .sidebar {
    right: 0.19rem;
}

html[device='pc'] body.el-popup-parent--hidden #app > .layout .sidebar .up {
    right: 0.19rem;
}

html .el-dialog {
    margin: 0 !important;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 0.08rem;
}

html .el-dialog .el-dialog__header {
    display: none;
}

html .el-dialog .el-dialog__body {
    position: relative;
}

html .el-dialog .el-dialog__body .close-btn {
    cursor: pointer;
    position: absolute;
    right: 0.24rem;
    top: 0.24rem;
    width: 0.24rem;
    height: 0.24rem;
}

html .el-dialog .el-dialog__body .close-btn img {
    width: 100%;
    display: block;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

html .el-dialog .el-dialog__body .close-btn:hover img {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

html .swiper-pagination {
    position: absolute;
    left: 50%;
    bottom: -0.66rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

html .swiper-pagination .swiper-pagination-bullet {
    background: #bbb !important;
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

html .swiper-pagination .swiper-pagination-bullet:not(:first-child) {
    margin-left: 0.27rem;
}

html .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 0.02rem solid #0044b0;
    background: transparent !important;
    -webkit-transform: scale(1.5) translateZ(0);
    transform: scale(1.5) translateZ(0);
}

html .swiper-button-prev {
    width: 0.5rem;
    height: 0.35rem;
    left: 0;
    top: auto;
    bottom: -0.79rem;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

html .swiper-button-prev::after {
    color: #fff;
    font-size: 0.21rem;
}

html .swiper-button-prev:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

html .swiper-button-next {
    width: 0.5rem;
    height: 0.35rem;
    right: 0;
    top: auto;
    bottom: -0.79rem;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

html .swiper-button-next::after {
    color: #fff;
    font-size: 0.21rem;
}

html .swiper-button-next:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

html .el-pagination {
    height: 0.45rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

html .el-pagination .btn-prev,
html .el-pagination .btn-next {
    width: 0.45rem;
    height: 0.45rem;
    border: 0.02rem solid #eeeeee;
    border-radius: 50%;
    -webkit-transition: border 0.3s;
    transition: border 0.3s;
    color: #333;
    padding: 0;
}

html .el-pagination .btn-prev:hover,
html .el-pagination .btn-next:hover {
    border: 0.02rem solid #0044b0;
    color: #0044b0;
}

html .el-pagination .btn-prev i,
html .el-pagination .btn-next i {
    font-size: 0.18rem;
}

html .el-pagination .btn-prev:disabled,
html .el-pagination .btn-next:disabled {
    border: 0.02rem solid #eeeeee;
}

html .el-pagination .btn-prev:disabled i,
html .el-pagination .btn-next:disabled i {
    color: #eeeeee;
}

html .el-pagination .btn-prev {
    margin-right: 0.43rem;
}

html .el-pagination .btn-prev[disabled] i {
    color: #999;
}

html .el-pagination .btn-next {
    margin-left: 0.43rem;
}

html .el-pagination .btn-next[disabled] i {
    color: #999;
}

html .el-pagination ul li {
    font-size: 0.18rem;
    font-family: Gilroy-Bold;
    font-weight: bold;
    color: #333333;
    padding: 0 0.15rem;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

html .el-pagination ul li:nth-child(1) {
    padding-left: 0;
}

html .el-pagination ul li:last-child {
    padding-right: 0;
}

html .el-pagination ul li.active {
    color: #0044b0;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

html .el-pagination .el-pager .el-icon-d-arrow-left::before,
html .el-pagination .el-pager .el-icon-d-arrow-right::before {
    content: '\e794' !important;
}

html .el-pagination .el-pager .number {
    width: 0.5rem;
}

#app[state='portrait'] {
    padding-top: 1.2rem;
}

#app[state='portrait'] .swiper-button-prev,
#app[state='portrait'] .swiper-button-next {
    outline: none;
    -webkit-transform: scale(1.45);
    transform: scale(1.45);
}

#app[state='portrait'] .swiper-button-prev:hover,
#app[state='portrait'] .swiper-button-next:hover {
    -webkit-transform: scale(1.75);
    transform: scale(1.75);
}

#app[state='portrait'] .el-pagination {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
}

#app[state='portrait'] .swiper-pagination {
    outline: none;
    padding-left: 0.04rem;
    padding-right: 0.04rem;
    padding-bottom: 0.1rem;
    padding-top: 0.1rem;
}

#app[state='portrait'] .swiper-pagination span:focus {
    outline: none;
}

#app[state='portrait'] .swiper-pagination .swiper-pagination-bullet {
    -webkit-transform: translateY(0.1rem);
    transform: translateY(0.1rem);
    height: 0.14rem;
    width: 0.14rem;
}

#app[state='portrait'] .swiper-pagination .swiper-pagination-bullet:not(:first-child) {
    margin-left: 0.5rem;
}

#app[state='portrait'] .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    -webkit-transform: scale(1) translateZ(0) translateY(0.1rem);
    transform: scale(1) translateZ(0) translateY(0.1rem);
    height: 0.18rem;
    width: 0.18rem;
    border-width: 0.04rem;
}
@-webkit-keyframes slide-right-in-data-v-65e1b16a {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-right-in-data-v-65e1b16a {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-65e1b16a {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-65e1b16a {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-65e1b16a {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-65e1b16a {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-65e1b16a {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-65e1b16a {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-65e1b16a {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-65e1b16a {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.consulting[data-v-65e1b16a] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-65e1b16a 1s, fade-in-data-v-65e1b16a 1s;
    animation: slide-up-in-data-v-65e1b16a 1s, fade-in-data-v-65e1b16a 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    background: #0044b0 url(assets/57364a6c7c182ddee38d074414506bc4.jpg) no-repeat;
    background-size: 100% 100%;
    border-bottom: 0.01rem solid #0F50B5;
    height: 2rem;
    position: relative;
    bottom: -0.01rem;
}

.consulting > div[data-v-65e1b16a] {
    width: 15.2rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.consulting > div .left[data-v-65e1b16a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.4rem;
    font-weight: bold;
    color: #ffffff;
    line-height: 0.48rem;
}

.consulting > div .left div[data-v-65e1b16a] {
    margin-right: 1.17rem;
}

.consulting > div .left div[data-v-65e1b16a]:nth-child(1) {
    white-space: pre-wrap;
}

.consulting > div .left div[data-v-65e1b16a]:nth-child(2) {
    position: relative;
}

.consulting > div .left div:nth-child(2) p[data-v-65e1b16a] {
    font-size: 0.24rem;
    font-weight: 300;
    color: #c6d6f1;
    line-height: 0.24rem;
    margin-bottom: 0.1rem;
}

.consulting > div .left div:nth-child(2) h4[data-v-65e1b16a] {
    font-size: 0.36rem;
    color: #fff;
}

.consulting > div .left div[data-v-65e1b16a]:nth-child(2)::after {
    content: '';
    position: absolute;
    width: 0.01rem;
    height: 0.9rem;
    background: #ffffff;
    opacity: 0.2;
    top: 0;
    left: -0.61rem;
    top: 50%;
    margin-top: -0.45rem;
}

.consulting > div .right[data-v-65e1b16a] {
    width: 2.61rem;
    height: 0.6rem;
    border: 0.02rem solid #ffffff;
    border-radius: 0.3rem;
    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;
    font-size: 0.2rem;
    font-weight: 400;
    color: #ffffff;
    cursor: pointer;
    -webkit-transition: background .3s, color .3s;
    transition: background .3s, color .3s;
}

.consulting > div .right i[data-v-65e1b16a] {
    width: 0.3rem;
    height: 0.25rem;
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2Mi40IDEzNi44MSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7c3Ryb2tlOiNmZmY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjEuNjFweDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTU4LjUsMTQxLjkzYy00LjgzLDYuMTEtMjIuMzcsMjUuNjctNTAuMTEsMjUuNjdoLS44NmE0Ljc0LDQuNzQsMCwwLDEsLjA3LTkuNDhoLjA3YzIwLjA4LjI5LDM0LjMxLTEyLDQwLjcxLTE4Ljg5YTExLjkyLDExLjkyLDAsMCwxLTQuMTMtOVY5MWExMS45LDExLjksMCwwLDEsOC40OS0xMS40MmMtNy40NS0yMi4xNy0yOC4xMi0zOC4xOC01Mi40NC0zOC4xOFM1NS4xOCw1Ny40Nyw0Ny44LDc5LjczYTExLjksMTEuOSwwLDAsMSw4LDExLjI1djM5LjI1QTExLjg2LDExLjg2LDAsMCwxLDQ0LDE0Mi4xNmgtLjIzYTI0LjM3LDI0LjM3LDAsMCwxLTI0LjE2LTI0LjUzVjEwMy41NmEyNC40NywyNC40NywwLDAsMSwxOS0yMy45M0M0Ni4zLDUyLjQsNzEsMzIuNCwxMDAuMjgsMzIuNHM1NC4xMywyMC4wOSw2MS44MSw0Ny40M2EyNC40MiwyNC40MiwwLDAsMSwxOC4zLDIzLjcxdjE0LjA4YTI0LjMyLDI0LjMyLDAsMCwxLTIxLjg5LDI0LjMxWk00Ni40MSw5MUEyLjQ1LDIuNDUsMCwwLDAsNDQsODguNWgtLjIxYTE1LDE1LDAsMCwwLTE0LjgyLDE1djE0LjA4YTE1LDE1LDAsMCwwLDE0LjgyLDE1SDQ0YTIuNDUsMi40NSwwLDAsMCwyLjQxLTIuNDVabTEyNC42NCwxMi41N2ExNC45NCwxNC45NCwwLDAsMC0xNC44MS0xNUgxNTZBMi40NSwyLjQ1LDAsMCwwLDE1My41OSw5MXYzOS4yNGEyLjQ1LDIuNDUsMCwwLDAsMi40MSwyLjQ1aC4yNGExNC45NCwxNC45NCwwLDAsMCwxNC44MS0xNVYxMDMuNTRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTguOCAtMzEuNikiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik04MS45MSw4OC40OGgwQTYuNTYsNi41NiwwLDAsMSw4OC40OCw5NXYxMy4yNWE2LjU3LDYuNTcsMCwwLDEtNi41Nyw2LjU2aDBhNi41Nyw2LjU3LDAsMCwxLTYuNTctNi41NlY5NUE2LjU2LDYuNTYsMCwwLDEsODEuOTEsODguNDhabTM2LjE0LDBhNi41MSw2LjUxLDAsMCwxLDYuNTEsNi41djEzLjM2YTYuNTEsNi41MSwwLDAsMS0xMywwVjk1YTYuNSw2LjUsMCwwLDEsNi41LTYuNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOC44IC0zMS42KSIvPjwvc3ZnPg==) no-repeat;
    background-size: 100% 100%;
    margin-right: 0.13rem;
}

.consulting > div .right[data-v-65e1b16a]:hover {
    color: #0044b0;
    background: #fff;
}

.consulting > div .right:hover i[data-v-65e1b16a] {
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2Mi40IDEzNi44MSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwNDAwMDA7c3Ryb2tlOiMwNDAwMDA7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjEuNjFweDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTU4LjUsMTQxLjkzYy00LjgzLDYuMTEtMjIuMzcsMjUuNjctNTAuMTEsMjUuNjdoLS44NmE0Ljc0LDQuNzQsMCwwLDEsLjA3LTkuNDhoLjA3YzIwLjA4LjI5LDM0LjMxLTEyLDQwLjcxLTE4Ljg5YTExLjkyLDExLjkyLDAsMCwxLTQuMTMtOVY5MWExMS45LDExLjksMCwwLDEsOC40OS0xMS40MmMtNy40NS0yMi4xNy0yOC4xMi0zOC4xOC01Mi40NC0zOC4xOFM1NS4xOCw1Ny40Nyw0Ny44LDc5LjczYTExLjksMTEuOSwwLDAsMSw4LDExLjI1djM5LjI1QTExLjg2LDExLjg2LDAsMCwxLDQ0LDE0Mi4xNmgtLjIzYTI0LjM3LDI0LjM3LDAsMCwxLTI0LjE2LTI0LjUzVjEwMy41NmEyNC40NywyNC40NywwLDAsMSwxOS0yMy45M0M0Ni4zLDUyLjQsNzEsMzIuNCwxMDAuMjgsMzIuNHM1NC4xMywyMC4wOSw2MS44MSw0Ny40M2EyNC40MiwyNC40MiwwLDAsMSwxOC4zLDIzLjcxdjE0LjA4YTI0LjMyLDI0LjMyLDAsMCwxLTIxLjg5LDI0LjMxWk00Ni40MSw5MUEyLjQ1LDIuNDUsMCwwLDAsNDQsODguNWgtLjIxYTE1LDE1LDAsMCwwLTE0LjgyLDE1djE0LjA4YTE1LDE1LDAsMCwwLDE0LjgyLDE1SDQ0YTIuNDUsMi40NSwwLDAsMCwyLjQxLTIuNDVabTEyNC42NCwxMi41N2ExNC45NCwxNC45NCwwLDAsMC0xNC44MS0xNUgxNTZBMi40NSwyLjQ1LDAsMCwwLDE1My41OSw5MXYzOS4yNGEyLjQ1LDIuNDUsMCwwLDAsMi40MSwyLjQ1aC4yNGExNC45NCwxNC45NCwwLDAsMCwxNC44MS0xNVYxMDMuNTRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTguOCAtMzEuNikiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik04MS45MSw4OC40OGgwQTYuNTYsNi41NiwwLDAsMSw4OC40OCw5NXYxMy4yNWE2LjU3LDYuNTcsMCwwLDEtNi41Nyw2LjU2aDBhNi41Nyw2LjU3LDAsMCwxLTYuNTctNi41NlY5NUE2LjU2LDYuNTYsMCwwLDEsODEuOTEsODguNDhabTM2LjE0LDBhNi41MSw2LjUxLDAsMCwxLDYuNTEsNi41djEzLjM2YTYuNTEsNi41MSwwLDAsMS0xMywwVjk1YTYuNSw2LjUsMCwwLDEsNi41LTYuNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOC44IC0zMS42KSIvPjwvc3ZnPg==) no-repeat;
    width: 0.3rem;
    height: 0.25rem;
    background-size: 100% 100%;
    margin-right: 0.13rem;
}

#app[state='portrait'] .consulting[data-v-65e1b16a] {
    height: auto;
    padding: 0.2rem;
}

#app[state='portrait'] .consulting > div[data-v-65e1b16a] {
    width: 100%;
    display: block;
    height: auto;
}

#app[state='portrait'] .consulting > div .left[data-v-65e1b16a] {
    width: 100%;
}

#app[state='portrait'] .consulting > div .left div[data-v-65e1b16a] {
    font-size: 0.35rem;
}

#app[state='portrait'] .consulting > div .left div[data-v-65e1b16a]:nth-child(1) {
    width: 35%;
    margin: 0;
    -webkit-transform: translateY(40%);
    transform: translateY(40%);
}

#app[state='portrait'] .consulting > div .left div[data-v-65e1b16a]:nth-child(2) {
    width: 65%;
    margin: 0;
}

#app[state='portrait'] .consulting > div .left div[data-v-65e1b16a]:nth-child(2)::after {
    left: -0.4rem;
    height: 1.75rem;
}

#app[state='portrait'] .consulting > div .left div:nth-child(2) p[data-v-65e1b16a] {
    line-height: 0.4rem;
    font-size: 0.28rem;
}

#app[state='portrait'] .consulting > div .left div h4[data-v-65e1b16a] {
    font-size: 0.3rem;
}

#app[state='portrait'] .consulting > div .right[data-v-65e1b16a] {
    margin: 0.2rem auto 0 35%;
}

#app[state='portrait'] .consulting > div .right i[data-v-65e1b16a] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

#app[state='portrait'] .consulting > div .right span[data-v-65e1b16a] {
    font-size: 0.28rem;
}
@-webkit-keyframes slide-right-in-data-v-9603d790 {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-right-in-data-v-9603d790 {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-9603d790 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-9603d790 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-9603d790 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-9603d790 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-9603d790 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-9603d790 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-9603d790 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-9603d790 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#app[state='web'] .home [class*='page'] > h3[data-v-9603d790],
#app[state='web'] .home [class*='page'] > .title[data-v-9603d790] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-9603d790 1s, fade-in-data-v-9603d790 1s;
    animation: slide-up-in-data-v-9603d790 1s, fade-in-data-v-9603d790 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .home [class*='page'] .train > div[data-v-9603d790]:nth-child(1) {
    opacity: 0;
    -webkit-animation: slide-left-in-data-v-9603d790 1s, fade-in-data-v-9603d790 1s;
    animation: slide-left-in-data-v-9603d790 1s, fade-in-data-v-9603d790 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .home [class*='page'] .train > div[data-v-9603d790]:nth-child(2) {
    opacity: 0;
    -webkit-animation: slide-right-in-data-v-9603d790 1s, fade-in-data-v-9603d790 1s;
    animation: slide-right-in-data-v-9603d790 1s, fade-in-data-v-9603d790 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .home [class*='page'] .train ul li[data-v-9603d790] {
    opacity: 0;
    -webkit-animation: fade-in-data-v-9603d790 2s;
    animation: fade-in-data-v-9603d790 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .home [class*='page'] .sort ul[data-v-9603d790] {
    opacity: 0;
    -webkit-animation: fade-in-data-v-9603d790 1s;
    animation: fade-in-data-v-9603d790 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .home [class*='page'] .left[data-v-9603d790] {
    opacity: 0;
    -webkit-animation: slide-left-in-data-v-9603d790 1s, fade-in-data-v-9603d790 1s;
    animation: slide-left-in-data-v-9603d790 1s, fade-in-data-v-9603d790 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .home [class*='page'] .right[data-v-9603d790] {
    opacity: 0;
    -webkit-animation: slide-right-in-data-v-9603d790 1s, fade-in-data-v-9603d790 1s;
    animation: slide-right-in-data-v-9603d790 1s, fade-in-data-v-9603d790 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .home .page3 .swiper[data-v-9603d790] {
    opacity: 0;
    -webkit-animation: fade-in-data-v-9603d790 1s;
    animation: fade-in-data-v-9603d790 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .home .page4 > h2[data-v-9603d790],
#app[state='web'] .home .page4 > p[data-v-9603d790],
#app[state='web'] .home .page4 > div[data-v-9603d790] {
    opacity: 0;
    -webkit-animation: slide-left-in-data-v-9603d790 1s, fade-in-data-v-9603d790 1s;
    animation: slide-left-in-data-v-9603d790 1s, fade-in-data-v-9603d790 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .home .page5 ul > li[data-v-9603d790],
#app[state='web'] .home .page6 ul > li[data-v-9603d790] {
    opacity: 0;
    -webkit-animation: fade-in-data-v-9603d790 1s;
    animation: fade-in-data-v-9603d790 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .home .page5 ul > li[data-v-9603d790]:nth-child(2),
#app[state='web'] .home .page6 ul > li[data-v-9603d790]:nth-child(2) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

#app[state='web'] .home .page5 ul > li[data-v-9603d790]:nth-child(3),
#app[state='web'] .home .page6 ul > li[data-v-9603d790]:nth-child(3) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.home[data-v-9603d790] {
    margin: 0 auto;
    max-width: 19.2rem;
}

.home img[data-v-9603d790] {
    display: block;
}

.home .banner[data-v-9603d790] {
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.home .banner .img-wrap[data-v-9603d790] {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 1.3rem;
    background: rgba(0, 0, 0, 0.2);
    z-index: 555;
    cursor: pointer;
}

.home .banner .img-wrap > div[data-v-9603d790] {
    height: 1.3rem;
    width: 15.2rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-item-align: center;
    align-self: center;
}

.home .banner .img-wrap > div img[data-v-9603d790] {
    margin: 0 auto;
    max-height: 0.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
}

.home .banner .swiper-pagination[data-v-9603d790] {
    left: 50%;
    bottom: 1.77rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.home .banner .swiper-pagination[data-v-9603d790] .swiper-pagination-bullet {
    background: #fff !important;
}

.home .banner .swiper-pagination[data-v-9603d790] .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: transparent !important;
}

.home .banner .swiper-button-prev[data-v-9603d790] {
    width: 0.5rem;
    height: 0.35rem;
    left: 0.45rem;
    bottom: auto;
    top: 50%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.home .banner .swiper-button-prev[data-v-9603d790]::after {
    font-size: 0.35rem;
}

.home .banner .swiper-button-prev[data-v-9603d790]:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.home .banner .swiper-button-next[data-v-9603d790] {
    width: 0.5rem;
    height: 0.35rem;
    right: 0.45rem;
    top: 50%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.home .banner .swiper-button-next[data-v-9603d790]::after {
    font-size: 0.35rem;
}

.home .banner .swiper-button-next[data-v-9603d790]:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.home .page1[data-v-9603d790] {
    background: #fff;
    margin: 0.99rem 0 1rem 0;
}

.home .page1 h3[data-v-9603d790] {
    text-align: center;
    font-size: 0.42rem;
    font-weight: bold;
    line-height: 0.26rem;
}

.home .page1 h3 span[data-v-9603d790] {
    color: #0044b0;
    font-family: Gilroy-Black;
    width: 0.32rem;
    display: inline-block;
}

.home .page1 .title[data-v-9603d790] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.16rem;
    font-weight: 600;
    color: #0043af;
    line-height: 0.26rem;
    margin: 0.27rem 0 0.6rem 0;
    cursor: pointer;
}

.home .page1 .title i[data-v-9603d790] {
    width: 0.09rem;
    height: 0.14rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAxklEQVQokYXRu0oDcRDF4S8XlLxGHsWIjYZUgTQ2lqKdkCJoYaWtuZAqRRpRCAQsTWVh54NonyKCFwb+C+u64qmGmR/DmTMVu8sG7jDEoxJVcYQ2HnDwFzTBCNtYoFsGfeEU19jCLQ7zUE2zl9UrfKKFDl7xUoRCT1hjL/n7iF4RCj3jDfvYQT08/adqGXSGcaovMKgXgHNcpouPMY1mHrpCP5mNgOfZIKAKbnCC95TRfX59QLE2gE1KO97zK/FZGmT/+yl8A+1hJeDELAUjAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    margin-left: 0.05rem;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.home .page1 .title:hover i[data-v-9603d790] {
    -webkit-transform: translateX(0.03rem);
    transform: translateX(0.03rem);
}

.home .page1 .train[data-v-9603d790] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.home .page1 .train > div[data-v-9603d790] {
    width: 7.5rem;
}

.home .page1 .train > div[data-v-9603d790]:nth-child(2) {
    margin-left: 0.3rem;
}

.home .page1 .train > div .big[data-v-9603d790] {
    background-size: 100% 100%;
    width: 7.5rem;
    height: 4.2rem;
    position: relative;
    margin-bottom: 0.27rem;
    cursor: pointer;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    border-radius: 0.08rem;
    overflow: hidden;
}

.home .page1 .train > div .big:hover .bgimg1[data-v-9603d790] {
    -webkit-transform: scale(1.04) translateZ(0);
    transform: scale(1.04) translateZ(0);
}

.home .page1 .train > div .big .bgimg1[data-v-9603d790] {
    position: absolute;
    left: -0.01rem;
    top: -0.01rem;
    bottom: -0.01rem;
    right: -0.01rem;
    border: 0.01rem solid transparent;
    z-index: 1;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    background: url(assets/20830f959d3578bb483c2bbd1c1e4a21.jpg) no-repeat center center;
    background-size: 100% 100% !important;
    border-radius: 0.08rem;
    overflow: hidden;
}

.home .page1 .train > div .big > div[data-v-9603d790] {
    position: absolute;
    width: 4.31rem;
    left: 0.69rem;
    bottom: 0.46rem;
    z-index: 2;
}

.home .page1 .train > div .big > div h4[data-v-9603d790] {
    font-size: 0.24rem;
    font-weight: 600;
    color: #ffffff;
    line-height: 0.26rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0.22rem;
}

.home .page1 .train > div .big > div h4 b[data-v-9603d790] {
    min-width: 1.09rem;
    height: 0.31rem;
    background: #2ccbe7;
    border-radius: 0.16rem;
    text-align: center;
    line-height: 0.31rem;
    font-size: 0.14rem;
    font-family: Gilroy-Black;
    font-weight: 500;
    color: #ffffff;
    text-shadow: 0 0.01rem 0 rgba(0, 0, 0, 0.17);
    margin-left: 0.15rem;
    white-space: nowrap;
}

.home .page1 .train > div .big > div p[data-v-9603d790] {
    font-size: 0.16rem;
    font-weight: 400;
    color: #ffffff;
    line-height: 0.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.home .page1 .train > div .big.big2[data-v-9603d790] {
    background-size: 100% 100%;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    border-radius: 0.08rem;
}

.home .page1 .train > div .big.big2:hover .bgimg2[data-v-9603d790] {
    -webkit-transform: scale(1.04) translateZ(0);
    transform: scale(1.04) translateZ(0);
}

.home .page1 .train > div .big.big2 .bgimg2[data-v-9603d790] {
    border: 0.01rem solid transparent;
    position: absolute;
    left: -0.01rem;
    top: -0.01rem;
    bottom: -0.01rem;
    right: -0.01rem;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    z-index: 1;
    background: url(assets/34c98fdd16b68644b66b2edbc9175c86.jpg) no-repeat center center;
    background-size: 100% 100% !important;
    border-radius: 0.08rem;
    overflow: hidden;
}

.home .page1 .train > div ul[data-v-9603d790] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.home .page1 .train > div ul li[data-v-9603d790] {
    overflow: hidden;
    width: 3.58rem;
    height: 4.2rem;
    background: #ffffff;
    -webkit-box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.15);
    box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.15);
    border-radius: 0.08rem;
    cursor: pointer;
}

.home .page1 .train > div ul li:hover .img-wrap img[data-v-9603d790] {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.home .page1 .train > div ul li:hover .text h5 b[data-v-9603d790] {
    color: #fff;
    border: 0.01rem solid #0044b0;
    background: #0044b0;
}

.home .page1 .train > div ul li .img-wrap[data-v-9603d790] {
    height: 2.4rem;
    overflow: hidden;
}

.home .page1 .train > div ul li .img-wrap img[data-v-9603d790] {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 0.08rem 0.08rem 0 0;
}

.home .page1 .train > div ul li .text[data-v-9603d790] {
    padding: 0.33rem 0.45rem 0 0.41rem;
}

.home .page1 .train > div ul li .text h5[data-v-9603d790] {
    font-size: 0.24rem;
    font-weight: 600;
    color: #333333;
    line-height: 0.26rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.home .page1 .train > div ul li .text h5 b[data-v-9603d790] {
    font-size: 0.14rem;
    font-weight: 400;
    color: #0044b0;
    line-height: 0.29rem;
    min-width: 0.78rem;
    height: 0.31rem;
    border: 0.01rem solid #0044b0;
    border-radius: 0.16rem;
    text-align: center;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
    margin: 0 0 0 0.14rem;
    white-space: nowrap;
}

.home .page1 .train > div ul li .text p[data-v-9603d790] {
    font-size: 0.16rem;
    font-weight: 400;
    color: #666666;
    line-height: 0.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 0.25rem 0 0 0;
}

.home .page2[data-v-9603d790] {
    padding: 0.98rem;
    background: #f8f9fc;
}

.home .page2 h3[data-v-9603d790] {
    text-align: center;
    font-size: 0.42rem;
    line-height: 0.42rem;
    font-weight: bold;
}

.home .page2 h3 span[data-v-9603d790] {
    color: #0044b0;
    font-family: Gilroy-Black;
    width: 1.12rem;
    display: inline-block;
}

.home .page2 .sort[data-v-9603d790] {
    margin: 0.35rem 0 0 0;
}

.home .page2 .sort ul[data-v-9603d790] {
    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;
    font-size: 0.18rem;
    font-weight: 400;
    color: #666666;
}

.home .page2 .sort ul li[data-v-9603d790] {
    cursor: pointer;
    text-align: center;
    border: 0.02rem solid transparent;
    border-radius: 0.23rem;
    width: 1.04rem;
    height: 0.45rem;
    line-height: 0.42rem;
    font-weight: 500;
    -webkit-transition: color 0.3s, border 0.3s, font-weight 0.3s;
    transition: color 0.3s, border 0.3s, font-weight 0.3s;
}

.home .page2 .sort ul li[data-v-9603d790]:not(:first-child) {
    margin-left: 0.2rem;
}

.home .page2 .sort ul li:not(:last-child).active[data-v-9603d790],
.home .page2 .sort ul li[data-v-9603d790]:not(:last-child):hover {
    border: 0.02rem solid #1c43b0;
    color: #1c43b0;
    font-weight: 500;
}

.home .page2 .sort ul li[data-v-9603d790]:not(:last-child):hover {
    background: #1c43b0;
    color: #fff;
}

.home .page2 .sort ul li[data-v-9603d790]:last-child {
    font-size: 0.18rem;
    font-weight: 400;
    color: #0044b0;
    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;
}

.home .page2 .sort ul li:last-child i[data-v-9603d790] {
    width: 0.09rem;
    height: 0.14rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAxklEQVQokYXRu0oDcRDF4S8XlLxGHsWIjYZUgTQ2lqKdkCJoYaWtuZAqRRpRCAQsTWVh54NonyKCFwb+C+u64qmGmR/DmTMVu8sG7jDEoxJVcYQ2HnDwFzTBCNtYoFsGfeEU19jCLQ7zUE2zl9UrfKKFDl7xUoRCT1hjL/n7iF4RCj3jDfvYQT08/adqGXSGcaovMKgXgHNcpouPMY1mHrpCP5mNgOfZIKAKbnCC95TRfX59QLE2gE1KO97zK/FZGmT/+yl8A+1hJeDELAUjAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    margin-left: 0.05rem;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.home .page2 .sort ul li:last-child:hover i[data-v-9603d790] {
    -webkit-transform: translateX(0.03rem);
    transform: translateX(0.03rem);
}

.home .page2 .brief[data-v-9603d790] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0.46rem 0 1rem 0;
}

.home .page2 .brief .left[data-v-9603d790] {
    width: 7.6rem;
    height: 4.8rem;
    background: #fff url(assets/5f3824df1bbdf122d041251fe70f046c.png) no-repeat left bottom;
    background-size: 2.46rem 2.84rem;
    padding: 0.71rem 0 0 0;
}

.home .page2 .brief .left b[data-v-9603d790] {
    width: 0.26rem;
    height: 0.21rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAVCAYAAABYHP4bAAABY0lEQVRIiZ1WwXXCMAz9yesCWQFGgBHSuy/tCDBCGAFGSEegl9yrEcoIZQQYgT7FdkhsKXb4JzD6+lL8pVAghbqrAOz4E4BPkLknORh4DYAN894SgS2Aj6zEU97ZFTagVII5+e0FkZ3j1eFPsVDdHV1Fy2B5rcaZCtmKGiX2MtNJk+IVo2C+tF8leAsyspDOuzvelb+MzSA9Lg5eJ5z2I5xdQWY9PihdVXx5K4EwL2JNU0XFBSIY3dFRSJMzMxLvXQosnO9vwXnUegSZdwGZrRQuzxH6RCt30RqkR63ySmm4XJK/3k1193C2l2JCbALeMPB6R1O0ilgKZ8/LFcLc1GcUWS0R8mPwEsrZ1RJDNkBGiaVbEXnvGLa9B5nvBULkH90hkxB2/5WrZIXIMIESsadoU5DZT7qUsWfe0wxkeHVoFR5ARu7abhCtSBbpc8b/Gexq8e7iBZnq1PPYKH4jTHkA/gGLs3QXZTZEgQAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
    margin-left: 0.86rem;
    display: block;
}

.home .page2 .brief .left p[data-v-9603d790] {
    padding-right: 0.13rem;
    margin: 0.26rem 0 0 0;
    font-size: 0.16rem;
    font-weight: 400;
    color: #333333;
    line-height: 0.34rem;
    margin-left: 1.24rem;
    width: 5.18rem;
    height: 1.3rem;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    overflow: auto;
}

.home .page2 .brief .left p[data-v-9603d790]::-webkit-scrollbar {
    width: 0.02rem;
    height: 0.02rem;
}

.home .page2 .brief .left p[data-v-9603d790]::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0.01rem rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0.01rem rgba(0, 0, 0, 0);
    border-radius: 0.1rem;
    background-color: transparent;
}

.home .page2 .brief .left p[data-v-9603d790]::-webkit-scrollbar-thumb {
    border-radius: 0.1rem;
    -webkit-box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, 0.3);
    background: #dad6d6;
}

.home .page2 .brief .left span[data-v-9603d790] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.18rem;
    font-weight: 400;
    color: #0044b0;
    line-height: 0.34rem;
    margin-top: 0.56rem;
    padding-left: 1.24rem;
}

.home .page2 .brief .left span i[data-v-9603d790] {
    width: 0.4rem;
    height: 0.02rem;
    background: #0044b0;
    margin-right: 0.15rem;
}

.home .page2 .brief .left .img-wrap[data-v-9603d790] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0.4rem;
    border-top: 0.02rem solid #eeeeee;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.home .page2 .brief .left .img-wrap img[data-v-9603d790] {
    cursor: pointer;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-filter: #d3d3d3;
    filter: #d3d3d3;
    opacity: 0.7;
    max-height: 100%;
}

.home .page2 .brief .left .img-wrap img.active[data-v-9603d790] {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.home .page2 .brief .right[data-v-9603d790] {
    width: 7.6rem;
    height: 4.8rem;
    overflow: hidden;
    border-radius: 0 0.08rem 0.08rem 0;
}

.home .page2 .brief .right img[data-v-9603d790] {
    width: 100%;
}

.home .page3[data-v-9603d790] {
    padding: 1.08rem 0 0 0;
}

.home .page3 h3[data-v-9603d790] {
    text-align: center;
    font-size: 0.42rem;
    line-height: 0.26rem;
    font-weight: bold;
}

.home .page3 h3 span[data-v-9603d790] {
    color: #0044b0;
    font-family: Gilroy-Black;
    display: inline-block;
    width: 1.05rem;
}

.home .page3 .circle[data-v-9603d790] {
    border-radius: 0.08rem 0.08rem 0 0;
}

.home .page3 .title[data-v-9603d790] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.16rem;
    font-weight: 600;
    color: #0043af;
    line-height: 0.26rem;
    margin: 0.27rem 0 0 0;
    cursor: pointer;
}

.home .page3 .title i[data-v-9603d790] {
    width: 0.09rem;
    height: 0.14rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAxklEQVQokYXRu0oDcRDF4S8XlLxGHsWIjYZUgTQ2lqKdkCJoYaWtuZAqRRpRCAQsTWVh54NonyKCFwb+C+u64qmGmR/DmTMVu8sG7jDEoxJVcYQ2HnDwFzTBCNtYoFsGfeEU19jCLQ7zUE2zl9UrfKKFDl7xUoRCT1hjL/n7iF4RCj3jDfvYQT08/adqGXSGcaovMKgXgHNcpouPMY1mHrpCP5mNgOfZIKAKbnCC95TRfX59QLE2gE1KO97zK/FZGmT/+yl8A+1hJeDELAUjAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    margin-left: 0.05rem;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.home .page3 .title:hover i[data-v-9603d790] {
    -webkit-transform: translateX(0.03rem);
    transform: translateX(0.03rem);
}

.home .page3 .swiper[data-v-9603d790] {
    height: 3.6rem;
    width: 16.6rem;
    margin: 0.48rem auto 0.31rem auto;
}

.home .page3 .swiper .swiper-container[data-v-9603d790] {
    position: relative;
}

.home .page3 .swiper .swiper-container .swiper-wrapper > div[data-v-9603d790] {
    margin-top: 0.05rem;
    height: 100%;
    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;
    height: 3.4rem;
    -webkit-transition: border 0.3s, -webkit-transform 0.3s;
    transition: border 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, border 0.3s;
    transition: transform 0.3s, border 0.3s, -webkit-transform 0.3s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.home .page3 .swiper .swiper-container .swiper-wrapper > div div[data-v-9603d790] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0.02rem dotted rgba(0, 68, 176, 0);
    border-radius: 100%;
    padding: 0.1rem;
    -webkit-transition: border 0.3s;
    transition: border 0.3s;
    -webkit-transition: border 0.3s, -webkit-transform 0.3s;
    transition: border 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, border 0.3s;
    transition: transform 0.3s, border 0.3s, -webkit-transform 0.3s;
}

.home .page3 .swiper .swiper-container .swiper-wrapper > div img[data-v-9603d790] {
    width: 1.25rem;
    height: 1.25rem;
    margin: 0 auto;
    cursor: pointer;
    border-radius: 50%;
}

.home .page3 .swiper .swiper-container .swiper-wrapper .swiper-slide-active[data-v-9603d790] {
    border-radius: 100%;
}

.home .page3 .swiper .swiper-container .swiper-wrapper .swiper-slide-active > div[data-v-9603d790] {
    -webkit-transform: scale(2.25);
    transform: scale(2.25);
    border: 0.01rem dotted rgba(0, 68, 176, 0.3);
}

.home .page3 .swiper .swiper-container .swiper-wrapper .swiper-slide-prev[data-v-9603d790] {
    padding-right: 0.35rem;
}

.home .page3 .swiper .swiper-container .swiper-wrapper .swiper-slide-next[data-v-9603d790] {
    padding-left: 0.35rem;
}

.home .page3 .introduction[data-v-9603d790] {
    width: 8rem;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    height: 1.88rem;
}

.home .page3 .introduction .text-content[data-v-9603d790] {
    position: absolute;
    left: 0;
    top: -0.1rem;
    width: 100%;
}

.home .page3 .introduction .text-content.fade-enter-active[data-v-9603d790],
.home .page3 .introduction .text-content.fade-leave-active[data-v-9603d790] {
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}

.home .page3 .introduction .text-content.fade-enter-active[data-v-9603d790] {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.home .page3 .introduction .text-content.fade-enter[data-v-9603d790],
.home .page3 .introduction .text-content.fade-leave-to[data-v-9603d790] {
    opacity: 0;
}

.home .page3 .introduction h2[data-v-9603d790] {
    font-size: 0.28rem;
    font-weight: bold;
    color: #333333;
    line-height: 0.26rem;
    text-align: center;
    margin: 0 0 0.18rem 0;
}

.home .page3 .introduction .tag[data-v-9603d790] {
    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;
}

.home .page3 .introduction .tag.active[data-v-9603d790] {
    background-color: #0044b0;
    color: #fff;
}

.home .page3 .introduction .tag div[data-v-9603d790] {
    height: 0.17rem;
    font-size: 0.16rem;
    font-weight: 500;
    color: #0044b0;
    margin-right: 0.17rem;
}

.home .page3 .introduction .tag div span[data-v-9603d790] {
    margin-left: 0.17rem;
}

.home .page3 .introduction .tag div[data-v-9603d790]:last-child {
    margin-right: 0;
}

.home .page3 .introduction .tag div:last-child span[data-v-9603d790] {
    display: none;
}

.home .page3 .introduction p[data-v-9603d790] {
    font-size: 0.16rem;
    font-weight: 500;
    color: #666666;
    line-height: 0.22rem;
    text-align: center;
    margin: 0.18rem auto 0.33rem auto;
    width: 6.14rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.home .page3 .introduction .more[data-v-9603d790] {
    font-size: 0.16rem;
    font-weight: 400;
    color: #0044b0;
    line-height: 0.26rem;
    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;
    cursor: pointer;
}

.home .page3 .introduction .more div[data-v-9603d790] {
    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;
}

.home .page3 .introduction .more div i[data-v-9603d790] {
    margin-left: 0.15rem;
    width: 0.09rem;
    height: 0.14rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAxklEQVQokYXRu0oDcRDF4S8XlLxGHsWIjYZUgTQ2lqKdkCJoYaWtuZAqRRpRCAQsTWVh54NonyKCFwb+C+u64qmGmR/DmTMVu8sG7jDEoxJVcYQ2HnDwFzTBCNtYoFsGfeEU19jCLQ7zUE2zl9UrfKKFDl7xUoRCT1hjL/n7iF4RCj3jDfvYQT08/adqGXSGcaovMKgXgHNcpouPMY1mHrpCP5mNgOfZIKAKbnCC95TRfX59QLE2gE1KO97zK/FZGmT/+yl8A+1hJeDELAUjAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.home .page3 .introduction .more div:hover i[data-v-9603d790] {
    -webkit-transform: translateX(0.03rem);
    transform: translateX(0.03rem);
}

.home .page3 .introduction .page3-swiper-button-prev[data-v-9603d790],
.home .page3 .introduction .page3-swiper-button-next[data-v-9603d790] {
    position: absolute;
    left: 0;
    top: 42%;
    left: auto;
    z-index: 80;
    width: 0.2rem;
    height: 0.2rem;
    cursor: pointer;
}

.home .page3 .introduction .page3-swiper-button-prev[data-v-9603d790]:hover,
.home .page3 .introduction .page3-swiper-button-next[data-v-9603d790]:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.home .page3 .introduction .page3-swiper-button-prev[data-v-9603d790]::after,
.home .page3 .introduction .page3-swiper-button-next[data-v-9603d790]::after {
    color: #cecece;
}

.home .page3 .introduction .page3-swiper-button-next[data-v-9603d790] {
    right: 0;
    left: auto;
}

.home .page4[data-v-9603d790] {
    height: 8rem;
    background: rgba(0, 68, 176, 0.7) url(3.png) no-repeat;
    background-size: 100% 100% !important;
    padding: 1.39rem 0 0 2rem;
    margin: 0.84rem 0 0 0;
}

.home .page4 h2[data-v-9603d790] {
    font-size: 0.42rem;
    font-weight: 400;
    color: #ffffff;
    line-height: 0.36rem;
}

.home .page4 > p[data-v-9603d790] {
    font-size: 0.16rem;
    font-weight: 400;
    color: #ffffff;
    line-height: 0.36rem;
    width: 7.4rem;
    margin: 0.37rem 0 0.71rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.home .page4 > div[data-v-9603d790] {
    width: 1.7rem;
    height: 0.5rem;
    border: 0.02rem solid #ffffff;
    border-radius: 0.25rem;
    font-size: 0.16rem;
    font-weight: 400;
    color: #ffffff;
    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;
    cursor: pointer;
}

.home .page4 > div i[data-v-9603d790] {
    width: 0.09rem;
    height: 0.14rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAeklEQVQokYWRIQ6DQBBFh3UcrK6V1FFLSS0SVA2em3A6SIBHJgwJYof9yVv1kp38L0AOjMADkBj6/DgyAU9PyoDBxBkoYtJJb+IClJ6kdCauQOVJSgNsRutJSm2S5h8knZD6Tm90D1fhm6rgkyrzHSvzOsvLm+V+YJAddbZ/GgxGehsAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%;
    margin-left: 0.05rem;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.home .page4 > div:hover i[data-v-9603d790] {
    -webkit-transform: translateX(0.03rem);
    transform: translateX(0.03rem);
}

.home .page4 ul[data-v-9603d790] {
    margin: 1.19rem 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.home .page4 ul li[data-v-9603d790] {
    margin-right: 0.74rem;
}

.home .page4 ul li[data-v-9603d790]:nth-child(1) {
    width: 0.81rem;
}

.home .page4 ul li[data-v-9603d790]:nth-child(2) {
    width: 1.32rem;
}

.home .page4 ul li[data-v-9603d790]:nth-child(3) {
    width: 1.94rem;
}

.home .page4 ul li[data-v-9603d790]:nth-child(4) {
    width: 1.05rem;
}

.home .page4 ul li h1[data-v-9603d790] {
    font-size: 0.56rem;
    font-family: Gilroy-Bold;
    color: #ffffff;
    line-height: 0.38rem;
}

.home .page4 ul li p[data-v-9603d790] {
    font-size: 0.16rem;
    color: #ffffff;
    margin: 0.18rem 0 0 0;
    white-space: nowrap;
}

.home .page5[data-v-9603d790] {
    margin: 1.08rem 0 0.5rem 0;
}

.home .page5 h3[data-v-9603d790] {
    text-align: center;
    font-size: 0.42rem;
    line-height: 0.26rem;
    font-weight: bold;
}

.home .page5 h3 span[data-v-9603d790] {
    color: #0044b0;
    font-family: Gilroy-Black;
}

.home .page5 .title[data-v-9603d790] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.16rem;
    font-weight: 600;
    color: #0043af;
    line-height: 0.26rem;
    margin: 0.27rem 0 0.6rem 0;
    cursor: pointer;
}

.home .page5 .title i[data-v-9603d790] {
    width: 0.09rem;
    height: 0.14rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAxklEQVQokYXRu0oDcRDF4S8XlLxGHsWIjYZUgTQ2lqKdkCJoYaWtuZAqRRpRCAQsTWVh54NonyKCFwb+C+u64qmGmR/DmTMVu8sG7jDEoxJVcYQ2HnDwFzTBCNtYoFsGfeEU19jCLQ7zUE2zl9UrfKKFDl7xUoRCT1hjL/n7iF4RCj3jDfvYQT08/adqGXSGcaovMKgXgHNcpouPMY1mHrpCP5mNgOfZIKAKbnCC95TRfX59QLE2gE1KO97zK/FZGmT/+yl8A+1hJeDELAUjAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    margin-left: 0.05rem;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.home .page5 .title:hover i[data-v-9603d790] {
    -webkit-transform: translateX(0.03rem);
    transform: translateX(0.03rem);
}

.home .page5 ul[data-v-9603d790] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.home .page5 ul li[data-v-9603d790] {
    height: 4.9rem;
    background: #fff;
    cursor: pointer;
}

.home .page5 ul li h6[data-v-9603d790] {
    font-size: 0.2rem;
    font-weight: 400;
    color: #333333;
    line-height: 0.3rem;
    margin-top: 0.24rem;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.home .page5 ul li .time[data-v-9603d790] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.home .page5 ul li .time span[data-v-9603d790] {
    font-size: 0.16rem;
    font-weight: 400;
    color: #0044b0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.home .page5 ul li .time span[data-v-9603d790]:nth-child(2) {
    font-size: 0.16rem;
    font-weight: 400;
    color: #999999;
}

.home .page5 ul li .time span:nth-child(2) i[data-v-9603d790] {
    width: 0.18rem;
    height: 0.18rem;
    margin-right: 0.07rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAACBUlEQVQ4T6WUv4tTQRDHv7NJdf+ASaGNHP64TgQlKGhjDgRFsPG0MiTzkgexEixfb22y8x5YyN3hwYFccXB3laCcgmgnKlppEW0tREjejmzIC/dCjOHccnbns7vfmfkSpqxut1slohUiqgA4OjryTVX3VXW92WzuTqbRwYCInATwGMAZAM+ccz7h8+jMojGmCuAGgLcAasz8Mcsfg5IkueSc2yKil6raZOav014rIseIqKuqF4wx1+v1+nN/bghKkuRUmqaviWit0WiERKTTIFlMVUlEOgBW0jQ9H4bhhyFIRPYB/Or1eleiKHKzINleFEWmXC7vqepCEAQV8sIaY7aLxeJSrVb7NKFZGcADZr43Dd7pdE4UCoX3zrmr/olPABxhZi9kbllrzxLRG2bOFWXisl1V/e5BX/zvmPnhIUH3AbAH/VbVO0EQbB4GZK29SUSrc4H8jdklzjnt9/sb7Xb7p4+NQGszvyYixwE8zdpkBNPBYHArDEMvia/4+Gt/FXueNhAR3/0/KI7jqqpup2m61Gq1cuX/FyhX/v9pyFKptEdEC8xcGfaHtfY0gFcA1pm5Nc+IxHH8SFVvE9E5P7zjRhORywC2VPUFEc0cWlXtEtFFY8y13NBmWkzaCIAdIhraiKouAlge2cg7AHen2shBYa21y97YAOSMDcDQ2IIg2JksxB8mLQ7lIX0nyQAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
}

.home .page5 ul li .more[data-v-9603d790] {
    height: 0.16rem;
    font-size: 0.16rem;
    font-weight: 400;
    color: #0044b0;
    cursor: pointer;
}

.home .page5 ul li .more div[data-v-9603d790] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.home .page5 ul li .more div i[data-v-9603d790] {
    width: 0.09rem;
    height: 0.14rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAxklEQVQokYXRu0oDcRDF4S8XlLxGHsWIjYZUgTQ2lqKdkCJoYaWtuZAqRRpRCAQsTWVh54NonyKCFwb+C+u64qmGmR/DmTMVu8sG7jDEoxJVcYQ2HnDwFzTBCNtYoFsGfeEU19jCLQ7zUE2zl9UrfKKFDl7xUoRCT1hjL/n7iF4RCj3jDfvYQT08/adqGXSGcaovMKgXgHNcpouPMY1mHrpCP5mNgOfZIKAKbnCC95TRfX59QLE2gE1KO97zK/FZGmT/+yl8A+1hJeDELAUjAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    margin-left: 0.15rem;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.home .page5 ul li .more div:hover i[data-v-9603d790] {
    -webkit-transform: translateX(0.03rem);
    transform: translateX(0.03rem);
}

.home .page5 ul li[data-v-9603d790]:nth-child(1) {
    width: 4.88rem;
    -webkit-box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.15);
    box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.15);
    border-radius: 0 0 0.08rem 0.08rem;
    cursor: pointer;
}

.home .page5 ul li:nth-child(1) .img-wrap[data-v-9603d790] {
    overflow: hidden;
/*    height: 3.27rem;*/
    border-radius: 0.08rem 0.08rem 0 0;
}

.home .page5 ul li:nth-child(1) .img-wrap img[data-v-9603d790] {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
    height: 100%;
    border-radius: 0.08rem 0.08rem 0 0;
}

.home .page5 ul li:nth-child(1) .text[data-v-9603d790] {
    padding: 0.35rem 0.5rem 0.5rem 0.5rem;
}

.home .page5 ul li:nth-child(1):hover img[data-v-9603d790] {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.home .page5 ul li:nth-child(1):hover h6[data-v-9603d790] {
    color: #0044b0;
}

.home .page5 ul li[data-v-9603d790]:nth-child(2) {
    -webkit-box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.15);
    box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.15);
    border-radius: 0 0 0.08rem 0.08rem;
    width: 4.45rem;
    margin: 0 0.49rem;
    padding: 0.6rem 0.5rem;
}

.home .page5 ul li:nth-child(2) p[data-v-9603d790] {
    font-size: 0.16rem;
    font-weight: 400;
    color: #666666;
    line-height: 0.3rem;
    margin: 0.41rem 0 0.85rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.home .page5 ul li:nth-child(2):hover h6[data-v-9603d790] {
    color: #0044b0;
}

.home .page5 ul li:nth-child(2):hover .more div i[data-v-9603d790] {
    -webkit-transform: translateX(0.03rem);
    transform: translateX(0.03rem);
}

.home .page5 ul li[data-v-9603d790]:nth-child(3) {
    width: 4.77rem;
}

.home .page5 ul li:nth-child(3) > div[data-v-9603d790] {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.home .page5 ul li:nth-child(3) > div[data-v-9603d790]:not(:first-child) {
    margin-top: 0.5rem;
}

.home .page5 ul li:nth-child(3) > div:hover .left img[data-v-9603d790] {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.home .page5 ul li:nth-child(3) > div:hover .right h6[data-v-9603d790] {
    color: #0044b0;
}

.home .page5 ul li:nth-child(3) > div:hover .more div i[data-v-9603d790] {
    -webkit-transform: translateX(0.03rem);
    transform: translateX(0.03rem);
}

.home .page5 ul li:nth-child(3) > div .left[data-v-9603d790] {
    width: 1.99rem;
    height: 1.3rem;
    border-radius: 0.08rem;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
}

.home .page5 ul li:nth-child(3) > div .left img[data-v-9603d790] {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
    height: 100%;
}

.home .page5 ul li:nth-child(3) > div .right[data-v-9603d790] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 0.26rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1.3rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    padding: 0 0 0.04rem 0.26rem;
}

.home .page5 ul li:nth-child(3) > div .right h6[data-v-9603d790] {
    width: 100%;
    font-size: 0.18rem;
    font-weight: 400;
    color: #000000;
    line-height: 0.26rem;
    margin: -0.02rem 0 0 0;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.home .page5 ul li:nth-child(3) > div .right p[data-v-9603d790] {
    width: 2.5rem;
    font-size: 0.16rem;
    font-weight: 400;
    color: #666666;
    line-height: 0.26rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.home .page6[data-v-9603d790] {
    margin: 0.5rem 0 0.5rem 0;
}

.home .page6 ul[data-v-9603d790] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.home .page6 ul li[data-v-9603d790] {
    width: 6.4rem;
    height: 4.5rem;
    background: #ffffff;
    border: 0.01rem solid #f2f2f2;
    text-align: center;
    padding: 0.72rem 0 0 0;
    border-left: none;
}

.home .page6 ul li img[data-v-9603d790] {
    width: 1.17rem;
    height: 1.17rem;
    margin: 0 auto;
}

.home .page6 ul li h5[data-v-9603d790] {
    font-size: 0.2rem;
    font-weight: 600;
    color: #000000;
    line-height: 0.26rem;
    margin: 0.44rem 0 0.22rem 0;
}

.home .page6 ul li p[data-v-9603d790] {
    font-size: 0.16rem;
    font-weight: 400;
    color: #666666;
    line-height: 0.32rem;
    margin: 0 auto 0.46rem auto;
    width: 3.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.home .page6 ul li .more[data-v-9603d790] {
    font-size: 0.16rem;
    font-weight: 400;
    color: #0044b0;
    line-height: 0.26rem;
    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;
    cursor: pointer;
}

.home .page6 ul li .more div[data-v-9603d790] {
    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;
}

.home .page6 ul li .more div i[data-v-9603d790] {
    margin-left: 0.13rem;
    width: 0.09rem;
    height: 0.14rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAxklEQVQokYXRu0oDcRDF4S8XlLxGHsWIjYZUgTQ2lqKdkCJoYaWtuZAqRRpRCAQsTWVh54NonyKCFwb+C+u64qmGmR/DmTMVu8sG7jDEoxJVcYQ2HnDwFzTBCNtYoFsGfeEU19jCLQ7zUE2zl9UrfKKFDl7xUoRCT1hjL/n7iF4RCj3jDfvYQT08/adqGXSGcaovMKgXgHNcpouPMY1mHrpCP5mNgOfZIKAKbnCC95TRfX59QLE2gE1KO97zK/FZGmT/+yl8A+1hJeDELAUjAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.home .page6 ul li .more div:hover i[data-v-9603d790] {
    -webkit-transform: translateX(0.03rem);
    transform: translateX(0.03rem);
}

.home .mask[data-v-9603d790] {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    opacity: 0.4;
    background-color: black;
}

#app[state='portrait'] .home .banner img[data-v-9603d790] {
    width: 100%;
}

#app[state='portrait'] .home .banner .swiper-pagination[data-v-9603d790] {
    display: none;
    bottom: 0.5rem;
}

#app[state='portrait'] .home .banner .img-wrap[data-v-9603d790] {
    height: 1rem;
    padding: 0 0.2rem;
}

#app[state='portrait'] .home .banner .img-wrap > div[data-v-9603d790] {
    margin-top: 0.35rem;
    width: auto;
    height: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#app[state='portrait'] .home .banner .img-wrap img[data-v-9603d790] {
    width: auto;
    margin: 0 auto;
}

#app[state='portrait'] .home .page1[data-v-9603d790] {
    padding: 0 0.4rem;
}

#app[state='portrait'] .home .page1 > h3[data-v-9603d790] {
    font-size: calc(0.42rem);
    line-height: calc(0.26rem);
}

#app[state='portrait'] .home .page1 .title[data-v-9603d790] {
    font-size: calc(0.16rem * 1.5);
    line-height: calc(0.26rem * 1.5);
}

#app[state='portrait'] .home .page1 .title i[data-v-9603d790] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    margin-left: 0.15rem;
}

#app[state='portrait'] .home .page1 .title:hover i[data-v-9603d790] {
    -webkit-transform: scale(1.5) translateX(0.03rem);
    transform: scale(1.5) translateX(0.03rem);
}

#app[state='portrait'] .home .page1 .train[data-v-9603d790] {
    padding: 0;
    display: block;
}

#app[state='portrait'] .home .page1 .train > div[data-v-9603d790] {
    margin: 0 auto;
    width: 100%;
}

#app[state='portrait'] .home .page1 .train > div .big[data-v-9603d790] {
    width: 100%;
}

#app[state='portrait'] .home .page1 .train > div .big > div h4[data-v-9603d790] {
    font-size: calc(0.24rem * 1.5);
    line-height: calc(0.26rem * 1.5);
}

#app[state='portrait'] .home .page1 .train > div .big > div h4 b[data-v-9603d790] {
    width: auto;
    padding: 0 0.1rem;
    line-height: calc(0.28rem * 1.5);
    padding: 0 0.15rem;
    height: calc(0.28rem * 1.5);
    border-radius: 0.21rem;
    font-size: calc(0.14rem * 1.5);
}

#app[state='portrait'] .home .page1 .train > div .big > div p[data-v-9603d790] {
    font-size: calc(0.16rem * 1.5);
    line-height: calc(0.3rem * 1.5);
}

#app[state='portrait'] .home .page1 .train > div .big .bgimg1[data-v-9603d790],
#app[state='portrait'] .home .page1 .train > div .big .bgimg2[data-v-9603d790] {
    background-size: cover !important;
}

#app[state='portrait'] .home .page1 .train > div ul li[data-v-9603d790] {
    width: 49%;
    margin-bottom: 0.2rem;
}

#app[state='portrait'] .home .page1 .train > div ul li .text[data-v-9603d790] {
    padding: 0.1rem 0.2rem 0 0.2rem;
}

#app[state='portrait'] .home .page1 .train > div ul li .text h5[data-v-9603d790] {
    margin-top: 0.1rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: calc(0.18rem * 1.5);
}

#app[state='portrait'] .home .page1 .train > div ul li .text h5 b[data-v-9603d790] {
    font-size: calc(0.14rem * 1.5);
    width: auto;
    height: auto;
    padding: 0.02rem 0.1rem;
}

#app[state='portrait'] .home .page1 .train > div ul li .text p[data-v-9603d790] {
    font-size: calc(0.16rem * 1.5);
    line-height: calc(0.3rem * 1.5);
}

#app[state='portrait'] .home .page2[data-v-9603d790] {
    padding: 0.8rem 0.4rem 0.4rem 0.4rem;
}

#app[state='portrait'] .home .page2 .sort ul[data-v-9603d790] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

#app[state='portrait'] .home .page2 .sort ul li[data-v-9603d790] {
    margin-bottom: 0.2rem;
    margin-right: 0.2rem;
    white-space: nowrap;
    width: auto;
    padding: 0 0.1rem;
    font-size: 0.25rem;
}

#app[state='portrait'] .home .page2 .sort ul li[data-v-9603d790]:not(:first-child) {
    margin-left: 0;
}

#app[state='portrait'] .home .page2 .sort ul li:last-child i[data-v-9603d790] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    margin-left: 0.1rem;
}

#app[state='portrait'] .home .page2 .sort ul li:last-child:hover i[data-v-9603d790] {
    -webkit-transform: scale(1.5) translateX(0.03rem);
    transform: scale(1.5) translateX(0.03rem);
}

#app[state='portrait'] .home .page2 .brief[data-v-9603d790] {
    display: block;
    min-height: 4.8rem;
}

#app[state='portrait'] .home .page2 .brief .left[data-v-9603d790] {
    height: auto;
    min-height: 4.8rem;
    width: 100%;
    -webkit-box-shadow: 0.01rem 0.05rem 0.17rem 0.01rem rgba(0, 68, 176, 0.13);
    box-shadow: 0.01rem 0.05rem 0.17rem 0.01rem rgba(0, 68, 176, 0.13);
    background: #fff url(assets/5f3824df1bbdf122d041251fe70f046c.png) no-repeat left bottom;
    background-size: 50%;
}

#app[state='portrait'] .home .page2 .brief .left p[data-v-9603d790] {
    width: 6rem;
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .home .page2 .brief .left span[data-v-9603d790] {
    margin-bottom: 0.1rem;
    font-size: calc(0.18rem * 1.5);
}

#app[state='portrait'] .home .page2 .brief .left .img-wrap[data-v-9603d790] {
    padding: 0 0.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#app[state='portrait'] .home .page2 .brief .left .img-wrap img[data-v-9603d790] {
    width: 15%;
    height: auto;
}

#app[state='portrait'] .home .page2 .brief .right[data-v-9603d790] {
    display: none;
}

#app[state='portrait'] .home .page3 .title[data-v-9603d790] {
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .home .page3 .title i[data-v-9603d790] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    margin-left: 0.15rem;
}

#app[state='portrait'] .home .page3 .title:hover i[data-v-9603d790] {
    -webkit-transform: scale(1.5) translateX(0.03rem);
    transform: scale(1.5) translateX(0.03rem);
}

#app[state='portrait'] .home .page3 .swiper[data-v-9603d790] {
    width: 100%;
}

#app[state='portrait'] .home .page3 .introduction .text-content[data-v-9603d790] {
    width: 100%;
}

#app[state='portrait'] .home .page3 .introduction .text-content h2[data-v-9603d790] {
    font-size: calc(0.25rem * 1.5);
}

#app[state='portrait'] .home .page3 .introduction .text-content .tag > div[data-v-9603d790] {
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .home .page3 .introduction .text-content p[data-v-9603d790] {
    font-size: calc(0.16rem * 1.5);
    line-height: 0.4rem;
}

#app[state='portrait'] .home .page3 .introduction .text-content .more[data-v-9603d790] {
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .home .page3 .introduction .text-content .more i[data-v-9603d790] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

#app[state='portrait'] .home .page3 .introduction .text-content .more:hover i[data-v-9603d790] {
    -webkit-transform: scale(1.5) translateX(0.03rem);
    transform: scale(1.5) translateX(0.03rem);
}

#app[state='portrait'] .home .page3 .introduction .page3-swiper-button-prev[data-v-9603d790],
#app[state='portrait'] .home .page3 .introduction .page3-swiper-button-next[data-v-9603d790] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

#app[state='portrait'] .home .page3 .introduction .page3-swiper-button-prev.page3-swiper-button-prev[data-v-9603d790],
#app[state='portrait'] .home .page3 .introduction .page3-swiper-button-next.page3-swiper-button-prev[data-v-9603d790] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

#app[state='portrait'] .home .page4[data-v-9603d790] {
    height: auto;
    padding: 0.7rem 0.4rem 0.4rem 0.4rem;
    background-size: cover !important;
}

#app[state='portrait'] .home .page4 p[data-v-9603d790] {
    font-size: 0.24rem;
}

#app[state='portrait'] .home .page4 > div[data-v-9603d790] {
    font-size: 0.24rem;
}

#app[state='portrait'] .home .page4 > div i[data-v-9603d790] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    margin-left: 0.15rem;
}

#app[state='portrait'] .home .page4 > div:hover i[data-v-9603d790] {
    -webkit-transform: scale(1.5) translateX(0.03rem);
    transform: scale(1.5) translateX(0.03rem);
}

#app[state='portrait'] .home .page4 ul[data-v-9603d790] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 0.8rem;
}

#app[state='portrait'] .home .page4 ul li[data-v-9603d790] {
    margin-bottom: 0.2rem;
}

#app[state='portrait'] .home .page4 ul li p[data-v-9603d790] {
    font-size: 0.26rem;
}

#app[state='portrait'] .home .page5[data-v-9603d790] {
    height: auto;
    padding: 0.4rem;
}

#app[state='portrait'] .home .page5 .title[data-v-9603d790] {
    font-size: 0.24rem;
}

#app[state='portrait'] .home .page5 .title i[data-v-9603d790] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    margin-left: 0.15rem;
}

#app[state='portrait'] .home .page5 .title:hover i[data-v-9603d790] {
    -webkit-transform: scale(1.5) translateX(0.03rem);
    transform: scale(1.5) translateX(0.03rem);
}

#app[state='portrait'] .home .page5 ul[data-v-9603d790] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#app[state='portrait'] .home .page5 ul li[data-v-9603d790] {
    height: auto;
    width: 100%;
}

#app[state='portrait'] .home .page5 ul li[data-v-9603d790]:not(:first-child) {
    margin: 0.4rem 0;
}

#app[state='portrait'] .home .page5 ul li[data-v-9603d790]:first-child {
    border-top-left-radius: 0.05rem;
    border-top-right-radius: 0.05rem;
}

#app[state='portrait'] .home .page5 ul li .img-wrap[data-v-9603d790] {
    height: auto;
    border-radius: 0.08rem 0.08rem 0 0;
}

#app[state='portrait'] .home .page5 ul li .time span[data-v-9603d790] {
    font-size: 0.24rem;
}

#app[state='portrait'] .home .page5 ul li .time span i[data-v-9603d790] {
    width: 0.24rem;
    height: 0.24rem;
}

#app[state='portrait'] .home .page5 ul li h6[data-v-9603d790] {
    font-size: 0.3rem;
    line-height: 0.45rem;
}

#app[state='portrait'] .home .page5 ul li p[data-v-9603d790] {
    font-size: 0.24rem;
    line-height: 0.4rem;
}

#app[state='portrait'] .home .page5 ul li .more[data-v-9603d790] {
    font-size: 0.24rem;
    height: auto;
}

#app[state='portrait'] .home .page5 ul li .more i[data-v-9603d790] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    margin-left: 0.15rem;
}

#app[state='portrait'] .home .page5 ul li .more:hover i[data-v-9603d790] {
    -webkit-transform: scale(1.5) translateX(0.03rem);
    transform: scale(1.5) translateX(0.03rem);
}

#app[state='portrait'] .home .page5 ul li[data-v-9603d790]:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    overflow: hidden;
}

#app[state='portrait'] .home .page5 ul li:last-child > div[data-v-9603d790]:nth-child(1) {
    display: block;
}

#app[state='portrait'] .home .page5 ul li:last-child > div:nth-child(1) .left[data-v-9603d790] {
    width: 100%;
    margin-bottom: 0.2rem;
}

#app[state='portrait'] .home .page5 ul li:last-child > div[data-v-9603d790]:nth-child(2),
#app[state='portrait'] .home .page5 ul li:last-child > div[data-v-9603d790]:nth-child(3) {
    width: 49%;
    display: block;
}

#app[state='portrait'] .home .page5 ul li:last-child > div:nth-child(2) .left[data-v-9603d790],
#app[state='portrait'] .home .page5 ul li:last-child > div:nth-child(3) .left[data-v-9603d790] {
    width: 100%;
    margin-bottom: 0.2rem;
}

#app[state='portrait'] .home .page5 ul li:last-child > div:nth-child(2) .left img[data-v-9603d790],
#app[state='portrait'] .home .page5 ul li:last-child > div:nth-child(3) .left img[data-v-9603d790] {
    width: 100%;
    display: block;
    margin-bottom: 0;
}

#app[state='portrait'] .home .page5 ul li:last-child > div:nth-child(2) .right[data-v-9603d790],
#app[state='portrait'] .home .page5 ul li:last-child > div:nth-child(3) .right[data-v-9603d790] {
    width: 100%;
    height: 1.3rem;
}

#app[state='portrait'] .home .page5 ul li:last-child > div:nth-child(2) .right h6[data-v-9603d790],
#app[state='portrait'] .home .page5 ul li:last-child > div:nth-child(3) .right h6[data-v-9603d790] {
    width: 80%;
    -webkit-line-clamp: 1;
}

#app[state='portrait'] .home .page5 ul li:last-child > div[data-v-9603d790]:nth-child(3) {
    margin-left: 2%;
}

#app[state='portrait'] .home .page5 ul li:last-child .left[data-v-9603d790] {
    width: 40%;
    height: auto;
}

#app[state='portrait'] .home .page5 ul li:last-child .right h6[data-v-9603d790] {
    line-height: 0.35rem;
}

#app[state='portrait'] .home .page5 ul li:last-child .right p[data-v-9603d790] {
    line-height: 1;
}

#app[state='portrait'] .home .page5 ul li:nth-child(2) p[data-v-9603d790] {
    margin-bottom: 0.5rem;
}

#app[state='portrait'] .home .page6[data-v-9603d790] {
    padding: 0.4rem;
    margin: 0;
}

#app[state='portrait'] .home .page6 ul[data-v-9603d790] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#app[state='portrait'] .home .page6 ul li[data-v-9603d790] {
    height: auto;
    width: 100%;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border: 0.01rem solid #f2f2f2;
}

#app[state='portrait'] .home .page6 ul li[data-v-9603d790]:nth-child(1),
#app[state='portrait'] .home .page6 ul li[data-v-9603d790]:nth-child(2) {
    border-bottom: none;
}

#app[state='portrait'] .home .page6 ul li > div[data-v-9603d790] {
    width: 70%;
}

#app[state='portrait'] .home .page6 ul li > div h5[data-v-9603d790] {
    text-align: left;
    font-size: 0.3rem;
}

#app[state='portrait'] .home .page6 ul li > div p[data-v-9603d790] {
    width: 100%;
    padding: 0 0.4rem 0 0;
    text-align: left;
    font-size: 0.24rem;
    line-height: 0.48rem;
}

#app[state='portrait'] .home .page6 ul li > div .more[data-v-9603d790] {
    position: absolute;
    top: 0.45rem;
    right: 0.33rem;
    font-size: 0.24rem;
}

#app[state='portrait'] .home .page6 ul li > div .more i[data-v-9603d790] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    margin-left: 0.15rem;
}

#app[state='portrait'] .home .page6 ul li > div .more:hover i[data-v-9603d790] {
    -webkit-transform: scale(1.5) translateX(0.03rem);
    transform: scale(1.5) translateX(0.03rem);
}
@-webkit-keyframes slide-right-in-data-v-3c6d9b86 {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-right-in-data-v-3c6d9b86 {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-3c6d9b86 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-3c6d9b86 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-3c6d9b86 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-3c6d9b86 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-3c6d9b86 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-3c6d9b86 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-3c6d9b86 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-3c6d9b86 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#app[state='web'] .aboutus-company-info .about-education-center .article[data-v-3c6d9b86] {
    opacity: 0;
    -webkit-animation: slide-left-in-data-v-3c6d9b86 1s, fade-in-data-v-3c6d9b86 1s;
    animation: slide-left-in-data-v-3c6d9b86 1s, fade-in-data-v-3c6d9b86 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .aboutus-company-info .about-education-center .right-img-box[data-v-3c6d9b86] {
    opacity: 0;
    -webkit-animation: slide-right-in-data-v-3c6d9b86 1s, fade-in-data-v-3c6d9b86 1s;
    animation: slide-right-in-data-v-3c6d9b86 1s, fade-in-data-v-3c6d9b86 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .aboutus-company-info .our-concept .concept-title[data-v-3c6d9b86] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-3c6d9b86 1s, fade-in-data-v-3c6d9b86 1s;
    animation: slide-up-in-data-v-3c6d9b86 1s, fade-in-data-v-3c6d9b86 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .aboutus-company-info .our-concept .content-list li[data-v-3c6d9b86] {
    opacity: 0;
    -webkit-animation: slide-down-in-data-v-3c6d9b86 1s, fade-in-data-v-3c6d9b86 1s;
    animation: slide-down-in-data-v-3c6d9b86 1s, fade-in-data-v-3c6d9b86 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .aboutus-company-info .corpopate-culture > h2[data-v-3c6d9b86],
#app[state='web'] .aboutus-company-info .corpopate-culture > p[data-v-3c6d9b86] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-3c6d9b86 1s, fade-in-data-v-3c6d9b86 1s;
    animation: slide-up-in-data-v-3c6d9b86 1s, fade-in-data-v-3c6d9b86 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .aboutus-company-info .corpopate-culture .left[data-v-3c6d9b86] {
    opacity: 0;
    -webkit-animation: slide-left-in-data-v-3c6d9b86 1s, fade-in-data-v-3c6d9b86 1s;
    animation: slide-left-in-data-v-3c6d9b86 1s, fade-in-data-v-3c6d9b86 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .aboutus-company-info .corpopate-culture .right[data-v-3c6d9b86] {
    opacity: 0;
    -webkit-animation: slide-right-in-data-v-3c6d9b86 1s, fade-in-data-v-3c6d9b86 1s;
    animation: slide-right-in-data-v-3c6d9b86 1s, fade-in-data-v-3c6d9b86 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .aboutus-company-info .qualification-honor[data-v-3c6d9b86] {
    opacity: 0;
    -webkit-animation: fade-in-data-v-3c6d9b86 1s;
    animation: fade-in-data-v-3c6d9b86 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.aboutus-company-info[data-v-3c6d9b86] {
    width: 19.2rem;
    margin: 0 auto;
}

.aboutus-company-info .content .about-education-center[data-v-3c6d9b86] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1rem 2rem;
    width: 100%;
}

.aboutus-company-info .content .about-education-center .left-info[data-v-3c6d9b86] {
    position: relative;
    margin-right: 1.06rem;
}

.aboutus-company-info .content .about-education-center .left-info h2[data-v-3c6d9b86] {
    font-size: 0.42rem;
    color: #111111;
    line-height: 0.36rem;
}

.aboutus-company-info .content .about-education-center .left-info p[data-v-3c6d9b86]:nth-child(2) {
    margin-top: 0.19rem;
    line-height: 0.26rem;
    color: #666666;
    font-size: 0.18rem;
}

.aboutus-company-info .content .about-education-center .left-info p[data-v-3c6d9b86]:nth-child(3),
.aboutus-company-info .content .about-education-center .left-info p[data-v-3c6d9b86]:nth-child(4) {
    width: 7.84rem;
    font-size: 0.18rem;
    color: #333333;
    line-height: 0.35rem;
}

.aboutus-company-info .content .about-education-center .left-info p[data-v-3c6d9b86]:nth-child(3) {
    margin-top: 0.54rem;
}

.aboutus-company-info .content .about-education-center .left-info p[data-v-3c6d9b86]:nth-child(4) {
    margin-top: 0.25rem;
}

.aboutus-company-info .content .about-education-center .left-info .data[data-v-3c6d9b86] {
    width: 10rem;
    height: 2rem;
    position: absolute;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.15);
    box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.15);
    border-radius: 0.08rem;
}

.aboutus-company-info .content .about-education-center .left-info .data li[data-v-3c6d9b86] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0.18rem;
}

.aboutus-company-info .content .about-education-center .left-info .data li[data-v-3c6d9b86]:nth-child(1) {
    padding-left: 0.63rem;
}

.aboutus-company-info .content .about-education-center .left-info .data li[data-v-3c6d9b86]:nth-child(2) {
    margin-left: 0.8rem;
    width: 1.22rem;
}

.aboutus-company-info .content .about-education-center .left-info .data li[data-v-3c6d9b86]:nth-child(3) {
    margin-left: 0.8rem;
    width: 1.8rem;
}

.aboutus-company-info .content .about-education-center .left-info .data li[data-v-3c6d9b86]:nth-child(4) {
    margin-left: 0.8rem;
    width: 1rem;
    white-space: nowrap;
}

.aboutus-company-info .content .about-education-center .left-info .data li span[data-v-3c6d9b86]:first-child {
    font-family: 'Gilroy-Black';
    font-weight: 700;
    font-size: 0.52rem;
    color: #0044b0;
}

.aboutus-company-info .content .about-education-center .left-info .data li span[data-v-3c6d9b86]:nth-child(2) {
    margin-top: 0.1rem;
    font-weight: 400;
    color: #333333;
}

.aboutus-company-info .content .about-education-center .left-info .article .wraps[data-v-3c6d9b86] {
    margin-top: 0.3rem;
    overflow: auto;
    height: 4.25rem;
    padding-right: 0.15rem;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
}

.aboutus-company-info .content .about-education-center .left-info .article .wraps[data-v-3c6d9b86]::-webkit-scrollbar {
    width: 0.02rem;
    height: 0.02rem;
}

.aboutus-company-info .content .about-education-center .left-info .article .wraps[data-v-3c6d9b86]::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0.01rem rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0.01rem rgba(0, 0, 0, 0);
    border-radius: 8 p;
    background-color: transparent;
}

.aboutus-company-info .content .about-education-center .left-info .article .wraps[data-v-3c6d9b86]::-webkit-scrollbar-thumb {
    border-radius: 8 p;
    -webkit-box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, 0.3);
    background: #dad6d6;
}

.aboutus-company-info .content .about-education-center .left-info .article .wraps span[data-v-3c6d9b86] {
    white-space: pre-wrap;
}

.aboutus-company-info .content .about-education-center .right-img-box[data-v-3c6d9b86] {
    width: 6.3rem;
    height: 7.7rem;
    position: relative;
    z-index: 11;
}

.aboutus-company-info .content .about-education-center .right-img-box img[data-v-3c6d9b86] {
    width: 100%;
    height: 100%;
}

.aboutus-company-info .content .corpopate-culture[data-v-3c6d9b86] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1.03rem 0 0 0;
    background-color: #f8f9fc;
}

.aboutus-company-info .content .corpopate-culture h2[data-v-3c6d9b86] {
    text-align: center;
    width: 100%;
    font-size: 0.42rem;
    font-weight: bold;
    color: #111111;
    line-height: 0.36rem;
}

.aboutus-company-info .content .corpopate-culture > p[data-v-3c6d9b86] {
    margin-top: 0.19rem;
    text-align: center;
    width: 100%;
    font-size: 0.18rem;
    color: #666666;
    line-height: 0.26rem;
}

.aboutus-company-info .content .corpopate-culture .culture-box[data-v-3c6d9b86] {
    margin-top: 0.6rem;
    position: relative;
    padding: 0 1.95rem 1rem 2rem;
}

.aboutus-company-info .content .corpopate-culture .culture-box .content-box[data-v-3c6d9b86] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 11;
    height: 3.9rem;
}

.aboutus-company-info .content .corpopate-culture .culture-box .content-box .left[data-v-3c6d9b86] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.aboutus-company-info .content .corpopate-culture .culture-box .content-box .left p[data-v-3c6d9b86] {
    font-size: 0.18rem;
    color: #666666;
}

.aboutus-company-info .content .corpopate-culture .culture-box .content-box .left p[data-v-3c6d9b86]:nth-of-type(2) {
    margin-top: 0.36rem;
    font-weight: 500;
}

.aboutus-company-info .content .corpopate-culture .culture-box .content-box .left h2[data-v-3c6d9b86] {
    font-size: 0.3rem;
}

.aboutus-company-info .content .corpopate-culture .culture-box .content-box .left h3[data-v-3c6d9b86] {
    margin-top: 0.14rem;
    margin-bottom: 0.12rem;
    font-size: 0.3rem;
    font-weight: bold;
    color: #1f63d2;
}

.aboutus-company-info .content .corpopate-culture .culture-box .content-box .left .line[data-v-3c6d9b86] {
    width: 5.69rem;
    height: 0.01rem;
    background: #666666;
    opacity: 0.2;
}

.aboutus-company-info .content .corpopate-culture .culture-box .content-box .center[data-v-3c6d9b86] {
    position: relative;
    width: 3.9rem;
    z-index: 2;
    height: 3.9rem;
}

.aboutus-company-info .content .corpopate-culture .culture-box .content-box .center .big-img[data-v-3c6d9b86] {
    width: 3.9rem;
    height: 3.9rem;
}

.aboutus-company-info .content .corpopate-culture .culture-box .content-box .center .small-img[data-v-3c6d9b86] {
    position: absolute;
    left: -0.25rem;
    top: 47.5%;
    width: 0.5rem;
    height: 0.5rem;
}

.aboutus-company-info .content .corpopate-culture .culture-box .content-box .right[data-v-3c6d9b86] {
    position: absolute;
    right: 2rem;
    font-size: 0.24rem;
    font-weight: 500;
    color: #666666;
}

.aboutus-company-info .content .corpopate-culture .culture-box .content-box .right > div[data-v-3c6d9b86] {
    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;
    width: 8.02rem;
    height: 1.2rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0 0 0.2rem 0 rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 0.2rem 0 rgba(255, 255, 255, 0.1);
    cursor: pointer;
    border-radius: 0.6rem;
}

.aboutus-company-info .content .corpopate-culture .culture-box .content-box .right > div.active[data-v-3c6d9b86] {
    background-color: #fff;
}

.aboutus-company-info .content .corpopate-culture .culture-box .content-box .right > div > div[data-v-3c6d9b86] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 2.29rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.aboutus-company-info .content .corpopate-culture .culture-box .content-box .right > div > div > img[data-v-3c6d9b86] {
    width: 0.45rem;
    height: 0.45rem;
}

.aboutus-company-info .content .corpopate-culture .culture-box .content-box .right > div > div > span[data-v-3c6d9b86] {
    width: 1.2rem;
}

.aboutus-company-info .content .corpopate-culture .culture-box .content-box .right > div:nth-child(1) img[data-v-3c6d9b86] {
    margin-right: 0.26rem;
}

.aboutus-company-info .content .corpopate-culture .culture-box .content-box .right > div:nth-child(2) img[data-v-3c6d9b86],
.aboutus-company-info .content .corpopate-culture .culture-box .content-box .right > div:nth-child(3) img[data-v-3c6d9b86] {
    margin-right: 0.64rem;
}

.aboutus-company-info .content .corpopate-culture .culture-box .pre-button[data-v-3c6d9b86],
.aboutus-company-info .content .corpopate-culture .culture-box .next-button[data-v-3c6d9b86] {
    position: absolute;
    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;
    width: 0.46rem;
    height: 0.46rem;
    background: #ffffff;
    -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.08);
    border-radius: 50%;
    z-index: 11;
    cursor: pointer;
}

.aboutus-company-info .content .corpopate-culture .culture-box .pre-button[data-v-3c6d9b86]::after,
.aboutus-company-info .content .corpopate-culture .culture-box .next-button[data-v-3c6d9b86]::after {
    position: absolute;
    content: '';
    width: 0.15rem;
    height: 0.15rem;
    border-left: 0.02rem solid #1f63d2;
    border-bottom: 0.02rem solid #1f63d2;
}

.aboutus-company-info .content .corpopate-culture .culture-box .pre-button[data-v-3c6d9b86]::after {
    top: 0.2rem;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.aboutus-company-info .content .corpopate-culture .culture-box .next-button[data-v-3c6d9b86] {
    bottom: 1rem;
}

.aboutus-company-info .content .corpopate-culture .culture-box .next-button[data-v-3c6d9b86]::after {
    top: 0.12rem;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.aboutus-company-info .content .corpopate-culture .culture-box .pre-button.active[data-v-3c6d9b86]::after,
.aboutus-company-info .content .corpopate-culture .culture-box .next-button.active[data-v-3c6d9b86]::after {
    border-left: 0.02rem solid #666;
    border-bottom: 0.02rem solid #666;
}

.aboutus-company-info .content .our-concept[data-v-3c6d9b86] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1rem 2rem 0 2rem;
    background: url(assets/f827f67d20c8ab4614a31801ea8d3272.jpg) no-repeat;
    background-size: 100% 100%;
    color: #fff;
}

.aboutus-company-info .content .our-concept .concept-title p[data-v-3c6d9b86] {
    margin-top: 0.19rem;
    text-align: center;
    width: 100%;
    font-size: 0.18rem;
    line-height: 0.26rem;
}

.aboutus-company-info .content .our-concept h2[data-v-3c6d9b86] {
    text-align: center;
    width: 100%;
    font-size: 0.42rem;
    font-weight: bold;
    line-height: 0.36rem;
    color: #fff;
}

.aboutus-company-info .content .our-concept .content-list[data-v-3c6d9b86] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.82rem;
    font-size: 0.18rem;
}

.aboutus-company-info .content .our-concept .content-list li[data-v-3c6d9b86] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1.02rem 1.11rem 0;
}

.aboutus-company-info .content .our-concept .content-list li .img-box[data-v-3c6d9b86] {
    width: 0.74rem;
    height: 0.74rem;
}

.aboutus-company-info .content .our-concept .content-list li .img-box img[data-v-3c6d9b86] {
    width: 100%;
    height: 100%;
}

.aboutus-company-info .content .our-concept .content-list li h2[data-v-3c6d9b86] {
    text-align: start;
    margin-top: 0.5rem;
    font-size: 0.24rem;
    font-weight: 600;
}

.aboutus-company-info .content .our-concept .content-list li p[data-v-3c6d9b86] {
    margin-top: 0.38rem;
    font-size: 0.16rem;
}

.aboutus-company-info .content .our-concept .content-list li:nth-child(1) p[data-v-3c6d9b86] {
    width: 3.71rem;
}

.aboutus-company-info .content .our-concept .content-list li[data-v-3c6d9b86]:nth-child(2) {
    padding: 0 1.02rem;
    border-left: 0.01rem solid rgba(255, 255, 255, 0.2);
    border-right: 0.01rem solid rgba(255, 255, 255, 0.2);
}

.aboutus-company-info .content .our-concept .content-list li:nth-child(2) p[data-v-3c6d9b86] {
    width: 3.7rem;
}

.aboutus-company-info .content .our-concept .content-list li[data-v-3c6d9b86]:nth-child(3) {
    padding-left: 1.02rem;
    padding-right: 0;
}

.aboutus-company-info .content .our-concept .content-list li:nth-child(3) p[data-v-3c6d9b86] {
    width: 3.7rem;
}

.aboutus-company-info .content .our-concept .content-list li .text-box[data-v-3c6d9b86] {
    line-height: 0.36rem;
}

.aboutus-company-info .content .qualification-honor[data-v-3c6d9b86] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.9rem 2rem 1rem 2rem;
}

.aboutus-company-info .content .qualification-honor h2[data-v-3c6d9b86] {
    text-align: center;
    width: 100%;
    font-size: 0.42rem;
    font-weight: bold;
    color: #111111;
    line-height: 0.36rem;
}

.aboutus-company-info .content .qualification-honor > p[data-v-3c6d9b86] {
    margin-top: 0.19rem;
    text-align: center;
    width: 100%;
    font-size: 0.18rem;
    color: #666666;
    line-height: 0.26rem;
}

.aboutus-company-info .content .qualification-honor .swiper-box[data-v-3c6d9b86] {
    position: relative;
    margin-top: 0.58rem;
}

.aboutus-company-info .content .qualification-honor .swiper-box ul[data-v-3c6d9b86] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.aboutus-company-info .content .qualification-honor .swiper-box ul li .img-box[data-v-3c6d9b86] {
    height: 3.16rem;
}

.aboutus-company-info .content .qualification-honor .swiper-box ul li h2[data-v-3c6d9b86] {
    margin-top: 0.45rem;
    font-size: 0.24rem;
    font-weight: 600;
    color: #111111;
}

.aboutus-company-info .content .qualification-honor .swiper-box ul li p[data-v-3c6d9b86] {
    margin-top: 0.22rem;
    text-align: center;
    font-size: 0.18rem;
    color: #666666;
}

.aboutus-company-info .content .qualification-honor .swiper-box .navgaition-box[data-v-3c6d9b86] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 0.6rem;
}

.aboutus-company-info .content .qualification-honor .swiper-box .navgaition-box .pre[data-v-3c6d9b86],
.aboutus-company-info .content .qualification-honor .swiper-box .navgaition-box .next[data-v-3c6d9b86] {
    cursor: pointer;
    width: 0.15rem;
    height: 0.15rem;
    border-left: 0.03rem solid #bfbfbf;
    border-bottom: 0.03rem solid #bfbfbf;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.aboutus-company-info .content .qualification-honor .swiper-box .navgaition-box .next[data-v-3c6d9b86] {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.aboutus-company-info .content .qualification-honor .swiper-box .navgaition-box .pagination[data-v-3c6d9b86] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 0.8rem;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.aboutus-company-info .content .qualification-honor .swiper-box .navgaition-box .pagination span[data-v-3c6d9b86] {
    background: #bbbbbb;
    border-radius: 50%;
}

.aboutus-company-info .content .qualification-honor .swiper-box .navgaition-box .pagination[data-v-3c6d9b86] .swiper-pagination-bullet-active {
    -webkit-transform: scale(1.5) translateZ(0);
    transform: scale(1.5) translateZ(0);
    border: 0.01rem solid #0044b0;
    background-color: #fff;
    border-radius: 50%;
}

.aboutus-company-info .content .qualification-honor .swiper-box .swiper-pagination[data-v-3c6d9b86] {
    bottom: -0.54rem;
}

.aboutus-company-info .content .qualification-honor .swiper-box .swiper-button-prev[data-v-3c6d9b86] {
    left: 0;
    top: auto;
    bottom: -0.59rem;
}

.aboutus-company-info .content .qualification-honor .swiper-box .swiper-button-prev[data-v-3c6d9b86]::after {
    color: #cecece;
}

.aboutus-company-info .content .qualification-honor .swiper-box .swiper-button-next[data-v-3c6d9b86] {
    right: 0;
    top: auto;
    bottom: -0.59rem;
}

.aboutus-company-info .content .qualification-honor .swiper-box .swiper-button-next[data-v-3c6d9b86]::after {
    color: #cecece;
}

#app[state='portrait'] .aboutus-company-info[data-v-3c6d9b86] {
    width: 9rem;
}

#app[state='portrait'] .aboutus-company-info .content[data-v-3c6d9b86] {
    margin-top: 0.53rem;
}

#app[state='portrait'] .aboutus-company-info .content .about-education-center[data-v-3c6d9b86] {
    padding: 0.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#app[state='portrait'] .aboutus-company-info .content .about-education-center .left-info[data-v-3c6d9b86] {
    margin-right: 0;
}

#app[state='portrait'] .aboutus-company-info .content .about-education-center .left-info .article h2[data-v-3c6d9b86] {
    font-size: calc(0.42rem * 1);
    line-height: calc(0.36rem * 1);
}

#app[state='portrait'] .aboutus-company-info .content .about-education-center .left-info .article > p[data-v-3c6d9b86] {
    font-size: calc(0.18rem * 1.2);
    line-height: calc(0.38rem * 1.2);
}

#app[state='portrait'] .aboutus-company-info .content .about-education-center .left-info .article .wraps[data-v-3c6d9b86] {
    height: auto;
}

#app[state='portrait'] .aboutus-company-info .content .about-education-center .left-info p[data-v-3c6d9b86] {
    width: auto;
}

#app[state='portrait'] .aboutus-company-info .content .about-education-center .left-info .data[data-v-3c6d9b86] {
    margin: 0.3rem 0;
    position: static;
    width: auto;
}

#app[state='portrait'] .aboutus-company-info .content .about-education-center .left-info .data li[data-v-3c6d9b86] {
    padding-left: 0;
}

#app[state='portrait'] .aboutus-company-info .content .about-education-center .left-info .data li[data-v-3c6d9b86] {
    margin-left: 0.5rem;
}

#app[state='portrait'] .aboutus-company-info .content .about-education-center .left-info .data li span[data-v-3c6d9b86]:first-of-type {
    font-size: calc(0.52rem * 1);
}

#app[state='portrait'] .aboutus-company-info .content .about-education-center .left-info .data li span[data-v-3c6d9b86]:nth-child(2) {
    font-size: calc(0.18rem * 1.2);
}

#app[state='portrait'] .aboutus-company-info .content .about-education-center .left-info .data li[data-v-3c6d9b86]:last-child {
    margin-left: 0.4rem;
    width: 1.1rem;
}

#app[state='portrait'] .aboutus-company-info .content .about-education-center .right-img-box[data-v-3c6d9b86] {
    width: 100%;
    height: 4.4rem;
}

#app[state='portrait'] .aboutus-company-info .content .about-education-center .right-img-box img[data-v-3c6d9b86] {
    width: 100%;
}

#app[state='portrait'] .aboutus-company-info .content .corpopate-culture[data-v-3c6d9b86] {
    padding: 0.4rem 0;
}

#app[state='portrait'] .aboutus-company-info .content .corpopate-culture > h2[data-v-3c6d9b86] {
    font-size: calc(0.42rem * 1.2);
    line-height: calc(0.36rem * 1);
}

#app[state='portrait'] .aboutus-company-info .content .corpopate-culture > p[data-v-3c6d9b86] {
    font-size: calc(0.18rem * 1.2);
}

#app[state='portrait'] .aboutus-company-info .content .corpopate-culture .culture-box[data-v-3c6d9b86] {
    padding: 0;
}

#app[state='portrait'] .aboutus-company-info .content .corpopate-culture .culture-box .content-box[data-v-3c6d9b86] {
    padding-left: 0.2rem;
}

#app[state='portrait'] .aboutus-company-info .content .corpopate-culture .culture-box .content-box .left[data-v-3c6d9b86] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 3rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

#app[state='portrait'] .aboutus-company-info .content .corpopate-culture .culture-box .content-box .left > p[data-v-3c6d9b86] {
    font-size: calc(0.18rem * 1.5);
}

#app[state='portrait'] .aboutus-company-info .content .corpopate-culture .culture-box .content-box .left > p[data-v-3c6d9b86]:nth-of-type(2) {
    margin-top: 0.18rem;
    width: 3rem;
}

#app[state='portrait'] .aboutus-company-info .content .corpopate-culture .culture-box .content-box .left > p[data-v-3c6d9b86]:nth-of-type(1) {
    margin-top: 1.04rem;
}

#app[state='portrait'] .aboutus-company-info .content .corpopate-culture .culture-box .content-box .left h3[data-v-3c6d9b86] {
    font-size: calc(0.3rem * 1.2);
}

#app[state='portrait'] .aboutus-company-info .content .corpopate-culture .culture-box .content-box .left .line[data-v-3c6d9b86] {
    width: auto;
}

#app[state='portrait'] .aboutus-company-info .content .corpopate-culture .culture-box .content-box .center[data-v-3c6d9b86] {
    left: -1.5rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#app[state='portrait'] .aboutus-company-info .content .corpopate-culture .culture-box .content-box .center img[data-v-3c6d9b86]:first-child {
    width: 3.5rem;
    height: 3.5rem;
    margin-top: 0.34rem;
}

#app[state='portrait'] .aboutus-company-info .content .corpopate-culture .culture-box .content-box .center img[data-v-3c6d9b86]:last-child {
    top: 48%;
}

#app[state='portrait'] .aboutus-company-info .content .corpopate-culture .culture-box .content-box .right[data-v-3c6d9b86] {
    position: absolute;
    width: 3rem;
    -webkit-transform: translate(-0.1rem, 0.28rem);
    transform: translate(-0.1rem, 0.28rem);
}

#app[state='portrait'] .aboutus-company-info .content .corpopate-culture .culture-box .content-box .right > div[data-v-3c6d9b86] {
    height: 1.17rem;
}

#app[state='portrait'] .aboutus-company-info .content .corpopate-culture .culture-box .content-box .right > div img[data-v-3c6d9b86] {
    margin: 0;
}

#app[state='portrait'] .aboutus-company-info .content .corpopate-culture .culture-box .content-box .right > div span[data-v-3c6d9b86] {
    width: 1.5rem;
    margin-left: 0.2rem;
    font-size: calc(0.24rem * 1.2);
}

#app[state='portrait'] .aboutus-company-info .content .corpopate-culture .culture-box .pre-button[data-v-3c6d9b86],
#app[state='portrait'] .aboutus-company-info .content .corpopate-culture .culture-box .next-button[data-v-3c6d9b86] {
    left: 0.2rem;
    width: calc(0.46rem * 1.5);
    height: calc(0.46rem * 1.5);
}

#app[state='portrait'] .aboutus-company-info .content .corpopate-culture .culture-box .pre-button > img[data-v-3c6d9b86],
#app[state='portrait'] .aboutus-company-info .content .corpopate-culture .culture-box .next-button > img[data-v-3c6d9b86] {
    width: calc(0.15rem * 1.5);
    height: calc(0.09rem * 1.5);
}

#app[state='portrait'] .aboutus-company-info .content .corpopate-culture .culture-box .next-button[data-v-3c6d9b86] {
    bottom: 0;
}

#app[state='portrait'] .aboutus-company-info .content .corpopate-culture .culture-box .next-button[data-v-3c6d9b86]::after {
    bottom: 0.4rem;
}

#app[state='portrait'] .aboutus-company-info .content .corpopate-culture .culture-box .pre-button[data-v-3c6d9b86]::after {
    top: 0.3rem;
}

#app[state='portrait'] .aboutus-company-info .content .corpopate-culture .culture-box .next-button[data-v-3c6d9b86]::after {
    top: 0.25rem;
}

#app[state='portrait'] .aboutus-company-info .content .our-concept[data-v-3c6d9b86] {
    padding: 0.4rem 0;
    background-size: 100% 100%;
    border-top: 0.01rem solid transparent;
}

#app[state='portrait'] .aboutus-company-info .content .our-concept .concept-title h2[data-v-3c6d9b86] {
    font-size: calc(0.42rem * 1.2);
    line-height: calc(0.36rem * 1);
}

#app[state='portrait'] .aboutus-company-info .content .our-concept .concept-title p[data-v-3c6d9b86] {
    margin-top: 0.19rem;
    font-size: calc(0.18rem * 1.2);
}

#app[state='portrait'] .aboutus-company-info .content .our-concept p[data-v-3c6d9b86] {
    margin: 0;
}

#app[state='portrait'] .aboutus-company-info .content .our-concept li[data-v-3c6d9b86] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 0.3rem;
    width: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#app[state='portrait'] .aboutus-company-info .content .our-concept li .img-box[data-v-3c6d9b86] {
    margin: 0;
}

#app[state='portrait'] .aboutus-company-info .content .our-concept li h2[data-v-3c6d9b86] {
    margin: 0.1rem 0;
    width: auto;
}

#app[state='portrait'] .aboutus-company-info .content .our-concept li p[data-v-3c6d9b86] {
    width: auto;
    line-height: 0.28rem;
}

#app[state='portrait'] .aboutus-company-info .content .our-concept .content-list[data-v-3c6d9b86] {
    margin-top: 0.2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#app[state='portrait'] .aboutus-company-info .content .our-concept .content-list li[data-v-3c6d9b86] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: none;
    padding: 0.2rem;
}

#app[state='portrait'] .aboutus-company-info .content .our-concept .content-list li[data-v-3c6d9b86]:nth-child(2) {
    border-top: 0.01rem solid rgba(255, 255, 255, 0.3);
    border-bottom: 0.01rem solid rgba(255, 255, 255, 0.3);
}

#app[state='portrait'] .aboutus-company-info .content .our-concept .content-list li .title-box h2[data-v-3c6d9b86] {
    width: 1.5rem;
    font-size: calc(0.18rem * 1.2);
}

#app[state='portrait'] .aboutus-company-info .content .our-concept .content-list li .title-box .img-box[data-v-3c6d9b86] {
    width: calc(0.74rem * 1.2);
    height: calc(0.74rem * 1.2);
}

#app[state='portrait'] .aboutus-company-info .content .our-concept .content-list li .title-box .img-box img[data-v-3c6d9b86] {
    width: 100%;
    height: 100%;
}

#app[state='portrait'] .aboutus-company-info .content .our-concept .content-list li .text-box[data-v-3c6d9b86] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#app[state='portrait'] .aboutus-company-info .content .our-concept .content-list li .text-box p[data-v-3c6d9b86] {
    line-height: calc(0.32rem * 1.4);
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .aboutus-company-info .content .qualification-honor[data-v-3c6d9b86] {
    padding: 0.4rem 0;
    padding-bottom: 0.6rem;
}

#app[state='portrait'] .aboutus-company-info .content .qualification-honor p[data-v-3c6d9b86] {
    margin: 0;
}

#app[state='portrait'] .aboutus-company-info .content .qualification-honor > h2[data-v-3c6d9b86] {
    font-size: calc(0.42rem * 1.2);
}

#app[state='portrait'] .aboutus-company-info .content .qualification-honor > p[data-v-3c6d9b86] {
    margin-top: 0.19rem;
    font-size: calc(0.18rem * 1.2);
    color: #666666;
}

#app[state='portrait'] .aboutus-company-info .content .qualification-honor .swiper-box[data-v-3c6d9b86] {
    margin: 0;
    margin-bottom: 0.4rem;
    margin-top: 0.3rem;
}

#app[state='portrait'] .aboutus-company-info .content .qualification-honor .swiper-box ul li[data-v-3c6d9b86] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    width: auto;
    height: auto;
}

#app[state='portrait'] .aboutus-company-info .content .qualification-honor .swiper-box ul li .img-box[data-v-3c6d9b86] {
    width: 100%;
    height: 2rem;
    margin-bottom: 0.2rem;
}

#app[state='portrait'] .aboutus-company-info .content .qualification-honor .swiper-box ul li .img-box h2[data-v-3c6d9b86] {
    margin: 0.3rem 0;
}

#app[state='portrait'] .aboutus-company-info .content .qualification-honor .swiper-box ul li .img-box img[data-v-3c6d9b86] {
    width: 100%;
    height: 2.5rem;
}

#app[state='portrait'] .aboutus-company-info .content .qualification-honor .swiper-box ul li > h2[data-v-3c6d9b86] {
    margin-top: 0.7rem;
    margin-bottom: 0.2rem;
    font-size: calc(0.26rem * 1.2);
}

#app[state='portrait'] .aboutus-company-info .content .qualification-honor .swiper-box ul li > p[data-v-3c6d9b86] {
    font-size: calc(0.18rem * 1.5);
}

#app[state='portrait'] .aboutus-company-info .content .qualification-honor .swiper-button-prev[data-v-3c6d9b86] {
    left: 0.4rem;
}

#app[state='portrait'] .aboutus-company-info .content .qualification-honor .swiper-button-next[data-v-3c6d9b86] {
    right: 0.4rem;
}
@-webkit-keyframes slide-right-in-data-v-933a4752 {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-right-in-data-v-933a4752 {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-933a4752 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-933a4752 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-933a4752 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-933a4752 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-933a4752 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-933a4752 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-933a4752 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-933a4752 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#app[state='web'] .join-us-box .join-us[data-v-933a4752] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-933a4752 1s, fade-in-data-v-933a4752 1s;
    animation: slide-up-in-data-v-933a4752 1s, fade-in-data-v-933a4752 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .join-us-box .job-info .job-info-left-box[data-v-933a4752] {
    opacity: 0;
    -webkit-animation: slide-left-in-data-v-933a4752 1s, fade-in-data-v-933a4752 1s;
    animation: slide-left-in-data-v-933a4752 1s, fade-in-data-v-933a4752 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .join-us-box .job-info .job-info-right[data-v-933a4752] {
    opacity: 0;
    -webkit-animation: slide-right-in-data-v-933a4752 1s, fade-in-data-v-933a4752 1s;
    animation: slide-right-in-data-v-933a4752 1s, fade-in-data-v-933a4752 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.join-us-box .join-us[data-v-933a4752] {
    width: 19.2rem;
    margin: 0 auto;
    padding: 1rem 2rem 0.5rem 2rem;
}

.join-us-box .join-us > h2[data-v-933a4752] {
    text-align: center;
    width: 100%;
    font-size: 0.42rem;
    font-weight: bold;
    color: #111111;
    line-height: 0.36rem;
}

.join-us-box .join-us > p[data-v-933a4752] {
    margin-top: 0.19rem;
    text-align: center;
    width: 100%;
    font-size: 0.18rem;
    color: #666666;
    line-height: 0.26rem;
}

.join-us-box .join-us .content[data-v-933a4752] {
    position: relative;
}

.join-us-box .join-us .content .job-list-box[data-v-933a4752] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.join-us-box .join-us .content .job-list-box .pre-img[data-v-933a4752],
.join-us-box .join-us .content .job-list-box .next-img[data-v-933a4752] {
    position: absolute;
    top: 50%;
    width: 0.13rem;
    height: 0.2rem;
    cursor: pointer;
}

.join-us-box .join-us .content .job-list-box .pre-img img[data-v-933a4752],
.join-us-box .join-us .content .job-list-box .next-img img[data-v-933a4752] {
    position: absolute;
    width: 0.13rem;
    height: 0.2rem;
}

.join-us-box .join-us .content .job-list-box .pre-img[data-v-933a4752] {
    top: 1.2rem;
    left: 0.96rem;
    -webkit-transition: all 0.3;
    transition: all 0.3;
}

.join-us-box .join-us .content .job-list-box .next-img[data-v-933a4752] {
    top: 1.3rem;
}

.join-us-box .join-us .content .job-list-box .pre-img[data-v-933a4752]:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.join-us-box .join-us .content .job-list-box .next-img[data-v-933a4752] {
    right: 0.96rem;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    -webkit-transition: all 0.3;
    transition: all 0.3;
}

.join-us-box .join-us .content .job-list-box .next-img[data-v-933a4752]:hover {
    -webkit-transform: translateY(-50%) rotate(180deg) scale(1.2);
    transform: translateY(-50%) rotate(180deg) scale(1.2);
}

.join-us-box .join-us .content .job-list-box .swiper-box[data-v-933a4752] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.5rem;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 80%;
    font-size: 0.18rem;
    font-weight: 600;
    color: #666666;
}

.join-us-box .join-us .content .job-list-box .swiper-box[data-v-933a4752] .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.join-us-box .join-us .content .job-list-box .swiper-box[data-v-933a4752] .swiper-wrapper > div {
    width: 2rem;
}

.join-us-box .join-us .content .job-list-box .swiper-box li[data-v-933a4752] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.join-us-box .join-us .content .job-list-box .swiper-box li:hover .img-box[data-v-933a4752] {
    background-color: #0044b0;
}

.join-us-box .join-us .content .job-list-box .swiper-box li:hover span[data-v-933a4752] {
    color: #0044b0;
}

.join-us-box .join-us .content .job-list-box .swiper-box li .img-box[data-v-933a4752] {
    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;
    margin-bottom: 0.2rem;
    width: 0.85rem;
    height: 0.85rem;
    background: #b9babf;
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin: 0;
}

.join-us-box .join-us .content .job-list-box .swiper-box li .img-box img[data-v-933a4752] {
    width: 0.37rem;
    height: 0.37rem;
}

.join-us-box .join-us .content .job-list-box .swiper-box li .img-box span[data-v-933a4752] {
    height: 0.36rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.join-us-box .join-us .content .job-list-box .swiper-box li.active[data-v-933a4752] {
    color: #0044b0;
}

.join-us-box .join-us .content .job-list-box .swiper-box li.active .img-box[data-v-933a4752] {
    background-color: #0044b0;
}

.join-us-box .join-us .content .job-list-box .swiper-box[data-v-933a4752] .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.join-us-box .join-us .content .job-list-box .swiper-box[data-v-933a4752] .swiper-slide:nth-child(1),
.join-us-box .join-us .content .job-list-box .swiper-box[data-v-933a4752] .swiper-slide:nth-child(2),
.join-us-box .join-us .content .job-list-box .swiper-box[data-v-933a4752] .swiper-slide:nth-child(3) {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0.22rem;
}

.join-us-box .join-us .content .job-list-box .swiper-box[data-v-933a4752] .swiper-slide:hover .img-box {
    background-color: #0044b0;
}

.join-us-box .join-us .content .job-list-box .swiper-box[data-v-933a4752] .swiper-slide:hover .img-box img {
    -webkit-filter: grayscale(200%) brightness(600%);
    filter: grayscale(200%) brightness(600%);
}

.join-us-box .join-us .content .job-list-box .swiper-box[data-v-933a4752] .swiper-slide:hover span {
    color: #0044b0;
}

.join-us-box .join-us .content .job-list-box .swiper-box[data-v-933a4752] .swiper-slide .img-box {
    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;
    margin-bottom: 0.2rem;
    width: 0.85rem;
    height: 0.85rem;
    background: #b9babf;
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.join-us-box .join-us .content .job-list-box .swiper-box[data-v-933a4752] .swiper-slide .img-box img {
    width: 0.37rem;
    height: 0.37rem;
}

.join-us-box .join-us .content .job-list-box .swiper-box[data-v-933a4752] .swiper-slide .img-box span {
    height: 0.36rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.join-us-box .join-us .content .job-list-box .swiper-box[data-v-933a4752] .swiper-slide.active {
    color: #0044b0;
}

.join-us-box .join-us .content .job-list-box .swiper-box[data-v-933a4752] .swiper-slide.active .img-box {
    background-color: #0044b0;
}

.join-us-box .join-us .content .job-list-box .swiper-box[data-v-933a4752] .swiper-slide.active .img-box img {
    -webkit-filter: grayscale(200%) brightness(600%);
    filter: grayscale(200%) brightness(600%);
}

.join-us-box .join-us .content .job-list-box .swiper-button-prev[data-v-933a4752] {
    z-index: 22;
    left: 0;
    top: auto;
    bottom: 0.4rem;
}

.join-us-box .join-us .content .job-list-box .swiper-button-prev[data-v-933a4752]::after {
    color: #cecece;
}

.join-us-box .join-us .content .job-list-box .swiper-button-next[data-v-933a4752] {
    z-index: 22;
    right: 0;
    top: auto;
    bottom: 0.4rem;
}

.join-us-box .join-us .content .job-list-box .swiper-button-next[data-v-933a4752]::after {
    color: #cecece;
}

.join-us-box .job-info[data-v-933a4752] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 0.95rem;
    width: 19.2rem;
    margin: 0 auto;
    padding: 1rem 2rem;
    background: #f8f9fc;
}

.join-us-box .job-info .job-info-left-box[data-v-933a4752] {
    position: relative;
    width: 100%;
}

.join-us-box .job-info .job-info-left-box .job-info-left[data-v-933a4752] {
    width: 100%;
}

.join-us-box .job-info .job-info-left-box .job-info-left.fade-enter-active[data-v-933a4752],
.join-us-box .job-info .job-info-left-box .job-info-left.fade-leave-active[data-v-933a4752] {
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}

.join-us-box .job-info .job-info-left-box .job-info-left.fade-enter-active[data-v-933a4752] {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.join-us-box .job-info .job-info-left-box .job-info-left.fade-enter[data-v-933a4752],
.join-us-box .job-info .job-info-left-box .job-info-left.fade-leave-to[data-v-933a4752] {
    opacity: 0;
}

.join-us-box .job-info .job-info-left-box .job-info-left h2[data-v-933a4752] {
    font-size: 0.3rem;
    color: #111111;
    font-weight: 400;
}

.join-us-box .job-info .job-info-left-box .job-info-left .job-infos[data-v-933a4752] {
    margin-top: 0.28rem;
}

.join-us-box .job-info .job-info-left-box .job-info-left .job-infos > p[data-v-933a4752] {
    font-size: 0.16rem;
    line-height: 0.16rem;
    font-weight: 400;
    color: #333333;
    margin-top: 0.1rem;
}

.join-us-box .job-info .job-info-left-box .job-info-left h3[data-v-933a4752] {
    font-size: 0.18rem;
    font-weight: 600;
    color: #333333;
    margin-bottom: 0.2rem;
}

.join-us-box .job-info .job-info-left-box .job-info-left h3[data-v-933a4752]:nth-of-type(1) {
    margin-top: 0.4rem;
}

.join-us-box .job-info .job-info-left-box .job-info-left h3[data-v-933a4752]:nth-of-type(2) {
    margin-top: 0.24rem;
}

.join-us-box .job-info .job-info-left-box .job-info-left p[data-v-933a4752] {
    font-size: 0.16rem;
    font-weight: 400;
    color: #666666;
    line-height: 0.36rem;
}

.join-us-box .job-info .job-info-right .img-box[data-v-933a4752] {
    width: 6.69rem;
    height: 5.07rem;
}

.join-us-box .job-info .job-info-right .img-box img[data-v-933a4752] {
    width: 100%;
    height: 100%;
    border-radius: 0.08rem;
}

.join-us-box .job-info .job-info-right .call-us-methods[data-v-933a4752] {
    margin-top: 0.65rem;
}

.join-us-box .job-info .job-info-right .call-us-methods p[data-v-933a4752] {
    font-size: 0.16rem;
    color: #333333;
    line-height: 0.32rem;
}

.join-us-box .job-info .job-info-right .call-us-methods p b[data-v-933a4752] {
    color: #0044b0;
    font-family: Gilroy-Black;
}

#app[state='portrait'] .join-us-box .join-us[data-v-933a4752] {
    margin-top: 0.5rem;
    padding: 0;
    width: auto;
}

#app[state='portrait'] .join-us-box .join-us > h2[data-v-933a4752] {
    font-size: calc(0.42rem * 1);
    line-height: calc(0.36rem * 1.5);
}

#app[state='portrait'] .join-us-box .join-us > p[data-v-933a4752] {
    font-size: calc(0.18rem * 1.5);
    line-height: calc(0.26rem * 1.5);
}

#app[state='portrait'] .join-us-box .join-us .content .job-list-box .pre-img[data-v-933a4752],
#app[state='portrait'] .join-us-box .join-us .content .job-list-box .next-img[data-v-933a4752] {
    width: calc(0.12rem * 1.5);
    height: calc(0.2rem * 1.5);
}

#app[state='portrait'] .join-us-box .join-us .content .job-list-box .pre-img[data-v-933a4752] {
    top: 1.23rem;
}

#app[state='portrait'] .join-us-box .join-us .content .job-list-box .swiper-box span[data-v-933a4752] {
    font-size: calc(0.18rem * 1.2);
    text-align: center;
}

#app[state='portrait'] .join-us-box .join-us .job-list[data-v-933a4752] {
    margin: 0 auto;
    margin-top: 0.4rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#app[state='portrait'] .join-us-box .join-us .job-list li[data-v-933a4752] {
    padding: 0 0.1rem;
    margin: 0;
    width: 1.8rem;
    text-align: center;
}

#app[state='portrait'] .join-us-box .join-us .pre-img[data-v-933a4752] {
    left: 0.3rem;
}

#app[state='portrait'] .join-us-box .join-us .next-img[data-v-933a4752] {
    right: 0.3rem;
}

#app[state='portrait'] .join-us-box .job-info[data-v-933a4752] {
    margin-top: 0.5rem;
    width: 9rem;
    padding: 0.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#app[state='portrait'] .join-us-box .job-info .job-info-left-box[data-v-933a4752] {
    height: auto;
}

#app[state='portrait'] .join-us-box .job-info .job-info-left-box .job-info-left[data-v-933a4752] {
    position: relative;
}

#app[state='portrait'] .join-us-box .job-info .job-info-left-box .job-info-left > h2[data-v-933a4752] {
    font-size: calc(0.3rem * 1.2);
}

#app[state='portrait'] .join-us-box .job-info .job-info-left-box .job-info-left > h3[data-v-933a4752] {
    font-size: calc(0.18rem * 1.5);
}

#app[state='portrait'] .join-us-box .job-info .job-info-left-box .job-info-left .job-infos p[data-v-933a4752] {
    font-size: calc(0.16rem * 1.5) !important;
    line-height: calc(0.24rem * 1.5) !important;
}

#app[state='portrait'] .join-us-box .job-info .job-info-left-box .job-info-left .job-zhizhe p[data-v-933a4752] {
    line-height: 0.4rem;
    font-size: calc(0.16rem * 1.3) !important;
}

#app[state='portrait'] .join-us-box .job-info .job-info-left-box .job-info-left .job-require p[data-v-933a4752] {
    font-size: calc(0.16rem * 1.3) !important;
}

#app[state='portrait'] .join-us-box .job-info .job-info-right b[data-v-933a4752] {
    cursor: initial;
}

#app[state='portrait'] .join-us-box .job-info .job-info-right .img-box[data-v-933a4752] {
    margin: 0.2rem 0;
    margin-left: 0;
    margin-top: 0.5rem;
    width: 100%;
}

#app[state='portrait'] .join-us-box .job-info .job-info-right .img-box img[data-v-933a4752] {
    width: 100%;
}

#app[state='portrait'] .join-us-box .job-info .job-info-right .call-us-methods[data-v-933a4752] {
    margin-top: 0.1rem;
}

#app[state='portrait'] .join-us-box .job-info .job-info-right .call-us-methods p[data-v-933a4752] {
    font-size: calc(0.16rem * 1.3);
    line-height: calc(0.32rem * 1.3);
}

#app[state='portrait'] .swiper-button-prev[data-v-933a4752] {
    left: 0.4rem;
}

#app[state='portrait'] .swiper-button-next[data-v-933a4752] {
    right: 0.4rem;
}
@-webkit-keyframes slide-right-in-data-v-5e74b39a {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-right-in-data-v-5e74b39a {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-5e74b39a {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-5e74b39a {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-5e74b39a {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-5e74b39a {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-5e74b39a {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-5e74b39a {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-5e74b39a {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-5e74b39a {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#app[state='web'] .concept1 .nav-bar[data-v-5e74b39a] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-5e74b39a 1s, fade-in-data-v-5e74b39a 1s;
    animation: slide-up-in-data-v-5e74b39a 1s, fade-in-data-v-5e74b39a 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .concept1 .company-list li[data-v-5e74b39a] {
    opacity: 0;
    -webkit-animation: fade-in-data-v-5e74b39a 1s;
    animation: fade-in-data-v-5e74b39a 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.concept1[data-v-5e74b39a] {
    width: 19.2rem;
    margin: 0 auto;
}

.concept1[data-v-5e74b39a] .el-icon {
    font-size: 0.12rem;
    font-weight: 700;
}

.concept1[data-v-5e74b39a] .el-dialog {
    width: 7.58rem;
}

.concept1[data-v-5e74b39a] .el-dialog__body {
    padding-bottom: 0.9rem;
}

.concept1[data-v-5e74b39a] .el-dialog__body h2 {
    margin-top: 0.39rem;
    font-size: 0.42rem;
    font-weight: 400;
    color: #111111;
    text-align: center;
}

.concept1[data-v-5e74b39a] .el-dialog__body > div {
    margin-top: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.concept1[data-v-5e74b39a] .el-dialog__body > div p {
    width: 6.14rem;
    font-size: 0.18rem;
    font-weight: 500;
    color: #333333;
    line-height: 0.36rem;
}

.concept1 .nav-bar[data-v-5e74b39a] {
    margin-top: 0.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 2rem;
    padding-right: 2rem;
}

.concept1 .nav-bar li[data-v-5e74b39a] {
    font-size: 0.18rem;
    font-weight: 600;
    color: #666666;
    padding: 0.1rem;
    text-align: center;
    border: 0.02rem solid transparent;
    border-radius: 0.25rem;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin-bottom: 0.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.concept1 .nav-bar li[data-v-5e74b39a]:hover {
    background-color: #0044b0;
    color: #fff !important;
}

.concept1 .nav-bar li[data-v-5e74b39a]:not(:last-child) {
    margin-right: 0.3rem;
}

.concept1 .nav-bar li.active[data-v-5e74b39a] {
    border-color: #1c43b0;
    color: #0044b0;
}
.concept1 .nav-bar li[data-v-5e74b39a] a{
    color:#666
}
.concept1 .nav-bar li.active[data-v-5e74b39a].active a{
    color:#0044b0
}
.concept1 .nav-bar li[data-v-5e74b39a]:hover a,.concept1 .nav-bar li.active[data-v-5e74b39a]:hover a{
    color:#fff
}

.concept1 .company-list[data-v-5e74b39a] {
    margin-top: 0.6rem;
    margin-left: 1.98rem;
    margin-right: 2rem;
    margin: 0.6rem 2rem 0 1.98rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.concept1 .company-list li[data-v-5e74b39a] {
    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;
    width: 2.88rem;
    height: 1.5rem;
    background: #f8f9fc;
    cursor: pointer;
    border-radius: 0.08rem;
}

.concept1 .company-list li .img-box[data-v-5e74b39a] {
    height: 70%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.concept1 .company-list li .img-box img[data-v-5e74b39a] {
    display: block;
    max-height: 100%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.concept1 .company-list li:hover img[data-v-5e74b39a] {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.concept1 .company-list li[data-v-5e74b39a]:not(:nth-child(5n)) {
    margin-right: 0.2rem;
}

.concept1 .company-list li[data-v-5e74b39a]:nth-child(n+6) {
    margin-top: 0.15rem;
}

.concept1 .company-list li:hover .img-box img[data-v-5e74b39a] {
    -webkit-filter: none;
    filter: none;
}

.concept1 .pagination-wrap[data-v-5e74b39a] {
    margin-top: 0.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 0.45rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0.8rem;
}

#app[state='portrait'] .concept1[data-v-5e74b39a] {
    width: 9rem;
}

#app[state='portrait'] .concept1 .nav-bar[data-v-5e74b39a] {
    height: 1.5rem;
    margin-top: 0.2rem;
    padding: 0 0.2rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

#app[state='portrait'] .concept1 .nav-bar li[data-v-5e74b39a] {
    width: 20%;
    height: 0.5rem;
    font-size: calc(0.18rem * 1.3);
    padding: calc(0.1rem * 1.5);
    border: calc(0.02rem * 1.5) solid transparent;
    border-radius: calc(0.25rem * 1.5);
    box-sizing: border-box;
    margin-right: 0;
}
#app[state='portrait'] .concept1 .nav-bar li[data-v-5e74b39a].active {
    border: 1px solid #0044b0;
}

#app[state='portrait'] .concept1 .company-list[data-v-5e74b39a] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.2rem;
    margin: 0;
    margin-top: 0.2rem;
}

#app[state='portrait'] .concept1 .company-list li[data-v-5e74b39a] {
    margin: 0;
    width: 48%;
}

#app[state='portrait'] .concept1 .company-list li[data-v-5e74b39a]:nth-child(2n+1) {
    margin-bottom: 0.2rem;
}
@-webkit-keyframes slide-right-in-data-v-6418954e {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-right-in-data-v-6418954e {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-6418954e {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-6418954e {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-6418954e {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-6418954e {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-6418954e {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-6418954e {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-6418954e {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-6418954e {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#app[state='web'] .concatus-box .contact-us-box > h2[data-v-6418954e],
#app[state='web'] .concatus-box .contact-us-box > p[data-v-6418954e] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-6418954e 1s, fade-in-data-v-6418954e 1s;
    animation: slide-up-in-data-v-6418954e 1s, fade-in-data-v-6418954e 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .concatus-box .map-box .wow[data-v-6418954e] {
    opacity: 0;
    -webkit-animation: slide-down-in-data-v-6418954e 1s, fade-in-data-v-6418954e 1s;
    animation: slide-down-in-data-v-6418954e 1s, fade-in-data-v-6418954e 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .concatus-box .nav-box[data-v-6418954e] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-6418954e 1s 0, fade-in-data-v-6418954e 1s;
    animation: slide-up-in-data-v-6418954e 1s 0, fade-in-data-v-6418954e 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .cooperation-mode > h2[data-v-6418954e],
#app[state='web'] .cooperation-mode > p[data-v-6418954e] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-6418954e 1s, fade-in-data-v-6418954e 1s;
    animation: slide-up-in-data-v-6418954e 1s, fade-in-data-v-6418954e 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .cooperation-mode > ul > li[data-v-6418954e] {
    opacity: 0;
    -webkit-animation: fade-in-data-v-6418954e 1s;
    animation: fade-in-data-v-6418954e 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .cooperation-mode > ul > li[data-v-6418954e]:nth-child(2) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

#app[state='web'] .cooperation-mode > ul > li[data-v-6418954e]:nth-child(3) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

#app[state='web'] .cooperation-mode > ul > li[data-v-6418954e]:nth-child(4) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

#app[state='web'] .map-box .right-info-box[data-v-6418954e] {
    opacity: 0;
    -webkit-animation: slide-down-in-data-v-6418954e 1s, fade-in-data-v-6418954e 1s;
    animation: slide-down-in-data-v-6418954e 1s, fade-in-data-v-6418954e 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.concatus-box .contatus[data-v-6418954e] {
    width: 19.2rem;
    margin: 0 auto;
    padding: 1rem 2rem 0 2rem;
}

.concatus-box .contatus .contact-us-box > h2[data-v-6418954e] {
    text-align: center;
    width: 100%;
    font-size: 0.42rem;
    font-weight: bold;
    color: #111111;
    line-height: 0.36rem;
}

.concatus-box .contatus .contact-us-box > p[data-v-6418954e] {
    margin-top: 0.19rem;
    text-align: center;
    width: 100%;
    font-size: 0.18rem;
    color: #666666;
    line-height: 0.26rem;
}

.concatus-box .contatus .contact-us-box .content .nav-box[data-v-6418954e] {
    position: relative;
}

.concatus-box .contatus .contact-us-box .content .nav-box .pre-img[data-v-6418954e],
.concatus-box .contatus .contact-us-box .content .nav-box .next-img[data-v-6418954e] {
    position: absolute;
    top: 50%;
    width: 0.13rem;
    height: 0.2rem;
    cursor: pointer;
}

.concatus-box .contatus .contact-us-box .content .nav-box .pre-img img[data-v-6418954e],
.concatus-box .contatus .contact-us-box .content .nav-box .next-img img[data-v-6418954e] {
    position: absolute;
    width: 0.13rem;
    height: 0.2rem;
}

.concatus-box .contatus .contact-us-box .content .nav-box .pre-img[data-v-6418954e] {
    z-index: 99;
    top: 0.53rem;
    left: 0.96rem;
    -webkit-transition: all 0.3;
    transition: all 0.3;
}

.concatus-box .contatus .contact-us-box .content .nav-box .pre-img[data-v-6418954e]:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.concatus-box .contatus .contact-us-box .content .nav-box .next-img[data-v-6418954e] {
    right: 0.96rem;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    -webkit-transition: all 0.3;
    transition: all 0.3;
}

.concatus-box .contatus .contact-us-box .content .nav-box .next-img[data-v-6418954e]:hover {
    -webkit-transform: translateY(-50%) rotate(180deg) scale(1.2);
    transform: translateY(-50%) rotate(180deg) scale(1.2);
}

.concatus-box .contatus .contact-us-box .content .nav-box .city-list[data-v-6418954e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.5rem;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    font-size: 0.18rem;
    font-weight: 600;
}

.concatus-box .contatus .contact-us-box .content .nav-box .city-list[data-v-6418954e] .swiper-wrapper {
    width: 12rem;
}

.concatus-box .contatus .contact-us-box .content .nav-box .city-list[data-v-6418954e] .swiper-wrapper > div .img-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.18rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 0.85rem;
    height: 0.85rem;
    border-radius: 50%;
    background: #b9babf;
    -webkit-transform: background 0.3s;
    transform: background 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.concatus-box .contatus .contact-us-box .content .nav-box .city-list[data-v-6418954e] .swiper-wrapper > div .img-box img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.concatus-box .contatus .contact-us-box .content .nav-box .city-list[data-v-6418954e] .swiper-wrapper > div.active {
    color: #0044b0;
}

.concatus-box .contatus .contact-us-box .content .nav-box .city-list[data-v-6418954e] .swiper-wrapper > div.active .img-box {
    background-color: #0044b0;
}

.concatus-box .contatus .contact-us-box .content .nav-box .city-list[data-v-6418954e] .swiper-wrapper > div:nth-child(1) .img-box img {
    width: 0.35rem;
}

.concatus-box .contatus .contact-us-box .content .nav-box .city-list[data-v-6418954e] .swiper-wrapper > div:nth-child(2) .img-box img {
    width: 0.19rem;
}

.concatus-box .contatus .contact-us-box .content .nav-box .city-list[data-v-6418954e] .swiper-wrapper > div:nth-child(3) .img-box img {
    width: 0.38rem;
}

.concatus-box .contatus .contact-us-box .content .nav-box .city-list[data-v-6418954e] .swiper-wrapper > div:nth-child(4) .img-box img {
    width: 0.18rem;
}

.concatus-box .contatus .contact-us-box .content .nav-box .city-list[data-v-6418954e] .swiper-wrapper > div:nth-child(5) .img-box img {
    width: 0.36rem;
}

.concatus-box .contatus .contact-us-box .content .nav-box .city-list[data-v-6418954e] .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #666666;
    -webkit-transform: all 0.3s;
    transform: all 0.3s;
    cursor: pointer;
    width: 100%;
}

.concatus-box .contatus .contact-us-box .content .nav-box .city-list[data-v-6418954e] .swiper-slide span {
    width: 100%;
    text-align: center;
}

.concatus-box .contatus .contact-us-box .content .nav-box .city-list[data-v-6418954e] .swiper-slide:hover .img-box {
    background-color: #0044b0;
}

.concatus-box .contatus .contact-us-box .content .nav-box .city-list[data-v-6418954e] .swiper-slide:hover span {
    color: #0044b0;
}

.concatus-box .contatus .contact-us-box .content .nav-box .city-list[data-v-6418954e] .swiper-slide:hover .img-box img {
    -webkit-filter: grayscale(200%) brightness(600%);
    filter: grayscale(200%) brightness(600%);
}

.concatus-box .contatus .contact-us-box .content .map-box[data-v-6418954e] {
    margin-top: 0.7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 8.8rem;
    background-color: #0044b0;
}

.concatus-box .contatus .contact-us-box .content .map-box .left-map[data-v-6418954e] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.concatus-box .contatus .contact-us-box .content .map-box .left-map .bm-view[data-v-6418954e] {
    width: 100%;
    height: 100%;
}

.concatus-box .contatus .contact-us-box .content .map-box .left-map .bm-view[data-v-6418954e] .anchorBL {
    bottom: 0.01rem !important;
}

.concatus-box .contatus .contact-us-box .content .map-box .left-map .bm-view[data-v-6418954e] a[target='_blank'] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    bottom: -0.2rem;
}

.concatus-box .contatus .contact-us-box .content .map-box .right-info-box .right-info[data-v-6418954e] {
    right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1.19rem 0.61rem 2.62rem 0.61rem;
    width: 4.8rem;
    height: 100%;
    color: #fff;
}

.concatus-box .contatus .contact-us-box .content .map-box .right-info-box .right-info.fade-enter-active[data-v-6418954e],
.concatus-box .contatus .contact-us-box .content .map-box .right-info-box .right-info.fade-leave-active[data-v-6418954e] {
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}

.concatus-box .contatus .contact-us-box .content .map-box .right-info-box .right-info.fade-enter-active[data-v-6418954e] {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.concatus-box .contatus .contact-us-box .content .map-box .right-info-box .right-info.fade-enter[data-v-6418954e],
.concatus-box .contatus .contact-us-box .content .map-box .right-info-box .right-info.fade-leave-to[data-v-6418954e] {
    opacity: 0;
}

.concatus-box .contatus .contact-us-box .content .map-box .right-info-box .right-info h2[data-v-6418954e] {
    font-size: 0.32rem;
}

.concatus-box .contatus .contact-us-box .content .map-box .right-info-box .right-info > p[data-v-6418954e] {
    margin-top: 0.19rem;
    font-size: 0.16rem;
}

.concatus-box .contatus .contact-us-box .content .map-box .right-info-box .right-info ul[data-v-6418954e] {
    margin-top: 0.68rem;
}

.concatus-box .contatus .contact-us-box .content .map-box .right-info-box .right-info ul li[data-v-6418954e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.concatus-box .contatus .contact-us-box .content .map-box .right-info-box .right-info ul li .img-box[data-v-6418954e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0.29rem;
    width: 0.3rem;
    height: 0.3rem;
}

.concatus-box .contatus .contact-us-box .content .map-box .right-info-box .right-info ul li .left-info p[data-v-6418954e] {
    width: 3rem;
    line-height: 0.3rem;
    font-size: 0.18rem;
}

.concatus-box .contatus .contact-us-box .content .map-box .right-info-box .right-info ul li .left-info p[data-v-6418954e]:first-child {
    font-size: 0.17rem;
    color: #adbfdc;
}

.concatus-box .contatus .contact-us-box .content .map-box .right-info-box .right-info ul li .left-info > div[data-v-6418954e]:last-child {
    margin-top: 0.3rem;
    width: 3rem;
    height: 0.01rem;
    border: 0.01rem solid #ffffff;
    opacity: 0.15;
}

.concatus-box .contatus .contact-us-box .content .map-box .right-info-box .right-info ul li[data-v-6418954e]:first-child {
    display: none;
}

.concatus-box .contatus .contact-us-box .content .map-box .right-info-box .right-info ul li[data-v-6418954e]:not(:first-child) {
    margin-top: 0.3rem;
}

.concatus-box .contatus .contact-us-box .content .map-box .right-info-box .right-info ul li:last-child .img-box img[data-v-6418954e] {
    width: 0.3rem;
    height: 0.3rem;
}

.concatus-box .cooperation-mode[data-v-6418954e] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 19.2rem;
    margin: auto;
    padding: 0 2rem;
    padding-top: 0.98rem;
    margin-top: 1rem;
    background: #f8f9fc !important;
}

.concatus-box .cooperation-mode > h2[data-v-6418954e] {
    text-align: center;
    width: 100%;
    font-size: 0.42rem;
    font-weight: bold;
    color: #111111;
    line-height: 0.36rem;
}

.concatus-box .cooperation-mode > p[data-v-6418954e] {
    margin-top: 0.19rem;
    text-align: center;
    width: 100%;
    font-size: 0.18rem;
    color: #666666;
    line-height: 0.26rem;
}

.concatus-box .cooperation-mode ul[data-v-6418954e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.6rem;
    padding-bottom: 1rem;
}

.concatus-box .cooperation-mode ul li[data-v-6418954e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3.58rem;
    height: 4.3rem;
    -webkit-box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.18);
    box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.18);
    border-radius: 0.08rem;
}

.concatus-box .cooperation-mode ul li[data-v-6418954e]:not(:last-child) {
    margin-right: 0.3rem;
}

.concatus-box .cooperation-mode ul li .img-box[data-v-6418954e] {
    position: relative;
    width: 0.8rem;
    height: 0.8rem;
}

.concatus-box .cooperation-mode ul li .img-box img[data-v-6418954e] {
    position: absolute;
}

.concatus-box .cooperation-mode ul li > h2[data-v-6418954e] {
    margin-top: 0.7rem;
    font-size: 0.24rem;
    font-weight: 600;
    color: #111111;
}

.concatus-box .cooperation-mode ul li .line[data-v-6418954e] {
    margin-top: 0.24rem;
    margin-bottom: 0.22rem;
    width: 0.4rem;
    height: 0.02rem;
    background: #dddddd;
}

.concatus-box .cooperation-mode ul li > p[data-v-6418954e] {
    text-align: center;
    width: 2.4rem;
    font-size: 0.16rem;
    color: #666666;
}

#app[state='portrait'] .concatus-box[data-v-6418954e] {
    margin-top: 0.5rem;
}

#app[state='portrait'] .concatus-box .contatus[data-v-6418954e] {
    padding: 0;
    width: 9rem;
}

#app[state='portrait'] .concatus-box .contatus .contact-us-box > h2[data-v-6418954e] {
    font-size: calc(0.42rem * 1);
    line-height: calc(0.36rem * 1.5);
}

#app[state='portrait'] .concatus-box .contatus .contact-us-box > p[data-v-6418954e] {
    font-size: calc(0.18rem * 1.2);
    line-height: calc(0.26rem * 1.2);
}

#app[state='portrait'] .concatus-box .contatus .contact-us-box .content .nav-box[data-v-6418954e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.3rem;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#app[state='portrait'] .concatus-box .contatus .contact-us-box .content .nav-box .city-list[data-v-6418954e] {
    margin: 0;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

#app[state='portrait'] .concatus-box .contatus .contact-us-box .content .nav-box .city-list li[data-v-6418954e] {
    margin: 0;
    margin-left: 0.2rem;
}

#app[state='portrait'] .concatus-box .contatus .contact-us-box .content .nav-box .city-list[data-v-6418954e] .swiper-slide .img-box {
    width: 0.85rem;
    height: 0.85rem img;
    height-transform: scale(1.5);
}

#app[state='portrait'] .concatus-box .contatus .contact-us-box .content .nav-box .city-list[data-v-6418954e] .swiper-slide .img-box img {
    width: 0.52rem;
    height: 0.52rem;
}

#app[state='portrait'] .concatus-box .contatus .contact-us-box .content .nav-box .city-list[data-v-6418954e] .swiper-slide span {
    font-size: calc(0.18rem * 1.2);
}

#app[state='portrait'] .concatus-box .contatus .contact-us-box .content .nav-box .city-list[data-v-6418954e] .swiper-slide:nth-child(2) .img-box img,
#app[state='portrait'] .concatus-box .contatus .contact-us-box .content .nav-box .city-list[data-v-6418954e] .swiper-slide:nth-child(4) .img-box img {
    width: 0.336rem;
    height: 0.636rem;
}

#app[state='portrait'] .concatus-box .contatus .contact-us-box .content .nav-box .pre-img[data-v-6418954e],
#app[state='portrait'] .concatus-box .contatus .contact-us-box .content .nav-box .next-img[data-v-6418954e] {
    width: calc(0.12rem * 1.5);
    height: calc(0.2rem * 1.5);
}

#app[state='portrait'] .concatus-box .contatus .contact-us-box .content .nav-box .pre-img img[data-v-6418954e],
#app[state='portrait'] .concatus-box .contatus .contact-us-box .content .nav-box .next-img img[data-v-6418954e] {
    width: calc(0.12rem * 1.5);
    height: calc(0.2rem * 1.5);
}

#app[state='portrait'] .concatus-box .contatus .contact-us-box .content .nav-box .pre-img[data-v-6418954e] {
    top: 0.82rem;
    left: 0.2rem;
}

#app[state='portrait'] .concatus-box .contatus .contact-us-box .content .nav-box .next-img[data-v-6418954e] {
    right: 0.2rem;
}

#app[state='portrait'] .concatus-box .contatus .contact-us-box .content .map-box[data-v-6418954e] {
    margin-top: 0.2rem;
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#app[state='portrait'] .concatus-box .contatus .contact-us-box .content .map-box > div[data-v-6418954e] {
    width: 100%;
    height: 100%;
}

#app[state='portrait'] .concatus-box .contatus .contact-us-box .content .map-box .left-map[data-v-6418954e] {
    position: relative;
    height: 5rem;
}

#app[state='portrait'] .concatus-box .contatus .contact-us-box .content .map-box .right-info-box[data-v-6418954e] {
    position: relative;
    height: 4rem;
}

#app[state='portrait'] .concatus-box .contatus .contact-us-box .content .map-box .right-info-box .right-info[data-v-6418954e] {
    position: absolute;
    padding: 0.1rem;
    top: 0;
    width: 100%;
}

#app[state='portrait'] .concatus-box .contatus .contact-us-box .content .map-box .right-info-box .right-info > h2[data-v-6418954e] {
    display: none;
}

#app[state='portrait'] .concatus-box .contatus .contact-us-box .content .map-box .right-info-box .right-info > p[data-v-6418954e] {
    display: none;
}

#app[state='portrait'] .concatus-box .contatus .contact-us-box .content .map-box .right-info-box ul[data-v-6418954e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 0.4rem;
    padding-left: 0.25rem;
}

#app[state='portrait'] .concatus-box .contatus .contact-us-box .content .map-box .right-info-box ul li[data-v-6418954e] {
    width: 50%;
}

#app[state='portrait'] .concatus-box .contatus .contact-us-box .content .map-box .right-info-box ul li[data-v-6418954e]:first-child {
    position: relative;
    top: 0.15rem;
    display: block !important;
}

#app[state='portrait'] .concatus-box .contatus .contact-us-box .content .map-box .right-info-box ul li:first-child h2[data-v-6418954e] {
    font-size: 0.32rem;
}

#app[state='portrait'] .concatus-box .contatus .contact-us-box .content .map-box .right-info-box ul li:first-child > p[data-v-6418954e] {
    margin-top: 0.4rem;
    font-size: 0.16rem;
}

#app[state='portrait'] .concatus-box .contatus .contact-us-box .content .map-box .right-info-box ul li .left-info[data-v-6418954e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#app[state='portrait'] .concatus-box .contatus .contact-us-box .content .map-box .right-info-box ul li .left-info .first-box[data-v-6418954e] {
    height: 0.8rem;
}

#app[state='portrait'] .concatus-box .contatus .contact-us-box .content .map-box .right-info-box ul li .left-info p[data-v-6418954e] {
    font-size: calc(0.17rem * 1.5) !important;
}

#app[state='portrait'] .concatus-box .contatus .contact-us-box .content .map-box .right-info-box ul li .left-info p[data-v-6418954e]:first-child {
    margin-bottom: 0.1rem;
}

#app[state='portrait'] .concatus-box .contatus .contact-us-box .content .map-box .right-info-box ul li:last-child img[data-v-6418954e] {
    width: auto !important;
    height: auto !important;
}

#app[state='portrait'] .concatus-box .cooperation-mode[data-v-6418954e] {
    width: auto;
    margin-top: 0.5rem;
    padding: 0;
    padding-top: 0.5rem;
}

#app[state='portrait'] .concatus-box .cooperation-mode > h2[data-v-6418954e] {
    font-size: calc(0.42rem * 1);
    line-height: calc(0.36rem * 1.5);
}

#app[state='portrait'] .concatus-box .cooperation-mode > p[data-v-6418954e] {
    font-size: calc(0.18rem * 1.2);
    line-height: calc(0.26rem * 1.2);
}

#app[state='portrait'] .concatus-box .cooperation-mode ul[data-v-6418954e] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

#app[state='portrait'] .concatus-box .cooperation-mode ul li[data-v-6418954e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 45%;
    height: auto;
    margin: 0;
    padding-bottom: 0.2rem;
    line-height: 0.4rem;
}

#app[state='portrait'] .concatus-box .cooperation-mode ul li[data-v-6418954e]:nth-child(n+3) {
    margin-top: 0.4rem;
}

#app[state='portrait'] .concatus-box .cooperation-mode ul li .img-box[data-v-6418954e] {
    position: relative;
    margin-bottom: 0.4rem;
    width: 1.2rem;
    height: 1.2rem;
    margin-top: 0.4rem;
    width: calc(0.8rem * 1.5);
    height: calc(0.8rem * 1.5);
}

#app[state='portrait'] .concatus-box .cooperation-mode ul li .img-box img[data-v-6418954e] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#app[state='portrait'] .concatus-box .cooperation-mode ul li > h2[data-v-6418954e] {
    margin-top: 0;
    font-size: calc(0.24rem * 1.2);
}

#app[state='portrait'] .concatus-box .cooperation-mode ul li > p[data-v-6418954e] {
    height: 0.74rem;
    width: calc(2.4rem * 1.5);
    font-size: calc(0.16rem * 1.5);
}
@-webkit-keyframes slide-right-in-data-v-a7ecc4dc {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-right-in-data-v-a7ecc4dc {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-a7ecc4dc {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-a7ecc4dc {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-a7ecc4dc {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-a7ecc4dc {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-a7ecc4dc {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-a7ecc4dc {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-a7ecc4dc {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-a7ecc4dc {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.aboutus[data-v-a7ecc4dc] {
    max-width: 19.2rem;
    margin: 0 auto;
}

.aboutus .content .nav-box[data-v-a7ecc4dc] .el-tabs__header {
    margin-bottom: 0;
}

.aboutus .content .nav-box[data-v-a7ecc4dc] .el-tabs__nav-wrap::after {
    height: 0.01rem;
    background-color: #eee;
}

.aboutus .content .nav-box[data-v-a7ecc4dc] .el-tabs__item {
    margin: 0 0.6rem;
    padding: 0;
}

.aboutus .content .nav-box[data-v-a7ecc4dc] .el-tabs__nav-scroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.aboutus .content .nav-box[data-v-a7ecc4dc] .el-tabs__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.aboutus .content .nav-box[data-v-a7ecc4dc] .el-tabs__active-bar {
    background-color: #0044b0;
}

.aboutus .content .nav-box[data-v-a7ecc4dc] .el-tabs__nav div:not(:first-child) {
    line-height: 0.8rem;
    font-size: 0.18rem;
    height: 0.8rem;
    font-weight: 600;
    /*color: #333333;*/
}

.nav-box .el-tabs__nav div:not(:first-child).is-active {
    color: #0044b0;
    border-bottom: 1px solid #0044b0;
    text-align: center;
}
.nav-box .el-tabs__nav div:not(:first-child).is-active a{
    color: #0044b0;
}

.aboutus .content .nav-box[data-v-a7ecc4dc] .el-tabs__nav-prev,
.aboutus .content .nav-box[data-v-a7ecc4dc] .el-tabs__nav-next {
    display: none;
}

.aboutus .bannner[data-v-a7ecc4dc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin: 0 auto;
    height: auto;
}

.aboutus .bannner img[data-v-a7ecc4dc] {
    width: 100%;
    height: 100%;
}

.aboutus .bannner .banner-text[data-v-a7ecc4dc] {
    position: absolute;
    top: 3.26rem;
    left: 2rem;
    color: #fff;
}

.aboutus .bannner .banner-text h3[data-v-a7ecc4dc] {
    font-size: 0.56rem;
    font-weight: 500;
}

.aboutus .bannner .banner-text p[data-v-a7ecc4dc] {
    margin-top: 0.34rem;
    font-size: 0.28rem;
    font-weight: 400;
}

#app[state='portrait'] .aboutus[data-v-a7ecc4dc] {
    max-width: calc(9rem * 1.5);
}

#app[state='portrait'] .aboutus .bannner[data-v-a7ecc4dc] {
    height: auto;
}

#app[state='portrait'] .aboutus .banner-text[data-v-a7ecc4dc] {
    top: 1.26rem;
    left: 1rem;
}

#app[state='portrait'] .aboutus .content .nav-box[data-v-a7ecc4dc] .el-tabs__item {
    font-size: calc(0.18rem * 1.5) !important;
    padding: 0 0.3rem;
    margin: 0;
}

#app[state='portrait'] .aboutus .content .nav-box[data-v-a7ecc4dc] .el-tabs__active-bar {
    height: calc(0.02rem * 1.5);
}
@-webkit-keyframes slide-right-in-data-v-1e270d13 {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-right-in-data-v-1e270d13 {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-1e270d13 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-1e270d13 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-1e270d13 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-1e270d13 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-1e270d13 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-1e270d13 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-1e270d13 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-1e270d13 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#app[state='web'] .adviser .introduce .introduce_left[data-v-1e270d13] {
    opacity: 0;
    -webkit-animation: slide-left-in-data-v-1e270d13 1s, fade-in-data-v-1e270d13 1s;
    animation: slide-left-in-data-v-1e270d13 1s, fade-in-data-v-1e270d13 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .adviser .introduce .introduce_right[data-v-1e270d13] {
    opacity: 0;
    -webkit-animation: slide-right-in-data-v-1e270d13 1s, fade-in-data-v-1e270d13 1s;
    animation: slide-right-in-data-v-1e270d13 1s, fade-in-data-v-1e270d13 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .adviser .service > h3[data-v-1e270d13],
#app[state='web'] .adviser .service > p[data-v-1e270d13] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-1e270d13 1s, fade-in-data-v-1e270d13 1s;
    animation: slide-up-in-data-v-1e270d13 1s, fade-in-data-v-1e270d13 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .adviser .service ul[data-v-1e270d13] {
    opacity: 0;
    -webkit-animation: slide-down-in-data-v-1e270d13 1s, fade-in-data-v-1e270d13 1s;
    animation: slide-down-in-data-v-1e270d13 1s, fade-in-data-v-1e270d13 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.adviser .introduce[data-v-1e270d13] {
    padding: 1.17rem 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 7rem;
}

.adviser .introduce .introduce_left h2[data-v-1e270d13] {
    font-size: 0.42rem;
    font-weight: 400;
    color: #111111;
}

.adviser .introduce .introduce_left .eng[data-v-1e270d13] {
    color: #666666;
    font-size: 0.18rem;
    margin-bottom: 0.39rem;
    text-align: left;
}

.adviser .introduce .introduce_left .text[data-v-1e270d13] {
    margin-top: 0.38rem;
    margin-bottom: 0.38rem;
    width: 6.62rem;
    font-size: 0.18rem;
    font-weight: 600;
    color: #333333;
    line-height: 0.36rem;
}

.adviser .introduce .introduce_left .line[data-v-1e270d13] {
    width: 0.5rem;
    height: 0.02rem;
    background: #0044b0;
}

.adviser .introduce .introduce_left .btn[data-v-1e270d13] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 4.8rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.adviser .introduce .introduce_left .btn .consult[data-v-1e270d13] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 2rem;
    height: 0.56rem;
    color: #0044b0;
    border-radius: 0.28rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 0.02rem solid rgba(0, 68, 176, 0.2);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.adviser .introduce .introduce_left .btn .consult div[data-v-1e270d13] {
    width: 0.3rem;
    height: 0.25rem;
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2OC4yMyAxNDIuODQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMDA0NEIwO3N0cm9rZTojMDA0NEIwO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDozLjNweDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTc4LjIzLDEzNy4yM2E0NSw0NSwwLDAsMS0xMi41NCwxNS4zOUwxNjguNTgsMTY1YTMuOTIsMy45MiwwLDAsMS0xLjIzLDMuODcsMy42OCwzLjY4LDAsMCwxLTMuOTEuNmwtMTYuNTEtNy4zNWE1Ni44OSw1Ni44OSwwLDAsMS0xNS42OCwyLDU0LjE4LDU0LjE4LDAsMCwxLTM1LjY2LTEzLjI3LDQ1LjI3LDQ1LjI3LDAsMCwxLTExLjM3LTE1LjM4LDY4LjI0LDY4LjI0LDAsMCwxLTIwLjktMS4xM2MtMS42OS0uMzYtMS42OS0uMzYtMy44Ny0uNzFsLTIxLjA4LDlhNC40Nyw0LjQ3LDAsMCwxLTQuNy0uNzksNC43NCw0Ljc0LDAsMCwxLTEuNC00LjY3bDMuODctMTUuNDVxLTIuMjUtMi4zLTQuNDYtNC42NGgwYTUxLjgsNTEuOCwwLDAsMS05LjMzLTEzLjMsNDcuMjcsNDcuMjcsMCwwLDEsMC00MS42LDUyLjg1LDUyLjg1LDAsMCwxLDEzLTE2Ljc4QzQ2LjYsMzUuNjQsNjEuNTUsMzAuMjMsNzcuNDIsMzAuMjNzMzAuODMsNS40MSw0Mi4xLDE1LjIzYTUyLjg4LDUyLjg4LDAsMCwxLDEzLDE2Ljc4LDQ4LDQ4LDAsMCwxLDQsMTIsNTMuNiw1My42LDAsMCwxLDMxLjA4LDEzLjA2LDQ1LjEsNDUuMSwwLDAsMSwxMC45MywxNC40QTQwLjUxLDQwLjUxLDAsMCwxLDE3OC4yMywxMzcuMjNaTTc3LjQyLDM4LjQ2Yy0yOC42LDAtNTEuODgsMjAtNTEuODgsNDQuNThhNDAuMzgsNDAuMzgsMCwwLDAsMTAuMTMsMjYuNDMsNjQuMyw2NC4zLDAsMCwwLDQuNzQsNC42NWMxLjM5LDEuMjIsMy4xOSwyLDQuMzEsMy41M2E2LjMxLDYuMzEsMCwwLDEsLjQuNjV2MGwuMDYuMTJhNC42OSw0LjY5LDAsMCwxLC40MiwyLjUzLDksOSwwLDAsMS0uMTcsMS4zN2MtLjQyLDIuMDctMS4yLDQuNDktMS40Niw1LjM4bC0uNzEsMi43OSwxMy4zMS01LjY2YTQuMzgsNC4zOCwwLDAsMSw0LjA3LjMyYy44LjI1LDEuNTkuNDksMi4zOS42OWgwYTU5LjQ5LDU5LjQ5LDAsMCwwLDE4LjU2LDEuNTlBNDAuNDksNDAuNDksMCwwLDEsODQuOTMsMTAxLDQ1LjI0LDQ1LjI0LDAsMCwxLDk2LjA3LDg2Ljc1YTUzLjU4LDUzLjU4LDAsMCwxLDMyLjItMTIuNjFDMTIzLjQ2LDUzLjgxLDEwMi40OSwzOC40Niw3Ny40MiwzOC40NlptNTQuNDQsNDMuMzNjLTIzLjkxLS4xOS00My40OCwxNi4zOS00My42MywzN3MxOS4xNywzNy40Nyw0My4wNywzNy42NmE0NC40NSw0NC40NSwwLDAsMCwxMy44My0xLjgyLDMuNjUsMy42NSwwLDAsMSwzLjM4LS4yMWwxMSw0Ljg5LS41NC0yLjM0Yy0uMjItLjc0LS44My0yLjc3LTEuMTYtNC40OWE3LjM1LDcuMzUsMCwwLDEtLjEyLTEuMTQsMy45LDMuOSwwLDAsMSwuNzgtMi43NmMuOTUtMS4yNiwyLjQ2LTEuODksMy42My0yLjg5LDcuODYtNi42OSwxMi43Ni0xNiwxMi44NS0yNi4yQzE3NS4xLDk4Ljg4LDE1NS43OCw4MiwxMzEuODYsODEuNzlaTTE0Ny40NywxMTJhNi4xMSw2LjExLDAsMSwxLDUuOTItNi4xMUE2LDYsMCwwLDEsMTQ3LjQ3LDExMlptLTMxLjg1LS4yNmE2LjExLDYuMTEsMCwxLDEsNS45My02LjFBNiw2LDAsMCwxLDExNS42MiwxMTEuNzVaTTg5LjUzLDY1LjI1YTcuMjYsNy4yNiwwLDEsMSw3LjI2LDcuNDgsNy4zNyw3LjM3LDAsMCwxLTcuMjYtNy40OFpNNTQuMTgsNzEuNDJhNy41OSw3LjU5LDAsMCwxLDAtMTMsNy4wOSw3LjA5LDAsMCwxLDcuMjUsMCw3LjYsNy42LDAsMCwxLDAsMTNBNy4wOSw3LjA5LDAsMCwxLDU0LjE4LDcxLjQyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE1Ljg5IC0yOC41OCkiLz48L3N2Zz4=) no-repeat;
    background-size: 100% 100%;
}

.adviser .introduce .introduce_left .btn .consult p[data-v-1e270d13] {
    font-size: 0.18rem;
    margin-left: 0.19rem;
}

.adviser .introduce .introduce_left .btn .consult:hover div[data-v-1e270d13] {
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2OC4yMyAxNDIuODQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO3N0cm9rZTojZmZmO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDozLjNweDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTc4LjIzLDEzNy4yM2E0NSw0NSwwLDAsMS0xMi41NCwxNS4zOUwxNjguNTgsMTY1YTMuOTIsMy45MiwwLDAsMS0xLjIzLDMuODcsMy42OCwzLjY4LDAsMCwxLTMuOTEuNmwtMTYuNTEtNy4zNWE1Ni44OSw1Ni44OSwwLDAsMS0xNS42OCwyLDU0LjE4LDU0LjE4LDAsMCwxLTM1LjY2LTEzLjI3LDQ1LjI3LDQ1LjI3LDAsMCwxLTExLjM3LTE1LjM4LDY4LjI0LDY4LjI0LDAsMCwxLTIwLjktMS4xM2MtMS42OS0uMzYtMS42OS0uMzYtMy44Ny0uNzFsLTIxLjA4LDlhNC40Nyw0LjQ3LDAsMCwxLTQuNy0uNzksNC43NCw0Ljc0LDAsMCwxLTEuNC00LjY3bDMuODctMTUuNDVxLTIuMjUtMi4zLTQuNDYtNC42NGgwYTUxLjgsNTEuOCwwLDAsMS05LjMzLTEzLjMsNDcuMjcsNDcuMjcsMCwwLDEsMC00MS42LDUyLjg1LDUyLjg1LDAsMCwxLDEzLTE2Ljc4QzQ2LjYsMzUuNjQsNjEuNTUsMzAuMjMsNzcuNDIsMzAuMjNzMzAuODMsNS40MSw0Mi4xLDE1LjIzYTUyLjg4LDUyLjg4LDAsMCwxLDEzLDE2Ljc4LDQ4LDQ4LDAsMCwxLDQsMTIsNTMuNiw1My42LDAsMCwxLDMxLjA4LDEzLjA2LDQ1LjEsNDUuMSwwLDAsMSwxMC45MywxNC40QTQwLjUxLDQwLjUxLDAsMCwxLDE3OC4yMywxMzcuMjNaTTc3LjQyLDM4LjQ2Yy0yOC42LDAtNTEuODgsMjAtNTEuODgsNDQuNThhNDAuMzgsNDAuMzgsMCwwLDAsMTAuMTMsMjYuNDMsNjQuMyw2NC4zLDAsMCwwLDQuNzQsNC42NWMxLjM5LDEuMjIsMy4xOSwyLDQuMzEsMy41M2E2LjMxLDYuMzEsMCwwLDEsLjQuNjV2MGwuMDYuMTJhNC42OSw0LjY5LDAsMCwxLC40MiwyLjUzLDksOSwwLDAsMS0uMTcsMS4zN2MtLjQyLDIuMDctMS4yLDQuNDktMS40Niw1LjM4bC0uNzEsMi43OSwxMy4zMS01LjY2YTQuMzgsNC4zOCwwLDAsMSw0LjA3LjMyYy44LjI1LDEuNTkuNDksMi4zOS42OWgwYTU5LjQ5LDU5LjQ5LDAsMCwwLDE4LjU2LDEuNTlBNDAuNDksNDAuNDksMCwwLDEsODQuOTMsMTAxLDQ1LjI0LDQ1LjI0LDAsMCwxLDk2LjA3LDg2Ljc1YTUzLjU4LDUzLjU4LDAsMCwxLDMyLjItMTIuNjFDMTIzLjQ2LDUzLjgxLDEwMi40OSwzOC40Niw3Ny40MiwzOC40NlptNTQuNDQsNDMuMzNjLTIzLjkxLS4xOS00My40OCwxNi4zOS00My42MywzN3MxOS4xNywzNy40Nyw0My4wNywzNy42NmE0NC40NSw0NC40NSwwLDAsMCwxMy44My0xLjgyLDMuNjUsMy42NSwwLDAsMSwzLjM4LS4yMWwxMSw0Ljg5LS41NC0yLjM0Yy0uMjItLjc0LS44My0yLjc3LTEuMTYtNC40OWE3LjM1LDcuMzUsMCwwLDEtLjEyLTEuMTQsMy45LDMuOSwwLDAsMSwuNzgtMi43NmMuOTUtMS4yNiwyLjQ2LTEuODksMy42My0yLjg5LDcuODYtNi42OSwxMi43Ni0xNiwxMi44NS0yNi4yQzE3NS4xLDk4Ljg4LDE1NS43OCw4MiwxMzEuODYsODEuNzlaTTE0Ny40NywxMTJhNi4xMSw2LjExLDAsMSwxLDUuOTItNi4xMUE2LDYsMCwwLDEsMTQ3LjQ3LDExMlptLTMxLjg1LS4yNmE2LjExLDYuMTEsMCwxLDEsNS45My02LjFBNiw2LDAsMCwxLDExNS42MiwxMTEuNzVaTTg5LjUzLDY1LjI1YTcuMjYsNy4yNiwwLDEsMSw3LjI2LDcuNDgsNy4zNyw3LjM3LDAsMCwxLTcuMjYtNy40OFpNNTQuMTgsNzEuNDJhNy41OSw3LjU5LDAsMCwxLDAtMTMsNy4wOSw3LjA5LDAsMCwxLDcuMjUsMCw3LjYsNy42LDAsMCwxLDAsMTNBNy4wOSw3LjA5LDAsMCwxLDU0LjE4LDcxLjQyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE1Ljg5IC0yOC41OCkiLz48L3N2Zz4=) no-repeat;
    background-size: 100% 100%;
}

.adviser .introduce .introduce_left .btn .phone[data-v-1e270d13] {
    width: 2.4rem;
    height: 0.56rem;
    border: 0.02rem solid rgba(0, 68, 176, 0.2);
    border-radius: 0.28rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    color: #0044b0;
}

.adviser .introduce .introduce_left .btn .phone div[data-v-1e270d13] {
    width: 0.3rem;
    height: 0.25rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACQElEQVRIiaXVWYgOYBQG4GfGkBDKHqJItqy5IEWhJCFyZ7myk6SUpcgyceGC3FBSlBIZS6KQrFGWXChLkbWQsgxFNDo6U3/8Zvj/c/P1bef9znnfc74K448psP7Yi0HYgmplWlXB9T44hy74lACV2FwORGWOvXA+ne9Bb9zDJqwqF6B3Ou+G3ViINxiH+9iGFeUAhNMeOS5CXe69TpBH2I4FpQAEyd/wAZ3xo8iZiOxq8tW1lAheoC06/eXMAHTItP23BcCBfN38IpcnInQcUc4rFSB0/x1L0Lpgbyxq8DWBbpYK8Az70B4rC/aaojku4XopziXJMXbHw0xFP7z6tcedrOrRuFZqBGHPsSNTtDPX6jKiioywZTkAYRvxBDMwO9eiAPdnGzmIJuUAfMGcrIVdGJjri3EXU3ACrX7zEeCn8swfSqv8bX4FGzJVNan/z5iA25iEW8lJWF9czPWB2cdWNwQgu+jR7FFn0AZvMSZrJl58GSdxITtARDYK77LFr2kIoC45iMvDsoW3Q22mcDIe5xjOj2MmbmSk7/KR6xTItJjFy09jZHbVqSllWSNzMQLLUt71NgRns66WNwQgCT2UOX6fJB5p6ELa4Iy8sliKCq021VOdxB9OHjo2cq8qJf2xMQAp27VJ8gPMyjF+uhZFzg/PFEVhLv0XgHoLCUd+t2aPip8uCjPIrG/1wUmkJpxPj/pojIO/WXw8offgpFmSHHUyNFvLtBRIUZn+i72M8NET6/E0nUdLj2/2l3P4CaTPfc3OsraGAAAAAElFTkSuQmCC) no-repeat;
    background-size: auto 100%;
}

.adviser .introduce .introduce_left .btn .phone p[data-v-1e270d13] {
    font-size: 0.18rem;
    margin-left: 0.15rem;
    font-weight: 900;
}

.adviser .introduce .introduce_left .btn .phone:hover div[data-v-1e270d13] {
    -webkit-filter: grayscale(200%) brightness(600%);
    filter: grayscale(200%) brightness(600%);
    background-size: contain;
}

.adviser .introduce .introduce_left .btn > div[data-v-1e270d13] {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.adviser .introduce .introduce_left .btn > div[data-v-1e270d13]:hover {
    background-color: #0044b0;
    color: #ffffff !important;
}

.adviser .introduce .introduce_right[data-v-1e270d13] {
    width: 7.45rem;
    height: 5rem;
    border-radius: 0.08rem;
    overflow: hidden;
}

.adviser .introduce .introduce_right:hover img[data-v-1e270d13] {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}

.adviser .introduce .introduce_right img[data-v-1e270d13] {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.adviser .service[data-v-1e270d13] {
    padding: 0.98rem 2rem 1.17rem 2rem;
    background: #f8f9fc;
    text-align: center;
}

.adviser .service h3[data-v-1e270d13] {
    text-align: center;
    font-size: 0.42rem;
    font-weight: 900;
    color: #111111;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.adviser .service h3 span[data-v-1e270d13]:nth-child(1) {
    color: #0044b0;
    font-family: Gilroy-Black;
    padding-top: 0.04rem;
}

.adviser .service .eng[data-v-1e270d13] {
    font-size: 0.18rem;
    color: #666666;
    margin-bottom: 0.59rem;
}

.adviser .service ul[data-v-1e270d13] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0.79rem;
}

.adviser .service ul li[data-v-1e270d13] {
    width: 7.45rem;
    height: 4.5rem;
    position: relative;
    margin-bottom: 0.3rem;
    overflow: hidden;
    border-radius: 0.08rem;
}

.adviser .service ul li:hover img[data-v-1e270d13] {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.adviser .service ul li img[data-v-1e270d13] {
    width: 100%;
    height: 100%;
    border-radius: 0.08rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.adviser .service ul li .main[data-v-1e270d13] {
    color: #ffffff;
    position: absolute;
    left: 0.7rem;
    bottom: 0.56rem;
}

.adviser .service ul li .main p[data-v-1e270d13] {
    width: 4.53rem;
    text-align: left;
}

.adviser .service ul li .main p[data-v-1e270d13]:nth-child(1) {
    font-size: 0.24rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.adviser .service ul li .main p[data-v-1e270d13]:nth-child(2) {
    font-size: 0.16rem;
    opacity: 0.73;
    line-height: 0.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.adviser .service .else[data-v-1e270d13] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.adviser .service .else img[data-v-1e270d13] {
    width: 0.15rem;
    height: 0.12rem;
}

.adviser .service .else p[data-v-1e270d13] {
    font-size: 0.2rem;
    font-weight: 600;
    color: #333333;
    margin-left: 0.52rem;
    margin-right: 0.59rem;
}

.adviser .service .else p[data-v-1e270d13] span {
    color: #0044b0 !important;
}

#app[state='portrait'] .introduce[data-v-1e270d13] {
    padding: 0.4rem 0.2rem;
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#app[state='portrait'] .introduce .introduce_left h2[data-v-1e270d13] {
    font-size: calc(0.42rem * 1);
}

#app[state='portrait'] .introduce .introduce_left .eng[data-v-1e270d13] {
    font-size: calc(0.18rem * 1.2);
}

#app[state='portrait'] .introduce .introduce_left .line[data-v-1e270d13] {
    width: 0.75rem;
    height: 0.03rem;
}

#app[state='portrait'] .introduce .introduce_left .text[data-v-1e270d13] {
    width: auto;
    margin: 0.2rem;
    font-size: calc(0.18rem * 1.5);
    line-height: calc(0.36rem * 1.5);
}

#app[state='portrait'] .introduce .introduce_left .btn[data-v-1e270d13] {
    margin: 0.3rem 0;
    width: calc(4.5rem * 1.5);
}

#app[state='portrait'] .introduce .introduce_left .btn .consult[data-v-1e270d13],
#app[state='portrait'] .introduce .introduce_left .btn .phone[data-v-1e270d13] {
    width: calc(2rem * 1.5);
    height: calc(0.45rem * 1.5);
    border-radius: calc(0.28rem * 1.5);
}

#app[state='portrait'] .introduce .introduce_left .btn .consult.phone[data-v-1e270d13],
#app[state='portrait'] .introduce .introduce_left .btn .phone.phone[data-v-1e270d13] {
    width: calc(2.4rem * 1.5);
}

#app[state='portrait'] .introduce .introduce_left .btn .consult div[data-v-1e270d13],
#app[state='portrait'] .introduce .introduce_left .btn .phone div[data-v-1e270d13] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

#app[state='portrait'] .introduce .introduce_left .btn .consult p[data-v-1e270d13],
#app[state='portrait'] .introduce .introduce_left .btn .phone p[data-v-1e270d13] {
    font-size: calc(0.18rem * 1.5);
}

#app[state='portrait'] .introduce .introduce_right[data-v-1e270d13] {
    margin-top: 0.2rem;
    width: 100%;
}

#app[state='portrait'] .introduce .introduce_right img[data-v-1e270d13] {
    width: 100%;
}

#app[state='portrait'] .service[data-v-1e270d13] {
    padding: 0.2rem;
}

#app[state='portrait'] .service h3[data-v-1e270d13] {
    font-size: calc(0.42rem * 1);
}

#app[state='portrait'] .service .eng[data-v-1e270d13] {
    font-size: calc(0.18rem * 1.2);
}

#app[state='portrait'] .service ul[data-v-1e270d13] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0.2rem;
}

#app[state='portrait'] .service ul li[data-v-1e270d13] {
    width: 49%;
    margin-bottom: 0.1rem;
    border: 0.01rem solid #eee;
    border-top: none;
    border-radius: 0.08rem;
    overflow: hidden;
}

#app[state='portrait'] .service ul li:hover img[data-v-1e270d13] {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

#app[state='portrait'] .service ul li div[data-v-1e270d13] {
    overflow: hidden;
    border-radius: 0.08rem;
    margin-bottom: 0.1rem;
}

#app[state='portrait'] .service ul li img[data-v-1e270d13] {
    display: block;
    border-radius: none;
    height: auto;
}

#app[state='portrait'] .service ul li .main[data-v-1e270d13] {
    position: static;
    left: 0.3rem;
    bottom: 0.4rem;
    width: 100%;
    padding: 0 0.15rem;
}

#app[state='portrait'] .service ul li .main p[data-v-1e270d13] {
    width: 100%;
}

#app[state='portrait'] .service ul li .main p[data-v-1e270d13]:nth-child(1) {
    font-size: calc(0.24rem * 1.2);
    color: #111111;
}

#app[state='portrait'] .service ul li .main p[data-v-1e270d13]:nth-child(2) {
    font-size: calc(0.16rem * 1.5);
    line-height: 0.38rem;
    color: #111111;
}

#app[state='portrait'] .service ul li[data-v-1e270d13]:nth-child(2n+1) {
    margin-right: 0.1rem;
}

#app[state='portrait'] .service ul li[data-v-1e270d13]:nth-child(n+3) {
    margin-top: 0.1rem;
}

#app[state='portrait'] .service .else[data-v-1e270d13] {
    margin-bottom: 0.4rem;
}

#app[state='portrait'] .service .else img[data-v-1e270d13] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

#app[state='portrait'] .service .else p[data-v-1e270d13] {
    font-size: 0.3rem;
    line-height: 0.5rem;
}
@-webkit-keyframes slide-right-in {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-right-in {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.else span {
    margin-left: 0.05rem;
    color: #0044b0 !important;
}
@-webkit-keyframes slide-right-in-data-v-3a7ea52d {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-right-in-data-v-3a7ea52d {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-3a7ea52d {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-3a7ea52d {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-3a7ea52d {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-3a7ea52d {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-3a7ea52d {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-3a7ea52d {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-3a7ea52d {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-3a7ea52d {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#app[state='web'] .consults .consults_left[data-v-3a7ea52d] {
    opacity: 0;
    -webkit-animation: slide-left-in-data-v-3a7ea52d 1s, fade-in-data-v-3a7ea52d 1s;
    animation: slide-left-in-data-v-3a7ea52d 1s, fade-in-data-v-3a7ea52d 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .consults .consults_right[data-v-3a7ea52d] {
    opacity: 0;
    -webkit-animation: slide-right-in-data-v-3a7ea52d 1s, fade-in-data-v-3a7ea52d 1s;
    animation: slide-right-in-data-v-3a7ea52d 1s, fade-in-data-v-3a7ea52d 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app .service > h3[data-v-3a7ea52d] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-3a7ea52d 1s, fade-in-data-v-3a7ea52d 1s;
    animation: slide-up-in-data-v-3a7ea52d 1s, fade-in-data-v-3a7ea52d 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app .service .content p[data-v-3a7ea52d] {
    opacity: 0;
    -webkit-animation: fade-in-data-v-3a7ea52d 1s;
    animation: fade-in-data-v-3a7ea52d 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app .service .content > div p[data-v-3a7ea52d] {
    opacity: 0;
    -webkit-animation: fade-in-data-v-3a7ea52d 1s;
    animation: fade-in-data-v-3a7ea52d 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app .service > ul[data-v-3a7ea52d] {
    opacity: 0;
    -webkit-animation: slide-down-in-data-v-3a7ea52d 1s, fade-in-data-v-3a7ea52d 1s;
    animation: slide-down-in-data-v-3a7ea52d 1s, fade-in-data-v-3a7ea52d 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app .service > ul img[data-v-3a7ea52d] {
    opacity: 0;
    -webkit-animation: fade-in-data-v-3a7ea52d 1s;
    animation: fade-in-data-v-3a7ea52d 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app .service .else[data-v-3a7ea52d] {
    opacity: 0;
    -webkit-animation: slide-down-in-data-v-3a7ea52d 1s, fade-in-data-v-3a7ea52d 1s;
    animation: slide-down-in-data-v-3a7ea52d 1s, fade-in-data-v-3a7ea52d 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.consult .consults[data-v-3a7ea52d] {
    padding: 1.17rem 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 7rem;
}

.consult .consults .consults_left h2[data-v-3a7ea52d] {
    font-size: 0.42rem;
    font-weight: 400;
    color: #111111;
}

.consult .consults .consults_left .eng[data-v-3a7ea52d] {
    color: #666666;
    font-size: 0.18rem;
    margin-bottom: 0.39rem;
    text-align: left;
}

.consult .consults .consults_left .text[data-v-3a7ea52d] {
    margin-top: 0.38rem;
    margin-bottom: 0.38rem;
    width: 6.62rem;
    font-size: 0.18rem;
    font-weight: 600;
    color: #333333;
    line-height: 0.36rem;
}

.consult .consults .consults_left .line[data-v-3a7ea52d] {
    width: 0.5rem;
    height: 0.02rem;
    background: #0044b0;
}

.consult .consults .consults_left .btn[data-v-3a7ea52d] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 4.8rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.consult .consults .consults_left .btn .consult[data-v-3a7ea52d] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 2rem;
    height: 0.56rem;
    color: #0044b0;
    border-radius: 0.28rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 0.02rem solid rgba(0, 68, 176, 0.2);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.consult .consults .consults_left .btn .consult div[data-v-3a7ea52d] {
    width: 0.3rem;
    height: 0.25rem;
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2OC4yMyAxNDIuODQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMDA0NEIwO3N0cm9rZTojMDA0NEIwO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDozLjNweDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTc4LjIzLDEzNy4yM2E0NSw0NSwwLDAsMS0xMi41NCwxNS4zOUwxNjguNTgsMTY1YTMuOTIsMy45MiwwLDAsMS0xLjIzLDMuODcsMy42OCwzLjY4LDAsMCwxLTMuOTEuNmwtMTYuNTEtNy4zNWE1Ni44OSw1Ni44OSwwLDAsMS0xNS42OCwyLDU0LjE4LDU0LjE4LDAsMCwxLTM1LjY2LTEzLjI3LDQ1LjI3LDQ1LjI3LDAsMCwxLTExLjM3LTE1LjM4LDY4LjI0LDY4LjI0LDAsMCwxLTIwLjktMS4xM2MtMS42OS0uMzYtMS42OS0uMzYtMy44Ny0uNzFsLTIxLjA4LDlhNC40Nyw0LjQ3LDAsMCwxLTQuNy0uNzksNC43NCw0Ljc0LDAsMCwxLTEuNC00LjY3bDMuODctMTUuNDVxLTIuMjUtMi4zLTQuNDYtNC42NGgwYTUxLjgsNTEuOCwwLDAsMS05LjMzLTEzLjMsNDcuMjcsNDcuMjcsMCwwLDEsMC00MS42LDUyLjg1LDUyLjg1LDAsMCwxLDEzLTE2Ljc4QzQ2LjYsMzUuNjQsNjEuNTUsMzAuMjMsNzcuNDIsMzAuMjNzMzAuODMsNS40MSw0Mi4xLDE1LjIzYTUyLjg4LDUyLjg4LDAsMCwxLDEzLDE2Ljc4LDQ4LDQ4LDAsMCwxLDQsMTIsNTMuNiw1My42LDAsMCwxLDMxLjA4LDEzLjA2LDQ1LjEsNDUuMSwwLDAsMSwxMC45MywxNC40QTQwLjUxLDQwLjUxLDAsMCwxLDE3OC4yMywxMzcuMjNaTTc3LjQyLDM4LjQ2Yy0yOC42LDAtNTEuODgsMjAtNTEuODgsNDQuNThhNDAuMzgsNDAuMzgsMCwwLDAsMTAuMTMsMjYuNDMsNjQuMyw2NC4zLDAsMCwwLDQuNzQsNC42NWMxLjM5LDEuMjIsMy4xOSwyLDQuMzEsMy41M2E2LjMxLDYuMzEsMCwwLDEsLjQuNjV2MGwuMDYuMTJhNC42OSw0LjY5LDAsMCwxLC40MiwyLjUzLDksOSwwLDAsMS0uMTcsMS4zN2MtLjQyLDIuMDctMS4yLDQuNDktMS40Niw1LjM4bC0uNzEsMi43OSwxMy4zMS01LjY2YTQuMzgsNC4zOCwwLDAsMSw0LjA3LjMyYy44LjI1LDEuNTkuNDksMi4zOS42OWgwYTU5LjQ5LDU5LjQ5LDAsMCwwLDE4LjU2LDEuNTlBNDAuNDksNDAuNDksMCwwLDEsODQuOTMsMTAxLDQ1LjI0LDQ1LjI0LDAsMCwxLDk2LjA3LDg2Ljc1YTUzLjU4LDUzLjU4LDAsMCwxLDMyLjItMTIuNjFDMTIzLjQ2LDUzLjgxLDEwMi40OSwzOC40Niw3Ny40MiwzOC40NlptNTQuNDQsNDMuMzNjLTIzLjkxLS4xOS00My40OCwxNi4zOS00My42MywzN3MxOS4xNywzNy40Nyw0My4wNywzNy42NmE0NC40NSw0NC40NSwwLDAsMCwxMy44My0xLjgyLDMuNjUsMy42NSwwLDAsMSwzLjM4LS4yMWwxMSw0Ljg5LS41NC0yLjM0Yy0uMjItLjc0LS44My0yLjc3LTEuMTYtNC40OWE3LjM1LDcuMzUsMCwwLDEtLjEyLTEuMTQsMy45LDMuOSwwLDAsMSwuNzgtMi43NmMuOTUtMS4yNiwyLjQ2LTEuODksMy42My0yLjg5LDcuODYtNi42OSwxMi43Ni0xNiwxMi44NS0yNi4yQzE3NS4xLDk4Ljg4LDE1NS43OCw4MiwxMzEuODYsODEuNzlaTTE0Ny40NywxMTJhNi4xMSw2LjExLDAsMSwxLDUuOTItNi4xMUE2LDYsMCwwLDEsMTQ3LjQ3LDExMlptLTMxLjg1LS4yNmE2LjExLDYuMTEsMCwxLDEsNS45My02LjFBNiw2LDAsMCwxLDExNS42MiwxMTEuNzVaTTg5LjUzLDY1LjI1YTcuMjYsNy4yNiwwLDEsMSw3LjI2LDcuNDgsNy4zNyw3LjM3LDAsMCwxLTcuMjYtNy40OFpNNTQuMTgsNzEuNDJhNy41OSw3LjU5LDAsMCwxLDAtMTMsNy4wOSw3LjA5LDAsMCwxLDcuMjUsMCw3LjYsNy42LDAsMCwxLDAsMTNBNy4wOSw3LjA5LDAsMCwxLDU0LjE4LDcxLjQyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE1Ljg5IC0yOC41OCkiLz48L3N2Zz4=) no-repeat;
    background-size: auto 100%;
}

.consult .consults .consults_left .btn .consult p[data-v-3a7ea52d] {
    font-size: 0.18rem;
    margin-left: 0.19rem;
}

.consult .consults .consults_left .btn .consult:hover div[data-v-3a7ea52d] {
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2OC4yMyAxNDIuODQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO3N0cm9rZTojZmZmO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDozLjNweDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTc4LjIzLDEzNy4yM2E0NSw0NSwwLDAsMS0xMi41NCwxNS4zOUwxNjguNTgsMTY1YTMuOTIsMy45MiwwLDAsMS0xLjIzLDMuODcsMy42OCwzLjY4LDAsMCwxLTMuOTEuNmwtMTYuNTEtNy4zNWE1Ni44OSw1Ni44OSwwLDAsMS0xNS42OCwyLDU0LjE4LDU0LjE4LDAsMCwxLTM1LjY2LTEzLjI3LDQ1LjI3LDQ1LjI3LDAsMCwxLTExLjM3LTE1LjM4LDY4LjI0LDY4LjI0LDAsMCwxLTIwLjktMS4xM2MtMS42OS0uMzYtMS42OS0uMzYtMy44Ny0uNzFsLTIxLjA4LDlhNC40Nyw0LjQ3LDAsMCwxLTQuNy0uNzksNC43NCw0Ljc0LDAsMCwxLTEuNC00LjY3bDMuODctMTUuNDVxLTIuMjUtMi4zLTQuNDYtNC42NGgwYTUxLjgsNTEuOCwwLDAsMS05LjMzLTEzLjMsNDcuMjcsNDcuMjcsMCwwLDEsMC00MS42LDUyLjg1LDUyLjg1LDAsMCwxLDEzLTE2Ljc4QzQ2LjYsMzUuNjQsNjEuNTUsMzAuMjMsNzcuNDIsMzAuMjNzMzAuODMsNS40MSw0Mi4xLDE1LjIzYTUyLjg4LDUyLjg4LDAsMCwxLDEzLDE2Ljc4LDQ4LDQ4LDAsMCwxLDQsMTIsNTMuNiw1My42LDAsMCwxLDMxLjA4LDEzLjA2LDQ1LjEsNDUuMSwwLDAsMSwxMC45MywxNC40QTQwLjUxLDQwLjUxLDAsMCwxLDE3OC4yMywxMzcuMjNaTTc3LjQyLDM4LjQ2Yy0yOC42LDAtNTEuODgsMjAtNTEuODgsNDQuNThhNDAuMzgsNDAuMzgsMCwwLDAsMTAuMTMsMjYuNDMsNjQuMyw2NC4zLDAsMCwwLDQuNzQsNC42NWMxLjM5LDEuMjIsMy4xOSwyLDQuMzEsMy41M2E2LjMxLDYuMzEsMCwwLDEsLjQuNjV2MGwuMDYuMTJhNC42OSw0LjY5LDAsMCwxLC40MiwyLjUzLDksOSwwLDAsMS0uMTcsMS4zN2MtLjQyLDIuMDctMS4yLDQuNDktMS40Niw1LjM4bC0uNzEsMi43OSwxMy4zMS01LjY2YTQuMzgsNC4zOCwwLDAsMSw0LjA3LjMyYy44LjI1LDEuNTkuNDksMi4zOS42OWgwYTU5LjQ5LDU5LjQ5LDAsMCwwLDE4LjU2LDEuNTlBNDAuNDksNDAuNDksMCwwLDEsODQuOTMsMTAxLDQ1LjI0LDQ1LjI0LDAsMCwxLDk2LjA3LDg2Ljc1YTUzLjU4LDUzLjU4LDAsMCwxLDMyLjItMTIuNjFDMTIzLjQ2LDUzLjgxLDEwMi40OSwzOC40Niw3Ny40MiwzOC40NlptNTQuNDQsNDMuMzNjLTIzLjkxLS4xOS00My40OCwxNi4zOS00My42MywzN3MxOS4xNywzNy40Nyw0My4wNywzNy42NmE0NC40NSw0NC40NSwwLDAsMCwxMy44My0xLjgyLDMuNjUsMy42NSwwLDAsMSwzLjM4LS4yMWwxMSw0Ljg5LS41NC0yLjM0Yy0uMjItLjc0LS44My0yLjc3LTEuMTYtNC40OWE3LjM1LDcuMzUsMCwwLDEtLjEyLTEuMTQsMy45LDMuOSwwLDAsMSwuNzgtMi43NmMuOTUtMS4yNiwyLjQ2LTEuODksMy42My0yLjg5LDcuODYtNi42OSwxMi43Ni0xNiwxMi44NS0yNi4yQzE3NS4xLDk4Ljg4LDE1NS43OCw4MiwxMzEuODYsODEuNzlaTTE0Ny40NywxMTJhNi4xMSw2LjExLDAsMSwxLDUuOTItNi4xMUE2LDYsMCwwLDEsMTQ3LjQ3LDExMlptLTMxLjg1LS4yNmE2LjExLDYuMTEsMCwxLDEsNS45My02LjFBNiw2LDAsMCwxLDExNS42MiwxMTEuNzVaTTg5LjUzLDY1LjI1YTcuMjYsNy4yNiwwLDEsMSw3LjI2LDcuNDgsNy4zNyw3LjM3LDAsMCwxLTcuMjYtNy40OFpNNTQuMTgsNzEuNDJhNy41OSw3LjU5LDAsMCwxLDAtMTMsNy4wOSw3LjA5LDAsMCwxLDcuMjUsMCw3LjYsNy42LDAsMCwxLDAsMTNBNy4wOSw3LjA5LDAsMCwxLDU0LjE4LDcxLjQyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE1Ljg5IC0yOC41OCkiLz48L3N2Zz4=) no-repeat;
    background-size: auto 100%;
}

.consult .consults .consults_left .btn .phone[data-v-3a7ea52d] {
    width: 2.4rem;
    height: 0.56rem;
    border: 0.02rem solid rgba(0, 68, 176, 0.2);
    border-radius: 0.28rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    color: #0044b0;
}

.consult .consults .consults_left .btn .phone div[data-v-3a7ea52d] {
    width: 0.3rem;
    height: 0.25rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACQElEQVRIiaXVWYgOYBQG4GfGkBDKHqJItqy5IEWhJCFyZ7myk6SUpcgyceGC3FBSlBIZS6KQrFGWXChLkbWQsgxFNDo6U3/8Zvj/c/P1bef9znnfc74K448psP7Yi0HYgmplWlXB9T44hy74lACV2FwORGWOvXA+ne9Bb9zDJqwqF6B3Ou+G3ViINxiH+9iGFeUAhNMeOS5CXe69TpBH2I4FpQAEyd/wAZ3xo8iZiOxq8tW1lAheoC06/eXMAHTItP23BcCBfN38IpcnInQcUc4rFSB0/x1L0Lpgbyxq8DWBbpYK8Az70B4rC/aaojku4XopziXJMXbHw0xFP7z6tcedrOrRuFZqBGHPsSNTtDPX6jKiioywZTkAYRvxBDMwO9eiAPdnGzmIJuUAfMGcrIVdGJjri3EXU3ACrX7zEeCn8swfSqv8bX4FGzJVNan/z5iA25iEW8lJWF9czPWB2cdWNwQgu+jR7FFn0AZvMSZrJl58GSdxITtARDYK77LFr2kIoC45iMvDsoW3Q22mcDIe5xjOj2MmbmSk7/KR6xTItJjFy09jZHbVqSllWSNzMQLLUt71NgRns66WNwQgCT2UOX6fJB5p6ELa4Iy8sliKCq021VOdxB9OHjo2cq8qJf2xMQAp27VJ8gPMyjF+uhZFzg/PFEVhLv0XgHoLCUd+t2aPip8uCjPIrG/1wUmkJpxPj/pojIO/WXw8offgpFmSHHUyNFvLtBRIUZn+i72M8NET6/E0nUdLj2/2l3P4CaTPfc3OsraGAAAAAElFTkSuQmCC) no-repeat;
    background-size: auto 100%;
}

.consult .consults .consults_left .btn .phone p[data-v-3a7ea52d] {
    font-size: 0.18rem;
    margin-left: 0.15rem;
    font-weight: 900;
}

.consult .consults .consults_left .btn .phone:hover div[data-v-3a7ea52d] {
    -webkit-filter: grayscale(200%) brightness(600%);
    filter: grayscale(200%) brightness(600%);
    background-size: contain;
}

.consult .consults .consults_left .btn > div[data-v-3a7ea52d] {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.consult .consults .consults_left .btn > div[data-v-3a7ea52d]:hover {
    background-color: #0044b0;
    color: #ffffff !important;
}

.consult .consults .consults_right[data-v-3a7ea52d] {
    width: 7.45rem;
    height: 5rem;
    border-radius: 0.08rem;
    overflow: hidden;
}

.consult .consults .consults_right:hover img[data-v-3a7ea52d] {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}

.consult .consults .consults_right img[data-v-3a7ea52d] {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.consult .service[data-v-3a7ea52d] {
    padding: 0.95rem 2rem 1.1rem 2rem;
    background: #f8f9fc;
    text-align: center;
}

.consult .service h3[data-v-3a7ea52d] {
    text-align: center;
    font-size: 0.42rem;
    font-weight: 900;
    color: #111111;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.consult .service h3 span[data-v-3a7ea52d] {
    color: #0044b0;
    font-weight: 900;
    font-family: Gilroy-Black;
    padding-top: 0.04rem;
}

.consult .service .eng[data-v-3a7ea52d] {
    font-size: 0.18rem;
    color: #666666;
    margin-bottom: 0.59rem;
}

.consult .service ul[data-v-3a7ea52d] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.79rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.consult .service ul li[data-v-3a7ea52d] {
    position: relative;
    width: 3.2rem;
    height: 5.2rem;
    background: #fff;
    -webkit-box-shadow: 0 0.03rem 0.07rem 0 rgba(25, 69, 134, 0.07);
    box-shadow: 0 0.03rem 0.07rem 0 rgba(25, 69, 134, 0.07);
    border-radius: 0.08rem;
    cursor: pointer;
}

.consult .service ul li .outer-box[data-v-3a7ea52d] {
    position: absolute;
    z-index: 99;
    top: 0;
    width: 3rem;
    height: 5.2rem;
}

.consult .service ul li > img[data-v-3a7ea52d] {
    width: 100%;
    height: 100%;
}

.consult .service ul li[data-v-3a7ea52d]:nth-child(1) {
    width: 8.4rem;
    background-size: 100% 100%;
    position: relative;
}

.consult .service ul li:nth-child(1) b[data-v-3a7ea52d] {
    position: absolute;
    right: -4.8rem;
    bottom: 0.45rem;
    font-size: 0.2rem;
    font-family: Gilroy-Black;
    font-weight: 900;
    color: #ffffff;
}

.consult .service ul li:nth-child(1) .content[data-v-3a7ea52d] {
    border-radius: 0.08rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0.8rem;
    padding-left: 0.63rem;
    text-align: left;
    position: absolute;
    width: 3.2rem;
    height: 100%;
    background-color: rgba(0, 68, 176, 0.8);
}

.consult .service ul li:nth-child(1) .content .zh[data-v-3a7ea52d] {
    font-size: 0.28rem;
    font-weight: 600;
    color: #ffffff;
}

.consult .service ul li:nth-child(1) .content .eng[data-v-3a7ea52d] {
    font-size: 0.16rem;
    font-family: Gilroy;
    color: #ffffff;
    opacity: 0.6;
    margin-top: 0.15rem;
    margin-bottom: 0.85rem;
}

.consult .service ul li:nth-child(1) .content > div p[data-v-3a7ea52d] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.18rem;
    color: #ffffff;
    line-height: 0.26rem;
    opacity: 0.9;
    white-space: nowrap;
    width: 2rem;
    border-bottom: 0.01rem solid rgba(225, 225, 225, 0.1);
    line-height: 0.58rem;
    padding-top: 0.18rem;
    padding-top: 0;
}

.consult .service ul li:nth-child(1) .content > div p img[data-v-3a7ea52d] {
    width: 0.35rem;
    margin-right: 0.15rem;
}

.consult .service ul li:nth-child(1) .content > div p[data-v-3a7ea52d]:nth-child(1) {
    padding-top: 0;
}

.consult .service ul li:nth-child(1) .content > div p[data-v-3a7ea52d]:last-child {
    border-bottom: none;
}

.consult .service ul li:nth-child(1) .content > div .none[data-v-3a7ea52d] {
    border-bottom: none;
}

.consult .service ul li:nth-child(3) p[data-v-3a7ea52d] {
    margin-top: 0.55rem !important;
}

.consult .service ul li:nth-child(3) span[data-v-3a7ea52d] {
    margin-bottom: 1.25rem !important;
}

.consult .service ul li .main[data-v-3a7ea52d] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 1rem 0 0 0;
}

.consult .service ul li .main p[data-v-3a7ea52d] {
    font-size: 0.28rem;
    font-weight: 600;
    color: #111111;
    margin-top: 0.62rem;
}

.consult .service ul li .main span[data-v-3a7ea52d] {
    font-size: 0.16rem;
    font-family: Gilroy;
    color: #111111;
    opacity: 0.6;
    margin-top: 0.15rem;
    margin-bottom: 0.8rem;
}

.consult .service ul li .main b[data-v-3a7ea52d] {
    position: absolute;
    bottom: 0.45rem;
    font-size: 0.2rem;
    font-family: Gilroy-Black;
    font-weight: 900;
    color: #0044b0;
}

.consult .service .else[data-v-3a7ea52d] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.consult .service .else img[data-v-3a7ea52d] {
    width: 0.15rem;
    height: 0.12rem;
}

.consult .service .else p[data-v-3a7ea52d] {
    font-size: 0.2rem;
    font-weight: 600;
    color: #333333;
    line-height: 0.36rem;
    margin-left: 0.63rem;
    margin-right: 0.69rem;
}

.consult .swrap[data-v-3a7ea52d] {
    width: 15.2rem;
    min-height: 1rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.8rem;
}

.consult .swrap > div[data-v-3a7ea52d] {
    width: 3.2rem;
    height: 5.2rem;
    background: #fff;
    -webkit-box-shadow: 0 0.03rem 0.07rem 0 rgba(25, 69, 134, 0.07);
    box-shadow: 0 0.03rem 0.07rem 0 rgba(25, 69, 134, 0.07);
    border-radius: 0.08rem;
    cursor: pointer;
    -webkit-transition: width 0.6s;
    transition: width 0.6s;
    -webkit-transform-origin: left;
    transform-origin: left;
    overflow: hidden;
    position: relative;
}

.consult .swrap > div[data-v-3a7ea52d]:nth-child(2) {
    margin: 0 0.18rem;
}

.consult .swrap > div .wbox[data-v-3a7ea52d] {
    width: 3.2rem;
    background: #fff;
    border-radius: 0.08rem;
    padding-top: 1.08rem;
    position: relative;
    height: 5.2rem;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    z-index: 2;
}

.consult .swrap > div .wbox > img[data-v-3a7ea52d] {
    height: 0.9rem;
    display: block;
    margin: 0 auto;
}

.consult .swrap > div .wbox h2[data-v-3a7ea52d] {
    font-size: 0.28rem;
    font-family: PingFangSC;
    font-weight: 600;
    color: #111111;
    line-height: 0.26rem;
    margin-top: 0.59rem;
}

.consult .swrap > div .wbox p[data-v-3a7ea52d] {
    font-size: 0.16rem;
    font-family: Gilroy;
    font-weight: 400;
    color: #111111;
    line-height: 0.26rem;
    opacity: 0.6;
    width: 1.98rem;
    margin: 0 auto;
    margin-top: 0.19rem;
}

.consult .swrap > div .wbox b[data-v-3a7ea52d] {
    font-size: 0.2rem;
    font-family: Gilroy;
    font-weight: 900;
    color: #0044b0;
    line-height: 0.26rem;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0.6rem;
    width: 100%;
    display: block;
}

.consult .swrap > div .img-wrap[data-v-3a7ea52d] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
}

.consult .swrap > div .wbox2[data-v-3a7ea52d] {
    position: absolute;
    top: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    left: 0;
    width: 3.2rem;
    height: 5.2rem;
    background: #0044b0;
    opacity: 0;
    border-radius: 0.08rem 0 0 0.08rem;
    z-index: 3;
    padding: 0.79rem 0 0 0.61rem;
    overflow: hidden;
}

.consult .swrap > div .wbox2 h2[data-v-3a7ea52d] {
    font-size: 0.28rem;
    font-family: PingFangSC;
    font-weight: 600;
    color: #ffffff;
    line-height: 0.26rem;
    text-align: left;
}

.consult .swrap > div .wbox2 p[data-v-3a7ea52d] {
    font-size: 0.16rem;
    font-family: Gilroy;
    font-weight: 400;
    color: #ffffff;
    line-height: 0.26rem;
    opacity: 0.6;
    text-align: left;
    margin: 0.19rem 0 0.8rem 0;
}

.consult .swrap > div .wbox2 div div[data-v-3a7ea52d] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.18rem;
    width: 2rem;
    border-bottom: 0.01rem solid rgba(255, 255, 255, 0.1);
    font-family: PingFangSC;
    font-weight: 400;
    color: #ffffff;
    line-height: 0.26rem;
    padding: 0.18rem 0;
}

.consult .swrap > div .wbox2 div div[data-v-3a7ea52d]:last-child {
    border: none;
}

.consult .swrap > div .wbox2 div div img[data-v-3a7ea52d] {
    max-width: 0.28rem;
    margin-right: 0.15rem;
}

.consult .swrap > div[data-v-3a7ea52d]:hover,
.consult .swrap > div.active[data-v-3a7ea52d] {
    width: 8.4rem;
}

.consult .swrap > div:hover .wbox2[data-v-3a7ea52d],
.consult .swrap > div.active .wbox2[data-v-3a7ea52d] {
    opacity: 0.9;
}

.consult .swrap > div:hover .wbox[data-v-3a7ea52d],
.consult .swrap > div.active .wbox[data-v-3a7ea52d] {
    opacity: 0;
}

.consult .swrap > div:hover .img-wrap[data-v-3a7ea52d],
.consult .swrap > div.active .img-wrap[data-v-3a7ea52d] {
    opacity: 1;
}

#app[state='portrait'] .consults[data-v-3a7ea52d] {
    padding: 0.4rem 0.2rem;
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#app[state='portrait'] .consults .consults_left h2[data-v-3a7ea52d] {
    font-size: calc(0.42rem * 1);
}

#app[state='portrait'] .consults .consults_left .eng[data-v-3a7ea52d] {
    font-size: calc(0.18rem * 1.5);
}

#app[state='portrait'] .consults .consults_left .line[data-v-3a7ea52d] {
    width: 0.75rem;
    height: 0.03rem;
}

#app[state='portrait'] .consults .consults_left .text[data-v-3a7ea52d] {
    width: auto;
    margin: 0.2rem;
    font-size: calc(0.18rem * 1.5);
    line-height: calc(0.36rem * 1.5);
}

#app[state='portrait'] .consults .consults_left .btn[data-v-3a7ea52d] {
    margin: 0.3rem 0;
    width: calc(4.5rem * 1.5);
}

#app[state='portrait'] .consults .consults_left .btn .consult[data-v-3a7ea52d],
#app[state='portrait'] .consults .consults_left .btn .phone[data-v-3a7ea52d] {
    width: calc(2rem * 1.5);
    height: calc(0.45rem * 1.5);
    border-radius: calc(0.28rem * 1.5);
}

#app[state='portrait'] .consults .consults_left .btn .consult.phone[data-v-3a7ea52d],
#app[state='portrait'] .consults .consults_left .btn .phone.phone[data-v-3a7ea52d] {
    width: calc(2.4rem * 1.5);
}

#app[state='portrait'] .consults .consults_left .btn .consult div[data-v-3a7ea52d],
#app[state='portrait'] .consults .consults_left .btn .phone div[data-v-3a7ea52d] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

#app[state='portrait'] .consults .consults_left .btn .consult p[data-v-3a7ea52d],
#app[state='portrait'] .consults .consults_left .btn .phone p[data-v-3a7ea52d] {
    font-size: calc(0.18rem * 1.5);
}

#app[state='portrait'] .consults .consults_right[data-v-3a7ea52d] {
    margin-top: 0.2rem;
    width: 100%;
}

#app[state='portrait'] .consults .consults_right img[data-v-3a7ea52d] {
    width: 100%;
}

#app[state='portrait'] .service[data-v-3a7ea52d] {
    padding: 0.2rem;
}

#app[state='portrait'] .service h3[data-v-3a7ea52d] {
    font-size: calc(0.42rem * 1);
}

#app[state='portrait'] .service .eng[data-v-3a7ea52d] {
    font-size: calc(0.18rem * 1.2);
    margin: 0 0 0.4rem 0;
}

#app[state='portrait'] .service ul[data-v-3a7ea52d] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
    margin-bottom: 0.2rem;
}

#app[state='portrait'] .service ul li[data-v-3a7ea52d] {
    height: 5rem;
}

#app[state='portrait'] .service ul li[data-v-3a7ea52d]:nth-child(1) {
    height: 5rem;
    width: 100%;
}

#app[state='portrait'] .service ul li:nth-child(1) .content[data-v-3a7ea52d] {
    height: 5rem;
}

#app[state='portrait'] .service ul li:nth-child(1) .content > p[data-v-3a7ea52d] {
    color: #fff;
}

#app[state='portrait'] .service ul li:nth-child(1) .content > p[data-v-3a7ea52d]:nth-child(1) {
    font-size: calc(0.28rem * 1.2);
}

#app[state='portrait'] .service ul li:nth-child(1) .content > p[data-v-3a7ea52d]:nth-child(2) {
    font-size: 0.24rem;
    margin-bottom: 0.5rem;
}

#app[state='portrait'] .service ul li:nth-child(1) .content div[data-v-3a7ea52d] {
    position: absolute;
    bottom: 0.5rem;
}

#app[state='portrait'] .service ul li:nth-child(1) .content div p[data-v-3a7ea52d] {
    font-size: 0.24rem;
}

#app[state='portrait'] .service ul li:nth-child(1) b[data-v-3a7ea52d] {
    font-size: 0.48rem;
}

#app[state='portrait'] .service ul li[data-v-3a7ea52d]:nth-child(2),
#app[state='portrait'] .service ul li[data-v-3a7ea52d]:nth-child(3) {
    margin-top: 0.3rem;
    width: calc(50% - 0.15rem);
    height: auto;
    padding: 0.2rem 0;
}

#app[state='portrait'] .service ul li:nth-child(2) .main[data-v-3a7ea52d],
#app[state='portrait'] .service ul li:nth-child(3) .main[data-v-3a7ea52d] {
    width: 100%;
    padding: 0.2rem 0;
}

#app[state='portrait'] .service ul li:nth-child(2) .main p[data-v-3a7ea52d],
#app[state='portrait'] .service ul li:nth-child(3) .main p[data-v-3a7ea52d] {
    margin-top: 0.3rem;
    font-size: calc(0.28rem * 1.2);
}

#app[state='portrait'] .service ul li:nth-child(2) .main span[data-v-3a7ea52d],
#app[state='portrait'] .service ul li:nth-child(3) .main span[data-v-3a7ea52d] {
    font-size: 0.24rem;
    margin-bottom: 0.3rem;
}

#app[state='portrait'] .service ul li:nth-child(2) .main b[data-v-3a7ea52d],
#app[state='portrait'] .service ul li:nth-child(3) .main b[data-v-3a7ea52d] {
    font-size: 0.48rem;
}

#app[state='portrait'] .service ul li:nth-child(2):nth-child(3) p[data-v-3a7ea52d],
#app[state='portrait'] .service ul li:nth-child(3):nth-child(3) p[data-v-3a7ea52d] {
    margin-top: 0.25rem !important;
}

#app[state='portrait'] .service ul li:nth-child(2):nth-child(3) span[data-v-3a7ea52d],
#app[state='portrait'] .service ul li:nth-child(3):nth-child(3) span[data-v-3a7ea52d] {
    margin-bottom: 0.6rem !important;
}

#app[state='portrait'] .service ul li[data-v-3a7ea52d]:nth-child(2) {
    display: none;
}

#app[state='portrait'] .service ul li[data-v-3a7ea52d]:nth-child(3) {
    display: none;
}

#app[state='portrait'] .service ul li[data-v-3a7ea52d] {
    border: none;
}

#app[state='portrait'] .service .two b[data-v-3a7ea52d],
#app[state='portrait'] .service .three b[data-v-3a7ea52d] {
    right: 0.8rem !important;
}

#app[state='portrait'] .service .else[data-v-3a7ea52d] {
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
}

#app[state='portrait'] .service .else img[data-v-3a7ea52d] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

#app[state='portrait'] .service .else p[data-v-3a7ea52d] {
    font-size: 0.28rem;
    line-height: 0.48rem;
}
@-webkit-keyframes slide-right-in-data-v-ce617988 {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-right-in-data-v-ce617988 {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-ce617988 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-ce617988 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-ce617988 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-ce617988 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-ce617988 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-ce617988 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-ce617988 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-ce617988 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#app[state='web'] .software .customer > h3[data-v-ce617988],
#app[state='web'] .software .customer > p[data-v-ce617988],
#app[state='web'] .software .customer .list[data-v-ce617988],
#app[state='web'] .software .solve > h3[data-v-ce617988],
#app[state='web'] .software .solve > p[data-v-ce617988],
#app[state='web'] .software .solve .list[data-v-ce617988],
#app[state='web'] .software .cooperation > h3[data-v-ce617988],
#app[state='web'] .software .cooperation > p[data-v-ce617988],
#app[state='web'] .software .cooperation .list[data-v-ce617988],
#app[state='web'] .software .advantage > h3[data-v-ce617988],
#app[state='web'] .software .advantage > p[data-v-ce617988],
#app[state='web'] .software .advantage .list[data-v-ce617988],
#app[state='web'] .software .case > h3[data-v-ce617988],
#app[state='web'] .software .case > p[data-v-ce617988],
#app[state='web'] .software .case .list[data-v-ce617988] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-ce617988 1s, fade-in-data-v-ce617988 1s;
    animation: slide-up-in-data-v-ce617988 1s, fade-in-data-v-ce617988 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .software .customer_main[data-v-ce617988] {
    opacity: 0;
    -webkit-animation: slide-down-in-data-v-ce617988 1s, fade-in-data-v-ce617988 1s;
    animation: slide-down-in-data-v-ce617988 1s, fade-in-data-v-ce617988 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .solve .main .main_left[data-v-ce617988] {
    opacity: 0;
    -webkit-animation: slide-left-in-data-v-ce617988 1s, fade-in-data-v-ce617988 1s;
    animation: slide-left-in-data-v-ce617988 1s, fade-in-data-v-ce617988 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .solve .main > img[data-v-ce617988] {
    opacity: 0;
    -webkit-animation: slide-right-in-data-v-ce617988 1s, fade-in-data-v-ce617988 1s;
    animation: slide-right-in-data-v-ce617988 1s, fade-in-data-v-ce617988 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .cooperation ul[data-v-ce617988],
#app[state='web'] .advantage ul[data-v-ce617988],
#app[state='web'] .case ul[data-v-ce617988] {
    opacity: 0;
    -webkit-animation: slide-down-in-data-v-ce617988 1s, fade-in-data-v-ce617988 1s;
    animation: slide-down-in-data-v-ce617988 1s, fade-in-data-v-ce617988 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

h3[data-v-ce617988] {
    text-align: center;
    font-size: 0.42rem;
    font-weight: 900;
    color: #111111;
}

.eng[data-v-ce617988] {
    font-size: 0.18rem;
    color: #666666;
    margin-bottom: 0.59rem;
    text-align: center;
}

.software .customer[data-v-ce617988] {
    padding: 0.98rem 2rem;
    height: 9.1rem;
}

.software .customer .customer_main[data-v-ce617988] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.software .customer .customer_main .customer_left[data-v-ce617988] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 5.2rem;
    flex: 0 0 5.2rem;
    height: 5.7rem;
    background-size: 100% 100%;
    border-radius: 0.08rem;
    padding: 0.66rem 0.66rem 0 0;
}

.software .customer .customer_main .customer_left p[data-v-ce617988] {
    color: #ffffff;
    margin: 0 0.59rem;
}

.software .customer .customer_main .customer_left p[data-v-ce617988]:nth-of-type(1) {
    font-size: 0.32rem;
    font-weight: 600;
    margin-bottom: 0.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.software .customer .customer_main .customer_left p[data-v-ce617988]:nth-of-type(2) {
    font-size: 0.17rem;
    opacity: 0.7;
    margin-right: 0;
    margin: 0;
    padding: 0 0.5rem 0 0.59rem;
}

.software .customer .customer_main .customer_right ul[data-v-ce617988] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0.5rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.software .customer .customer_main .customer_right ul li[data-v-ce617988] {
    width: 4.8rem;
    height: 2.7rem;
    background: #ffffff;
    -webkit-box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.15);
    box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.15);
    border-radius: 0.08rem;
    padding: 0.5rem 0.6rem;
    margin-bottom: 0.32rem;
}

.software .customer .customer_main .customer_right ul li .circle[data-v-ce617988] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    margin-bottom: 0.42rem;
    background-size: 50% 50%;
    background-position: center;
}

.software .customer .customer_main .customer_right ul li p[data-v-ce617988] {
    font-size: 0.18rem;
    color: #333333;
    line-height: 0.36rem;
}

.software .solve[data-v-ce617988] {
    padding: 0.98rem 2rem;
    background: #f8f9fc;
    padding: 1rem 2rem;
}

.software .solve h3[data-v-ce617988] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.software .solve h3 span[data-v-ce617988] {
    font-size: 0.42rem;
    font-weight: 900;
    color: #0044b0;
    font-family: Gilroy-Black;
    padding-top: 0.04rem;
}

.software .solve .list ul[data-v-ce617988] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0.18rem;
    font-weight: 600;
    color: #666666;
    margin-bottom: 0.5rem;
}

.software .solve .list ul li[data-v-ce617988] {
    width: 1.45rem;
    height: 0.45rem;
    border: 0.02rem solid transparent;
    border-radius: 0.23rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 0.88rem;
}

.software .solve .list ul li[data-v-ce617988]:hover {
    border: 0.02rem solid #1c43b0;
    color: #0044b0;
    cursor: pointer;
}

.software .solve .list ul li[data-v-ce617988]:last-of-type {
    margin-right: 0;
}

.software .solve .list ul li.active[data-v-ce617988] {
    border: 0.02rem solid #1c43b0;
    color: #1c43b0;
}

.software .solve .main[data-v-ce617988] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff;
}

.software .solve .main > img[data-v-ce617988] {
    width: 7.2rem;
    height: 5.4rem;
    border-top-right-radius: 0.08rem;
    border-bottom-right-radius: 0.08rem;
}

.software .solve .main .main_left[data-v-ce617988] {
    padding: 0.8rem;
    padding-bottom: 0.2rem;
}

.software .solve .main .main_left .text[data-v-ce617988] {
    height: 2.1rem;
    overflow-y: scroll;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
}

.software .solve .main .main_left .text[data-v-ce617988]::-webkit-scrollbar {
    width: 0.02rem;
    height: 0.02rem;
}

.software .solve .main .main_left .text[data-v-ce617988]::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0.01rem rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0.01rem rgba(0, 0, 0, 0);
    border-radius: 0.1rem;
    background-color: transparent;
}

.software .solve .main .main_left .text[data-v-ce617988]::-webkit-scrollbar-thumb {
    border-radius: 0.1rem;
    -webkit-box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, 0.3);
    background: #dad6d6;
}

.software .solve .main .main_left p[data-v-ce617988] {
    padding-right: 0.2rem;
    width: 6rem;
    font-size: 0.36rem;
    color: #111111;
    white-space: pre-wrap;
}

.software .solve .main .main_left .line[data-v-ce617988] {
    width: 0.5rem;
    height: 0.02rem;
    background: #0044b0;
    margin: 0.25rem 0;
}

.software .solve .main .main_left div p[data-v-ce617988] {
    font-size: 0.18rem;
    color: #333333;
    line-height: 0.36rem;
}

.software .solve .main .main_left button[data-v-ce617988] {
    width: 2.5rem;
    height: 0.56rem;
    background: #0044b0;
    border-radius: 0.28rem;
    color: #fff;
    font-size: 0.18rem;
    border: none;
    cursor: pointer;
}

.software .solve .main.active[data-v-ce617988] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.software .cooperation[data-v-ce617988] {
    height: 7.33rem;
    padding: 0.98rem 2rem;
    background-image: url(assets/b9a1c6a066d5178c9fb8047026fccd88.jpg);
    background-size: 100% 100%;
}

.software .cooperation h3[data-v-ce617988] {
    color: #fff;
}

.software .cooperation .eng[data-v-ce617988] {
    margin-top: 0.12rem;
    color: #fff;
}

.software .cooperation ul[data-v-ce617988] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.software .cooperation ul li[data-v-ce617988] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0.6rem 0;
    width: 3.58rem;
    height: 4rem;
    background: #ffffff;
    border-radius: 0.08rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.software .cooperation ul li .img-wrap[data-v-ce617988] {
    width: 95%;
    overflow: hidden;
    position: relative;
    height: 2.04rem !important;
}

.software .cooperation ul li .img-wrap img[data-v-ce617988] {
    position: absolute;
    top: 50% !important;
    left: 50%;
    max-width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.software .cooperation ul li .text[data-v-ce617988] {
    position: absolute;
    top: 2.04rem;
}

.software .cooperation ul li p[data-v-ce617988] {
    text-align: center;
    line-height: 0.3rem;
}

.software .cooperation ul li p[data-v-ce617988]:nth-of-type(1) {
    margin-bottom: 0.3rem;
    font-size: 0.24rem;
    color: #333333;
}

.software .cooperation ul li p[data-v-ce617988]:nth-of-type(2) {
    font-size: 0.18rem;
    color: #666666;
}

.software .advantage[data-v-ce617988] {
    padding: 1rem 2rem 0.9rem 2rem;
}

.software .advantage .list[data-v-ce617988] {
    padding-top: 0.2rem;
}

.software .advantage .list ul[data-v-ce617988] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.software .advantage .list ul li[data-v-ce617988] {
    width: 3.87rem;
    border-right: 0.01rem solid #eeeeee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.software .advantage .list ul li[data-v-ce617988]:last-of-type {
    border: none;
}

.software .advantage .list ul li .circle[data-v-ce617988] {
    width: 1.48rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.48rem;
    flex: 0 0 1.48rem;
    background: #f3f4f8;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0.55rem;
}

.software .advantage .list ul li .circle img[data-v-ce617988] {
    width: 0.5rem;
    height: 0.5rem;
}

.software .advantage .list ul li p[data-v-ce617988] {
    text-align: center;
}

.software .advantage .list ul li p[data-v-ce617988]:nth-of-type(1) {
    font-size: 0.24rem;
    font-weight: 600;
    color: #333333;
}

.software .advantage .list ul li p[data-v-ce617988]:nth-of-type(2) {
    font-size: 0.18rem;
    color: #666666;
    line-height: 0.36rem;
    padding: 0 0.44rem;
}

.software .advantage .list ul li p br[data-v-ce617988] {
    display: none;
}

.software .advantage .list ul li .line[data-v-ce617988] {
    width: 0.5rem;
    height: 0.02rem;
    background: #0044b0;
    margin: 0.25rem auto;
    border-radius: 0.01rem;
}

.software .case[data-v-ce617988] {
    height: 8.23rem;
    background: #f8f9fc;
    padding: 1rem 2rem;
}

.software .case ul[data-v-ce617988] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.software .case ul li[data-v-ce617988] {
    cursor: pointer;
    width: 2.88rem;
    height: 1.5rem;
    background: #ffffff;
    border-radius: 0.08rem;
    margin-bottom: 0.2rem;
    overflow: hidden;
}

.software .case ul li img[data-v-ce617988] {
    -webkit-transition: .3s;
    transition: .3s;
}

.software .case ul li:hover img[data-v-ce617988] {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.software .eng[data-v-ce617988] {
    margin-top: 0.12rem;
}

#app[state='portrait'] .software .customer[data-v-ce617988] {
    padding: 0.5rem 0.2rem;
    height: auto;
}

#app[state='portrait'] .software .customer > h3[data-v-ce617988] {
    font-size: calc(0.42rem * 1);
}

#app[state='portrait'] .software .customer .eng[data-v-ce617988] {
    font-size: calc(0.18rem * 1.2);
}

#app[state='portrait'] .software .customer .customer_main[data-v-ce617988] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#app[state='portrait'] .software .customer .customer_main .customer_left[data-v-ce617988] {
    width: 100%;
    padding: 0;
    background-size: 100% 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 7.2rem;
    flex: 0 0 7.2rem;
}

#app[state='portrait'] .software .customer .customer_main .customer_left p[data-v-ce617988]:nth-child(1) {
    margin-top: 0.3rem;
    font-size: calc(0.32rem * 1.2);
}

#app[state='portrait'] .software .customer .customer_main .customer_left p[data-v-ce617988]:nth-child(2) {
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .software .customer .customer_main .customer_right ul[data-v-ce617988] {
    margin: 0;
    margin-top: 0.2rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#app[state='portrait'] .software .customer .customer_main .customer_right ul li[data-v-ce617988] {
    margin: 0.1rem 0;
    width: calc(50% - 0.1rem);
    padding: 0.6rem 0.4rem;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#app[state='portrait'] .software .customer .customer_main .customer_right ul li .circle[data-v-ce617988] {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: calc(0.5rem * 1.5);
    height: calc(0.5rem * 1.5);
    margin: 0;
}

#app[state='portrait'] .software .customer .customer_main .customer_right ul li p[data-v-ce617988] {
    padding-left: 0.3rem;
    font-size: calc(0.2rem * 1.2);
    line-height: calc(0.26rem * 1.5);
}

#app[state='portrait'] .software .solve[data-v-ce617988] {
    height: auto;
    padding: 0.2rem;
}

#app[state='portrait'] .software .solve h3[data-v-ce617988] {
    font-size: calc(0.42rem * 1);
}

#app[state='portrait'] .software .solve h3 span[data-v-ce617988] {
    font-size: calc(0.42rem * 1.1);
}

#app[state='portrait'] .software .solve > p[data-v-ce617988] {
    font-size: calc(0.18rem * 1.2);
}

#app[state='portrait'] .software .solve .eng[data-v-ce617988] {
    margin: 0;
}

#app[state='portrait'] .software .solve ul[data-v-ce617988] {
    margin: 0.2rem 0;
}

#app[state='portrait'] .software .solve ul li[data-v-ce617988] {
    width: calc(1.45rem * 1.5);
    height: calc(0.45rem * 1.5);
    line-height: calc(0.45rem * 1.5);
    border-radius: calc(0.23rem * 1.5);
    font-size: calc(0.18rem * 1.5);
}

#app[state='portrait'] .software .solve .main[data-v-ce617988] {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 0;
}

#app[state='portrait'] .software .solve .main > img[data-v-ce617988] {
    margin-top: 0.2rem;
    width: 100%;
}

#app[state='portrait'] .software .solve .main .main_left[data-v-ce617988] {
    margin-top: 0.2rem;
    padding: 0.2rem;
}

#app[state='portrait'] .software .solve .main .main_left .text[data-v-ce617988] {
    height: auto;
}

#app[state='portrait'] .software .solve .main .main_left > p[data-v-ce617988] {
    font-size: calc(0.36rem * 1);
}

#app[state='portrait'] .software .solve .main .main_left div p[data-v-ce617988] {
    width: auto;
    font-size: calc(0.18rem * 1.35);
    line-height: 0.54rem;
}

#app[state='portrait'] .software .solve .main .main_left button[data-v-ce617988] {
    font-size: calc(0.18rem * 1.5);
    width: calc(2.5rem * 1.5);
    height: calc(0.56rem * 1.5);
    border-radius: calc(0.28rem * 1.5);
}

#app[state='portrait'] .software .cooperation[data-v-ce617988] {
    padding: 0.2rem;
    height: auto;
}

#app[state='portrait'] .software .cooperation h3[data-v-ce617988] {
    font-size: calc(0.42rem);
}

#app[state='portrait'] .software .cooperation > p[data-v-ce617988] {
    font-size: calc(0.18rem * 1.2);
}

#app[state='portrait'] .software .cooperation ul[data-v-ce617988] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#app[state='portrait'] .software .cooperation ul li[data-v-ce617988] {
    width: 49%;
}

#app[state='portrait'] .software .cooperation ul li img[data-v-ce617988] {
    max-width: 80%;
}

#app[state='portrait'] .software .cooperation ul li p[data-v-ce617988] {
    padding: 0 0.2rem;
    line-height: 0.45rem;
    font-size: calc(0.18rem * 1.5);
}

#app[state='portrait'] .software .cooperation ul li[data-v-ce617988]:nth-child(n+3) {
    margin-top: 0.2rem;
}

#app[state='portrait'] .software .cooperation ul li[data-v-ce617988]:nth-child(2n+1) {
    margin-right: 0.1rem;
}

#app[state='portrait'] .software .advantage[data-v-ce617988] {
    padding: 0.2rem;
}

#app[state='portrait'] .software .advantage h3[data-v-ce617988] {
    font-size: calc(0.42rem);
}

#app[state='portrait'] .software .advantage p[data-v-ce617988] {
    font-size: calc(0.18rem * 1.2);
}

#app[state='portrait'] .software .advantage ul[data-v-ce617988] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#app[state='portrait'] .software .advantage ul li[data-v-ce617988] {
    width: 100%;
    padding: 0.4rem;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

#app[state='portrait'] .software .advantage ul li .circle[data-v-ce617988] {
    width: calc(0.5rem * 1.5);
    height: calc(0.5rem * 1.5);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

#app[state='portrait'] .software .advantage ul li > div[data-v-ce617988]:nth-child(2) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 0.6rem;
}

#app[state='portrait'] .software .advantage ul li > div:nth-child(2) p[data-v-ce617988] {
    text-align: left;
    font-size: calc(0.18rem * 1.6);
}

#app[state='portrait'] .software .advantage ul li > div:nth-child(2) .line[data-v-ce617988] {
    margin: 0.2rem;
}

#app[state='portrait'] .software .advantage ul li > div:nth-child(2) p[data-v-ce617988]:last-child {
    font-size: calc(0.18rem * 1.4);
    padding: 0;
    line-height: 0.54rem;
}

#app[state='portrait'] .software .case[data-v-ce617988] {
    padding: 0.2rem;
    height: auto;
}

#app[state='portrait'] .software .case ul li[data-v-ce617988] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(8.4rem / 2);
    margin: 0 0 0.2rem 0;
}

#app[state='portrait'] .software .case ul li img[data-v-ce617988] {
    height: 100%;
}@-webkit-keyframes slide-right-in-data-v-0fe00ccf {
     0% {
         -webkit-transform: translateX(0.4rem);
         transform: translateX(0.4rem);
     }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
 }

@keyframes slide-right-in-data-v-0fe00ccf {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-0fe00ccf {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-0fe00ccf {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-0fe00ccf {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-0fe00ccf {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-0fe00ccf {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-0fe00ccf {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-0fe00ccf {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-0fe00ccf {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.extraservice[data-v-0fe00ccf] {
    max-width: 19.2rem;
    margin: 0 auto;
}

.extraservice .banner[data-v-0fe00ccf] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 19.2rem;
    margin: 0 auto;
    position: relative;
    min-height: 4.8rem;
}

.extraservice .banner img[data-v-0fe00ccf] {
    width: 100%;
}

.extraservice .banner > div[data-v-0fe00ccf] {
    position: absolute;
    left: 2rem;
    top: 2.67rem;
}

.extraservice .banner > div h2[data-v-0fe00ccf] {
    font-size: 0.56rem;
    font-weight: 500;
    color: #ffffff;
}

.extraservice .banner > div p[data-v-0fe00ccf] {
    font-size: 0.28rem;
    font-weight: 400;
    color: #ffffff;
    margin: 0.33rem 0 0.5rem 0;
}

.extraservice .banner > div .btn[data-v-0fe00ccf] {
    width: 2rem;
    height: 0.56rem;
    border-radius: 0.28rem;
    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;
    font-size: 0.2rem;
    font-weight: 400;
    color: #ffffff;
    cursor: pointer;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
    background: #0044b0;
}

.extraservice .banner > div .btn i[data-v-0fe00ccf] {
    width: 0.3rem;
    height: 0.25rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAZCAYAAAAmNZ4aAAADBElEQVRIibWWW4iWVRSGnzkwHvMQSCUSaKNjBuWhoS6UAsGLJMgSVNILRb3QCKK8iPDCi7oTSaHEI5VUhEp2nSXdFaljmSlqFOUBjZI8JjpP7HH9w3bz+c80jgsW/7/fvdZ+117fXmvvBpU60g68AEwH2oAHwvQG8DtwCPgK2AWcrrdQKXcifh5YA0yJ8W/AfuAccAkYCYwBngaGAzeBncBq4HivmBNxpiPVXd6SM+pb6tjCJtcm9Sl1k3pd/Vd9Q22o49Ol+WCM+nOQrlOH9ORc6Dh1b/h/EEH1SDxU/TGinvs/CXNtVN8N8g2BD1SXqSOqiDeG8cK7IK1pSvNHsd5s9VH1pno0stpNPFHtVD/tB9I8g3+oRyKQFyObh2Oui3htRNfWj8RJX4l1n4nx/Bi/XyNOURwsnAar7WpzxU6erDg46eS3FtioIHonw3ZEdiekwQ11a+H0bTh9UuCHA8/t22ON9B1nFvan1J3ZuDX81zYCTcDVorzb4ndShrUArfF/QoaPjzUaM7+aXAAGZeMTwPfArGbgIvBQ4fASMBfYkmHXgTnR1d7L8M+ARyKw7cU6o4GDBXYAWJK2/416rqeC74M+Fml9vfBdn8CUns+BUcDseq21D7IsXPYUrg92ZTk6ygX1mDqgn3abSvOauqeis51Wv64BSyMt23rT4HvQ4epP6qWKEnsueF7Nwe0BrrwL0ofVjiitsue3REB/qsPyiaYAv+gDYUsE/HekeF4xn7K4JTa22OJaTPqDui/7HrPC8PGKU59unWfVt6MvGx1wckVgy2N+cw0rDTqivF5WT3i7XA2CY1F+ndnsd+qCihZb093RxbqDby6O+jDgCWAGcDJK4lC8vRJ+PzA4Ot2p7M31a/g3ABOBqcBZYB/QGX7n44l0S4rILqr/qK/Vib6m96m/RBbSJzoZJzmXdC0uiix25P75jocCXwIrgDO96BeXgY+BcfHguwL8FVlI/Xga8CbwYdjf/gjs5zZZddpXRSZTxXTP3WvimqYnT+piqRJQ+Q8hbv6jcvuKJwAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
    margin-right: 0.13rem;
}

.extraservice .content .tab[data-v-0fe00ccf] {
    height: 0.8rem;
}

.extraservice[data-v-0fe00ccf] #tab-2 {
    padding: 0 1.4rem;
}

.extraservice[data-v-0fe00ccf] .el-tabs__item {
    font-size: 0.18rem;
    font-weight: 600;
    color: #333333;
}

.extraservice[data-v-0fe00ccf] .el-tabs__item.is-active{
    border-bottom: 1px solid #0044b0;
    color: #0044b0;
}
.extraservice[data-v-0fe00ccf] .el-tabs__item.is-active a{
    color: #0044b0;
}

.extraservice[data-v-0fe00ccf] .el-tabs__active-bar {
    background-color: #0044b0;
}

.extraservice[data-v-0fe00ccf] .el-tabs__header {
    margin: 0;
}

.extraservice[data-v-0fe00ccf] .el-tabs__nav {
    height: 0.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.extraservice .el-tabs__nav div:not(:first-child){
    line-height: 0.8rem;
    height: 0.8rem;
}

.extraservice[data-v-0fe00ccf] .el-tabs__nav-scroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#app[state='portrait'] .extraservice .banner > div[data-v-0fe00ccf] {
    left: 0.5rem;
    top: 1.07rem;
}

#app[state='portrait'] .extraservice[data-v-0fe00ccf] #tab-2 {
    padding: 0 0.6rem;
}

#app[state='portrait'] .extraservice[data-v-0fe00ccf] .el-tabs__item {
    font-size: calc(0.18rem * 1.5);
}@-webkit-keyframes slide-right-in-data-v-4dc2b81e {
     0% {
         -webkit-transform: translateX(0.4rem);
         transform: translateX(0.4rem);
     }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
 }

@keyframes slide-right-in-data-v-4dc2b81e {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-4dc2b81e {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-4dc2b81e {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-4dc2b81e {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-4dc2b81e {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-4dc2b81e {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-4dc2b81e {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-4dc2b81e {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-4dc2b81e {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.news[data-v-4dc2b81e] {
    margin: 0 auto;
    max-width: 19.2rem;
}

.news .banner[data-v-4dc2b81e] {
    position: relative;
    width: 100%;
    height: 6.8rem;
}

.news .banner img[data-v-4dc2b81e] {
    width: 100%;
    height: 100%;
}

.news .banner .banner-text[data-v-4dc2b81e] {
    position: absolute;
    top: 3.26rem;
    left: 2rem;
    color: #fff;
}

.news .banner .banner-text h3[data-v-4dc2b81e] {
    font-size: 0.56rem;
    font-weight: 500;
}

.news .banner .banner-text p[data-v-4dc2b81e] {
    margin-top: 0.34rem;
    font-size: 0.28rem;
    font-weight: 400;
}

#app[state='portrait'] .banner[data-v-4dc2b81e] {
    height: 3.1rem;
}

#app[state='portrait'] .banner-text[data-v-4dc2b81e] {
    top: 0.9rem;
    left: 0.5rem;
}@-webkit-keyframes slide-right-in-data-v-720c61cf {
     0% {
         -webkit-transform: translateX(0.4rem);
         transform: translateX(0.4rem);
     }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
 }

@keyframes slide-right-in-data-v-720c61cf {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-720c61cf {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-720c61cf {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-720c61cf {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-720c61cf {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-720c61cf {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-720c61cf {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-720c61cf {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-720c61cf {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#app[state='web'] .news-list .text-img-box .left-text[data-v-720c61cf] {
    opacity: 0;
    -webkit-animation: slide-left-in-data-v-720c61cf 1s, fade-in-data-v-720c61cf 1s;
    animation: slide-left-in-data-v-720c61cf 1s, fade-in-data-v-720c61cf 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .news-list .right-img[data-v-720c61cf] {
    opacity: 0;
    -webkit-animation: slide-right-in-data-v-720c61cf 1s, fade-in-data-v-720c61cf 1s;
    animation: slide-right-in-data-v-720c61cf 1s, fade-in-data-v-720c61cf 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .news-wrap[data-v-720c61cf] {
    opacity: 0;
    -webkit-animation: fade-in-data-v-720c61cf 1s;
    animation: fade-in-data-v-720c61cf 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .news-wrap li[data-v-720c61cf] {
    opacity: 0;
    -webkit-animation: fade-in-data-v-720c61cf 1s, fade-in-data-v-720c61cf 1s;
    animation: fade-in-data-v-720c61cf 1s, fade-in-data-v-720c61cf 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='portrait'] .news-list-box .nav-box[data-v-720c61cf] .el-tabs__nav div:not(:first-child) {
    line-height: 0.8rem;
    font-size: calc(0.18rem * 1.5);
}

#app[state='portrait'] .time[data-v-720c61cf] {
    margin-left: 0.08rem;
}

#app[state='portrait'] .time i[data-v-720c61cf] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

#app[state='portrait'] .time span[data-v-720c61cf] {
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .text-img-box[data-v-720c61cf] {
    height: 3.4rem !important;
}

#app[state='portrait'] .text-img-box .inner-box > h2[data-v-720c61cf] {
    font-size: calc(0.22rem * 1.2) !important;
    line-height: calc(0.3rem * 1.5);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

#app[state='portrait'] .text-img-box .inner-box > p[data-v-720c61cf] {
    font-size: calc(0.16rem * 1.5);
    line-height: 0.4rem !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

#app[state='portrait'] .text-img-box .inner-box .button[data-v-720c61cf] {
    margin-top: calc(0.5rem * 1.5);
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .text-img-box .inner-box .button:hover i[data-v-720c61cf] {
    -webkit-transform: translateX(0.07rem);
    transform: translateX(0.07rem);
}

#app[state='portrait'] .text-img-box .inner-box .button i[data-v-720c61cf] {
    margin-left: 0.2rem;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

#app[state='portrait'] .news-wrap .bottom-text[data-v-720c61cf] {
    padding-top: 0.1rem;
}

#app[state='portrait'] .news-wrap .bottom-text h2[data-v-720c61cf] {
    font-size: calc(0.2rem * 1.2);
    line-height: calc(0.3rem * 1.2);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

#app[state='portrait'] .pagination-box[data-v-720c61cf] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 0.45rem;
    margin-bottom: 0.8rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.news-list-box .nav-box[data-v-720c61cf] .el-tabs__header {
    margin-bottom: 0;
}

.news-list-box .nav-box[data-v-720c61cf] .el-tabs__nav-wrap::after {
    height: 0.01rem;
    background-color: #eee;
}

.news-list-box .nav-box[data-v-720c61cf] .el-tabs__nav-scroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.news-list-box .nav-box[data-v-720c61cf] .el-tabs__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.news-list-box .nav-box[data-v-720c61cf] .number:hover {
    color: #0044b0;
}

.news-list-box .nav-box[data-v-720c61cf] .number.active {
    color: #0044b0;
}

.news-list-box .nav-box[data-v-720c61cf] .el-tabs__active-bar {
    background-color: #0044b0;
}

.news-list-box .nav-box[data-v-720c61cf] .el-tabs__nav div:not(:first-child) {
    line-height: 0.8rem;
    font-size: 0.18rem;
    height: 0.8rem;
    font-weight: 600;
    color: #333333;
}

.news-list-box .nav-box[data-v-720c61cf] .el-tabs__nav div:not(:first-child):hover {
    color: #0044b0;
}

.news-list-box .nav-box[data-v-720c61cf] .el-tabs__nav div:not(:first-child).is-active {
    color: #0044b0;
}

.news-list-box .news-list[data-v-720c61cf] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 2rem;
    margin-top: 0.8rem;
}

.news-list-box .news-list .text-img-box[data-v-720c61cf] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 15.2rem;
    height: 4.96rem;
    -webkit-box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.15);
    box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.15);
    border-radius: 0.08rem;
}

.news-list-box .news-list .text-img-box .time[data-v-720c61cf] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.news-list-box .news-list .text-img-box .time i[data-v-720c61cf] {
    margin-right: 0.07rem;
    vertical-align: middle;
    width: 0.18rem;
    height: 0.18rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAB60lEQVQ4T52Uv2sUURDHP3N7Ack/IBbaSPBXEySFHAYSbzWixN070misbII2VoJlemuVNCmCHgYSd5cg5sw7cpB4CoGghajkKtNoaxEsbndkb3OJG8/zcq98b97nvZnvd0Zot2x/DLgF5IDjuyHbQI2QEqtu+eA1SW2MLJ3Gaswich7FQ7WMRluQBYkGEBlDKKC6SZi9Q3X8S+v+Psj2RkACYB2su5jxb+1/u3QCwqfARVAHU6jGcQnIfnkGMu+BEsa5B6JtIXubKtjBkyT96AKm+DkB5f0awg7mwxWYjjpDWqfTGezBN6j2UynkhKSwrwjlHKvO1xRkePEYR6yHrLj328JHg1NY+gm4LtjeHHAUU4iB6XU5GEJ1A+OmRfkzyvbKIN+FvFdHdAZTfNQbKHiARlNxar9QblNxF3oC5f0JhGfdgdCp/UcySl/fPK+v/UyEWpxArOdC3q8jMoNx/k7tkneSjLzYs0lCUxpyk6pTT6wTp6Zxah2K3Y0PmsXmR2f5/wdKyR+72/bfgu5gPvZgSPqpuLmWs88ivDtci/iPQSbTLdKsfjAKGiCsddW0yjCiN9JN26pFPEay4SyQjBFkGdWt5rHIAOjV5hiBTRrWP8ZIyvZx/+kkKjlkd7Ap2wg1NCpRKS4f1OE3F0nRKcTTJukAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%;
}

.news-list-box .news-list .text-img-box .time span[data-v-720c61cf] {
    font-size: 0.16rem;
    color: #0044b0;
}

.news-list-box .news-list .text-img-box .left-text[data-v-720c61cf] {
    width: 7.6rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.news-list-box .news-list .text-img-box .left-text .inner-box[data-v-720c61cf] {
    margin: 0.8rem 1rem;
}

.news-list-box .news-list .text-img-box .left-text .inner-box > h2[data-v-720c61cf] {
    margin-top: 0.3rem;
    padding-bottom: 0.35rem;
    border-bottom: 0.01rem solid #eee;
    width: 5.8rem;
    font-size: 0.26rem;
    font-weight: 600;
    color: #000000;
    line-height: 0.38rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.news-list-box .news-list .text-img-box .left-text .inner-box > p[data-v-720c61cf] {
    width: 5.8rem;
    margin-top: 0.33rem;
    font-size: 0.16rem;
    color: #666666;
    line-height: 0.37rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.news-list-box .news-list .text-img-box .left-text .inner-box .button[data-v-720c61cf] {
    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;
    margin-top: 0.5rem;
    width: 1.7rem;
    height: 0.48rem;
    border: 0.02rem solid #0044b0;
    border-radius: 0.24rem;
    font-size: 0.16rem;
    color: #0044b0;
    cursor: pointer;
}

.news-list-box .news-list .text-img-box .left-text .inner-box .button:hover i[data-v-720c61cf] {
    -webkit-transform: translateX(0.05rem);
    transform: translateX(0.05rem);
}

.news-list-box .news-list .text-img-box .left-text .inner-box .button i[data-v-720c61cf] {
    margin-left: 0.15rem;
    width: 0.09rem;
    height: 0.14rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAxklEQVQokYXRu0oDcRDF4S8XlLxGHsWIjYZUgTQ2lqKdkCJoYaWtuZAqRRpRCAQsTWVh54NonyKCFwb+C+u64qmGmR/DmTMVu8sG7jDEoxJVcYQ2HnDwFzTBCNtYoFsGfeEU19jCLQ7zUE2zl9UrfKKFDl7xUoRCT1hjL/n7iF4RCj3jDfvYQT08/adqGXSGcaovMKgXgHNcpouPMY1mHrpCP5mNgOfZIKAKbnCC95TRfX59QLE2gE1KO97zK/FZGmT/+yl8A+1hJeDELAUjAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.news-list-box .news-list .text-img-box .right-img[data-v-720c61cf] {
    width: 7.6rem;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    border-bottom: 0.01rem solid transparent;
    border-top-right-radius: 0.08rem;
    border-bottom-right-radius: 0.08rem;
}

.news-list-box .news-list .text-img-box .right-img:hover img[data-v-720c61cf] {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.news-list-box .news-list .text-img-box .right-img img[data-v-720c61cf] {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-top-left-radius: none;
    border-top-right-radius: none;
}

.news-list-box .news-list .text-img-box .right-img img.active[data-v-720c61cf] {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.news-list-box .news-list .news-wrap[data-v-720c61cf] {
    margin-top: 0.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.news-list-box .news-list .news-wrap li[data-v-720c61cf] {
    font-size: 0.16rem;
    width: 4.8rem;
    border-radius: 0.08rem;
    border-bottom: 0.03rem solid transparent;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
}

.news-list-box .news-list .news-wrap li[data-v-720c61cf]:not(:nth-child(3n)) {
    margin-right: 0.38rem;
}

.news-list-box .news-list .news-wrap li[data-v-720c61cf] {
    margin-bottom: 0.3rem;
}

.news-list-box .news-list .news-wrap li[data-v-720c61cf]:hover {
    border-bottom-color: #0044b0;
    -webkit-box-shadow: 0 0 0.13rem 0 rgba(0, 68, 176, 0.14);
    box-shadow: 0 0 0.13rem 0 rgba(0, 68, 176, 0.14);
}

.news-list-box .news-list .news-wrap li:hover .img-box img[data-v-720c61cf] {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
}

.news-list-box .news-list .news-wrap li:hover h2[data-v-720c61cf] {
    color: #0044b0 !important;
}

.news-list-box .news-list .news-wrap li .img-box[data-v-720c61cf] {
    border-radius: 0.08rem;
    height: 3.14rem;
    overflow: hidden;
    border-bottom: 0.01rem solid transparent;
}

.news-list-box .news-list .news-wrap li .img-box img[data-v-720c61cf] {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.news-list-box .news-list .news-wrap li .bottom-text[data-v-720c61cf] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.38rem 0.52rem 0.43rem 0.4rem;
}

.news-list-box .news-list .news-wrap li .bottom-text h2[data-v-720c61cf] {
    font-size: 0.2rem;
    font-weight: 600;
    color: #111;
    line-height: 0.34rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.news-list-box .news-list .news-wrap li .bottom-text .time[data-v-720c61cf] {
    margin-top: 0.35rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.news-list-box .news-list .news-wrap li .bottom-text .time i[data-v-720c61cf] {
    margin-right: 0.07rem;
    vertical-align: middle;
    width: 0.18rem;
    height: 0.18rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAACJElEQVQ4T52UvWsUURTFz5kRbLONlSaggiIIYhWDIMRIUEllWEErcTN3smBKwcLWwj9gd97LQiCgyBorIUQkERFCbEQU/EBF1M4iCTa6ws6RJ7th3WyQ5JV37v3Nee/ec4keZ3p6ejjP84sAhgH0t1K+AliSVE/TdLG7jJ0B59xhklVJQwAeAlgA8KmVc0DSOZLnSS5LmjSzd+36DZD3/pSkUPw8juPJUqn0sZfaWq12MM/ziqRBkmNJkjwNeX9BQQmAFQD3C4VCWiwWm70g7Vi9Xo/X19edpHEAg0EZJdE5t0zyZ6FQOPM/SCdsbW1tCcCuJElO0ns/IukRgGNm9rpTSbVa3RNF0U0zu9ZLYaVSORTH8RuSo8yyzJMcMLPR7mTn3FEAr8zsn6Z05nnvn+R5/iFcKzyqN7PbOwTdkHQ1gBqSLqdpOrcTkHPuEoCZAPoBIDWzu1uBAFjnt0ajcW9qairUIcuycZJ3AigM1ayZ3eoG1Wq1gWaz+aA7HsfxhVKp9KU1OtfDjwJoFsBeMwt22PbJsmyB5PfQ/lFJ881m80i5XH6/HVKrqy8BnN0YyCiKfvX19Y1scyAXJe02s6EdW2R1dbVKshhF0YmJiYm3m0xLciWKovJWpnXO9UsKQzy0ybTtdwnmlTRD8nhYIyTnJX3O81xxHO8PawTAmKQXJK/0XCNtWDCx9/5McDbJ0wD2AfgN4JukZyTnkiR5TFKdjfkDC8oh57D6OaAAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%;
}

.news-list-box .news-list .news-wrap li .bottom-text .time span[data-v-720c61cf] {
    font-size: 0.16rem;
    color: #999999;
}

.news-list-box .news-list .pagination-box[data-v-720c61cf] {
    margin-top: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 0.45rem;
    margin-bottom: 0.8rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#app[state='portrait'] .news-list[data-v-720c61cf] {
    margin: 0;
    padding: 0;
    padding: 0.2rem 0.2rem;
}

#app[state='portrait'] .news-list .text-img-box[data-v-720c61cf] {
    width: auto;
    height: 3rem;
}

#app[state='portrait'] .news-list .text-img-box .left-text[data-v-720c61cf] {
    width: 4.4rem !important;
    padding: 0.2rem;
    width: auto;
}

#app[state='portrait'] .news-list .text-img-box .left-text .inner-box[data-v-720c61cf] {
    margin: 0;
}

#app[state='portrait'] .news-list .text-img-box .left-text .inner-box h2[data-v-720c61cf] {
    margin: 0.1rem 0;
    margin-bottom: 0.4rem;
    padding: 0;
    font-size: 0.22rem;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    border-bottom: none;
}

#app[state='portrait'] .news-list .text-img-box .left-text .inner-box p[data-v-720c61cf] {
    margin: 0;
    line-height: 0.3rem;
    width: auto;
}

#app[state='portrait'] .news-list .text-img-box .left-text .inner-box .button:hover ~ h2[data-v-720c61cf] {
    color: #0044b0 !important;
}

#app[state='portrait'] .news-list .text-img-box .left-text .button[data-v-720c61cf] {
    margin-top: 0.2rem;
}

#app[state='portrait'] .news-list .text-img-box .right-img[data-v-720c61cf] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: auto;
    overflow: hidden;
}

#app[state='portrait'] .news-list .text-img-box .right-img img[data-v-720c61cf] {
    width: 100%;
    height: 100%;
}

#app[state='portrait'] .news-list .news-wrap[data-v-720c61cf] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#app[state='portrait'] .news-list .news-wrap li[data-v-720c61cf] {
    margin: 0;
    width: 49%;
}

#app[state='portrait'] .news-list .news-wrap li .img-box[data-v-720c61cf] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 2.85rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

#app[state='portrait'] .news-list .news-wrap li .img-box img[data-v-720c61cf] {
    width: 100%;
}

#app[state='portrait'] .news-list .news-wrap li .bottom-text[data-v-720c61cf] {
    padding-bottom: 0.3rem;
}

#app[state='portrait'] .news-list .news-wrap li .bottom-text .time[data-v-720c61cf] {
    margin-top: 0.2rem;
}

#app[state='portrait'] .news-list .news-wrap li[data-v-720c61cf]:nth-child(n+3) {
    margin-top: 0.2rem;
}@-webkit-keyframes slide-right-in-data-v-8fa2c904 {
     0% {
         -webkit-transform: translateX(0.4rem);
         transform: translateX(0.4rem);
     }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
 }

@keyframes slide-right-in-data-v-8fa2c904 {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-8fa2c904 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-8fa2c904 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-8fa2c904 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-8fa2c904 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-8fa2c904 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-8fa2c904 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-8fa2c904 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-8fa2c904 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#app[state='web'] .news-detail .content .left-article[data-v-8fa2c904] {
    opacity: 0;
    -webkit-animation: slide-left-in-data-v-8fa2c904 1s, fade-in-data-v-8fa2c904 1s;
    animation: slide-left-in-data-v-8fa2c904 1s, fade-in-data-v-8fa2c904 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .news-detail .content .right-about-news[data-v-8fa2c904] {
    opacity: 0;
    -webkit-animation: slide-right-in-data-v-8fa2c904 1s, fade-in-data-v-8fa2c904 1s;
    animation: slide-right-in-data-v-8fa2c904 1s, fade-in-data-v-8fa2c904 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='portrait'] .head-nav-box[data-v-8fa2c904] {
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .head-nav-box .img-box[data-v-8fa2c904] {
    margin-left: 0.3rem;
}

#app[state='portrait'] .head-nav-box .img-box img[data-v-8fa2c904] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

#app[state='portrait'] .content .left-article h2[data-v-8fa2c904] {
    font-size: calc(0.32rem * 1.2);
}

#app[state='portrait'] .content .left-article .time[data-v-8fa2c904] {
    margin-left: 0.1rem;
}

#app[state='portrait'] .content .left-article .time .left i[data-v-8fa2c904] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

#app[state='portrait'] .content .left-article .time .right i[data-v-8fa2c904] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

#app[state='portrait'] .content .left-article .time span[data-v-8fa2c904] {
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .content .left-article .text-content p[data-v-8fa2c904] {
    line-height: calc(0.36rem * 1.5);
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .content .left-article .controls-box[data-v-8fa2c904] {
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .content .left-article .controls-box .left-pre[data-v-8fa2c904] {
    width: calc(1.12rem * 1.5);
    height: calc(0.5rem * 1.2);
    border-radius: calc(0.25rem * 1.5);
}

#app[state='portrait'] .content .left-article .controls-box .center-back[data-v-8fa2c904] {
    width: calc(1.5rem * 1.5);
    height: calc(0.5rem * 1.5);
    border-radius: calc(0.25rem * 1.5);
    margin-right: 0.4rem;
}

#app[state='portrait'] .content .left-article .controls-box i[data-v-8fa2c904] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

#app[state='portrait'] .content .left-article .controls-box .right-next[data-v-8fa2c904] {
    width: calc(0.5rem * 1.2);
    height: calc(0.5rem * 1.2);
}

#app[state='portrait'] .content .left-article .controls-box .right-next i[data-v-8fa2c904] {
    -webkit-transform: rotate(180deg) scale(1.5);
    transform: rotate(180deg) scale(1.5);
}

#app[state='portrait'] .content .right-about-news h2[data-v-8fa2c904] {
    font-size: calc(0.32rem * 1.2);
}

#app[state='portrait'] .content .right-about-news .news-item .text[data-v-8fa2c904] {
    font-size: calc(0.18rem * 1.5);
}

#app[state='portrait'] .content .right-about-news .news-item .img-box[data-v-8fa2c904] {
    margin-bottom: 0.1rem;
}

.news-detail[data-v-8fa2c904] {
    max-width: 19.2rem;
    margin: 0 auto;
}

.news-detail .head-nav-box[data-v-8fa2c904] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.16rem;
    color: #999999;
    height: 0.8rem;
    border-bottom: 0.01rem solid #eee;
}

.news-detail .head-nav-box > span[data-v-8fa2c904] {
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.news-detail .head-nav-box > span[data-v-8fa2c904]:hover {
    color: #0044b0;
}

.news-detail .head-nav-box > span.active[data-v-8fa2c904] {
    color: #0044b0;
}

.news-detail .head-nav-box .img-box[data-v-8fa2c904] {
    margin-bottom: 0.05rem;
    margin-right: 0.1rem;
    width: 0.25rem;
    height: 0.22rem;
}

.news-detail .head-nav-box .img-box img[data-v-8fa2c904] {
    width: 100%;
    height: 100%;
}

.news-detail .content[data-v-8fa2c904] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 2rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.news-detail .content .left-article[data-v-8fa2c904] {
    padding-bottom: 0.92rem;
    padding-right: 0.8rem;
    width: 10.8rem;
    border-right: 0.01rem solid #eee;
}

.news-detail .content .left-article h2[data-v-8fa2c904] {
    margin-top: 0.8rem;
    font-size: 0.32rem;
    font-weight: 600;
    color: #0b0b0b;
}

.news-detail .content .left-article .time[data-v-8fa2c904] {
    margin-top: 0.27rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 0.22rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.news-detail .content .left-article .time .left[data-v-8fa2c904] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.news-detail .content .left-article .time .left i[data-v-8fa2c904] {
    margin-right: 0.07rem;
    vertical-align: middle;
    width: 0.18rem;
    height: 0.18rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAACJElEQVQ4T52UvWsUURTFz5kRbLONlSaggiIIYhWDIMRIUEllWEErcTN3smBKwcLWwj9gd97LQiCgyBorIUQkERFCbEQU/EBF1M4iCTa6ws6RJ7th3WyQ5JV37v3Nee/ec4keZ3p6ejjP84sAhgH0t1K+AliSVE/TdLG7jJ0B59xhklVJQwAeAlgA8KmVc0DSOZLnSS5LmjSzd+36DZD3/pSkUPw8juPJUqn0sZfaWq12MM/ziqRBkmNJkjwNeX9BQQmAFQD3C4VCWiwWm70g7Vi9Xo/X19edpHEAg0EZJdE5t0zyZ6FQOPM/SCdsbW1tCcCuJElO0ns/IukRgGNm9rpTSbVa3RNF0U0zu9ZLYaVSORTH8RuSo8yyzJMcMLPR7mTn3FEAr8zsn6Z05nnvn+R5/iFcKzyqN7PbOwTdkHQ1gBqSLqdpOrcTkHPuEoCZAPoBIDWzu1uBAFjnt0ajcW9qairUIcuycZJ3AigM1ayZ3eoG1Wq1gWaz+aA7HsfxhVKp9KU1OtfDjwJoFsBeMwt22PbJsmyB5PfQ/lFJ881m80i5XH6/HVKrqy8BnN0YyCiKfvX19Y1scyAXJe02s6EdW2R1dbVKshhF0YmJiYm3m0xLciWKovJWpnXO9UsKQzy0ybTtdwnmlTRD8nhYIyTnJX3O81xxHO8PawTAmKQXJK/0XCNtWDCx9/5McDbJ0wD2AfgN4JukZyTnkiR5TFKdjfkDC8oh57D6OaAAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%;
}

.news-detail .content .left-article .time .right[data-v-8fa2c904] {
    margin-left: 0.52rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.news-detail .content .left-article .time .right i[data-v-8fa2c904] {
    margin-right: 0.08rem;
    width: 0.16rem;
    height: 0.16rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACPUlEQVQ4T32Tz4tSURTHv8f3kGwlEZRDiyj6sQn6BRG0GPpFMDEWgbWYhFC8L1JBwVpE8GgZhISo9/miFhWRMDBthln0E4oWRaugwT+gB1EZojY88524g8YbM+/mwjnn+znn3HMuYXAsyzoJ4CqAfczcIaJF13VvZjKZL8OYcTcpo2VZOQC3iWiZmZcAbABwjpmvGYZRmQioVqtHA4HAMwCPHMe5ZJrmbyUoFovhXC73c5JY+UhKuUREux3H2WmapjsqsCxrva7r4UQiMbYVsizrKzPPG4Zx2S9mZuW7RURZAEEADSKaS6VS7/1xKsgBsCiESPgdtm0nPM+7S0QlAB+Z+QaAjcx8yjCMd8NYqtVqC57nHXZdd0c2m235pjIPYKsQ4oCy2ba9xfO85wA2+yGqgkPM/IaIXnU6ndl8Pv9LCaSUKntU07RdyWTyh7KVSqWpYDD4EsAUEZ1OpVKvV8copYwT0T0ietFut6MKUi6X9+q6rkpd7vV6x9Pp9PcRyKZ+v79/FTAoMe553hqIlPIEgKdE1Oh2u9PDsVYqlW2apn1i5id/AQpSq9UuMPMDAG9brdZMoVDo2LY9zcxz4XBYxGKx/jChlHIBwME1gEE754nooR8ybpmklPcBRP8BjEJCodBMPB7v+CGmaeqRSKQBwBkLGLRzVvUI4AOAWSHEN2Wv1+tas9m8A+AKM1/8L2Dwyc4AeAxgRS0bgDaAYwC2qycTQoiJgAFkD4DrAI4w8zoi+szMFcMwFBh/AD+KDoF2DlshAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
}

.news-detail .content .left-article .time span[data-v-8fa2c904] {
    font-size: 0.16rem;
    color: #999999;
}

.news-detail .content .left-article .line[data-v-8fa2c904] {
    margin-top: 0.4rem;
    height: 0.01rem;
    background-color: #eee;
}

.news-detail .content .left-article .text-content[data-v-8fa2c904] {
    position: relative;
    padding-right: 0.5rem;
    padding-top: 0.48rem;
    font-size: 0.16rem;
    color: #333333;
}

.news-detail .content .left-article .text-content p[data-v-8fa2c904] {
    color: #333333;
    line-height: 0.36rem;
    font-size: 0.16rem;
    width: 9.93rem;
}

.news-detail .content .left-article .text-content p[data-v-8fa2c904]:not(:first-child) {
    margin-top: 0.2rem;
}

.news-detail .content .left-article .text-content .img-box[data-v-8fa2c904] {
    margin-top: 0.5rem;
    width: 100%;
    height: 5.6rem;
}

.news-detail .content .left-article .text-content .img-box img[data-v-8fa2c904] {
    width: 100%;
    height: 100%;
}

.news-detail .content .left-article .text-content .bottom-line[data-v-8fa2c904] {
    margin-top: 0.5rem;
    height: 0.01rem;
    background-color: #eee;
}

.news-detail .content .left-article .controls-box[data-v-8fa2c904] {
    margin-top: 0.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 0.5rem;
    font-size: 0.16rem;
}

.news-detail .content .left-article .controls-box > div[data-v-8fa2c904] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 0.5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}

.news-detail .content .left-article .controls-box i[data-v-8fa2c904] {
    width: 0.07rem;
    height: 0.12rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAr0lEQVQoU32QvQ3CQAyFn5HuJqCkgT6HlOzCT8cASLAEJaGCCShBFFCyQhTpxgA2OOkeckRQgAi3n/382YKvcs71jDFzkh1psizLugAWJCcALm9YAwBTkkcR2VawCQAcQgi59/4mzrm+MWYGYAzgFELYKNAhSdP0KiJDknsRWRVF8ag9/sMkSQbWWo0daWyMMS/L8l7FtgnFGNfa0HqKGgPY/TyB5PJlfv6AuqL5vifmYlEE6vKOGQAAAABJRU5ErkJggg==);
    background-size: 100% 100%;
}

.news-detail .content .left-article .controls-box .left-pre[data-v-8fa2c904] {
    width: 1.12rem;
    height: 0.5rem;
    border: 0.02rem solid #eeeeee;
    border-radius: 0.25rem;
    cursor: pointer;
}

.news-detail .content .left-article .controls-box .left-pre:hover i[data-v-8fa2c904] {
    -webkit-transform: translateX(-0.05rem);
    transform: translateX(-0.05rem);
}

.news-detail .content .left-article .controls-box .left-pre i[data-v-8fa2c904] {
    margin-right: 0.11rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.news-detail .content .left-article .controls-box .left-pre span[data-v-8fa2c904] {
    color: #333333;
}

.news-detail .content .left-article .controls-box .center-back[data-v-8fa2c904] {
    width: 1.5rem;
    height: 0.5rem;
    border: 0.02rem solid #0044b0;
    border-radius: 0.25rem;
    color: #0044b0;
    font-family: Source Han Sans SC;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
}

.news-detail .content .left-article .controls-box .center-back[data-v-8fa2c904]:hover {
    color: #fff;
    background-color: #0044b0;
}

.news-detail .content .left-article .controls-box .right-next[data-v-8fa2c904] {
    cursor: pointer;
    width: 0.5rem;
    height: 0.5rem;
    border: 0.02rem solid #eeeeee;
    border-radius: 50%;
}

.news-detail .content .left-article .controls-box .right-next:hover i[data-v-8fa2c904] {
    -webkit-transform: translateX(0.05rem) rotate(180deg);
    transform: translateX(0.05rem) rotate(180deg);
}

.news-detail .content .left-article .controls-box .right-next i[data-v-8fa2c904] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.news-detail .content .right-about-news[data-v-8fa2c904] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0.8rem 0 0.5rem 0.8rem;
}

.news-detail .content .right-about-news h2[data-v-8fa2c904] {
    font-size: 0.32rem;
    color: #0b0b0b;
}

.news-detail .content .right-about-news .news-item[data-v-8fa2c904] {
    cursor: pointer;
}

.news-detail .content .right-about-news .news-item[data-v-8fa2c904]:not(:first-child) {
    margin-top: 0.4rem;
}

.news-detail .content .right-about-news .news-item:hover p[data-v-8fa2c904] {
    color: #0044b0;
}

.news-detail .content .right-about-news .news-item p[data-v-8fa2c904] {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.news-detail .content .right-about-news .news-item:hover img[data-v-8fa2c904] {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}

.news-detail .content .right-about-news .news-item .img-box[data-v-8fa2c904] {
    width: 3.6rem;
    height: 2.35rem;
    overflow: hidden;
    border-radius: 0.08rem;
}

.news-detail .content .right-about-news .news-item .img-box img[data-v-8fa2c904] {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 0.08rem;
}

.news-detail .content .right-about-news .news-item .text[data-v-8fa2c904] {
    margin-top: 0.33rem;
    font-size: 0.18rem;
    font-weight: 600;
    color: #333333;
}

#app[state='portrait'] .head-nav-box[data-v-8fa2c904] {
    padding-left: 0.2rem;
}

#app[state='portrait'] .content[data-v-8fa2c904] {
    padding: 0;
    padding-bottom: 0.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#app[state='portrait'] .content .left-article[data-v-8fa2c904] {
    padding: 0 0.4rem;
    width: auto;
}

#app[state='portrait'] .content .left-article h2[data-v-8fa2c904] {
    margin-top: 0.5rem;
}

#app[state='portrait'] .content .left-article .text-content[data-v-8fa2c904] {
    font-size: 0.23rem;
}

#app[state='portrait'] .content .left-article .text-content p[data-v-8fa2c904] {
    width: auto;
}

#app[state='portrait'] .content .left-article .controls-box[data-v-8fa2c904] {
    margin-top: 0.4rem;
}

#app[state='portrait'] .content .left-article .controls-box .center-back[data-v-8fa2c904] {
    height: calc(0.5rem * 1.2);
}

#app[state='portrait'] .content .right-about-news[data-v-8fa2c904] {
    padding: 0 0.2rem;
}

#app[state='portrait'] .content .right-about-news h2[data-v-8fa2c904] {
    margin-top: 0.5rem;
}

#app[state='portrait'] .content .right-about-news .news-item[data-v-8fa2c904] {
    padding: 0.5rem;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-bottom: 0.2rem;
    border-bottom: 0.01rem solid #eee;
}

#app[state='portrait'] .content .right-about-news .news-item p[data-v-8fa2c904] {
    margin: 0.3rem 0;
}

#app[state='portrait'] .content .right-about-news .news-item .img-box[data-v-8fa2c904] {
    width: 100%;
    height: 5rem;
}

#app[state='portrait'] .content .right-about-news .news-item .img-box img[data-v-8fa2c904] {
    width: 100%;
    height: 5rem;
}@-webkit-keyframes slide-right-in-data-v-f6de28ac {
     0% {
         -webkit-transform: translateX(0.4rem);
         transform: translateX(0.4rem);
     }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
 }

@keyframes slide-right-in-data-v-f6de28ac {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-f6de28ac {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-f6de28ac {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-f6de28ac {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-f6de28ac {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-f6de28ac {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-f6de28ac {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-f6de28ac {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-f6de28ac {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#app[state='web'] .product .selection1 .screen[data-v-f6de28ac] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-f6de28ac 1s, fade-in-data-v-f6de28ac 1s;
    animation: slide-up-in-data-v-f6de28ac 1s, fade-in-data-v-f6de28ac 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product .selection2 h4[data-v-f6de28ac],
#app[state='web'] .product .selection2 h5[data-v-f6de28ac],
#app[state='web'] .product .selection2 div[data-v-f6de28ac] {
    opacity: 0;
    -webkit-animation: slide-left-in-data-v-f6de28ac 1s 0.3s, fade-in-data-v-f6de28ac 1s 0.3s;
    animation: slide-left-in-data-v-f6de28ac 1s 0.3s, fade-in-data-v-f6de28ac 1s 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product .selection2 ul li[data-v-f6de28ac] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-f6de28ac 1s 0.3s, fade-in-data-v-f6de28ac 1s 0.3s;
    animation: slide-up-in-data-v-f6de28ac 1s 0.3s, fade-in-data-v-f6de28ac 1s 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product .selection3 > h2[data-v-f6de28ac],
#app[state='web'] .product .selection3 > p[data-v-f6de28ac] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-f6de28ac 1s, fade-in-data-v-f6de28ac 1s;
    animation: slide-up-in-data-v-f6de28ac 1s, fade-in-data-v-f6de28ac 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product .selection3 ul li[data-v-f6de28ac] {
    opacity: 0;
    -webkit-animation: fade-in-data-v-f6de28ac 1s;
    animation: fade-in-data-v-f6de28ac 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product .selection3 ul li[data-v-f6de28ac]:nth-child(2) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

#app[state='web'] .product .selection3 ul li[data-v-f6de28ac]:nth-child(3) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.product img[data-v-f6de28ac] {
    display: block;
}

.product .banner[data-v-f6de28ac] {
    max-width: 19.2rem;
    margin: 0 auto;
    position: relative;
    min-height: 4.8rem;
}

.product .banner img[data-v-f6de28ac] {
    width: 100%;
}

.product .banner > div[data-v-f6de28ac] {
    position: absolute;
    left: 2rem;
    top: 2.67rem;
}

.product .banner > div h2[data-v-f6de28ac] {
    font-size: 0.56rem;
    font-weight: 500;
    color: #ffffff;
}

.product .banner > div p[data-v-f6de28ac] {
    font-size: 0.28rem;
    font-weight: 400;
    color: #ffffff;
    margin: 0.33rem 0 0.5rem 0;
}

.product .banner > div .btn[data-v-f6de28ac] {
    width: 2rem;
    height: 0.56rem;
    border-radius: 0.28rem;
    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;
    font-size: 0.2rem;
    font-weight: 400;
    color: #ffffff;
    cursor: pointer;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
    background: #0044b0;
}

.product .banner > div .btn i[data-v-f6de28ac] {
    width: 0.3rem;
    height: 0.25rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAZCAYAAAAmNZ4aAAADBElEQVRIibWWW4iWVRSGnzkwHvMQSCUSaKNjBuWhoS6UAsGLJMgSVNILRb3QCKK8iPDCi7oTSaHEI5VUhEp2nSXdFaljmSlqFOUBjZI8JjpP7HH9w3bz+c80jgsW/7/fvdZ+117fXmvvBpU60g68AEwH2oAHwvQG8DtwCPgK2AWcrrdQKXcifh5YA0yJ8W/AfuAccAkYCYwBngaGAzeBncBq4HivmBNxpiPVXd6SM+pb6tjCJtcm9Sl1k3pd/Vd9Q22o49Ol+WCM+nOQrlOH9ORc6Dh1b/h/EEH1SDxU/TGinvs/CXNtVN8N8g2BD1SXqSOqiDeG8cK7IK1pSvNHsd5s9VH1pno0stpNPFHtVD/tB9I8g3+oRyKQFyObh2Oui3htRNfWj8RJX4l1n4nx/Bi/XyNOURwsnAar7WpzxU6erDg46eS3FtioIHonw3ZEdiekwQ11a+H0bTh9UuCHA8/t22ON9B1nFvan1J3ZuDX81zYCTcDVorzb4ndShrUArfF/QoaPjzUaM7+aXAAGZeMTwPfArGbgIvBQ4fASMBfYkmHXgTnR1d7L8M+ARyKw7cU6o4GDBXYAWJK2/416rqeC74M+Fml9vfBdn8CUns+BUcDseq21D7IsXPYUrg92ZTk6ygX1mDqgn3abSvOauqeis51Wv64BSyMt23rT4HvQ4epP6qWKEnsueF7Nwe0BrrwL0ofVjiitsue3REB/qsPyiaYAv+gDYUsE/HekeF4xn7K4JTa22OJaTPqDui/7HrPC8PGKU59unWfVt6MvGx1wckVgy2N+cw0rDTqivF5WT3i7XA2CY1F+ndnsd+qCihZb093RxbqDby6O+jDgCWAGcDJK4lC8vRJ+PzA4Ot2p7M31a/g3ABOBqcBZYB/QGX7n44l0S4rILqr/qK/Vib6m96m/RBbSJzoZJzmXdC0uiix25P75jocCXwIrgDO96BeXgY+BcfHguwL8FVlI/Xga8CbwYdjf/gjs5zZZddpXRSZTxXTP3WvimqYnT+piqRJQ+Q8hbv6jcvuKJwAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
    margin-right: 0.13rem;
}

.product .selection1[data-v-f6de28ac] {
    width: 15.2rem;
    margin: 0 auto;
    padding: 0.25rem 0 0 0;
}

.product .selection1 .screen[data-v-f6de28ac] {
    border-bottom: 0.01rem solid #eeeeee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.24rem 0;
    padding-bottom: 0;
}

.product .selection1 .screen span[data-v-f6de28ac] {
    font-size: 0.2rem;
    font-weight: 600;
    color: #000000;
    margin: 0.07rem 0.6rem 0 0;
    white-space: nowrap;
}

.product .selection1 .screen ul[data-v-f6de28ac] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0.95rem;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.product .selection1 .screen ul li[data-v-f6de28ac] {
    margin-right: 0.1rem;
    padding: 0 0.26rem;
    height: 0.4rem;
    line-height: 0.38rem;
    font-size: 0.18rem;
    font-weight: 400;
    color: #555555;
    cursor: pointer;
    border: 0.02rem solid transparent;
    -webkit-transition: color 0.3s, border 0.3s;
    transition: color 0.3s, border 0.3s;
    border-radius: 0.2rem;
    margin-bottom: 0.24rem;
}

.product .selection1 .screen ul li.active[data-v-f6de28ac] {
    border: 0.02rem solid #0044b0;
    border-radius: 0.2rem;
    color: #0044b0;
}

.product .selection1 .screen ul li.active[data-v-f6de28ac] a{
    color: #0044b0;
}

.product .selection1 .screen ul li[data-v-f6de28ac]:hover {
    background: #0044b0;
    border: 0.02rem solid #0044b0;
    color: #fff;
}
.product .selection1 .screen ul li[data-v-f6de28ac]:hover a{
    color: #fff;
}

.product .selection1 .screen ul li[data-v-f6de28ac]:nth-child(1) {
    position: absolute;
    left: 0;
    top: 0;
}

.product .selection1 > ul[data-v-f6de28ac] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0.83rem 0 0 0;
}

.product .selection1 > ul li[data-v-f6de28ac] {
    width: 4.87rem;
    height: 5.7rem;
    overflow: hidden;
    margin: 0 0.29rem 0.6rem 0;
    background: #ffffff;
    -webkit-box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.15);
    box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.15);
    border-radius: 0.08rem;
}

.product .selection1 > ul li .img-wrap[data-v-f6de28ac] {
    width: 4.87rem;
    height: 3.2rem;
    overflow: hidden;
}

.product .selection1 > ul li .img-wrap img[data-v-f6de28ac] {
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
}

.product .selection1 > ul li .img-wrap img[data-v-f6de28ac]:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.product .selection1 > ul li .text[data-v-f6de28ac] {
    height: 2.48rem;
}

.product .selection1 > ul li .text .upper[data-v-f6de28ac] {
    border-bottom: 0.01rem solid #eeeeee;
    padding: 0.39rem 0.4rem;
    height: 1.47rem;
}

.product .selection1 > ul li .text .upper h4[data-v-f6de28ac] {
    font-size: 0.26rem;
    font-weight: bold;
    color: #111111;
    line-height: 0.26rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 0.27rem 0;
}

.product .selection1 > ul li .text .upper h4 span[data-v-f6de28ac] {
    margin-right: 0.19rem;
    max-width: 68%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.product .selection1 > ul li .text .upper h4 b[data-v-f6de28ac] {
    height: 0.28rem;
    background: rgba(255, 95, 0, 0.08);
    border-radius: 0.14rem;
    padding: 0 0.12rem;
    font-size: 0.14rem;
    font-weight: 400;
    color: #ff6000;
    line-height: 0.28rem;
}

.product .selection1 > ul li .text .upper p[data-v-f6de28ac] {
    font-size: 0.16rem;
    font-weight: 400;
    color: #666666;
    line-height: 0.32rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.product .selection1 > ul li .text .lower[data-v-f6de28ac] {
    height: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0.4rem;
}

.product .selection1 > ul li .text .lower .left[data-v-f6de28ac] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product .selection1 > ul li .text .lower .left > div[data-v-f6de28ac]:nth-child(1) {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.product .selection1 > ul li .text .lower .left img[data-v-f6de28ac] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0.14rem 0 0;
}

.product .selection1 > ul li .text .lower .left p[data-v-f6de28ac] {
    font-size: 0.14rem;
    font-weight: 400;
    color: #999999;
    line-height: 0.2rem;
    margin-top: 0.04rem;
}

.product .selection1 > ul li .text .lower .right[data-v-f6de28ac] {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1.15rem;
    height: 0.42rem;
    border: 0.02rem solid #0044b0;
    border-radius: 0.21rem;
    text-align: center;
    font-size: 0.16rem;
    font-weight: 400;
    color: #0044b0;
    line-height: 0.38rem;
    cursor: pointer;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
}

.product .selection1 > ul li .text .lower .right[data-v-f6de28ac]:hover {
    background: #0044b0;
    color: #fff;
}

.product .selection1 > ul li[data-v-f6de28ac]:nth-child(3n) {
    margin-right: 0;
}

.product .selection1 .pagination-wrap[data-v-f6de28ac] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 0.45rem;
    margin-bottom: 0.8rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product .selection2[data-v-f6de28ac] {
    height: 5.3rem;
    background: url(assets/e63a5001f09b7cadbd1ab46479647368.jpg) no-repeat;
    background-size: cover !important;
    position: relative;
    padding: 0.99rem 0 0 0;
}

.product .selection2 h4[data-v-f6de28ac] {
    font-size: 0.42rem;
    font-weight: 400;
    color: #ffffff;
    line-height: 0.42rem;
    text-align: center;
}

.product .selection2 h5[data-v-f6de28ac] {
    font-size: 0.18rem;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    line-height: 0.19rem;
    margin: 0.29rem 0 0.45rem 0;
}

.product .selection2 div[data-v-f6de28ac] {
    width: 2.15rem;
    height: 0.56rem;
    border: 0.02rem solid #ffffff;
    border-radius: 0.28rem;
    font-size: 0.2rem;
    font-weight: 400;
    color: #ffffff;
    line-height: 0.56rem;
    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;
    margin: 0 auto;
    cursor: pointer;
}

.product .selection2 div i[data-v-f6de28ac] {
    width: 0.3rem;
    height: 0.25rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAZCAYAAAAmNZ4aAAADBElEQVRIibWWW4iWVRSGnzkwHvMQSCUSaKNjBuWhoS6UAsGLJMgSVNILRb3QCKK8iPDCi7oTSaHEI5VUhEp2nSXdFaljmSlqFOUBjZI8JjpP7HH9w3bz+c80jgsW/7/fvdZ+117fXmvvBpU60g68AEwH2oAHwvQG8DtwCPgK2AWcrrdQKXcifh5YA0yJ8W/AfuAccAkYCYwBngaGAzeBncBq4HivmBNxpiPVXd6SM+pb6tjCJtcm9Sl1k3pd/Vd9Q22o49Ol+WCM+nOQrlOH9ORc6Dh1b/h/EEH1SDxU/TGinvs/CXNtVN8N8g2BD1SXqSOqiDeG8cK7IK1pSvNHsd5s9VH1pno0stpNPFHtVD/tB9I8g3+oRyKQFyObh2Oui3htRNfWj8RJX4l1n4nx/Bi/XyNOURwsnAar7WpzxU6erDg46eS3FtioIHonw3ZEdiekwQ11a+H0bTh9UuCHA8/t22ON9B1nFvan1J3ZuDX81zYCTcDVorzb4ndShrUArfF/QoaPjzUaM7+aXAAGZeMTwPfArGbgIvBQ4fASMBfYkmHXgTnR1d7L8M+ARyKw7cU6o4GDBXYAWJK2/416rqeC74M+Fml9vfBdn8CUns+BUcDseq21D7IsXPYUrg92ZTk6ygX1mDqgn3abSvOauqeis51Wv64BSyMt23rT4HvQ4epP6qWKEnsueF7Nwe0BrrwL0ofVjiitsue3REB/qsPyiaYAv+gDYUsE/HekeF4xn7K4JTa22OJaTPqDui/7HrPC8PGKU59unWfVt6MvGx1wckVgy2N+cw0rDTqivF5WT3i7XA2CY1F+ndnsd+qCihZb093RxbqDby6O+jDgCWAGcDJK4lC8vRJ+PzA4Ot2p7M31a/g3ABOBqcBZYB/QGX7n44l0S4rILqr/qK/Vib6m96m/RBbSJzoZJzmXdC0uiix25P75jocCXwIrgDO96BeXgY+BcfHguwL8FVlI/Xga8CbwYdjf/gjs5zZZddpXRSZTxXTP3WvimqYnT+piqRJQ+Q8hbv6jcvuKJwAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
    margin-right: 0.13rem;
}

.product .selection2 ul[data-v-f6de28ac] {
    width: 15.2rem;
    height: 2.8rem;
    position: absolute;
    border-radius: 0.08rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 3.87rem;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 10;
}

.product .selection2 ul li[data-v-f6de28ac] {
    height: 1.14rem;
}

.product .selection2 ul li h2[data-v-f6de28ac] {
    line-height: 0.8rem;
    font-family: Gilroy-Bold;
    color: #0044b0;
    font-size: 0.8rem;
    font-size: 0.8rem;
    text-shadow: 0.03rem 0.06rem 0.03rem rgba(0, 68, 176, 0.11);
}

.product .selection2 ul li h2 span[data-v-f6de28ac]::nth-child(2) {
    font-size: 0.48rem;
}

.product .selection2 ul li p[data-v-f6de28ac] {
    font-size: 0.2rem;
    font-weight: 500;
    color: #333333;
    line-height: 0.2rem;
    margin-top: 0.2rem;
}

.product .selection2 ul li[data-v-f6de28ac]:nth-child(1) {
    width: 5.01rem;
    border-right: 0.01rem solid #eeeeee;
    padding: 0 0 0 1.99rem;
    background: url(data:image/png;base64,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) no-repeat;
    background-position: 2.6rem 0.2rem !important;
    background-size: 0.54rem 0.55rem !important;
}

.product .selection2 ul li:nth-child(1) h2[data-v-f6de28ac] {
    height: 0.76rem;
}

.product .selection2 ul li:nth-child(1) h2 .span[data-v-f6de28ac] {
    font-size: 0.24rem;
    font-weight: bold;
}

.product .selection2 ul li[data-v-f6de28ac]:nth-child(2) {
    width: 5.16rem;
    border-right: 0.01rem solid #eeeeee;
    padding: 0 0 0 1.63rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA5CAYAAAB9E9gIAAADxElEQVRoge2aW4hNURjHf8y43xok90uTDCJKzYMxTBRJrg3GpciLBw/kjcIbyoPy4kmeKGLknhDJtdyiSCj3mVFuY4xxb9X/6Myevc/a5+y9z9mH+ddu7c5ee+3vd9ba3/ettXaburo6YqrRwHJgKXAIWA/89Gtq3MD6AVUCGue4dhJYDNT7aSgOYF2BecAyYBrQNkXd+8As4Jmt0VyBFQjC9MxcoEsa99bpnqupKmUbbLxgzHDr63L9G3AGOAAUA5s92mkCVgL7vR5UGJ7NnhokB2CARrlUagROAQeB48Bn/b42RZsdgH1ACbAF+O2sEBVYD2CBYCabkeG4Xi9ncFBlY4bP2aSyRc+GCdYOmC6Y2UBHx/X3wAkNszMaTmFoiFsbYYCVCmYR0Ntx7S1wTD1zDvgeEoxVQcF2AWscv70BjgrmQjpBNUwFBeum8gVwRDCXgV9JdcYosF4CTucL2GFgN3Dd4ZmKBVOl1Cgh05PrgKcBn2tVULCjSef9gUrBlHrUny0HswPYCjSExNFCqdIXPyoCVskxmOG4MwVUQiYGbQQeqlcjUSY91ln/vOmZGUD7DA0bqMxhurKIUOUXLBGjDMwcS253T9OMJg03m4aFDYUFzAzTcg2XhRp2bjJO45ocSTXwRHXmRmGwX7mBTVDPLJZDcNMPxahDciCvcwnhpgSYSSaXCGa4R92vikOHlRq9y53ZdhmwW5pOuOmTUqJqZeBfYszSTIUuULXKIo6kkd/1kVO5CDyK2GZfcr5j24ENjpTIS/3l9k1QniJnUxFXsBoL1ECtTxgvOdFlnhUb+Yljg9UrlT6yirwBMxl5WZZsCVW2XHFMnvH8VdAkOFkPNGOOhYJMW4yjOZt0vIoLFGmCNSiNSsDcj9CuwLKBXQFuCOR6NhdjgsoGNtNn+4UKBU80RHOuTN+xAqVi05R1lGmOVpFvYMZ7jgWmyvhJQPeIbQskG9hqTf/LU0w0Yykb2Datw+edwgzQsVJYmxJmAnpXm3KxUCZgH4Dbmnknyke5WqP3kg2sRmvxd4CbKiNfng5DNrCSfIBwU1jOw7QzNE4eNN13rFA7KSO1i1KSVHZS8L4Qka1pyQY2XxmHMX6EANply7ggsoHtaQ3QMVNr5mHRJ8W8z4FaCVE2sOdKl2pluNeR6QcoOQMbmyU7QlfrO+aQiWU9k44inZ8HXkZmbRqygZmvAAYkAfRS6bUHXZEvYCvyNUBn43vFqGVWyPb+i2DFOprpv/WKJkCns35ovixI6KPWQWx67FHB7Nz4ub+lgD8byrwVv0l7hAAAAABJRU5ErkJggg==) no-repeat;
    background-position: 3rem 0.2rem !important;
    background-size: 0.54rem 0.57rem !important;
}

.product .selection2 ul li:nth-child(2) h2[data-v-f6de28ac] {
    height: 0.76rem;
}

.product .selection2 ul li:nth-child(2) h2 .span[data-v-f6de28ac] {
    font-size: 0.48rem;
    font-weight: bold;
}

.product .selection2 ul li[data-v-f6de28ac]:nth-child(3) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 0 0 1.04rem;
    background: url(data:image/png;base64,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) no-repeat;
    background-position: 1.9rem 0.2rem !important;
    background-size: 0.7rem 0.51rem !important;
}

.product .selection2 ul li:nth-child(3) h2[data-v-f6de28ac] {
    height: 0.76rem;
}

.product .selection2 ul li:nth-child(3) h2 .span[data-v-f6de28ac] {
    font-size: 0.48rem;
    font-weight: bold;
}

.product .selection3[data-v-f6de28ac] {
    background: #f8f9fc;
    padding: 2.36rem 0 1rem 0;
}

.product .selection3 h2[data-v-f6de28ac] {
    font-size: 0.42rem;
    font-weight: 400;
    color: #111111;
    text-align: center;
}

.product .selection3 p[data-v-f6de28ac] {
    text-align: center;
    font-size: 0.18rem;
    font-weight: 400;
    color: #666666;
    margin-top: 0.25rem;
}

.product .selection3 ul[data-v-f6de28ac] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0.6rem 0 0 0;
}

.product .selection3 ul li[data-v-f6de28ac] {
    width: 4.87rem;
    height: 4.6rem;
    background: #ffffff;
    border-radius: 0.08rem;
    padding: 0.6rem 0 0 0;
}

.product .selection3 ul li > div[data-v-f6de28ac]:nth-child(1) {
    width: 1.4rem;
    height: 1.4rem;
    background: #f3f4f8;
    border-radius: 50%;
    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;
    margin: 0 auto;
}

.product .selection3 ul li > div:nth-child(1) img[data-v-f6de28ac] {
    max-height: 0.66rem;
}

.product .selection3 ul li h2[data-v-f6de28ac] {
    font-size: 0.24rem;
    font-weight: bold;
    color: #000000;
    text-align: center;
    padding-bottom: 0.25rem;
    border-bottom: 0.02rem solid #dedede;
    margin: 0.4rem auto 0.23rem auto;
    width: 0.45rem;
    white-space: nowrap;
}

.product .selection3 ul li p[data-v-f6de28ac] {
    width: 3.18rem;
    font-size: 0.16rem;
    font-weight: 500;
    line-height: 0.32rem;
    color: #666666;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.product .selection3 ul li[data-v-f6de28ac]:nth-child(2) {
    margin: 0 0.29rem;
}

#app[state='portrait'] .product .banner > div[data-v-f6de28ac] {
    left: 0.5rem;
    top: 1.07rem;
}

#app[state='portrait'] .product .selection1[data-v-f6de28ac] {
    width: 100%;
}

#app[state='portrait'] .product .selection1 .screen[data-v-f6de28ac] {
    display: block;
}

#app[state='portrait'] .product .selection1 .screen span[data-v-f6de28ac] {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 0.2rem;
    font-size: calc(0.2rem * 1.5);
}

#app[state='portrait'] .product .selection1 .screen ul[data-v-f6de28ac] {
    padding: 0 0.4rem;
    padding-left: 1.55rem;
}

#app[state='portrait'] .product .selection1 .screen ul li[data-v-f6de28ac] {
    margin-bottom: 0.2rem;
    font-size: calc(0.18rem * 1.5);
}

#app[state='portrait'] .product .selection1 .screen ul li[data-v-f6de28ac]:nth-child(1) {
    left: 0.4rem;
}

#app[state='portrait'] .product .selection1 > ul[data-v-f6de28ac] {
    padding: 0 0.4rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#app[state='portrait'] .product .selection1 > ul li[data-v-f6de28ac] {
    width: 49%;
    margin-right: 0;
    height: auto;
}

#app[state='portrait'] .product .selection1 > ul li .img-wrap[data-v-f6de28ac] {
    width: 100%;
    height: auto;
}

#app[state='portrait'] .product .selection1 > ul li .text[data-v-f6de28ac] {
    height: auto;
}

#app[state='portrait'] .product .selection1 > ul li .text .upper[data-v-f6de28ac] {
    padding: 0.2rem;
    height: auto;
}

#app[state='portrait'] .product .selection1 > ul li .text .upper h4[data-v-f6de28ac] {
    line-height: 0.35rem;
}

#app[state='portrait'] .product .selection1 > ul li .text .upper h4 span[data-v-f6de28ac] {
    font-size: calc(0.2rem * 1.5);
    max-width: 100%;
}

#app[state='portrait'] .product .selection1 > ul li .text .upper h4 b[data-v-f6de28ac] {
    display: block;
    margin: 0.15rem 0;
    font-size: calc(0.14rem * 1.5);
}

#app[state='portrait'] .product .selection1 > ul li .text .upper p[data-v-f6de28ac] {
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .product .selection1 > ul li .text .lower[data-v-f6de28ac] {
    display: block;
    padding: 0.2rem;
    height: auto;
}

#app[state='portrait'] .product .selection1 > ul li .text .lower .left img[data-v-f6de28ac] {
    width: calc(0.6rem * 1.5);
    height: calc(0.6rem * 1.5);
}

#app[state='portrait'] .product .selection1 > ul li .text .lower .left p[data-v-f6de28ac] {
    line-height: calc(0.3rem * 1.5);
    font-size: calc(0.14rem * 1.5);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 2.6rem;
}

#app[state='portrait'] .product .selection1 > ul li .text .lower .right[data-v-f6de28ac] {
    margin: 0.2rem auto 0 auto;
    width: 50%;
    font-size: calc(0.16rem * 1.5);
    height: calc(0.3rem * 1.5);
    line-height: calc(0.3rem * 1.5);
    border-radius: calc(0.21rem * 1.5);
}

#app[state='portrait'] .product .selection2[data-v-f6de28ac] {
    background-size: cover;
}

#app[state='portrait'] .product .selection2 h4[data-v-f6de28ac] {
    font-size: calc(0.42rem * 1);
}

#app[state='portrait'] .product .selection2 h5[data-v-f6de28ac] {
    padding: 0 0.4rem;
    line-height: 0.4rem;
    font-size: calc(0.18rem * 1.5);
}

#app[state='portrait'] .product .selection2 > div[data-v-f6de28ac] {
    font-size: calc(0.2rem * 1.5);
}

#app[state='portrait'] .product .selection2 > ul[data-v-f6de28ac] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
    left: 0;
    right: 0;
    width: 100%;
    -webkit-transform: none;
    transform: none;
    padding: 0.4rem;
}

#app[state='portrait'] .product .selection2 > ul li[data-v-f6de28ac] {
    width: 45%;
    margin-left: 0.2rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: 0;
    margin-bottom: 0.4rem;
    background-position: center right;
    border-right: none;
}

#app[state='portrait'] .product .selection2 > ul li h2[data-v-f6de28ac] {
    height: 1rem;
}

#app[state='portrait'] .product .selection2 > ul li p[data-v-f6de28ac] {
    font-size: calc(0.2rem * 1.5);
}

#app[state='portrait'] .product .selection2 > ul li[data-v-f6de28ac]:nth-child(1) {
    background-position: 0.7rem 0.2rem !important;
}

#app[state='portrait'] .product .selection2 > ul li:nth-child(1) .span[data-v-f6de28ac] {
    font-size: calc(0.24rem * 1.5);
}

#app[state='portrait'] .product .selection2 > ul li[data-v-f6de28ac]:nth-child(2) {
    background-position: 1.3rem 0.18rem !important;
}

#app[state='portrait'] .product .selection2 > ul li:nth-child(2) .span[data-v-f6de28ac] {
    font-size: calc(0.48rem);
}

#app[state='portrait'] .product .selection2 > ul li[data-v-f6de28ac]:nth-child(3) {
    margin-top: 0.4rem;
    background-position: 0.7rem 0.24rem !important;
}

#app[state='portrait'] .product .selection2 > ul li:nth-child(3) .span[data-v-f6de28ac] {
    font-size: calc(0.48rem);
}

#app[state='portrait'] .product .selection3[data-v-f6de28ac] {
    padding: 3.4rem 0.4rem 0 0.4rem;
}

#app[state='portrait'] .product .selection3 > h2[data-v-f6de28ac] {
    font-size: calc(0.42rem * 1);
}

#app[state='portrait'] .product .selection3 > p[data-v-f6de28ac] {
    font-size: calc(0.18rem * 1.5);
}

#app[state='portrait'] .product .selection3 ul[data-v-f6de28ac] {
    display: block;
}

#app[state='portrait'] .product .selection3 ul li[data-v-f6de28ac] {
    height: auto;
    width: 100%;
    padding: 0.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#app[state='portrait'] .product .selection3 ul li[data-v-f6de28ac]:nth-child(2) {
    margin: 0.2rem 0;
}

#app[state='portrait'] .product .selection3 ul li > div[data-v-f6de28ac]:nth-child(1) {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

#app[state='portrait'] .product .selection3 ul li h2[data-v-f6de28ac] {
    margin: 0 0 0.4rem 0.4rem;
    font-size: calc(0.24rem * 1.5);
}

#app[state='portrait'] .product .selection3 ul li p[data-v-f6de28ac] {
    width: 100%;
    text-align: left;
    padding: 0 0.4rem;
    font-size: calc(0.16rem * 1.5);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}@-webkit-keyframes slide-right-in-data-v-66456912 {
     0% {
         -webkit-transform: translateX(0.4rem);
         transform: translateX(0.4rem);
     }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
 }

@keyframes slide-right-in-data-v-66456912 {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-66456912 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-66456912 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-66456912 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-66456912 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-66456912 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-66456912 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-66456912 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-66456912 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#app[state='web'] .left[data-v-66456912] {
    opacity: 0;
    -webkit-animation: slide-left-in-data-v-66456912 1s, fade-in-data-v-66456912 1s;
    animation: slide-left-in-data-v-66456912 1s, fade-in-data-v-66456912 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .right[data-v-66456912] {
    opacity: 0;
    -webkit-animation: slide-right-in-data-v-66456912 1s, fade-in-data-v-66456912 1s;
    animation: slide-right-in-data-v-66456912 1s, fade-in-data-v-66456912 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.course-content .page[data-v-66456912] {
    padding: 1rem 0;
}

.course-content .page h2[data-v-66456912] {
    font-size: 0.42rem;
    font-weight: bold;
    color: #111111;
    text-align: center;
}

.course-content .page h3[data-v-66456912] {
    font-family: Gilroy-Regular;
    font-weight: 400;
    color: #999999;
    text-align: center;
    margin: 0.05rem 0 0.6rem 0;
    font-size: 0.18rem;
}

.course-content .page .swiper[data-v-66456912] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.course-content .page .swiper .left[data-v-66456912] {
    width: 4.75rem;
    height: 5.72rem;
    position: relative;
}

.course-content .page .swiper .left[data-v-66456912] .swiper-wrapper {
    height: 5.67rem !important;
}

.course-content .page .swiper .left[data-v-66456912] .swiper-wrapper .swiper-slide {
    width: 4.45rem !important;
    height: 0.8rem !important;
    border-bottom: 0.01rem solid #fff;
}

.course-content .page .swiper .left[data-v-66456912] .swiper-wrapper .swiper-slide > div {
    cursor: pointer;
    font-size: 0.18rem;
    font-weight: 600;
    color: #333333;
    background: #f7f7f7;
    position: relative;
    line-height: 0.8rem;
    -webkit-transition: color 0.3s, background 0.3s;
    transition: color 0.3s, background 0.3s;
    padding: 0 0 0 0.7rem;
}

.course-content .page .swiper .left[data-v-66456912] .swiper-wrapper .swiper-slide > div span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 0.5rem;
}

.course-content .page .swiper .left[data-v-66456912] .swiper-wrapper .swiper-slide .active {
    position: relative;
    background: #0044b0;
    line-height: 0.8rem;
    color: #fff;
}

.course-content .page .swiper .left[data-v-66456912] .swiper-wrapper .swiper-slide .active::after {
    display: block;
    content: '';
    position: absolute;
    right: -0.27rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 0.1rem solid transparent;
    border-left: 0.13rem solid #0044b0;
    border-bottom: 0.1rem solid transparent;
    z-index: 99;
}

.course-content .page .swiper .left[data-v-66456912] .swiper-wrapper .swiper-slide:last-child {
    border-bottom: none;
}

.course-content .page .swiper .left .swiper-button-prev[data-v-66456912] {
    position: absolute;
    left: 50%;
    top: -0.3rem;
    margin-left: -0.34rem;
    width: 0.35rem;
    height: 0.35rem;
    border: 0.01rem solid #999999;
    border-radius: 50%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.course-content .page .swiper .left .swiper-button-prev[data-v-66456912]:after {
    -webkit-transform: rotate(90deg) translateZ(0);
    transform: rotate(90deg) translateZ(0);
    margin-left: -0.01rem;
    font-size: 0.14rem;
    color: #333;
}

.course-content .page .swiper .left .swiper-button-prev[data-v-66456912]:hover {
    -webkit-transform: scale(1.05) translateZ(0);
    transform: scale(1.05) translateZ(0);
    border: 0.01rem solid #0044b0;
}

.course-content .page .swiper .left .swiper-button-prev[data-v-66456912]:hover:after {
    color: #0044b0;
}

.course-content .page .swiper .left .swiper-button-next[data-v-66456912] {
    position: absolute;
    left: 50%;
    top: auto;
    bottom: -0.47rem;
    margin-left: -0.17rem;
    width: 0.35rem;
    height: 0.35rem;
    border: 0.01rem solid #999999;
    margin-left: -0.34rem;
    border-radius: 50%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.course-content .page .swiper .left .swiper-button-next[data-v-66456912]:after {
    -webkit-transform: rotate(90deg) translateZ(0);
    transform: rotate(90deg) translateZ(0);
    font-size: 0.14rem;
    margin-left: -0.01rem;
    color: #333;
}

.course-content .page .swiper .left .swiper-button-next[data-v-66456912]:hover {
    border: 0.01rem solid #0044b0;
    -webkit-transform: scale(1.05) translateZ(0);
    transform: scale(1.05) translateZ(0);
}

.course-content .page .swiper .left .swiper-button-next[data-v-66456912]:hover:after {
    color: #0044b0;
}

.course-content .page .swiper .left[data-v-66456912]::after {
    content: '';
    background: #f7f7f7;
    position: absolute;
    left: 0;
    top: 0;
    width: 93.8%;
    height: 98%;
}

.course-content .page .swiper .right[data-v-66456912] {
    padding: 0 0.09rem 0 0;
    width: 10.45rem;
    height: 5.85rem;
    border-radius: 0.06rem;
    -webkit-transform: translateY(-0.1rem);
    transform: translateY(-0.1rem);
    background: url(assets/1c1e01a58768869e960b1a0e95fffc83.jpg) no-repeat;
    background-size: 100% 100%;
    margin-top: -0.1rem;
}

.course-content .page .swiper .right > div[data-v-66456912] {
    padding: 0.32rem 0 0 0.32rem;
    height: 5.55rem;
    margin-top: 0.15rem;
}

.course-content .page .swiper .right .text-content[data-v-66456912] {
    overflow: auto;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    height: 5.45rem;
    padding: 0.12rem 0 0 0.32rem;
    width: 99%;
    position: absolute;
    left: 0;
    top: 0.22rem;
}

.course-content .page .swiper .right .text-content[data-v-66456912]::-webkit-scrollbar {
    width: 0.02rem;
    height: 0.02rem;
}

.course-content .page .swiper .right .text-content[data-v-66456912]::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0.01rem rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0.01rem rgba(0, 0, 0, 0);
    border-radius: 0.08rem;
    background-color: transparent;
}

.course-content .page .swiper .right .text-content[data-v-66456912]::-webkit-scrollbar-thumb {
    border-radius: 0.08rem;
    -webkit-box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, 0.3);
    background: #0044b0;
}

.course-content .page .swiper .right .text-content.fade-enter-active[data-v-66456912],
.course-content .page .swiper .right .text-content.fade-leave-active[data-v-66456912] {
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}

.course-content .page .swiper .right .text-content.fade-enter-active[data-v-66456912] {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.course-content .page .swiper .right .text-content.fade-enter[data-v-66456912],
.course-content .page .swiper .right .text-content.fade-leave-to[data-v-66456912] {
    opacity: 0;
}

.course-content .page .swiper .right ul li[data-v-66456912] {
    position: relative;
}

.course-content .page .swiper .right ul li div[data-v-66456912] h1 {
    padding: 0 0 0.15rem 0.28rem;
    margin-top: 0.1rem;
    font-size: 0.2rem;
    font-weight: 600;
    color: #333333;
    line-height: 0.26rem;
    position: relative;
}

.course-content .page .swiper .right ul li div[data-v-66456912] h1::before {
    position: absolute;
    content: '';
    width: 0.21rem;
    height: 0.21rem;
    border: 0.01rem solid #0044b0;
    opacity: 0.2;
    border-radius: 50%;
    left: 0;
    top: 0.03rem;
}

.course-content .page .swiper .right ul li div[data-v-66456912] h1::after {
    position: absolute;
    content: '';
    width: 0.07rem;
    height: 0.07rem;
    background: #0044b0;
    border-radius: 50%;
    left: 0.07rem;
    top: 0.1rem;
}

.course-content .page .swiper .right ul li div[data-v-66456912] h2 {
    font-size: 0.18rem;
    font-weight: 500;
    color: #666666;
    line-height: 0.4rem;
    margin: 0;
    white-space: pre-wrap;
    padding: 0 0 0 0.28rem;
}

#app[state='portrait'] .course-content .page[data-v-66456912] {
    padding: 1rem 0.4rem;
}

#app[state='portrait'] .course-content .page h3[data-v-66456912] {
    font-size: calc(0.18rem * 1.2);
}

#app[state='portrait'] .course-content .page .swiper[data-v-66456912] {
    width: 7.5rem;
    display: block;
    position: relative;
    margin: 0 auto;
}

#app[state='portrait'] .course-content .page .swiper .left1[data-v-66456912] {
    width: 7.1rem;
    margin: 0 auto;
}

#app[state='portrait'] .course-content .page .swiper .left1[data-v-66456912] .swiper-container {
    padding: 0 0.05rem;
}

#app[state='portrait'] .course-content .page .swiper .left1[data-v-66456912] .swiper-container .swiper-wrapper .swiper-slide > div {
    cursor: pointer;
    height: 0.7rem;
    line-height: 0.7rem;
    font-size: 0.25rem;
    padding: 0 0.2rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #eee;
    border-radius: 0.35rem;
    text-align: center;
}

#app[state='portrait'] .course-content .page .swiper .left1[data-v-66456912] .swiper-container .swiper-wrapper .swiper-slide .active {
    position: relative;
    background: #0044b0;
    color: #fff;
}

#app[state='portrait'] .course-content .page .swiper .left1 .swiper-button-prev[data-v-66456912] {
    -webkit-transform: scale(1);
    transform: scale(1);
    position: absolute;
    left: -0.6rem;
    top: 0.25rem;
    width: 0.6rem;
    height: 0.6rem;
    border: 0.01rem solid #999999;
    border-radius: 50%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#app[state='portrait'] .course-content .page .swiper .left1 .swiper-button-prev[data-v-66456912]:after {
    color: #333;
    font-size: 0.14rem;
}

#app[state='portrait'] .course-content .page .swiper .left1 .swiper-button-next[data-v-66456912] {
    position: absolute;
    right: -0.6rem;
    top: 0.25rem;
    width: 0.6rem;
    height: 0.6rem;
    border: 0.01rem solid #999999;
    margin-left: -0.34rem;
    border-radius: 50%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#app[state='portrait'] .course-content .page .swiper .left1 .swiper-button-next[data-v-66456912]:after {
    color: #333;
    font-size: 0.14rem;
}

#app[state='portrait'] .course-content .page .swiper .right[data-v-66456912] {
    background-size: cover;
    width: 8.9rem;
    margin-left: -0.75rem;
}

#app[state='portrait'] .course-content .page .swiper .right .text-content[data-v-66456912] {
    height: 5.35rem;
}

#app[state='portrait'] .course-content .page .swiper .right .text-content ul li div[data-v-66456912] h1 {
    font-size: 0.26rem;
    line-height: 0.3rem;
}

#app[state='portrait'] .course-content .page .swiper .right .text-content ul li div[data-v-66456912] h2 {
    font-size: 0.24rem;
    line-height: 0.4rem;
}@-webkit-keyframes slide-right-in-data-v-0ae3b5aa {
     0% {
         -webkit-transform: translateX(0.4rem);
         transform: translateX(0.4rem);
     }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
 }

@keyframes slide-right-in-data-v-0ae3b5aa {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-0ae3b5aa {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-0ae3b5aa {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-0ae3b5aa {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-0ae3b5aa {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-0ae3b5aa {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-0ae3b5aa {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-0ae3b5aa {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-0ae3b5aa {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.aboutInstructor[data-v-0ae3b5aa] {
    height: 6.85rem;
    background: url(assets/fd3b79517e03661b888fc959b2aeb864.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 0.98rem 0 0 0;
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-0ae3b5aa 1s 0.3s, fade-in-data-v-0ae3b5aa 1s 0.3s;
    animation: slide-up-in-data-v-0ae3b5aa 1s 0.3s, fade-in-data-v-0ae3b5aa 1s 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.aboutInstructor h2[data-v-0ae3b5aa] {
    font-size: 0.42rem;
    font-weight: bold;
    color: #111111;
    line-height: 0.26rem;
    text-align: center;
}

.aboutInstructor h3[data-v-0ae3b5aa] {
    font-family: Gilroy-Regular;
    font-weight: 400;
    color: #999999;
    text-align: center;
    margin: 0.19rem 0 0.6rem 0;
    font-size: 0.18rem;
}

.aboutInstructor .wrap[data-v-0ae3b5aa] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    width: 15.2rem;
}

.aboutInstructor .wrap .img-wrap[data-v-0ae3b5aa] {
    width: 3.3rem;
    height: 3.3rem;
    background: #7e7c89;
    border-radius: 50%;
}

.aboutInstructor .wrap .img-wrap img[data-v-0ae3b5aa] {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

.aboutInstructor .wrap .centent[data-v-0ae3b5aa] {
    width: 5.87rem;
    margin: 0 1.81rem 0 0.81rem;
}

.aboutInstructor .wrap .centent h5[data-v-0ae3b5aa] {
    font-size: 0.26rem;
    font-weight: 600;
    color: #333333;
    line-height: 0.26rem;
}

.aboutInstructor .wrap .centent h6[data-v-0ae3b5aa] {
    font-size: 0.18rem;
    font-weight: 400;
    color: #0044b0;
    line-height: 0.26rem;
    margin: 0.25rem 0 0.67rem 0;
}

.aboutInstructor .wrap .centent p[data-v-0ae3b5aa] {
    font-size: 0.16rem;
    font-family: PingFangSC;
    font-weight: 400;
    color: #333333;
    line-height: 0.36rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

.aboutInstructor .wrap .right[data-v-0ae3b5aa] {
    font-size: 0.14rem;
}

.aboutInstructor .wrap .right .btns[data-v-0ae3b5aa] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0.81rem 0;
}

.aboutInstructor .wrap .right .btns div[data-v-0ae3b5aa] {
    width: 1.6rem;
    height: 0.5rem;
    border: 0.02rem solid #0044b0;
    border-radius: 0.25rem;
    text-align: center;
    line-height: 0.5rem;
    font-size: 0.16rem;
    font-weight: 400;
    color: #0044b0;
    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;
    cursor: pointer;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
}

.aboutInstructor .wrap .right .btns div[data-v-0ae3b5aa]:nth-child(2) {
    margin-left: 0.2rem;
}

.aboutInstructor .wrap .right .btns div i[data-v-0ae3b5aa] {
    margin-left: 0.15rem;
    width: 0.09rem;
    height: 0.14rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAxklEQVQokYXRu0oDcRDF4S8XlLxGHsWIjYZUgTQ2lqKdkCJoYaWtuZAqRRpRCAQsTWVh54NonyKCFwb+C+u64qmGmR/DmTMVu8sG7jDEoxJVcYQ2HnDwFzTBCNtYoFsGfeEU19jCLQ7zUE2zl9UrfKKFDl7xUoRCT1hjL/n7iF4RCj3jDfvYQT08/adqGXSGcaovMKgXgHNcpouPMY1mHrpCP5mNgOfZIKAKbnCC95TRfX59QLE2gE1KO97zK/FZGmT/+yl8A+1hJeDELAUjAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.aboutInstructor .wrap .right .btns div[data-v-0ae3b5aa]:hover {
    background: #0044b0;
    color: #fff;
}

.aboutInstructor .wrap .right .btns div:hover i[data-v-0ae3b5aa] {
    -webkit-transform: translateX(0.03rem);
    transform: translateX(0.03rem);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAeklEQVQokYWRIQ6DQBBFh3UcrK6V1FFLSS0SVA2em3A6SIBHJgwJYof9yVv1kp38L0AOjMADkBj6/DgyAU9PyoDBxBkoYtJJb+IClJ6kdCauQOVJSgNsRutJSm2S5h8knZD6Tm90D1fhm6rgkyrzHSvzOsvLm+V+YJAddbZ/GgxGehsAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%;
}

.aboutInstructor .wrap .right .num[data-v-0ae3b5aa] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.aboutInstructor .wrap .right .num span[data-v-0ae3b5aa] {
    font-size: 0.72rem;
    font-family: Gilroy-Black;
    color: #0044b0;
}

.aboutInstructor .wrap .right .num span i[data-v-0ae3b5aa] {
    font-size: 0.48rem;
    font-style: normal;
}

.aboutInstructor .wrap .right p[data-v-0ae3b5aa] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.2rem;
    font-weight: 400;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #333333;
    margin: 0.2rem 0 0 0;
}

.aboutInstructor .wrap .right p span[data-v-0ae3b5aa]:nth-child(2) {
    margin-right: 0.65rem;
}

#app[state='portrait'] .aboutInstructor[data-v-0ae3b5aa] {
    height: auto;
    margin: 0;
    background-size: cover;
    padding: 0.6rem 0.4rem 0.7rem 0.4rem;
}

#app[state='portrait'] .aboutInstructor h3[data-v-0ae3b5aa] {
    margin-bottom: 0.3rem;
}

#app[state='portrait'] .aboutInstructor .wrap[data-v-0ae3b5aa] {
    width: 100%;
    display: block;
}

#app[state='portrait'] .aboutInstructor .wrap .img-wrap[data-v-0ae3b5aa] {
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 100%;
    margin-bottom: 0.4rem;
}

#app[state='portrait'] .aboutInstructor .wrap .centent[data-v-0ae3b5aa] {
    width: 100%;
}

#app[state='portrait'] .aboutInstructor .wrap .centent h5[data-v-0ae3b5aa] {
    font-size: calc(0.26rem * 1.5);
    line-height: calc(0.26rem * 1.5);
}

#app[state='portrait'] .aboutInstructor .wrap .centent h6[data-v-0ae3b5aa] {
    font-size: calc(0.18rem * 1.5);
    line-height: calc(0.26rem * 1.5);
    margin-bottom: 0.4rem;
}

#app[state='portrait'] .aboutInstructor .wrap .centent p[data-v-0ae3b5aa] {
    font-size: calc(0.16rem * 1.5);
    line-height: calc(0.36rem * 1.5);
}

#app[state='portrait'] .aboutInstructor .wrap > div[data-v-0ae3b5aa] {
    margin: 0 auto;
}

#app[state='portrait'] .aboutInstructor .wrap .right[data-v-0ae3b5aa] {
    width: 100%;
    position: relative;
}

#app[state='portrait'] .aboutInstructor .wrap .right > div[data-v-0ae3b5aa] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

#app[state='portrait'] .aboutInstructor .wrap .right > div .num[data-v-0ae3b5aa] {
    width: 4rem;
    position: absolute;
    right: 0;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
}

#app[state='portrait'] .aboutInstructor .wrap .right > div .num > span span[data-v-0ae3b5aa] {
    font-size: 0.6rem;
}

#app[state='portrait'] .aboutInstructor .wrap .right > div .num > span[data-v-0ae3b5aa]:nth-child(1) {
    width: 2rem;
}

#app[state='portrait'] .aboutInstructor .wrap .right > div .num > span[data-v-0ae3b5aa]:nth-child(2) {
    margin-left: 0;
}

#app[state='portrait'] .aboutInstructor .wrap .right .btns[data-v-0ae3b5aa] {
    margin: 0.5rem 0 0 0;
}

#app[state='portrait'] .aboutInstructor .wrap .right .btns div[data-v-0ae3b5aa] {
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .aboutInstructor .wrap .right span[data-v-0ae3b5aa] {
    margin: 0;
}

#app[state='portrait'] .aboutInstructor .wrap .right p[data-v-0ae3b5aa] {
    position: absolute;
    width: 4rem;
    -webkit-transform: translateY(-0.35rem);
    transform: translateY(-0.35rem);
    position: absolute;
    right: 0;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
}

#app[state='portrait'] .aboutInstructor .wrap .right p span[data-v-0ae3b5aa] {
    font-size: calc(0.2rem * 1.5);
}

#app[state='portrait'] .aboutInstructor .wrap .right p span[data-v-0ae3b5aa]:nth-child(1) {
    width: 2rem;
}@-webkit-keyframes slide-right-in-data-v-729db0a0 {
     0% {
         -webkit-transform: translateX(0.4rem);
         transform: translateX(0.4rem);
     }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
 }

@keyframes slide-right-in-data-v-729db0a0 {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-729db0a0 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-729db0a0 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-729db0a0 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-729db0a0 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-729db0a0 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-729db0a0 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-729db0a0 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-729db0a0 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.courserecommendation[data-v-729db0a0] {
    background: #ffffff;
    padding: 0.99rem 0;
}

.courserecommendation h2[data-v-729db0a0],
.courserecommendation h3[data-v-729db0a0] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-729db0a0 1s 0.3s, fade-in-data-v-729db0a0 1s 0.3s;
    animation: slide-up-in-data-v-729db0a0 1s 0.3s, fade-in-data-v-729db0a0 1s 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.courserecommendation h2[data-v-729db0a0] {
    font-size: 0.42rem;
    font-weight: bold;
    color: #111111;
    line-height: 0.26rem;
    text-align: center;
}

.courserecommendation h3[data-v-729db0a0] {
    font-family: Gilroy-Regular;
    font-weight: 400;
    color: #999999;
    text-align: center;
    margin: 0.19rem 0 0.6rem 0;
    font-size: 0.18rem;
}

.courserecommendation .swiper[data-v-729db0a0] {
    width: 15.3rem;
    margin: 0 auto;
    position: relative;
}

.courserecommendation .swiper[data-v-729db0a0] .swiper-wrapper {
    padding: 0.03rem 0;
}

.courserecommendation .swiper[data-v-729db0a0] .swiper-wrapper .swiper-slide {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.03rem;
    opacity: 0;
    -webkit-animation: fade-in-data-v-729db0a0 2s 0.3s;
    animation: fade-in-data-v-729db0a0 2s 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.courserecommendation .swiper[data-v-729db0a0] .swiper-wrapper .swiper-slide > div {
    background: #ffffff;
    -webkit-box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.15);
    box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.15);
    border-radius: 0.08rem;
    overflow: hidden;
}

.courserecommendation .swiper[data-v-729db0a0] .swiper-wrapper .swiper-slide > div .img-wrap {
    height: 3.2rem;
    overflow: hidden;
    display: block;
}

.courserecommendation .swiper[data-v-729db0a0] .swiper-wrapper .swiper-slide > div .img-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
}

.courserecommendation .swiper[data-v-729db0a0] .swiper-wrapper .swiper-slide > div .img-wrap img:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.courserecommendation .swiper[data-v-729db0a0] .swiper-wrapper .swiper-slide > div .text {
    height: 2.48rem;
}

.courserecommendation .swiper[data-v-729db0a0] .swiper-wrapper .swiper-slide > div .text .upper {
    border-bottom: 0.01rem solid #eeeeee;
    padding: 0.39rem 0.4rem;
    height: 1.49rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.courserecommendation .swiper[data-v-729db0a0] .swiper-wrapper .swiper-slide > div .text .upper h4 {
    font-size: 0.26rem;
    font-weight: bold;
    color: #111111;
    line-height: 0.26rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 0.27rem 0;
}

.courserecommendation .swiper[data-v-729db0a0] .swiper-wrapper .swiper-slide > div .text .upper h4 span {
    margin-right: 0.19rem;
    max-width: 68%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.courserecommendation .swiper[data-v-729db0a0] .swiper-wrapper .swiper-slide > div .text .upper h4 b {
    height: 0.28rem;
    background: rgba(255, 95, 0, 0.08);
    border-radius: 0.14rem;
    padding: 0 0.12rem;
    font-size: 0.14rem;
    font-weight: 400;
    color: #ff6000;
    line-height: 0.28rem;
}

.courserecommendation .swiper[data-v-729db0a0] .swiper-wrapper .swiper-slide > div .text .upper p {
    font-size: 0.16rem;
    font-weight: 400;
    color: #666666;
    line-height: 0.32rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.courserecommendation .swiper[data-v-729db0a0] .swiper-wrapper .swiper-slide > div .text .lower {
    height: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0.4rem;
}

.courserecommendation .swiper[data-v-729db0a0] .swiper-wrapper .swiper-slide > div .text .lower .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.courserecommendation .swiper[data-v-729db0a0] .swiper-wrapper .swiper-slide > div .text .lower .left > div:nth-child(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.courserecommendation .swiper[data-v-729db0a0] .swiper-wrapper .swiper-slide > div .text .lower .left img {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0.14rem 0 0;
}

.courserecommendation .swiper[data-v-729db0a0] .swiper-wrapper .swiper-slide > div .text .lower .left p {
    font-size: 0.14rem;
    font-weight: 400;
    color: #999999;
    line-height: 0.2rem;
    margin-top: 0.04rem;
}

.courserecommendation .swiper[data-v-729db0a0] .swiper-wrapper .swiper-slide > div .text .lower .left div p:nth-child(1) {
    color: #6e7277;
}

.courserecommendation .swiper[data-v-729db0a0] .swiper-wrapper .swiper-slide > div .text .lower .right {
    width: 1.15rem;
    height: 0.42rem;
    border: 0.02rem solid #0044b0;
    border-radius: 0.21rem;
    text-align: center;
    font-size: 0.16rem;
    font-weight: 400;
    color: #0044b0;
    line-height: 0.38rem;
    cursor: pointer;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
}

.courserecommendation .swiper[data-v-729db0a0] .swiper-wrapper .swiper-slide > div .text .lower .right:hover {
    background: #0044b0;
    color: #fff;
}

.courserecommendation .swiper .swiper-pagination[data-v-729db0a0] {
    bottom: -0.54rem;
}

.courserecommendation .swiper .swiper-button-prev[data-v-729db0a0] {
    left: 0;
    top: auto;
    bottom: -0.7rem;
}

.courserecommendation .swiper .swiper-button-prev[data-v-729db0a0]::after {
    color: #cecece;
}

.courserecommendation .swiper .swiper-button-next[data-v-729db0a0] {
    z-index: 30;
    right: 0;
    top: auto;
    bottom: -0.7rem;
}

.courserecommendation .swiper .swiper-button-next[data-v-729db0a0]::after {
    color: #cecece;
}

#app[state='portrait'] .courserecommendation[data-v-729db0a0] {
    margin-bottom: 0.4rem;
}

#app[state='portrait'] .courserecommendation .swiper[data-v-729db0a0] {
    width: 8.4rem;
}

#app[state='portrait'] .courserecommendation .swiper .swiper-wrapper .swiper-slide[data-v-729db0a0] {
    width: 49%;
    margin-right: 0;
}

#app[state='portrait'] .courserecommendation .swiper .swiper-wrapper .swiper-slide .img-wrap[data-v-729db0a0] {
    width: 100%;
    height: auto;
}

#app[state='portrait'] .courserecommendation .swiper .swiper-wrapper .swiper-slide .text[data-v-729db0a0] {
    height: auto;
}

#app[state='portrait'] .courserecommendation .swiper .swiper-wrapper .swiper-slide .text .upper[data-v-729db0a0] {
    padding: 0.2rem;
    height: auto;
}

#app[state='portrait'] .courserecommendation .swiper .swiper-wrapper .swiper-slide .text .upper h4[data-v-729db0a0] {
    line-height: 0.35rem;
    font-size: calc(0.2rem * 1.5);
}

#app[state='portrait'] .courserecommendation .swiper .swiper-wrapper .swiper-slide .text .upper h4 span[data-v-729db0a0] {
    max-width: 100%;
}

#app[state='portrait'] .courserecommendation .swiper .swiper-wrapper .swiper-slide .text .upper h4 b[data-v-729db0a0] {
    display: block;
    margin: 0.15rem 0;
    font-size: calc(0.14rem * 1.5);
}

#app[state='portrait'] .courserecommendation .swiper .swiper-wrapper .swiper-slide .text .upper p[data-v-729db0a0] {
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .courserecommendation .swiper .swiper-wrapper .swiper-slide .text .lower[data-v-729db0a0] {
    display: block;
    padding: 0.2rem;
    height: auto;
}

#app[state='portrait'] .courserecommendation .swiper .swiper-wrapper .swiper-slide .text .lower .left img[data-v-729db0a0] {
    width: calc(0.6rem * 1.5);
    height: calc(0.6rem * 1.5);
}

#app[state='portrait'] .courserecommendation .swiper .swiper-wrapper .swiper-slide .text .lower .left p[data-v-729db0a0] {
    line-height: calc(0.3rem * 1.5);
    font-size: calc(0.14rem * 1.5);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 2.6rem;
}

#app[state='portrait'] .courserecommendation .swiper .swiper-wrapper .swiper-slide .text .lower .right[data-v-729db0a0] {
    margin: 0.2rem auto 0 auto;
    width: 50%;
    font-size: calc(0.16rem * 1.5);
    height: calc(0.3rem * 1.5);
    line-height: calc(0.3rem * 1.5);
    border-radius: calc(0.21rem * 1.5);
}

#app[state='portrait'] .courserecommendation .swiper .swiper-pagination[data-v-729db0a0] {
    bottom: -0.64rem;
}@-webkit-keyframes slide-right-in-data-v-455e7051 {
     0% {
         -webkit-transform: translateX(0.4rem);
         transform: translateX(0.4rem);
     }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
 }

@keyframes slide-right-in-data-v-455e7051 {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-455e7051 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-455e7051 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-455e7051 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-455e7051 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-455e7051 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-455e7051 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-455e7051 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-455e7051 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#app[state='web'] .courserevenue > h2[data-v-455e7051],
#app[state='web'] .courserevenue > h3[data-v-455e7051] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-455e7051 1s, fade-in-data-v-455e7051 1s;
    animation: slide-up-in-data-v-455e7051 1s, fade-in-data-v-455e7051 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .courserevenue .swiper .swiper-wrapper > div[data-v-455e7051] {
    opacity: 0;
    -webkit-animation: fade-in-data-v-455e7051 1s 0.2s;
    animation: fade-in-data-v-455e7051 1s 0.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .courserevenue .swiper .swiper-wrapper > div[data-v-455e7051]:nth-child(2) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

#app[state='web'] .courserevenue .swiper .swiper-wrapper > div[data-v-455e7051]:nth-child(3) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

#app[state='web'] .courserevenue .swiper .swiper-wrapper > div[data-v-455e7051]:nth-child(4) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

#app[state='web'] .courserevenue .swiper .swiper-wrapper > div[data-v-455e7051]:nth-child(5) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.courserevenue[data-v-455e7051] {
    background: url(assets/2ccf9b5a0cd88480529a171cc5a1d1d1.jpg) no-repeat;
    background-size: 100% 100% !important;
    padding: 0.99rem 0 1.72rem 0;
}

.courserevenue h2[data-v-455e7051] {
    font-size: 0.42rem;
    font-weight: bold;
    color: #ffffff;
    line-height: 0.26rem;
    text-align: center;
}

.courserevenue h3[data-v-455e7051] {
    font-family: Gilroy-Regular;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    margin: 0.19rem 0 0.6rem 0;
    font-size: 0.18rem;
}

.courserevenue .swiper[data-v-455e7051] {
    width: 15.31rem;
    margin: 0 auto;
    position: relative;
}

.courserevenue .swiper .swiper-wrapper > div[data-v-455e7051] {
    background: #ffffff;
    height: 4.89rem;
    position: relative;
    -webkit-box-shadow: 0 0 0.16rem 0 rgba(0, 68, 176, 0.06);
    box-shadow: 0 0 0.16rem 0 rgba(0, 68, 176, 0.06);
    border-radius: 0.08rem;
}

.courserevenue .swiper .swiper-wrapper > div .icon[data-v-455e7051] {
    width: 0.77rem;
    height: 0.77rem;
    margin: 0.68rem auto 0.57rem auto;
}

.courserevenue .swiper .swiper-wrapper > div h2[data-v-455e7051] {
    font-size: 0.24rem;
    font-weight: bold;
    color: #111111;
    padding-bottom: 0.24rem;
    margin: 0 auto;
    white-space: nowrap;
    text-align: center;
    position: relative;
}

.courserevenue .swiper .swiper-wrapper > div h2[data-v-455e7051]::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    margin-left: -0.22rem;
    width: 0.44rem;
    border-bottom: 0.02rem solid #dddddd;
}

.courserevenue .swiper .swiper-wrapper > div p[data-v-455e7051] {
    margin: 0.24rem 0 0 0;
    font-size: 0.16rem;
    width: 2.84rem;
    font-weight: 500;
    color: #666666;
    line-height: 0.26rem;
    margin: 0.24rem auto 0 auto;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
}

.courserevenue .swiper .swiper-wrapper > div b[data-v-455e7051] {
    font-size: 1rem;
    font-family: Gilroy-Black;
    color: rgba(0, 0, 0, 0);
    opacity: 0.1;
    -webkit-text-stroke: 0.01rem #111111;
    text-stroke: 0.01rem #111111;
    position: absolute;
    left: 50%;
    bottom: 0.32rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.courserevenue .swiper .swiper-pagination[data-v-455e7051] {
    bottom: -0.66rem;
}

.courserevenue .swiper .swiper-pagination[data-v-455e7051] .swiper-pagination-bullet {
    background: #fff !important;
}

.courserevenue .swiper .swiper-pagination[data-v-455e7051] .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 0.02rem solid #fff;
    background: transparent !important;
}

#app[state='portrait'] .courserevenue[data-v-455e7051] {
    background-size: cover !important;
}

#app[state='portrait'] .courserevenue > h2[data-v-455e7051] {
    font-size: calc(0.42rem);
}

#app[state='portrait'] .courserevenue h3[data-v-455e7051] {
    font-size: calc(0.18rem * 1.2);
}

#app[state='portrait'] .courserevenue .swiper[data-v-455e7051] {
    width: 8.2rem;
}

#app[state='portrait'] .courserevenue .swiper[data-v-455e7051] .swiper-container div h2 {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

#app[state='portrait'] .courserevenue .swiper[data-v-455e7051] .swiper-container div p {
    font-size: calc(0.16rem * 1.5);
    line-height: calc(0.26rem * 1.5);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}@-webkit-keyframes slide-right-in-data-v-119746d8 {
     0% {
         -webkit-transform: translateX(0.4rem);
         transform: translateX(0.4rem);
     }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
 }

@keyframes slide-right-in-data-v-119746d8 {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-119746d8 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-119746d8 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-119746d8 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-119746d8 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-119746d8 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-119746d8 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-119746d8 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-119746d8 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#app[state='web'] .product_b2 .selection1 .left[data-v-119746d8],
#app[state='web'] .product_b2 .selection1-10 .left[data-v-119746d8],
#app[state='web'] .product_b2 .selection1-9 .left[data-v-119746d8] {
    opacity: 0;
    -webkit-animation: slide-left-in-data-v-119746d8 1s 0.3s, fade-in-data-v-119746d8 1s 0.3s;
    animation: slide-left-in-data-v-119746d8 1s 0.3s, fade-in-data-v-119746d8 1s 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b2 .selection1 .right[data-v-119746d8],
#app[state='web'] .product_b2 .selection1-10 .right[data-v-119746d8],
#app[state='web'] .product_b2 .selection1-9 .right[data-v-119746d8] {
    opacity: 0;
    -webkit-animation: slide-right-in-data-v-119746d8 1s 0.3s, fade-in-data-v-119746d8 1s 0.3s;
    animation: slide-right-in-data-v-119746d8 1s 0.3s, fade-in-data-v-119746d8 1s 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.product_b2 img[data-v-119746d8] {
    display: block;
}

.product_b2 h3[data-v-119746d8] {
    text-transform: Uppercase;
}

.product_b2 .banner[data-v-119746d8] {
    cursor: pointer;
    max-width: 19.2rem;
    margin: 0 auto;
}

.product_b2 .banner img[data-v-119746d8] {
    width: 100%;
}

.product_b2 .banner > div[data-v-119746d8] {
    position: absolute;
    left: 2rem;
    top: 2.57rem;
}

.product_b2 .banner > div h2[data-v-119746d8] {
    font-size: 0.56rem;
    font-weight: 500;
    color: #ffffff;
    font-family: PingFangSC;
}

.product_b2 .banner > div p[data-v-119746d8] {
    font-size: 0.28rem;
    font-weight: 400;
    color: #ffffff;
    margin: 0.15rem 0 0.5rem 0;
}

.product_b2 .banner > div .btn[data-v-119746d8] {
    width: 2rem;
    height: 0.56rem;
    border-radius: 0.28rem;
    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;
    font-size: 0.2rem;
    font-weight: 400;
    color: #ffffff;
    cursor: pointer;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
    background: #0044b0;
}

.product_b2 .banner > div .btn i[data-v-119746d8] {
    width: 0.3rem;
    height: 0.25rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAZCAYAAAAmNZ4aAAADBElEQVRIibWWW4iWVRSGnzkwHvMQSCUSaKNjBuWhoS6UAsGLJMgSVNILRb3QCKK8iPDCi7oTSaHEI5VUhEp2nSXdFaljmSlqFOUBjZI8JjpP7HH9w3bz+c80jgsW/7/fvdZ+117fXmvvBpU60g68AEwH2oAHwvQG8DtwCPgK2AWcrrdQKXcifh5YA0yJ8W/AfuAccAkYCYwBngaGAzeBncBq4HivmBNxpiPVXd6SM+pb6tjCJtcm9Sl1k3pd/Vd9Q22o49Ol+WCM+nOQrlOH9ORc6Dh1b/h/EEH1SDxU/TGinvs/CXNtVN8N8g2BD1SXqSOqiDeG8cK7IK1pSvNHsd5s9VH1pno0stpNPFHtVD/tB9I8g3+oRyKQFyObh2Oui3htRNfWj8RJX4l1n4nx/Bi/XyNOURwsnAar7WpzxU6erDg46eS3FtioIHonw3ZEdiekwQ11a+H0bTh9UuCHA8/t22ON9B1nFvan1J3ZuDX81zYCTcDVorzb4ndShrUArfF/QoaPjzUaM7+aXAAGZeMTwPfArGbgIvBQ4fASMBfYkmHXgTnR1d7L8M+ARyKw7cU6o4GDBXYAWJK2/416rqeC74M+Fml9vfBdn8CUns+BUcDseq21D7IsXPYUrg92ZTk6ygX1mDqgn3abSvOauqeis51Wv64BSyMt23rT4HvQ4epP6qWKEnsueF7Nwe0BrrwL0ofVjiitsue3REB/qsPyiaYAv+gDYUsE/HekeF4xn7K4JTa22OJaTPqDui/7HrPC8PGKU59unWfVt6MvGx1wckVgy2N+cw0rDTqivF5WT3i7XA2CY1F+ndnsd+qCihZb093RxbqDby6O+jDgCWAGcDJK4lC8vRJ+PzA4Ot2p7M31a/g3ABOBqcBZYB/QGX7n44l0S4rILqr/qK/Vib6m96m/RBbSJzoZJzmXdC0uiix25P75jocCXwIrgDO96BeXgY+BcfHguwL8FVlI/Xga8CbwYdjf/gjs5zZZddpXRSZTxXTP3WvimqYnT+piqRJQ+Q8hbv6jcvuKJwAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
    margin-right: 0.13rem;
}

.product_b2 .navigation[data-v-119746d8] {
    border-bottom: 0.01rem solid #eeeeee;
}

.product_b2 .navigation > ul[data-v-119746d8] {
    width: 15.2rem;
    margin: 0 auto;
    height: 0.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product_b2 .navigation > ul li[data-v-119746d8] {
    margin-right: 0.05rem;
    font-size: 0.16rem;
    font-weight: 400;
    color: #999999;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    cursor: pointer;
}

.product_b2 .navigation > ul li img[data-v-119746d8] {
    width: 0.25rem;
    height: 0.22rem;
    margin-right: 0.12rem;
}

.product_b2 .navigation > ul li[data-v-119746d8]:last-child {
    cursor: auto;
    color: #0044b0;
}

.product_b2 .navigation > ul li[data-v-119746d8]:hover {
    color: #0044b0;
}

.product_b2 .selection1[data-v-119746d8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1rem 0;
}

.product_b2 .selection1 .left[data-v-119746d8] {
    margin-right: 1.14rem;
    width: 6.76rem;
    height: 4.8rem;
}

.product_b2 .selection1 .left h2[data-v-119746d8] {
    font-size: 0.36rem;
    font-weight: 600;
    color: #111111;
    line-height: 0.4rem;
    margin: 0 0 0.3rem 0;
}

.product_b2 .selection1 .left ul[data-v-119746d8] {
    border-bottom: 0.01rem solid #eeeeee;
    padding-bottom: 0.2rem;
}

.product_b2 .selection1 .left ul li[data-v-119746d8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.16rem;
    font-weight: 400;
    color: #333333;
    margin-bottom: 0.19rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product_b2 .selection1 .left ul li i[data-v-119746d8] {
    width: 0.2rem;
    height: 0.2rem;
    margin-right: 0.14rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product_b2 .selection1 .left h5[data-v-119746d8] {
    font-size: 0.16rem;
    font-weight: 600;
    color: #333333;
    margin: 0.38rem 0 0.1rem 0;
    line-height: 0.3rem;
}

.product_b2 .selection1 .left p[data-v-119746d8] {
    font-size: 0.16rem;
    color: #666666;
    line-height: 0.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.product_b2 .selection1 .left .btns[data-v-119746d8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0.64rem 0 0 0;
}

.product_b2 .selection1 .left .btns div[data-v-119746d8] {
    cursor: pointer;
    margin-right: 0.4rem;
    width: 2.16rem;
    height: 0.56rem;
    border: 0.02rem solid rgba(0, 68, 176, 0.2);
    border-radius: 0.28rem;
    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;
    font-size: 0.18rem;
    font-weight: bold;
    color: #0044b0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.product_b2 .selection1 .left .btns div i[data-v-119746d8] {
    width: 0.3rem;
    height: 0.3rem;
    margin-right: 0.19rem;
}

.product_b2 .selection1 .left .btns div[data-v-119746d8]:hover {
    background: #0044b0;
    color: #fff;
}

.product_b2 .selection1 .left .btns div:nth-child(1) i[data-v-119746d8] {
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2OC4yMyAxNDIuODQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMDA0NEIwO3N0cm9rZTojMDA0NEIwO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDozLjNweDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTc4LjIzLDEzNy4yM2E0NSw0NSwwLDAsMS0xMi41NCwxNS4zOUwxNjguNTgsMTY1YTMuOTIsMy45MiwwLDAsMS0xLjIzLDMuODcsMy42OCwzLjY4LDAsMCwxLTMuOTEuNmwtMTYuNTEtNy4zNWE1Ni44OSw1Ni44OSwwLDAsMS0xNS42OCwyLDU0LjE4LDU0LjE4LDAsMCwxLTM1LjY2LTEzLjI3LDQ1LjI3LDQ1LjI3LDAsMCwxLTExLjM3LTE1LjM4LDY4LjI0LDY4LjI0LDAsMCwxLTIwLjktMS4xM2MtMS42OS0uMzYtMS42OS0uMzYtMy44Ny0uNzFsLTIxLjA4LDlhNC40Nyw0LjQ3LDAsMCwxLTQuNy0uNzksNC43NCw0Ljc0LDAsMCwxLTEuNC00LjY3bDMuODctMTUuNDVxLTIuMjUtMi4zLTQuNDYtNC42NGgwYTUxLjgsNTEuOCwwLDAsMS05LjMzLTEzLjMsNDcuMjcsNDcuMjcsMCwwLDEsMC00MS42LDUyLjg1LDUyLjg1LDAsMCwxLDEzLTE2Ljc4QzQ2LjYsMzUuNjQsNjEuNTUsMzAuMjMsNzcuNDIsMzAuMjNzMzAuODMsNS40MSw0Mi4xLDE1LjIzYTUyLjg4LDUyLjg4LDAsMCwxLDEzLDE2Ljc4LDQ4LDQ4LDAsMCwxLDQsMTIsNTMuNiw1My42LDAsMCwxLDMxLjA4LDEzLjA2LDQ1LjEsNDUuMSwwLDAsMSwxMC45MywxNC40QTQwLjUxLDQwLjUxLDAsMCwxLDE3OC4yMywxMzcuMjNaTTc3LjQyLDM4LjQ2Yy0yOC42LDAtNTEuODgsMjAtNTEuODgsNDQuNThhNDAuMzgsNDAuMzgsMCwwLDAsMTAuMTMsMjYuNDMsNjQuMyw2NC4zLDAsMCwwLDQuNzQsNC42NWMxLjM5LDEuMjIsMy4xOSwyLDQuMzEsMy41M2E2LjMxLDYuMzEsMCwwLDEsLjQuNjV2MGwuMDYuMTJhNC42OSw0LjY5LDAsMCwxLC40MiwyLjUzLDksOSwwLDAsMS0uMTcsMS4zN2MtLjQyLDIuMDctMS4yLDQuNDktMS40Niw1LjM4bC0uNzEsMi43OSwxMy4zMS01LjY2YTQuMzgsNC4zOCwwLDAsMSw0LjA3LjMyYy44LjI1LDEuNTkuNDksMi4zOS42OWgwYTU5LjQ5LDU5LjQ5LDAsMCwwLDE4LjU2LDEuNTlBNDAuNDksNDAuNDksMCwwLDEsODQuOTMsMTAxLDQ1LjI0LDQ1LjI0LDAsMCwxLDk2LjA3LDg2Ljc1YTUzLjU4LDUzLjU4LDAsMCwxLDMyLjItMTIuNjFDMTIzLjQ2LDUzLjgxLDEwMi40OSwzOC40Niw3Ny40MiwzOC40NlptNTQuNDQsNDMuMzNjLTIzLjkxLS4xOS00My40OCwxNi4zOS00My42MywzN3MxOS4xNywzNy40Nyw0My4wNywzNy42NmE0NC40NSw0NC40NSwwLDAsMCwxMy44My0xLjgyLDMuNjUsMy42NSwwLDAsMSwzLjM4LS4yMWwxMSw0Ljg5LS41NC0yLjM0Yy0uMjItLjc0LS44My0yLjc3LTEuMTYtNC40OWE3LjM1LDcuMzUsMCwwLDEtLjEyLTEuMTQsMy45LDMuOSwwLDAsMSwuNzgtMi43NmMuOTUtMS4yNiwyLjQ2LTEuODksMy42My0yLjg5LDcuODYtNi42OSwxMi43Ni0xNiwxMi44NS0yNi4yQzE3NS4xLDk4Ljg4LDE1NS43OCw4MiwxMzEuODYsODEuNzlaTTE0Ny40NywxMTJhNi4xMSw2LjExLDAsMSwxLDUuOTItNi4xMUE2LDYsMCwwLDEsMTQ3LjQ3LDExMlptLTMxLjg1LS4yNmE2LjExLDYuMTEsMCwxLDEsNS45My02LjFBNiw2LDAsMCwxLDExNS42MiwxMTEuNzVaTTg5LjUzLDY1LjI1YTcuMjYsNy4yNiwwLDEsMSw3LjI2LDcuNDgsNy4zNyw3LjM3LDAsMCwxLTcuMjYtNy40OFpNNTQuMTgsNzEuNDJhNy41OSw3LjU5LDAsMCwxLDAtMTMsNy4wOSw3LjA5LDAsMCwxLDcuMjUsMCw3LjYsNy42LDAsMCwxLDAsMTNBNy4wOSw3LjA5LDAsMCwxLDU0LjE4LDcxLjQyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE1Ljg5IC0yOC41OCkiLz48L3N2Zz4=) no-repeat;
    background-size: contain;
}

.product_b2 .selection1 .left .btns div:nth-child(1):hover i[data-v-119746d8] {
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2OC4yMyAxNDIuODQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO3N0cm9rZTojZmZmO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDozLjNweDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTc4LjIzLDEzNy4yM2E0NSw0NSwwLDAsMS0xMi41NCwxNS4zOUwxNjguNTgsMTY1YTMuOTIsMy45MiwwLDAsMS0xLjIzLDMuODcsMy42OCwzLjY4LDAsMCwxLTMuOTEuNmwtMTYuNTEtNy4zNWE1Ni44OSw1Ni44OSwwLDAsMS0xNS42OCwyLDU0LjE4LDU0LjE4LDAsMCwxLTM1LjY2LTEzLjI3LDQ1LjI3LDQ1LjI3LDAsMCwxLTExLjM3LTE1LjM4LDY4LjI0LDY4LjI0LDAsMCwxLTIwLjktMS4xM2MtMS42OS0uMzYtMS42OS0uMzYtMy44Ny0uNzFsLTIxLjA4LDlhNC40Nyw0LjQ3LDAsMCwxLTQuNy0uNzksNC43NCw0Ljc0LDAsMCwxLTEuNC00LjY3bDMuODctMTUuNDVxLTIuMjUtMi4zLTQuNDYtNC42NGgwYTUxLjgsNTEuOCwwLDAsMS05LjMzLTEzLjMsNDcuMjcsNDcuMjcsMCwwLDEsMC00MS42LDUyLjg1LDUyLjg1LDAsMCwxLDEzLTE2Ljc4QzQ2LjYsMzUuNjQsNjEuNTUsMzAuMjMsNzcuNDIsMzAuMjNzMzAuODMsNS40MSw0Mi4xLDE1LjIzYTUyLjg4LDUyLjg4LDAsMCwxLDEzLDE2Ljc4LDQ4LDQ4LDAsMCwxLDQsMTIsNTMuNiw1My42LDAsMCwxLDMxLjA4LDEzLjA2LDQ1LjEsNDUuMSwwLDAsMSwxMC45MywxNC40QTQwLjUxLDQwLjUxLDAsMCwxLDE3OC4yMywxMzcuMjNaTTc3LjQyLDM4LjQ2Yy0yOC42LDAtNTEuODgsMjAtNTEuODgsNDQuNThhNDAuMzgsNDAuMzgsMCwwLDAsMTAuMTMsMjYuNDMsNjQuMyw2NC4zLDAsMCwwLDQuNzQsNC42NWMxLjM5LDEuMjIsMy4xOSwyLDQuMzEsMy41M2E2LjMxLDYuMzEsMCwwLDEsLjQuNjV2MGwuMDYuMTJhNC42OSw0LjY5LDAsMCwxLC40MiwyLjUzLDksOSwwLDAsMS0uMTcsMS4zN2MtLjQyLDIuMDctMS4yLDQuNDktMS40Niw1LjM4bC0uNzEsMi43OSwxMy4zMS01LjY2YTQuMzgsNC4zOCwwLDAsMSw0LjA3LjMyYy44LjI1LDEuNTkuNDksMi4zOS42OWgwYTU5LjQ5LDU5LjQ5LDAsMCwwLDE4LjU2LDEuNTlBNDAuNDksNDAuNDksMCwwLDEsODQuOTMsMTAxLDQ1LjI0LDQ1LjI0LDAsMCwxLDk2LjA3LDg2Ljc1YTUzLjU4LDUzLjU4LDAsMCwxLDMyLjItMTIuNjFDMTIzLjQ2LDUzLjgxLDEwMi40OSwzOC40Niw3Ny40MiwzOC40NlptNTQuNDQsNDMuMzNjLTIzLjkxLS4xOS00My40OCwxNi4zOS00My42MywzN3MxOS4xNywzNy40Nyw0My4wNywzNy42NmE0NC40NSw0NC40NSwwLDAsMCwxMy44My0xLjgyLDMuNjUsMy42NSwwLDAsMSwzLjM4LS4yMWwxMSw0Ljg5LS41NC0yLjM0Yy0uMjItLjc0LS44My0yLjc3LTEuMTYtNC40OWE3LjM1LDcuMzUsMCwwLDEtLjEyLTEuMTQsMy45LDMuOSwwLDAsMSwuNzgtMi43NmMuOTUtMS4yNiwyLjQ2LTEuODksMy42My0yLjg5LDcuODYtNi42OSwxMi43Ni0xNiwxMi44NS0yNi4yQzE3NS4xLDk4Ljg4LDE1NS43OCw4MiwxMzEuODYsODEuNzlaTTE0Ny40NywxMTJhNi4xMSw2LjExLDAsMSwxLDUuOTItNi4xMUE2LDYsMCwwLDEsMTQ3LjQ3LDExMlptLTMxLjg1LS4yNmE2LjExLDYuMTEsMCwxLDEsNS45My02LjFBNiw2LDAsMCwxLDExNS42MiwxMTEuNzVaTTg5LjUzLDY1LjI1YTcuMjYsNy4yNiwwLDEsMSw3LjI2LDcuNDgsNy4zNyw3LjM3LDAsMCwxLTcuMjYtNy40OFpNNTQuMTgsNzEuNDJhNy41OSw3LjU5LDAsMCwxLDAtMTMsNy4wOSw3LjA5LDAsMCwxLDcuMjUsMCw3LjYsNy42LDAsMCwxLDAsMTNBNy4wOSw3LjA5LDAsMCwxLDU0LjE4LDcxLjQyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE1Ljg5IC0yOC41OCkiLz48L3N2Zz4=) no-repeat;
    background-size: contain;
}

.product_b2 .selection1 .left .btns div:nth-child(2) i[data-v-119746d8] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAACu0lEQVRIia3WWchVZRQG4Oc3y6CyNCONhoswIy0QmsigLGgiuojKhLAU9SpKBeumLApDIooGjAYCKaIBvLAiKDNvwrqxsgGxG8sGoSjKAkuyWPEeOOz2Of+/8V+w2fvs/X3fu4b3XeuMTLp6k452ONbhdkzI84P4a7RjJnYEqvUbsBBfBOweHI2Vo22e0BHstAA9jzk4C89iBY4Yb7BJuX/Q9+6z3E8cbXPXNH6Pz/EAdsfZu/Al9oy2uWtkvwbsFLyP9/L81lg2d43sMdyMT/BmnL0Gq/En7h22uQv1L8CHeBGL+t6XFN7AlZgbR1qtSxqL4t+Fef12AFfl9y3DDuiSxqL937gcR/W9H8EP2IfzxgusOsSpeG3Imt/HC+zCaGkGprZ8/wc7DgWsUnQJ5uM3bMV2HOzg5Ak4qSQzDGxWUnZO4/1+3IHnxuDobXgmjN3eBDs2tTkXbyfy6hYb8QfOx/05YBm+bhz+LR5Op7kBL2BX5LKmp7OZGRXXx/P9qcFlLbopL9dj6YCIduI+vJpuMy/s3Vk6uzTo10Wc5e1xuGiAQA8kqpGWq3R2ZoD2ROhV66cweWL6XUXyaQBnJA2rsHxIPeYnIz0rDV6R531xts65Oxlb20vjS8nxxWHb0wGanY7etBo1m7O+aV9hAT5OA3gHW3BtD2wKfsbruAlnJ4VV2CUDqD69ZYYdTEmqKR+fM4p0Z2Bvj42/4HHcidMzEIuNtxaL8E0L2N5cg6zqdnLS+d+6/kb8aNrNhvxekvsjQw5ss2l4JSms5r2tt6ZfZ+X9y1gchm7Nf42lmV3TI4dhNjkpk0yt7V/bnGfl1Y+p3YLQ+CMcM8aoqmbvJhubmx+b8+wnPIkb089m5l/T+gG6al6HZbb9D6gtsrJiUQm7Nh4ZB4qdw8gwJmub1CWBJ/LtoUR3yEDwLyknmqDnKXO0AAAAAElFTkSuQmCC) no-repeat;
    background-size: contain;
}

.product_b2 .selection1 .left .btns div:nth-child(2):hover i[data-v-119746d8] {
    -webkit-filter: grayscale(200%) brightness(600%);
    filter: grayscale(200%) brightness(600%);
    background-size: contain;
}

.product_b2 .selection1 .right[data-v-119746d8] {
    width: 7.3rem;
    height: 4.8rem;
}

.product_b2 .selection1 .right img[data-v-119746d8] {
    width: 100%;
    height: 100%;
    border-radius: 0.08rem;
}

.product_b2 .selection1-10[data-v-119746d8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1rem 0;
    border-bottom: 0.01rem solid #eeeeee;
}

.product_b2 .selection1-10 .left[data-v-119746d8] {
    margin-right: 1.14rem;
    width: 6.76rem;
    height: 4.8rem;
}

.product_b2 .selection1-10 .left h2[data-v-119746d8] {
    font-size: 0.36rem;
    font-weight: 600;
    color: #111111;
    line-height: 0.4rem;
    margin: 0 0 0.42rem 0;
}

.product_b2 .selection1-10 .left ul[data-v-119746d8] {
    border-bottom: 0.01rem solid #eeeeee;
    padding-bottom: 0.2rem;
}

.product_b2 .selection1-10 .left ul li[data-v-119746d8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.16rem;
    font-weight: 400;
    color: #333333;
    margin-bottom: 0.19rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product_b2 .selection1-10 .left ul li i[data-v-119746d8] {
    width: 0.2rem;
    height: 0.2rem;
    margin-right: 0.14rem;
}

.product_b2 .selection1-10 .left ul li i img[data-v-119746d8] {
    max-width: 0.2rem;
}

.product_b2 .selection1-10 .left p[data-v-119746d8] {
    font-size: 0.16rem;
    font-weight: 400;
    color: #666666;
    line-height: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-top: 0.48rem;
}

.product_b2 .selection1-10 .left .btns[data-v-119746d8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0.74rem 0 0 0;
}

.product_b2 .selection1-10 .left .btns div[data-v-119746d8] {
    cursor: pointer;
    margin-right: 0.4rem;
    width: 2.16rem;
    height: 0.56rem;
    border: 0.02rem solid rgba(0, 68, 176, 0.2);
    border-radius: 0.28rem;
    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;
    font-size: 0.18rem;
    font-weight: bold;
    color: #0044b0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.product_b2 .selection1-10 .left .btns div[data-v-119746d8]:hover {
    background: #0044b0;
    color: #fff;
}

.product_b2 .selection1-10 .right[data-v-119746d8] {
    width: 7.3rem;
    height: 4.8rem;
}

.product_b2 .selection1-10 .right img[data-v-119746d8] {
    width: 100%;
    height: 100%;
    border-radius: 0.08rem;
}

.product_b2 .selection1-9[data-v-119746d8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1rem 0;
}

.product_b2 .selection1-9 .left[data-v-119746d8] {
    margin-right: 1.14rem;
    width: 6.76rem;
    height: 4.8rem;
}

.product_b2 .selection1-9 .left h2[data-v-119746d8] {
    font-size: 0.38rem;
    font-weight: 600;
    color: #111111;
    line-height: 0.4rem;
    margin: 0 0 0.3rem 0;
}

.product_b2 .selection1-9 .left ul[data-v-119746d8] {
    padding-bottom: 0.2rem;
}

.product_b2 .selection1-9 .left ul li[data-v-119746d8] {
    cursor: auto !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.16rem;
    font-weight: 400;
    color: #333333;
    margin-bottom: 0.19rem;
}

.product_b2 .selection1-9 .left ul li:nth-child(2) span[data-v-119746d8] {
    cursor: pointer;
}

.product_b2 .selection1-9 .left ul li i[data-v-119746d8] {
    width: 0.2rem;
    height: 0.2rem;
    margin-right: 0.14rem;
}

.product_b2 .selection1-9 .left ul li i img[data-v-119746d8] {
    max-width: 0.2rem;
}

.product_b2 .selection1-9 .left ul li.money-wrap[data-v-119746d8] {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.product_b2 .selection1-9 .left ul li .bb[data-v-119746d8] {
    white-space: nowrap;
}

.product_b2 .selection1-9 .left ul li .marr[data-v-119746d8] {
    margin-right: 0.3rem;
    line-height: 0.34rem;
}

.product_b2 .selection1-9 .left ul li[data-v-119746d8] b.money {
    white-space: normal !important;
    width: 80%;
    font-weight: 500;
}

.product_b2 .selection1-9 .left ul li[data-v-119746d8] b.money span {
    color: #0044b0;
    font-style: normal;
}

.product_b2 .selection1-9 .left ul span[data-v-119746d8] {
    height: 0.33rem;
    border-radius: 0.17rem;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    line-height: 0.3rem;
    margin-right: 0.18rem;
}

.product_b2 .selection1-9 .left ul span.address[data-v-119746d8] {
    padding: 0 0.16rem;
    cursor: pointer;
    -webkit-transition: border .3s;
    transition: border .3s;
    border: 0.02rem solid transparent;
    font-weight: bold;
}

.product_b2 .selection1-9 .left ul span.address[data-v-119746d8]:hover,
.product_b2 .selection1-9 .left ul span.address.active[data-v-119746d8] {
    border: 0.02rem solid #0044b0;
    color: #0044b0;
    padding: 0 0.16rem;
}

.product_b2 .selection1-9 .left .btns[data-v-119746d8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0.64rem 0 0 0;
    position: relative;
}

.product_b2 .selection1-9 .left .btns b[data-v-119746d8] {
    left: 4.18rem;
    top: -0.2rem;
    position: absolute;
    width: 1.27rem;
    height: 0.81rem;
    background: url(assets/10387b796213f3ca296f8d1eacf97a5b.png) no-repeat;
    background-size: 1.27rem 0.81rem;
    z-index: 1;
}

.product_b2 .selection1-9 .left .btns div[data-v-119746d8] {
    position: relative;
    z-index: 2;
    cursor: pointer;
    margin-right: 0.3rem;
    width: 2rem;
    height: 0.56rem;
    border: 0.02rem solid #0044b0;
    border-radius: 0.28rem;
    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;
    font-size: 0.18rem;
    font-weight: bold;
    color: #0044b0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.product_b2 .selection1-9 .left .btns div[data-v-119746d8]:hover {
    background: #0044b0;
    color: #fff;
}

.product_b2 .selection1-9 .right[data-v-119746d8] {
    width: 7.3rem;
    height: 4.8rem;
}

.product_b2 .selection1-9 .right img[data-v-119746d8] {
    width: 100%;
    height: 100%;
    border-radius: 0.08rem;
}

#app[state='portrait'] .product_b2 .banner > div[data-v-119746d8] {
    left: 0.5rem;
    top: 2.07rem;
}

#app[state='portrait'] .product_b2 [class*='selection'] > h3[data-v-119746d8] {
    font-size: calc(0.18rem * 1.2);
}

#app[state='portrait'] .product_b2 .navigation[data-v-119746d8] {
    padding: 0 0.4rem;
}

#app[state='portrait'] .product_b2 .navigation ul[data-v-119746d8] {
    width: 100%;
}

#app[state='portrait'] .product_b2 .navigation ul li[data-v-119746d8] {
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .product_b2 .selection1[data-v-119746d8] {
    width: 100%;
    padding: 0.4rem;
    height: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 0.8rem;
}

#app[state='portrait'] .product_b2 .selection1 i img[data-v-119746d8] {
    max-width: 0.2rem;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

#app[state='portrait'] .product_b2 .selection1 .left[data-v-119746d8] {
    width: 100%;
    margin: 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    height: auto;
}

#app[state='portrait'] .product_b2 .selection1 .left h2[data-v-119746d8] {
    margin-top: 0.15rem;
    font-size: calc(0.36rem);
}

#app[state='portrait'] .product_b2 .selection1 .left ul li[data-v-119746d8] {
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .product_b2 .selection1 .left h5[data-v-119746d8] {
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .product_b2 .selection1 .left p[data-v-119746d8] {
    font-size: calc(0.16rem * 1.5);
    line-height: 1.3;
}

#app[state='portrait'] .product_b2 .selection1 .left .btns div[data-v-119746d8] {
    font-size: calc(0.18rem * 1.5);
    width: calc(2.16rem * 1.3);
    height: calc(0.5rem * 1.3);
    border-radius: calc(0.28rem * 1.3);
}

#app[state='portrait'] .product_b2 .selection1 .right[data-v-119746d8] {
    margin-bottom: 0.2rem;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 70%;
    height: auto;
}

#app[state='portrait'] .product_b2 .selection1 .right img[data-v-119746d8] {
    height: auto;
}

#app[state='portrait'] .product_b2 .selection1-10[data-v-119746d8] {
    padding: 0.4rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#app[state='portrait'] .product_b2 .selection1-10 .left[data-v-119746d8] {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    margin: 0;
    height: auto;
}

#app[state='portrait'] .product_b2 .selection1-10 .left h2[data-v-119746d8] {
    font-size: calc(0.36rem);
    line-height: 1.2;
}

#app[state='portrait'] .product_b2 .selection1-10 .left li[data-v-119746d8] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: calc(0.16rem * 1.5);
    line-height: 0.5rem;
    margin-bottom: 0.05rem;
}

#app[state='portrait'] .product_b2 .selection1-10 .left li i[data-v-119746d8] {
    width: calc(0.2rem * 1.5);
    height: calc(0.2rem * 1.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#app[state='portrait'] .product_b2 .selection1-10 .left li i img[data-v-119746d8] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

#app[state='portrait'] .product_b2 .selection1-10 .left li b[data-v-119746d8] {
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .product_b2 .selection1-10 .left b[data-v-119746d8],
#app[state='portrait'] .product_b2 .selection1-10 .left span[data-v-119746d8],
#app[state='portrait'] .product_b2 .selection1-10 .left em[data-v-119746d8] {
    white-space: nowrap;
}

#app[state='portrait'] .product_b2 .selection1-10 .left .btns div[data-v-119746d8] {
    width: calc(2rem * 1.5);
    height: calc(0.56rem * 1.5);
    border-radius: calc(0.28rem * 1.5);
    font-size: calc(0.18rem * 1.5);
}

#app[state='portrait'] .product_b2 .selection1-10 .left .btns b[data-v-119746d8] {
    left: auto;
    right: 0.4rem;
    top: 0;
}

#app[state='portrait'] .product_b2 .selection1-10 .left p[data-v-119746d8] {
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .product_b2 .selection1-10 .right[data-v-119746d8] {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 70%;
    margin-bottom: 0.2rem;
    height: auto;
}

#app[state='portrait'] .product_b2 .selection1-9[data-v-119746d8] {
    padding: 0.4rem 0.4rem 0.8rem 0.4rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#app[state='portrait'] .product_b2 .selection1-9 .left[data-v-119746d8] {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    margin: 0;
    height: auto;
}

#app[state='portrait'] .product_b2 .selection1-9 .left h2[data-v-119746d8] {
    font-size: calc(0.36rem);
    line-height: 2;
}

#app[state='portrait'] .product_b2 .selection1-9 .left li[data-v-119746d8] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: calc(0.16rem * 1.5);
    line-height: 0.5rem;
}

#app[state='portrait'] .product_b2 .selection1-9 .left li i[data-v-119746d8] {
    width: calc(0.2rem * 1.5);
    height: calc(0.2rem * 1.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#app[state='portrait'] .product_b2 .selection1-9 .left li i img[data-v-119746d8] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

#app[state='portrait'] .product_b2 .selection1-9 .left li b[data-v-119746d8] {
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .product_b2 .selection1-9 .left b[data-v-119746d8],
#app[state='portrait'] .product_b2 .selection1-9 .left span[data-v-119746d8],
#app[state='portrait'] .product_b2 .selection1-9 .left em[data-v-119746d8] {
    white-space: nowrap;
}

#app[state='portrait'] .product_b2 .selection1-9 .left .btns[data-v-119746d8] {
    margin: 0.36rem 0 0 0;
}

#app[state='portrait'] .product_b2 .selection1-9 .left .btns div[data-v-119746d8] {
    width: calc(2rem * 1.5);
    height: calc(0.56rem * 1.5);
    border-radius: calc(0.28rem * 1.5);
    font-size: calc(0.18rem * 1.5);
}

#app[state='portrait'] .product_b2 .selection1-9 .left .btns b[data-v-119746d8] {
    left: auto;
    right: 0.4rem;
    top: 0;
}

#app[state='portrait'] .product_b2 .selection1-9 .right[data-v-119746d8] {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 70%;
    margin-bottom: 0.2rem;
    height: auto;
}

#app[state='portrait'] .product_b2 .selection1-9 .right img[data-v-119746d8] {
    height: auto;
}@-webkit-keyframes slide-right-in-data-v-2353c95c {
     0% {
         -webkit-transform: translateX(0.4rem);
         transform: translateX(0.4rem);
     }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
 }

@keyframes slide-right-in-data-v-2353c95c {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-2353c95c {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-2353c95c {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-2353c95c {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-2353c95c {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-2353c95c {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-2353c95c {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-2353c95c {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-2353c95c {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.instructor[data-v-2353c95c] {
    min-height: 9.26rem;
    background: #f8f9fc;
    padding: 0.99rem 0 0 0;
}

.instructor h2[data-v-2353c95c] {
    font-size: 0.42rem;
    font-weight: bold;
    color: #111;
    line-height: 0.26rem;
    text-align: center;
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-2353c95c 1s 0.3s, fade-in-data-v-2353c95c 1s 0.3s;
    animation: slide-up-in-data-v-2353c95c 1s 0.3s, fade-in-data-v-2353c95c 1s 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.instructor h3[data-v-2353c95c] {
    font-family: Gilroy-Regular;
    font-weight: 400;
    color: #666;
    text-align: center;
    margin: 0.19rem 0 0.6rem 0;
    font-size: 0.18rem;
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-2353c95c 1s 0.3s, fade-in-data-v-2353c95c 1s 0.3s;
    animation: slide-up-in-data-v-2353c95c 1s 0.3s, fade-in-data-v-2353c95c 1s 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.instructor .swiper[data-v-2353c95c] {
    width: 15.31rem;
    margin: 0 auto;
    position: relative;
}

.instructor .swiper .swiper-container[data-v-2353c95c] {
    padding: 0.07rem;
}

.instructor .swiper .swiper-wrapper > div[data-v-2353c95c] {
    opacity: 0;
    -webkit-animation: fade-in-data-v-2353c95c 1s 0.3s;
    animation: fade-in-data-v-2353c95c 1s 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    background: #ffffff;
    height: 5.75rem;
    position: relative;
    -webkit-box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.15);
    box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.15);
    border-radius: 0.08rem;
}

.instructor .swiper .swiper-wrapper > div[data-v-2353c95c]:nth-child(1) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.instructor .swiper .swiper-wrapper > div[data-v-2353c95c]:nth-child(2) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.instructor .swiper .swiper-wrapper > div[data-v-2353c95c]:nth-child(3) {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

.instructor .swiper .swiper-wrapper > div .icon[data-v-2353c95c] {
    width: 2rem;
    height: 2rem;
    margin: 0.6rem auto 0.4rem auto;
}

.instructor .swiper .swiper-wrapper > div .icon img[data-v-2353c95c] {
    border-radius: 100%;
    width: 100%;
    height: 100%;
}

.instructor .swiper .swiper-wrapper > div h2[data-v-2353c95c] {
    font-size: 0.24rem;
    font-weight: bold;
    color: #111111;
    margin: 0 auto;
    white-space: nowrap;
    text-align: center;
}

.instructor .swiper .swiper-wrapper > div h5[data-v-2353c95c] {
    font-size: 0.16rem;
    font-weight: 400;
    color: #0044b0;
    line-height: 0.3rem;
    text-align: center;
    margin: 0.18rem 0 0.13rem 0;
}

.instructor .swiper .swiper-wrapper > div p[data-v-2353c95c] {
    font-size: 0.16rem;
    width: 3.52rem;
    color: #666666;
    line-height: 0.26rem;
    margin: 0 auto 0 auto;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.instructor .swiper .swiper-wrapper > div .btn[data-v-2353c95c] {
    width: 1.7rem;
    height: 0.48rem;
    border: 0.02rem solid #0044b0;
    border-radius: 0.24rem;
    font-size: 0.16rem;
    font-weight: 400;
    color: #0044b0;
    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;
    margin: 0.31rem auto 0 auto;
    -webkit-transition: color 0.3s, background 0.3s;
    transition: color 0.3s, background 0.3s;
    cursor: pointer;
}

.instructor .swiper .swiper-wrapper > div .btn i[data-v-2353c95c] {
    width: 0.08rem;
    height: 0.14rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAxklEQVQokYXRu0oDcRDF4S8XlLxGHsWIjYZUgTQ2lqKdkCJoYaWtuZAqRRpRCAQsTWVh54NonyKCFwb+C+u64qmGmR/DmTMVu8sG7jDEoxJVcYQ2HnDwFzTBCNtYoFsGfeEU19jCLQ7zUE2zl9UrfKKFDl7xUoRCT1hjL/n7iF4RCj3jDfvYQT08/adqGXSGcaovMKgXgHNcpouPMY1mHrpCP5mNgOfZIKAKbnCC95TRfX59QLE2gE1KO97zK/FZGmT/+yl8A+1hJeDELAUjAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    margin-left: 0.15rem;
}

.instructor .swiper .swiper-wrapper > div .btn[data-v-2353c95c]:hover {
    color: #fff;
    background: #0044b0;
}

.instructor .swiper .swiper-wrapper > div .btn:hover i[data-v-2353c95c] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAeklEQVQokYWRIQ6DQBBFh3UcrK6V1FFLSS0SVA2em3A6SIBHJgwJYof9yVv1kp38L0AOjMADkBj6/DgyAU9PyoDBxBkoYtJJb+IClJ6kdCauQOVJSgNsRutJSm2S5h8knZD6Tm90D1fhm6rgkyrzHSvzOsvLm+V+YJAddbZ/GgxGehsAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%;
    -webkit-transform: translateX(0.03rem);
    transform: translateX(0.03rem);
}

.instructor .swiper .swiper-pagination[data-v-2353c95c] {
    bottom: -0.55rem;
}

.instructor .swiper .swiper-pagination[data-v-2353c95c] .swiper-pagination-bullet {
    background: #bbb !important;
    border: 0.02rem solid transparent;
}

.instructor .swiper .swiper-pagination[data-v-2353c95c] .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 0.02rem solid #0044b0;
    background: transparent !important;
}

.instructor .swiper .swiper-button-prev[data-v-2353c95c] {
    left: 0;
    top: auto;
    bottom: -0.68rem;
}

.instructor .swiper .swiper-button-prev[data-v-2353c95c]::after {
    color: #cecece;
}

.instructor .swiper .swiper-button-next[data-v-2353c95c] {
    right: 0;
    top: auto;
    bottom: -0.68rem;
}

.instructor .swiper .swiper-button-next[data-v-2353c95c]::after {
    color: #cecece;
}

#app[state='portrait'] .instructor[data-v-2353c95c] {
    min-height: 11.3rem;
}

#app[state='portrait'] .instructor > h2[data-v-2353c95c] {
    font-size: calc(0.42rem);
}

#app[state='portrait'] .instructor h3[data-v-2353c95c] {
    font-size: calc(0.18rem * 1.2);
}

#app[state='portrait'] .instructor .swiper[data-v-2353c95c] {
    width: 8.2rem;
}

#app[state='portrait'] .instructor .swiper .swiper-wrapper > div[data-v-2353c95c] {
    height: 7.5rem;
}

#app[state='portrait'] .instructor .swiper .icon[data-v-2353c95c] {
    width: calc(2rem * 1.5);
    height: calc(2rem * 1.5);
}

#app[state='portrait'] .instructor .swiper h2[data-v-2353c95c] {
    font-size: calc(0.24rem * 1.5);
}

#app[state='portrait'] .instructor .swiper p[data-v-2353c95c] {
    width: 75%;
    font-size: calc(0.16rem * 1.5);
    line-height: calc(0.26rem * 1.5);
}

#app[state='portrait'] .instructor .swiper .btn[data-v-2353c95c] {
    width: calc(1.7rem * 1.5);
    height: calc(0.48rem * 1.5);
    border-radius: calc(0.24rem * 1.5);
    font-size: calc(0.16rem * 1.5);
}@-webkit-keyframes slide-right-in-data-v-79eb0c52 {
     0% {
         -webkit-transform: translateX(0.4rem);
         transform: translateX(0.4rem);
     }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
 }

@keyframes slide-right-in-data-v-79eb0c52 {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-79eb0c52 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-79eb0c52 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-79eb0c52 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-79eb0c52 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-79eb0c52 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-79eb0c52 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-79eb0c52 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-79eb0c52 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#app[state='web'] .curriculum[data-v-79eb0c52] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-79eb0c52 2s, fade-in-data-v-79eb0c52 2s;
    animation: slide-up-in-data-v-79eb0c52 2s, fade-in-data-v-79eb0c52 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.curriculum[data-v-79eb0c52] {
    background: #fff;
    padding: 0.99rem 0 1rem 0;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.curriculum.active[data-v-79eb0c52] {
    height: auto;
}

.curriculum h2[data-v-79eb0c52] {
    font-size: 0.42rem;
    font-weight: bold;
    color: #111;
    line-height: 0.26rem;
    text-align: center;
}

.curriculum h3[data-v-79eb0c52] {
    font-family: Gilroy-Regular;
    font-weight: 400;
    color: #666;
    text-align: center;
    margin: 0.19rem 0 0.46rem 0;
    font-size: 0.18rem;
}

.curriculum > div[data-v-79eb0c52] {
    width: 15.2rem;
    margin: 0 auto;
}

.curriculum > div .flex[data-v-79eb0c52] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.34rem 0;
}

.curriculum > div .flex[data-v-79eb0c52]:nth-child(2n-1) {
    background: rgba(0, 68, 176, 0.05);
}

.curriculum > div .flex > div[data-v-79eb0c52] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.curriculum > div .flex > div p[data-v-79eb0c52] {
    position: relative;
    padding-left: 0.2rem;
}

.curriculum > div .flex > div p[data-v-79eb0c52]::before {
    position: absolute;
    left: 0;
    top: 0.12rem;
    content: '';
    display: inline-block;
    width: 0.05rem;
    height: 0.05rem;
    background: #dcdcdc;
    border-radius: 50%;
    margin-right: 0.15rem;
}

.curriculum > div .flex > div[data-v-79eb0c52]:nth-child(1) {
    width: 5.47rem;
    padding-left: 1.2rem;
}

.curriculum > div .flex > div:nth-child(1) b[data-v-79eb0c52] {
    width: 1.44rem;
    font-size: 0.18rem;
    font-weight: 600;
    color: #333333;
}

.curriculum > div .flex > div[data-v-79eb0c52]:nth-child(2) {
    width: 4.67rem;
    padding-right: 0.2rem;
}

.curriculum > div .flex > div:nth-child(2) p[data-v-79eb0c52] {
    font-size: 0.16rem;
    font-weight: 400;
    color: #333333;
    line-height: 0.25rem;
}

.curriculum > div .flex > div[data-v-79eb0c52]:nth-child(3) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 0.16rem;
    font-weight: 400;
    color: #333333;
    line-height: 0.34rem;
    padding-right: 0.2rem;
}

.curriculum > div .flex.head[data-v-79eb0c52] {
    height: 0.75rem;
    background: #0044b0;
    border-radius: 0.05rem;
}

.curriculum > div .flex.head > div[data-v-79eb0c52] {
    font-size: 0.2rem;
    font-weight: 600;
    color: #ffffff;
    line-height: 0.26rem;
}

.curriculum .mask[data-v-79eb0c52] {
    height: 2.6rem;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 99;
    padding-top: 0.13rem;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), color-stop(rgba(255, 255, 255, 0.6)), color-stop(rgba(255, 255, 255, 0.8)), to(#fff));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.8), #fff);
    text-align: center;
}

.curriculum .mask > div[data-v-79eb0c52] {
    position: absolute;
    left: 50%;
    bottom: 0.94rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 0 auto;
    display: inline-block;
    padding: 0 0.37rem;
    height: 0.61rem;
    border: 0.02rem solid #0044b0;
    border-radius: 0.31rem;
    font-size: 0.16rem;
    font-weight: 400;
    color: #0044b0;
    cursor: pointer;
    line-height: 0.16rem;
    -webkit-transition: color 0.3s, background 0.3s;
    transition: color 0.3s, background 0.3s;
}

.curriculum .mask > div p[data-v-79eb0c52] {
    margin: 0.14rem 0 0.05rem 0;
    text-align: center;
}

.curriculum .mask > div i[data-v-79eb0c52] {
    width: 0.17rem;
    height: 0.17rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAABN0lEQVQ4T4XST07CQBTH8e8D7uAl8AhGscjKpLQrXehBTPjrwnvoQlctTVxhqxiPoJfwDtBnOkPpFAi+pGnT/j55b2YqFNWdHZP2v83zf7XOCt5sgnBHrre8B88H3Xl8TUMeUX0QvHiAyBRYHsQlghaqQzEdXKxyQ+a/1Dp7yRWiTxgkQzL/3kKDkwGitrOLa4gRWb/IUEGDZ0OEyQabRNmpQhX0kiMy/9d2drCdpYU6aJ0VvKQDeoIQb46kG49AxtbpmDQoprDHpgQgX8JFdIpKB5WcZitifvljQ8nI3FPfot5rm9UyRLSB6IddYw3nEfPQ4rJ6UZsVISIG8RZ+VpuzwZrTpMJ70O6ubuMisdWpHKJ+HLWxNTchZzx3+l1oNiY+A4qrqAVpsKiteecHcL9azD5UvP4DmD2eWqwCslcAAAAASUVORK5CYII=) no-repeat center center;
    background-size: 0.14rem auto;
    margin: 0 auto;
    display: block;
}

.curriculum .mask > div[data-v-79eb0c52]:hover {
    color: #fff;
    background: #0044b0;
}

.curriculum .mask > div:hover i[data-v-79eb0c52] {
    -webkit-animation: moreMove-data-v-79eb0c52 0.5s infinite alternate;
    animation: moreMove-data-v-79eb0c52 0.5s infinite alternate;
    -webkit-filter: grayscale(200%) brightness(600%);
    filter: grayscale(200%) brightness(600%);
}

@-webkit-keyframes moreMove-data-v-79eb0c52 {
    0% {
        -webkit-transform: translateY(-0.03rem);
        transform: translateY(-0.03rem);
        opacity: 0.3;
    }
    100% {
        -webkit-transform: translateY(0.03rem);
        transform: translateY(0.03rem);
        opacity: 1;
    }
}

@keyframes moreMove-data-v-79eb0c52 {
    0% {
        -webkit-transform: translateY(-0.03rem);
        transform: translateY(-0.03rem);
        opacity: 0.3;
    }
    100% {
        -webkit-transform: translateY(0.03rem);
        transform: translateY(0.03rem);
        opacity: 1;
    }
}

#app[state='portrait'] .curriculum > div[data-v-79eb0c52] {
    width: 8.4rem;
}

#app[state='portrait'] .curriculum > div .flex > div[data-v-79eb0c52] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#app[state='portrait'] .curriculum > div .flex > div[data-v-79eb0c52]:nth-child(1) {
    padding-left: 0.2rem;
}

#app[state='portrait'] .curriculum > div .flex > div:nth-child(1) b[data-v-79eb0c52] {
    font-size: calc(0.18rem * 1.5);
    line-height: calc(0.26rem * 1.5);
}

#app[state='portrait'] .curriculum > div .flex > div:nth-child(2) p[data-v-79eb0c52],
#app[state='portrait'] .curriculum > div .flex > div:nth-child(3) p[data-v-79eb0c52] {
    font-size: calc(0.16rem * 1.5);
    line-height: calc(0.25rem * 1.5);
}

#app[state='portrait'] .curriculum > div .flex.head div[data-v-79eb0c52] {
    font-size: calc(0.2rem * 1.5);
}

#app[state='portrait'] .curriculum > div .flex.head div[data-v-79eb0c52]:nth-child(3) {
    padding-left: 0.25rem;
}

#app[state='portrait'] .curriculum > div .flex.head div[data-v-79eb0c52]:nth-child(2) {
    padding-left: 0.3rem;
}

#app[state='portrait'] .curriculum .mask[data-v-79eb0c52] {
    width: 100%;
}

#app[state='portrait'] .curriculum .mask > div[data-v-79eb0c52] {
    height: 0.7rem;
    font-size: calc(0.16rem * 1.5);
    bottom: 0.3rem;
    border-radius: 0.45rem;
}

#app[state='portrait'] .curriculum .mask > div i[data-v-79eb0c52] {
    margin-top: 0.1rem;
}@-webkit-keyframes slide-right-in-data-v-68ac0124 {
     0% {
         -webkit-transform: translateX(0.4rem);
         transform: translateX(0.4rem);
     }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
 }

@keyframes slide-right-in-data-v-68ac0124 {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-68ac0124 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-68ac0124 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-68ac0124 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-68ac0124 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-68ac0124 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-68ac0124 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-68ac0124 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-68ac0124 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#app[state='web'] .product_b3 .selection1 h2[data-v-68ac0124],
#app[state='web'] .product_b3 .selection1 h3[data-v-68ac0124],
#app[state='web'] .product_b3 .selection2 h2[data-v-68ac0124],
#app[state='web'] .product_b3 .selection2 h3[data-v-68ac0124] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-68ac0124 1s, fade-in-data-v-68ac0124 1s;
    animation: slide-up-in-data-v-68ac0124 1s, fade-in-data-v-68ac0124 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b3 .selection1 .left[data-v-68ac0124],
#app[state='web'] .product_b3 .selection2 .left[data-v-68ac0124] {
    opacity: 0;
    -webkit-animation: slide-left-in-data-v-68ac0124 1s, fade-in-data-v-68ac0124 1s;
    animation: slide-left-in-data-v-68ac0124 1s, fade-in-data-v-68ac0124 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b3 .selection1 .right[data-v-68ac0124],
#app[state='web'] .product_b3 .selection2 .right[data-v-68ac0124] {
    opacity: 0;
    -webkit-animation: slide-right-in-data-v-68ac0124 1s, fade-in-data-v-68ac0124 1s;
    animation: slide-right-in-data-v-68ac0124 1s, fade-in-data-v-68ac0124 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b3 .selection1 .selection2 h2[data-v-68ac0124],
#app[state='web'] .product_b3 .selection1 .selection2 h3[data-v-68ac0124],
#app[state='web'] .product_b3 .selection2 .selection2 h2[data-v-68ac0124],
#app[state='web'] .product_b3 .selection2 .selection2 h3[data-v-68ac0124] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-68ac0124 1s, fade-in-data-v-68ac0124 1s;
    animation: slide-up-in-data-v-68ac0124 1s, fade-in-data-v-68ac0124 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b3 .selection1 .selection2 .text-content[data-v-68ac0124],
#app[state='web'] .product_b3 .selection2 .selection2 .text-content[data-v-68ac0124] {
    opacity: 0;
    -webkit-animation: fade-in-data-v-68ac0124 1s;
    animation: fade-in-data-v-68ac0124 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b3 .selection3 h2[data-v-68ac0124],
#app[state='web'] .product_b3 .selection3 h3[data-v-68ac0124] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-68ac0124 1s, fade-in-data-v-68ac0124 1s;
    animation: slide-up-in-data-v-68ac0124 1s, fade-in-data-v-68ac0124 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b3 .selection3 .left[data-v-68ac0124] {
    opacity: 0;
    -webkit-animation: slide-left-in-data-v-68ac0124 1s, fade-in-data-v-68ac0124 1s;
    animation: slide-left-in-data-v-68ac0124 1s, fade-in-data-v-68ac0124 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b3 .selection3 .right[data-v-68ac0124] {
    opacity: 0;
    -webkit-animation: slide-right-in-data-v-68ac0124 1s, fade-in-data-v-68ac0124 1s;
    animation: slide-right-in-data-v-68ac0124 1s, fade-in-data-v-68ac0124 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b3 .selection4 h2[data-v-68ac0124],
#app[state='web'] .product_b3 .selection4 h3[data-v-68ac0124],
#app[state='web'] .product_b3 .selection4 p[data-v-68ac0124],
#app[state='web'] .product_b3 .selection4 img[data-v-68ac0124],
#app[state='web'] .product_b3 .selection5 h2[data-v-68ac0124],
#app[state='web'] .product_b3 .selection5 h3[data-v-68ac0124],
#app[state='web'] .product_b3 .selection5 p[data-v-68ac0124],
#app[state='web'] .product_b3 .selection5 img[data-v-68ac0124] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-68ac0124 1s, fade-in-data-v-68ac0124 1s;
    animation: slide-up-in-data-v-68ac0124 1s, fade-in-data-v-68ac0124 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b3 .selection6 > h2[data-v-68ac0124],
#app[state='web'] .product_b3 .selection6 > h3[data-v-68ac0124] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-68ac0124 1s, fade-in-data-v-68ac0124 1s;
    animation: slide-up-in-data-v-68ac0124 1s, fade-in-data-v-68ac0124 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b3 .selection6 .swiper[data-v-68ac0124] {
    -webkit-animation: slide-up-in-data-v-68ac0124 1s, fade-in-data-v-68ac0124 1s;
    animation: slide-up-in-data-v-68ac0124 1s, fade-in-data-v-68ac0124 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b3 .selection8[data-v-68ac0124],
#app[state='web'] .product_b3 .selection9[data-v-68ac0124],
#app[state='web'] .product_b3 .selection10[data-v-68ac0124],
#app[state='web'] .product_b3 .selection11[data-v-68ac0124] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-68ac0124 1s, fade-in-data-v-68ac0124 1s;
    animation: slide-up-in-data-v-68ac0124 1s, fade-in-data-v-68ac0124 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.product_b3 img[data-v-68ac0124] {
    display: block;
}

.product_b3 h3[data-v-68ac0124] {
    text-transform: Uppercase;
}

.product_b3 .banner[data-v-68ac0124] {
    max-width: 19.2rem;
    margin: 0 auto;
    position: relative;
}

.product_b3 .banner img[data-v-68ac0124] {
    width: 100%;
}

.product_b3 .banner > div[data-v-68ac0124] {
    position: absolute;
    left: 2rem;
    top: 2.57rem;
}

.product_b3 .banner > div h2[data-v-68ac0124] {
    font-size: 0.56rem;
    font-weight: 500;
    color: #ffffff;
    font-family: PingFangSC;
}

.product_b3 .banner > div p[data-v-68ac0124] {
    font-size: 0.28rem;
    font-weight: 400;
    color: #ffffff;
    margin: 0.15rem 0 0.5rem 0;
}

.product_b3 .banner > div .btn[data-v-68ac0124] {
    width: 2rem;
    height: 0.56rem;
    border-radius: 0.28rem;
    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;
    font-size: 0.2rem;
    font-weight: 400;
    color: #ffffff;
    cursor: pointer;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
    background: #0044b0;
}

.product_b3 .banner > div .btn i[data-v-68ac0124] {
    width: 0.3rem;
    height: 0.25rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAZCAYAAAAmNZ4aAAADBElEQVRIibWWW4iWVRSGnzkwHvMQSCUSaKNjBuWhoS6UAsGLJMgSVNILRb3QCKK8iPDCi7oTSaHEI5VUhEp2nSXdFaljmSlqFOUBjZI8JjpP7HH9w3bz+c80jgsW/7/fvdZ+117fXmvvBpU60g68AEwH2oAHwvQG8DtwCPgK2AWcrrdQKXcifh5YA0yJ8W/AfuAccAkYCYwBngaGAzeBncBq4HivmBNxpiPVXd6SM+pb6tjCJtcm9Sl1k3pd/Vd9Q22o49Ol+WCM+nOQrlOH9ORc6Dh1b/h/EEH1SDxU/TGinvs/CXNtVN8N8g2BD1SXqSOqiDeG8cK7IK1pSvNHsd5s9VH1pno0stpNPFHtVD/tB9I8g3+oRyKQFyObh2Oui3htRNfWj8RJX4l1n4nx/Bi/XyNOURwsnAar7WpzxU6erDg46eS3FtioIHonw3ZEdiekwQ11a+H0bTh9UuCHA8/t22ON9B1nFvan1J3ZuDX81zYCTcDVorzb4ndShrUArfF/QoaPjzUaM7+aXAAGZeMTwPfArGbgIvBQ4fASMBfYkmHXgTnR1d7L8M+ARyKw7cU6o4GDBXYAWJK2/416rqeC74M+Fml9vfBdn8CUns+BUcDseq21D7IsXPYUrg92ZTk6ygX1mDqgn3abSvOauqeis51Wv64BSyMt23rT4HvQ4epP6qWKEnsueF7Nwe0BrrwL0ofVjiitsue3REB/qsPyiaYAv+gDYUsE/HekeF4xn7K4JTa22OJaTPqDui/7HrPC8PGKU59unWfVt6MvGx1wckVgy2N+cw0rDTqivF5WT3i7XA2CY1F+ndnsd+qCihZb093RxbqDby6O+jDgCWAGcDJK4lC8vRJ+PzA4Ot2p7M31a/g3ABOBqcBZYB/QGX7n44l0S4rILqr/qK/Vib6m96m/RBbSJzoZJzmXdC0uiix25P75jocCXwIrgDO96BeXgY+BcfHguwL8FVlI/Xga8CbwYdjf/gjs5zZZddpXRSZTxXTP3WvimqYnT+piqRJQ+Q8hbv6jcvuKJwAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
    margin-right: 0.13rem;
}

.product_b3 .selection1[data-v-68ac0124] {
    height: 8.38rem;
    background: #fff;
    padding: 0.99rem 0 0 0;
}

.product_b3 .selection1 h2[data-v-68ac0124] {
    font-size: 0.42rem;
    font-weight: bold;
    color: #111;
    line-height: 0.26rem;
    text-align: center;
}

.product_b3 .selection1 h3[data-v-68ac0124] {
    font-family: Gilroy-Regular;
    font-weight: 400;
    color: #666;
    text-align: center;
    margin: 0.19rem 0 0.6rem 0;
    font-size: 0.18rem;
}

.product_b3 .selection1 > div[data-v-68ac0124] {
    width: 15.2rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.product_b3 .selection1 > div .left ul li[data-v-68ac0124] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product_b3 .selection1 > div .left ul li[data-v-68ac0124]:not(:last-child) {
    margin-bottom: 0.35rem;
}

.product_b3 .selection1 > div .left ul li .icon[data-v-68ac0124] {
    width: 0.6rem;
    height: 0.6rem;
    background: #eff3fa;
    border-radius: 50%;
    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;
}

.product_b3 .selection1 > div .left ul li .icon img[data-v-68ac0124] {
    max-width: 0.25rem;
}

.product_b3 .selection1 > div .left ul li .text[data-v-68ac0124] {
    width: 7.2rem;
    margin: 0 0 0 0.2rem;
}

.product_b3 .selection1 > div .left ul li .text h6[data-v-68ac0124] {
    font-size: 0.18rem;
    font-weight: 400;
    color: #8490a3;
    line-height: 0.32rem;
}

.product_b3 .selection1 > div .left ul li .text p[data-v-68ac0124] {
    font-size: 0.18rem;
    font-weight: 400;
    color: #333333;
    line-height: 0.29rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.product_b3 .selection1 > div .right[data-v-68ac0124] {
    width: 6.6rem;
    height: 5rem;
    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;
    border-radius: 0.08rem;
    overflow: hidden;
}

.product_b3 .selection1 > div .right video[data-v-68ac0124] {
    border-radius: 0.08rem;
}

.product_b3 .selection2[data-v-68ac0124] {
    padding: 0.99rem 0 1rem 0;
    background: #f8f9fc;
}

.product_b3 .selection2 h2[data-v-68ac0124] {
    font-size: 0.42rem;
    font-weight: bold;
    color: #111;
    line-height: 0.26rem;
    text-align: center;
}

.product_b3 .selection2 h3[data-v-68ac0124] {
    font-family: Gilroy-Regular;
    font-weight: 400;
    color: #666;
    text-align: center;
    margin: 0.19rem 0 0.6rem 0;
    font-size: 0.18rem;
}

.product_b3 .selection2 > div[data-v-68ac0124] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 19.2rem;
    margin: 0 auto;
}

.product_b3 .selection2 > div .left[data-v-68ac0124] {
    width: 2rem;
}

.product_b3 .selection2 > div .right[data-v-68ac0124] {
    position: relative;
    width: 15.2rem;
    height: 4.8rem;
}

.product_b3 .selection2 > div .right .text-content[data-v-68ac0124] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    left: 0;
    top: 0;
}

.product_b3 .selection2 > div .right .text-content.fade-enter-active[data-v-68ac0124],
.product_b3 .selection2 > div .right .text-content.fade-leave-active[data-v-68ac0124] {
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}

.product_b3 .selection2 > div .right .text-content.fade-enter-active[data-v-68ac0124] {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.product_b3 .selection2 > div .right .text-content.fade-enter[data-v-68ac0124],
.product_b3 .selection2 > div .right .text-content.fade-leave-to[data-v-68ac0124] {
    opacity: 0;
}

.product_b3 .selection2 > div .right .text-content img[data-v-68ac0124] {
    width: 7.25rem;
    height: 4.8rem;
    background: #648ab0;
    border-radius: 0.08rem;
}

.product_b3 .selection2 > div .right .text-content div[data-v-68ac0124] {
    width: 7.1rem;
    margin-left: 0.84rem;
    width: 7.1rem;
    height: 4.14rem;
    font-size: 0.17rem;
    font-weight: 400;
    color: #333333;
    line-height: 0.36rem;
    text-align: justify;
}

.product_b3 .selection2 > ul[data-v-68ac0124] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 15.2rem;
    margin: 0 auto;
}

.product_b3 .selection2 > ul li[data-v-68ac0124] {
    margin-top: 0.82rem;
}

.product_b3 .selection2 > ul li > span[data-v-68ac0124] {
    width: 1rem;
    display: block;
    font-size: 0.48rem;
    font-family: Gilroy-Bold;
    font-style: italic;
    color: #0044b0;
    line-height: 0.48rem;
}

.product_b3 .selection2 > ul li > span b[data-v-68ac0124] {
    font-size: 0.36rem;
}

.product_b3 .selection2 > ul li p[data-v-68ac0124] {
    display: block;
    font-size: 0.16rem;
    font-weight: 500;
    color: #666666;
    margin-top: 0.3rem;
}

.product_b3 .selection2 > ul li.active span b[data-v-68ac0124] {
    font-size: 0.24rem;
}

.product_b3 .selection3[data-v-68ac0124] {
    background: #fff;
    padding: 0.99rem 0;
}

.product_b3 .selection3 h2[data-v-68ac0124] {
    font-size: 0.42rem;
    font-weight: bold;
    color: #111;
    line-height: 0.26rem;
    text-align: center;
}

.product_b3 .selection3 h3[data-v-68ac0124] {
    font-family: Gilroy-Regular;
    font-weight: 400;
    color: #666;
    text-align: center;
    margin: 0.19rem 0 0.46rem 0;
    font-size: 0.18rem;
}

.product_b3 .selection3 > div[data-v-68ac0124] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product_b3 .selection3 > div .left[data-v-68ac0124] {
    width: 7.45rem;
    font-size: 0.17rem;
    font-weight: 500;
    color: #666666;
    line-height: 0.34rem;
    text-indent: 0.28rem;
    text-align: justify;
    margin-top: -0.05rem;
    white-space: pre-wrap;
}

.product_b3 .selection3 > div .right[data-v-68ac0124] {
    width: 6.6rem;
    height: 5rem;
    margin-left: 1.14rem;
}

.product_b3 .selection3 > div .right img[data-v-68ac0124] {
    border-radius: 0.08rem;
    width: 100%;
    height: 100%;
}

.product_b3 .selection4[data-v-68ac0124] {
    background: #f8f9fc;
    padding: 0.99rem 0 1rem 0;
}

.product_b3 .selection4 h2[data-v-68ac0124] {
    font-size: 0.42rem;
    font-weight: bold;
    color: #111;
    text-align: center;
    line-height: 0.26rem;
}

.product_b3 .selection4 h3[data-v-68ac0124] {
    font-family: Gilroy-Regular;
    font-weight: 400;
    color: #666;
    text-align: center;
    margin: 0.19rem 0 0.46rem 0;
    font-size: 0.18rem;
}

.product_b3 .selection4 p[data-v-68ac0124] {
    font-size: 0.18rem;
    font-weight: 400;
    color: #333333;
    line-height: 0.36rem;
    text-align: center;
    width: 10.43rem;
    margin: 0 auto;
}

.product_b3 .selection4 img[data-v-68ac0124] {
    display: block;
    margin: 0.64rem auto 0 auto;
    width: 10.01rem;
}

.product_b3 .selection5[data-v-68ac0124] {
    background: #fff;
    padding: 0.99rem 0 0 0;
}

.product_b3 .selection5 h2[data-v-68ac0124] {
    font-size: 0.42rem;
    font-weight: bold;
    color: #111;
    line-height: 0.26rem;
    text-align: center;
}

.product_b3 .selection5 h3[data-v-68ac0124] {
    font-family: Gilroy-Regular;
    font-weight: 400;
    color: #666;
    text-align: center;
    margin: 0.19rem 0 0.46rem 0;
    font-size: 0.18rem;
}

.product_b3 .selection5 p[data-v-68ac0124] {
    font-size: 0.18rem;
    font-weight: 400;
    color: #333333;
    line-height: 0.36rem;
    text-align: center;
    width: 10.43rem;
    margin: 0 auto;
}

.product_b3 .selection5 img[data-v-68ac0124] {
    display: block;
    margin: 0.1rem auto 0 auto;
    width: 10.01rem;
}

.product_b3 .selection6[data-v-68ac0124] {
    background: url(assets/c0516c85ea5d9dc502c70e911a369681.jpg) no-repeat;
    background-size: 100% 100% !important;
    padding: 0.99rem 0 1.48rem 0;
}

.product_b3 .selection6 h2[data-v-68ac0124] {
    font-size: 0.42rem;
    font-weight: bold;
    color: #ffffff;
    line-height: 0.26rem;
    text-align: center;
}

.product_b3 .selection6 h3[data-v-68ac0124] {
    font-family: Gilroy-Regular;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    margin: 0.19rem 0 0.6rem 0;
    font-size: 0.18rem;
}

.product_b3 .selection6 .swiper[data-v-68ac0124] {
    width: 15.31rem;
    margin: 0 auto;
    position: relative;
}

.product_b3 .selection6 .swiper .swiper-wrapper > div[data-v-68ac0124] {
    background: #ffffff;
    height: 4.89rem;
    position: relative;
    -webkit-box-shadow: 0 0 0.16rem 0 rgba(0, 68, 176, 0.06);
    box-shadow: 0 0 0.16rem 0 rgba(0, 68, 176, 0.06);
    border-radius: 0.08rem;
}

.product_b3 .selection6 .swiper .swiper-wrapper > div .icon[data-v-68ac0124] {
    width: 0.77rem;
    height: 0.77rem;
    margin: 0.68rem auto 0.57rem auto;
}

.product_b3 .selection6 .swiper .swiper-wrapper > div .icon img[data-v-68ac0124] {
    max-width: 100%;
}

.product_b3 .selection6 .swiper .swiper-wrapper > div h2[data-v-68ac0124] {
    font-size: 0.24rem;
    font-weight: bold;
    color: #111111;
    padding-bottom: 0.24rem;
    margin: 0 auto;
    white-space: nowrap;
    text-align: center;
    position: relative;
}

.product_b3 .selection6 .swiper .swiper-wrapper > div h2[data-v-68ac0124]::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    margin-left: -0.22rem;
    width: 0.44rem;
    border-bottom: 0.02rem solid #dddddd;
}

.product_b3 .selection6 .swiper .swiper-wrapper > div p[data-v-68ac0124] {
    margin: 0.24rem 0 0 0;
    font-size: 0.16rem;
    width: 2.71rem;
    color: #666666;
    line-height: 0.26rem;
    margin: 0.24rem auto 0 auto;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

.product_b3 .selection6 .swiper .swiper-pagination[data-v-68ac0124] {
    bottom: -0.55rem;
}

.product_b3 .selection6 .swiper .swiper-pagination[data-v-68ac0124] .swiper-pagination-bullet {
    background: #fff !important;
}

.product_b3 .selection6 .swiper .swiper-pagination[data-v-68ac0124] .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 0.02rem solid #fff;
    background: transparent !important;
}

.product_b3 .selection6 .swiper .swiper-button-prev[data-v-68ac0124] {
    left: 0;
    top: auto;
    bottom: -0.68rem;
}

.product_b3 .selection6 .swiper .swiper-button-prev[data-v-68ac0124]:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.product_b3 .selection6 .swiper .swiper-button-next[data-v-68ac0124] {
    right: 0;
    top: auto;
    bottom: -0.68rem;
}

.product_b3 .selection9[data-v-68ac0124] {
    background: #fff;
    padding: 0.99rem 0 1.72rem 0;
    margin-top: -0.04rem;
}

.product_b3 .selection9 h2[data-v-68ac0124] {
    font-size: 0.42rem;
    font-weight: bold;
    color: #111;
    line-height: 0.42rem;
}

.product_b3 .selection9 h3[data-v-68ac0124] {
    font-family: Gilroy-Regular;
    font-weight: 400;
    color: #666;
    margin: 0.2rem 0 0.57rem 0;
    font-size: 0.18rem;
}

.product_b3 .selection9 p[data-v-68ac0124] {
    font-size: 0.16rem;
    font-weight: 500;
    color: #666666;
    line-height: 0.3rem;
    width: 7.19rem;
    height: 0.57rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.product_b3 .selection9 .swiper[data-v-68ac0124] {
    width: 15.31rem;
    margin: 0 auto;
    position: relative;
}

.product_b3 .selection9 .swiper .swiper-wrapper > div[data-v-68ac0124] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.product_b3 .selection9 .swiper .swiper-wrapper > div .left[data-v-68ac0124] {
    margin: 0 0.3rem 0 0;
}

.product_b3 .selection9 .swiper .swiper-wrapper > div .left div[data-v-68ac0124] {
    margin: 1.14rem 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product_b3 .selection9 .swiper .swiper-wrapper > div .left div img[data-v-68ac0124] {
    width: 3.58rem;
    height: 2.42rem;
    margin-right: 0.29rem;
}

.product_b3 .selection9 .swiper .swiper-wrapper > div .left div img[data-v-68ac0124]:last-child {
    margin-right: 0;
}

.product_b3 .selection9 .swiper .swiper-wrapper > div .right[data-v-68ac0124] {
    width: 7.44rem;
    height: 5.03rem;
}

.product_b3 .selection9 .swiper .swiper-wrapper > div .right img[data-v-68ac0124] {
    width: 100%;
    height: 100%;
}

.product_b3 .selection9 .swiper .swiper-pagination[data-v-68ac0124] {
    bottom: -0.63rem;
}

.product_b3 .selection9 .swiper .swiper-button-prev[data-v-68ac0124] {
    left: 0;
    top: auto;
    bottom: -0.75rem;
}

.product_b3 .selection9 .swiper .swiper-button-prev[data-v-68ac0124]::after {
    color: #cecece;
}

.product_b3 .selection9 .swiper .swiper-button-next[data-v-68ac0124] {
    right: 0;
    top: auto;
    bottom: -0.75rem;
}

.product_b3 .selection9 .swiper .swiper-button-next[data-v-68ac0124]::after {
    color: #cecece;
}

.product_b3 .selection10[data-v-68ac0124] {
    overflow: hidden;
    background: #f8f9fc;
    padding: 0.99rem 0 0.7rem 0;
}

.product_b3 .selection10 h2[data-v-68ac0124] {
    font-size: 0.42rem;
    font-weight: bold;
    color: #111;
    line-height: 0.26rem;
    text-align: center;
}

.product_b3 .selection10 h3[data-v-68ac0124] {
    font-family: Gilroy-Regular;
    font-weight: 400;
    color: #666;
    text-align: center;
    margin: 0.19rem 0 0.1rem 0;
    font-size: 0.18rem;
}

.product_b3 .selection10 .swiper[data-v-68ac0124] {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    width: 100%;
    margin: 0 auto;
    max-width: 19.2rem;
    position: relative;
}

.product_b3 .selection10 .swiper .swiper-wrapper > div[data-v-68ac0124] {
    background: transparent;
    height: 6rem;
    position: relative;
    border-radius: 0.08rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.product_b3 .selection10 .swiper .swiper-wrapper > div .mask[data-v-68ac0124] {
    width: 100%;
    height: 4rem;
    border-radius: 0.08rem;
    margin-top: 0;
    left: 0;
    opacity: 0.5;
    bottom: 1rem;
    z-index: 11;
}

.product_b3 .selection10 .swiper .swiper-wrapper > div img[data-v-68ac0124] {
    width: 100%;
    height: 4rem;
    border-radius: 0.08rem;
    position: relative;
    z-index: 10;
}

.product_b3 .selection10 .swiper .swiper-wrapper > div i[data-v-68ac0124] {
    position: absolute;
    top: 1.4rem;
    left: 0.42rem;
    z-index: 12;
}

.product_b3 .selection10 .swiper .swiper-wrapper > div i img[data-v-68ac0124] {
    width: auto;
    height: 0.5rem;
}

.product_b3 .selection10 .swiper .swiper-wrapper > div p[data-v-68ac0124] {
    position: absolute;
    top: 2.1rem;
    left: 0.42rem;
    font-size: 0.16rem;
    font-weight: 400;
    color: #ffffff;
    line-height: 0.32rem;
    width: 4.48rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    z-index: 12;
}

.product_b3 .selection10 .swiper .swiper-wrapper > div div[data-v-68ac0124] {
    position: absolute;
    bottom: 1.5rem;
    left: 0.42rem;
    font-size: 0.16rem;
    margin-top: 0.42rem;
    font-weight: 600;
    color: #ffffff;
    line-height: 0.34rem;
    z-index: 12;
}

.product_b3 .selection10 .swiper .swiper-wrapper > div.swiper-slide-next[data-v-68ac0124] {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.product_b3 .selection10 .swiper .swiper-wrapper > div.swiper-slide-next .mask[data-v-68ac0124] {
    background-color: #0044b0 !important;
}

.product_b3 .selection10 .swiper .swiper-pagination[data-v-68ac0124] {
    bottom: 0;
}

.product_b3 .selection10 .swiper .swiper-button-prev[data-v-68ac0124] {
    left: 2rem;
    top: auto;
    bottom: -0.1rem;
}

.product_b3 .selection10 .swiper .swiper-button-prev[data-v-68ac0124]::after {
    color: #cecece;
}

.product_b3 .selection10 .swiper .swiper-button-next[data-v-68ac0124] {
    right: 2rem;
    top: auto;
    bottom: -0.1rem;
}

.product_b3 .selection10 .swiper .swiper-button-next[data-v-68ac0124]::after {
    color: #cecece;
}

.product_b3 .selection11[data-v-68ac0124] {
    height: 4rem;
    background: #fff;
    padding: 1rem 0 0 0;
}

.product_b3 .selection11 > div[data-v-68ac0124] {
    width: 15.2rem;
    height: 2rem;
    background: rgba(248, 249, 252, 0.2);
    border: 0.02rem dashed rgba(0, 68, 176, 0.2);
    border-radius: 0.08rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 0.5rem;
}

.product_b3 .selection11 > div .item[data-v-68ac0124] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product_b3 .selection11 > div .item i[data-v-68ac0124] {
    width: 1rem;
    height: 1rem;
    background: #ffffff;
    -webkit-box-shadow: 0 0 0.27rem 0 rgba(25, 69, 134, 0.06);
    box-shadow: 0 0 0.27rem 0 rgba(25, 69, 134, 0.06);
    border-radius: 50%;
    margin-right: 0.3rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    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;
}

.product_b3 .selection11 > div .item i img[data-v-68ac0124] {
    max-width: 0.38rem;
}

.product_b3 .selection11 > div .item > div h5[data-v-68ac0124] {
    font-size: 0.16rem;
    font-weight: 500;
    color: #666666;
    white-space: nowrap;
}

.product_b3 .selection11 > div .item > div h6[data-v-68ac0124] {
    font-size: 0.2rem;
    font-weight: 700;
    font-family: Gilroy-Bold;
    color: #333;
    line-height: 0.36rem;
    white-space: nowrap;
}

.product_b3 .selection11 > div .item[data-v-68ac0124]:nth-child(1) {
    width: 3.94rem;
    padding-left: 0.6rem;
}

.product_b3 .selection11 > div .item[data-v-68ac0124]:nth-child(2) {
    width: 3.92rem;
}

.product_b3 .selection11 > div .item[data-v-68ac0124]:nth-child(3) {
    width: 4.8rem;
}

.product_b3 .selection11 > div .item[data-v-68ac0124]:nth-child(4) {
    margin: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -0.15rem;
    width: 1.34rem;
    height: 1.34rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.product_b3 .selection11 > div .item:nth-child(4) img[data-v-68ac0124] {
    width: 1.34rem;
    height: 1.34rem;
}

.product_b3 .selection11 > div .item:nth-child(4) h6[data-v-68ac0124] {
    width: 100%;
    text-align: center;
    font-size: 0.16rem;
    font-weight: 500;
    color: #666666;
    line-height: 0.36rem;
}

.product_b3 .selection11 > div .item div h5[data-v-68ac0124] {
    margin-top: 0.2rem;
}

.product_b3 .point[data-v-68ac0124] {
    position: fixed;
    left: 0;
    top: 35%;
    background: #fff;
    border-radius: 0.1rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    z-index: 888;
}

.product_b3 .point .wrap[data-v-68ac0124] {
    width: 1.6rem;
}

.product_b3 .point .wrap ul li[data-v-68ac0124] {
    font-size: 0.16rem;
    font-weight: 400;
    color: #666666;
    line-height: 0.42rem;
    padding: 0 0 0 0.66rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    -webkit-transform: color 0.3s;
    transform: color 0.3s;
}

.product_b3 .point .wrap ul li[data-v-68ac0124]:last-child::after {
    display: none;
}

.product_b3 .point .wrap ul li.active[data-v-68ac0124],
.product_b3 .point .wrap ul li[data-v-68ac0124]:hover {
    color: #0044b0;
}

.product_b3 .point .wrap ul li.active b[data-v-68ac0124],
.product_b3 .point .wrap ul li:hover b[data-v-68ac0124] {
    background: #0044b0;
}

.product_b3 .point .wrap ul li.active[data-v-68ac0124]::before,
.product_b3 .point .wrap ul li[data-v-68ac0124]:hover::before {
    content: '';
    position: absolute;
    left: 0.2rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0.21rem;
    height: 0.21rem;
    border: 0.01rem solid #0044b0;
    opacity: 0.2;
    border-radius: 50%;
    z-index: 2;
}

.product_b3 .point .wrap ul li b[data-v-68ac0124] {
    width: 0.07rem;
    height: 0.07rem;
    background: #e5e5e5;
    border-radius: 50%;
    position: absolute;
    left: 0.27rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.product_b3 .point .wrap ul li[data-v-68ac0124]::after {
    content: '';
    position: absolute;
    left: 0.3rem;
    top: 50%;
    height: 100%;
    border-left: 0.01rem dotted #e5e5e5;
    z-index: 1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.product_b3 .point .wrap ul li[data-v-68ac0124]::before {
    content: '';
    position: absolute;
    left: 0.2rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0.21rem;
    height: 0.21rem;
    border: 0.01rem solid transparent;
    opacity: 0.2;
    border-radius: 50%;
    z-index: 2;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

#app[state='portrait'] .product_b3 .banner > div[data-v-68ac0124] {
    left: 0.5rem;
    top: 1.07rem;
}

#app[state='portrait'] .product_b3 [class*='selection'] > h3[data-v-68ac0124] {
    font-size: calc(0.18rem * 1.2);
}

#app[state='portrait'] .product_b3 .selection1[data-v-68ac0124] {
    height: auto;
}

#app[state='portrait'] .product_b3 .selection1 > div[data-v-68ac0124] {
    width: 8.2rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#app[state='portrait'] .product_b3 .selection1 > div .left[data-v-68ac0124] {
    width: 100%;
    height: auto;
    padding-bottom: 0.2rem;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

#app[state='portrait'] .product_b3 .selection1 > div .left ul li .icon[data-v-68ac0124] {
    width: calc(0.6rem * 1.5);
    height: calc(0.6rem * 1.5);
}

#app[state='portrait'] .product_b3 .selection1 > div .left ul li .text h6[data-v-68ac0124] {
    font-size: calc(0.2rem * 1.5);
    line-height: calc(0.32rem * 1.5);
}

#app[state='portrait'] .product_b3 .selection1 > div .left ul li .text p[data-v-68ac0124] {
    font-size: calc(0.18rem * 1.5);
    line-height: calc(0.29rem * 1.5);
}

#app[state='portrait'] .product_b3 .selection1 > div .right[data-v-68ac0124] {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 70%;
    margin: 0 auto;
    height: auto;
    margin-bottom: 0.2rem;
}

#app[state='portrait'] .product_b3 .selection1 > div .right img[data-v-68ac0124] {
    height: auto;
    width: 100%;
}

#app[state='portrait'] .product_b3 .selection2[data-v-68ac0124] {
    width: 100%;
    padding: 0.4rem;
}

#app[state='portrait'] .product_b3 .selection2 > div[data-v-68ac0124] {
    display: block;
}

#app[state='portrait'] .product_b3 .selection2 > div .left[data-v-68ac0124] {
    width: 100%;
}

#app[state='portrait'] .product_b3 .selection2 > div .right[data-v-68ac0124] {
    width: 100%;
    margin: 0.4rem 0.4rem 0 0;
    height: auto;
    display: block;
}

#app[state='portrait'] .product_b3 .selection2 > div .right .text-content[data-v-68ac0124] {
    position: static;
    height: auto;
    display: block;
}

#app[state='portrait'] .product_b3 .selection2 > div .right .text-content div[data-v-68ac0124] {
    height: auto;
    margin: 0.3rem 0 0 0;
    width: 100%;
    font-size: calc(0.17rem * 1.5);
    line-height: 0.5rem;
}

#app[state='portrait'] .product_b3 .selection2 > div .right img[data-v-68ac0124] {
    margin: 0;
    width: 100%;
}

#app[state='portrait'] .product_b3 .selection2 > div .right > div[data-v-68ac0124] {
    height: auto;
    width: 100%;
    margin: 0.4rem 0 0 0;
}

#app[state='portrait'] .product_b3 .selection2 > ul[data-v-68ac0124] {
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 0;
}

#app[state='portrait'] .product_b3 .selection2 > ul li[data-v-68ac0124] {
    margin-right: 0;
    width: 33.3%;
    margin-top: 0.28rem;
}

#app[state='portrait'] .product_b3 .selection2 > ul li span[data-v-68ac0124] {
    font-size: calc(0.48rem * 1.5);
}

#app[state='portrait'] .product_b3 .selection2 > ul li p[data-v-68ac0124] {
    font-size: calc(0.16rem * 1.5);
    margin: 0;
}

#app[state='portrait'] .product_b3 .selection3 > div[data-v-68ac0124] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#app[state='portrait'] .product_b3 .selection3 > div .left[data-v-68ac0124] {
    font-size: calc(0.17rem * 1.5);
    line-height: 0.45rem;
}

#app[state='portrait'] .product_b3 .selection3 > div .right[data-v-68ac0124] {
    margin: 0.2rem 0 0 0;
    padding: 0;
    width: 8.2rem;
}

#app[state='portrait'] .product_b3 .selection4[data-v-68ac0124] {
    padding: 1rem 0.4rem;
}

#app[state='portrait'] .product_b3 .selection4 > p[data-v-68ac0124] {
    width: 100%;
    font-size: calc(0.18rem * 1.5);
    line-height: calc(0.36rem * 1.5);
    text-align: left;
}

#app[state='portrait'] .product_b3 .selection5[data-v-68ac0124] {
    padding: 1rem 0.4rem 0 0.4rem;
}

#app[state='portrait'] .product_b3 .selection5 > p[data-v-68ac0124] {
    width: 100%;
    font-size: calc(0.18rem * 1.5);
    line-height: calc(0.36rem * 1.5);
    text-align: left;
}

#app[state='portrait'] .product_b3 .selection6[data-v-68ac0124] {
    background-size: cover !important;
}

#app[state='portrait'] .product_b3 .selection6 .swiper[data-v-68ac0124] {
    width: 8.2rem;
}

#app[state='portrait'] .product_b3 .selection6 .swiper .icon[data-v-68ac0124] {
    width: calc(0.77rem * 1.5);
    height: calc(0.77rem * 1.5);
}

#app[state='portrait'] .product_b3 .selection6 .swiper h2[data-v-68ac0124] {
    font-size: calc(0.24rem * 1.5);
}

#app[state='portrait'] .product_b3 .selection6 .swiper p[data-v-68ac0124] {
    font-size: calc(0.16rem * 1.5);
    line-height: calc(0.26rem * 1.5);
    -webkit-line-clamp: 3;
}

#app[state='portrait'] .product_b3 .selection9 h3[data-v-68ac0124] {
    font-size: calc(0.18rem * 1.2);
}

#app[state='portrait'] .product_b3 .selection9 .swiper[data-v-68ac0124] {
    width: 8.2rem;
}

#app[state='portrait'] .product_b3 .selection9 .swiper .swiper-wrapper > div[data-v-68ac0124] {
    display: block;
}

#app[state='portrait'] .product_b3 .selection9 .swiper .swiper-wrapper > div .left[data-v-68ac0124] {
    margin: 0;
}

#app[state='portrait'] .product_b3 .selection9 .swiper .swiper-wrapper > div .left p[data-v-68ac0124] {
    width: 100%;
    font-size: calc(0.16rem * 1.5);
    line-height: 0.4rem;
    height: auto;
}

#app[state='portrait'] .product_b3 .selection9 .swiper .swiper-wrapper > div .left > div[data-v-68ac0124] {
    margin: 0.4rem 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#app[state='portrait'] .product_b3 .selection9 .swiper .swiper-wrapper > div .left > div img[data-v-68ac0124] {
    width: 49%;
    margin: 0;
}

#app[state='portrait'] .product_b3 .selection9 .swiper .swiper-wrapper > div .right[data-v-68ac0124] {
    width: 100%;
    height: auto;
}

#app[state='portrait'] .product_b3 .selection10[data-v-68ac0124] {
    padding-bottom: 0.7rem;
}

#app[state='portrait'] .product_b3 .selection10 .swiper[data-v-68ac0124] {
    -webkit-transform: scale(1);
    transform: scale(1);
    width: 8.2rem;
    margin: 0 auto;
    margin-top: 0;
    position: relative;
}

#app[state='portrait'] .product_b3 .selection10 .swiper .swiper-pagination[data-v-68ac0124] {
    bottom: -0.3rem;
}

#app[state='portrait'] .product_b3 .selection10 .swiper .swiper-button-prev[data-v-68ac0124] {
    bottom: -0.45rem;
}

#app[state='portrait'] .product_b3 .selection10 .swiper .swiper-button-next[data-v-68ac0124] {
    bottom: -0.45rem;
}

#app[state='portrait'] .product_b3 .selection10 .swiper .swiper-wrapper > div > img[data-v-68ac0124] {
    height: auto;
}

#app[state='portrait'] .product_b3 .selection10 .swiper .swiper-wrapper > div .mask[data-v-68ac0124] {
    width: 100%;
    height: 5.65rem;
    border-radius: 0.08rem;
    margin-top: 0;
    left: 0;
    opacity: 0.5;
    bottom: 0.18rem;
    z-index: 11;
    background-color: #0044b0 !important;
}

#app[state='portrait'] .product_b3 .selection10 .swiper .swiper-wrapper > div i[data-v-68ac0124] {
    position: absolute;
    top: 0.8rem;
    left: 0.42rem;
}

#app[state='portrait'] .product_b3 .selection10 .swiper .swiper-wrapper > div i img[data-v-68ac0124] {
    width: auto;
    max-height: 0.8rem;
}

#app[state='portrait'] .product_b3 .selection10 .swiper .swiper-wrapper > div p[data-v-68ac0124] {
    position: absolute;
    top: 1.8rem;
    left: 0.42rem;
    font-size: 0.16rem;
    font-weight: 400;
    color: #ffffff;
    line-height: 0.32rem;
    width: 80%;
    font-size: calc(0.16rem * 1.5);
    line-height: calc(0.32rem * 1.5);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
}

#app[state='portrait'] .product_b3 .selection10 .swiper .swiper-wrapper > div div[data-v-68ac0124] {
    left: 0.4rem;
    bottom: 0.8rem;
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .product_b3 .selection10 .swiper .swiper-wrapper > div.swiper-slide-next[data-v-68ac0124] {
    -webkit-transform: scale(1);
    transform: scale(1);
}

#app[state='portrait'] .product_b3 .selection11[data-v-68ac0124] {
    height: auto;
    margin-bottom: 1rem;
}

#app[state='portrait'] .product_b3 .selection11 > div[data-v-68ac0124] {
    height: auto;
    width: 8.2rem;
    padding: 0.4rem 0.1rem 0.4rem 0.1rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#app[state='portrait'] .product_b3 .selection11 > div .item[data-v-68ac0124] {
    padding-left: 0;
    margin-bottom: 0.3rem;
}

#app[state='portrait'] .product_b3 .selection11 > div .item i[data-v-68ac0124] {
    width: calc(0.8rem * 1.5);
    height: calc(0.8rem * 1.5);
}

#app[state='portrait'] .product_b3 .selection11 > div .item i img[data-v-68ac0124] {
    max-width: calc(0.35rem * 1.5);
}

#app[state='portrait'] .product_b3 .selection11 > div .item h5[data-v-68ac0124],
#app[state='portrait'] .product_b3 .selection11 > div .item h6[data-v-68ac0124] {
    width: 100%;
    font-size: calc(0.2rem * 1.4);
}

#app[state='portrait'] .product_b3 .selection11 > div .item h5[data-v-68ac0124] {
    font-size: calc(0.16rem * 1.5);
    margin-bottom: 0.1rem;
}

#app[state='portrait'] .product_b3 .selection11 > div .item[data-v-68ac0124]:nth-child(1) {
    width: 50%;
}

#app[state='portrait'] .product_b3 .selection11 > div .item[data-v-68ac0124]:nth-child(2) {
    width: 50%;
    padding-right: 0.3rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

#app[state='portrait'] .product_b3 .selection11 > div .item[data-v-68ac0124]:nth-child(3) {
    width: 50%;
    margin-top: 0.5rem;
}

#app[state='portrait'] .product_b3 .selection11 > div .item[data-v-68ac0124]:nth-child(4) {
    width: 50%;
    text-align: right;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 0.3rem;
    -webkit-transform: translateY(-0.1rem);
    transform: translateY(-0.1rem);
}

#app[state='portrait'] .product_b3 .selection11 > div .item:nth-child(4) div[data-v-68ac0124] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

#app[state='portrait'] .product_b3 .selection11 > div .item:nth-child(4) h6[data-v-68ac0124] {
    width: 1.34rem;
    text-align: center;
    line-height: calc(0.16rem * 1.5);
    font-size: calc(0.2rem * 1.3);
}

#app[state='portrait'] .product_b3 .point[data-v-68ac0124] {
    display: none;
}

#app[state='portrait'] .product_b3 .point .wrap[data-v-68ac0124] {
    width: 2rem;
}

#app[state='portrait'] .product_b3 .point .wrap ul[data-v-68ac0124] {
    padding: 0.2rem 0;
}

#app[state='portrait'] .product_b3 .point .wrap ul li[data-v-68ac0124] {
    font-size: 0.25rem;
    font-weight: 400;
    color: #666666;
    line-height: 0.54rem;
    padding: 0 0 0 0.66rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    -webkit-transform: color 0.3s;
    transform: color 0.3s;
}

#app[state='portrait'] .product_b3 .point .wrap ul li[data-v-68ac0124]:last-child::after {
    display: none;
}

#app[state='portrait'] .product_b3 .point .wrap ul li.active[data-v-68ac0124],
#app[state='portrait'] .product_b3 .point .wrap ul li[data-v-68ac0124]:hover {
    color: #0044b0;
}

#app[state='portrait'] .product_b3 .point .wrap ul li.active b[data-v-68ac0124],
#app[state='portrait'] .product_b3 .point .wrap ul li:hover b[data-v-68ac0124] {
    background: #0044b0;
}

#app[state='portrait'] .product_b3 .point .wrap ul li.active[data-v-68ac0124]::before,
#app[state='portrait'] .product_b3 .point .wrap ul li[data-v-68ac0124]:hover::before {
    content: '';
    position: absolute;
    left: 0.2rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0.3rem;
    height: 0.3rem;
    border: 0.01rem solid #0044b0;
    opacity: 0.2;
    border-radius: 50%;
    z-index: 2;
}

#app[state='portrait'] .product_b3 .point .wrap ul li b[data-v-68ac0124] {
    width: 0.14rem;
    height: 0.14rem;
    background: #e5e5e5;
    border-radius: 50%;
    position: absolute;
    left: 0.28rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

#app[state='portrait'] .product_b3 .point .wrap ul li[data-v-68ac0124]::after {
    content: '';
    position: absolute;
    left: 0.34rem;
    top: 50%;
    height: 100%;
    border-left: 0.01rem dotted #e5e5e5;
    z-index: 1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

#app[state='portrait'] .product_b3 .point .wrap ul li[data-v-68ac0124]::before {
    content: '';
    position: absolute;
    left: 0.2rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0.21rem;
    height: 0.21rem;
    border: 0.01rem solid transparent;
    opacity: 0.2;
    border-radius: 50%;
    z-index: 2;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}@-webkit-keyframes slide-right-in-data-v-5a74c0a6 {
     0% {
         -webkit-transform: translateX(0.4rem);
         transform: translateX(0.4rem);
     }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
 }

@keyframes slide-right-in-data-v-5a74c0a6 {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-5a74c0a6 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-5a74c0a6 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-5a74c0a6 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-5a74c0a6 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-5a74c0a6 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-5a74c0a6 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-5a74c0a6 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-5a74c0a6 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#app[state='web'] .curriculum[data-v-5a74c0a6] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-5a74c0a6 2s, fade-in-data-v-5a74c0a6 2s;
    animation: slide-up-in-data-v-5a74c0a6 2s, fade-in-data-v-5a74c0a6 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.curriculum[data-v-5a74c0a6] {
    background: #fff;
    padding: 0.99rem 0 1rem 0;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.curriculum.active[data-v-5a74c0a6] {
    height: auto;
}

.curriculum h2[data-v-5a74c0a6] {
    font-size: 0.42rem;
    font-weight: bold;
    color: #111;
    line-height: 0.26rem;
    text-align: center;
}

.curriculum h3[data-v-5a74c0a6] {
    font-family: Gilroy-Regular;
    font-weight: 400;
    color: #666;
    text-align: center;
    margin: 0.19rem 0 0.46rem 0;
    font-size: 0.18rem;
}

.curriculum > div[data-v-5a74c0a6] {
    width: 15.2rem;
    margin: 0 auto;
}

.curriculum > div .flex[data-v-5a74c0a6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.34rem 0;
}

.curriculum > div .flex[data-v-5a74c0a6]:nth-child(2n-1) {
    background: rgba(0, 68, 176, 0.05);
}

.curriculum > div .flex > div[data-v-5a74c0a6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.curriculum > div .flex > div p[data-v-5a74c0a6] {
    position: relative;
    padding-left: 0.2rem;
}

.curriculum > div .flex > div p[data-v-5a74c0a6]::before {
    position: absolute;
    left: 0;
    top: 0.12rem;
    content: '';
    display: inline-block;
    width: 0.05rem;
    height: 0.05rem;
    background: #dcdcdc;
    border-radius: 50%;
    margin-right: 0.15rem;
}

.curriculum > div .flex > div[data-v-5a74c0a6]:nth-child(1) {
    width: 2.06rem;
    padding-left: 0.6rem;
    padding-right: 0.35rem;
}

.curriculum > div .flex > div:nth-child(1) b[data-v-5a74c0a6] {
    width: 1.44rem;
    font-size: 0.18rem;
    font-weight: 600;
    color: #333333;
}

.curriculum > div .flex > div[data-v-5a74c0a6]:nth-child(2) {
    width: 4.26rem;
    padding-right: 0.2rem;
    padding-left: 1rem;
}

.curriculum > div .flex > div:nth-child(2) p[data-v-5a74c0a6] {
    font-size: 0.16rem;
    font-weight: 400;
    color: #333333;
    line-height: 0.25rem;
}

.curriculum > div .flex > div[data-v-5a74c0a6]:nth-child(3) {
    width: 4.08rem;
    font-size: 0.16rem;
    font-weight: 400;
    color: #333333;
    line-height: 0.34rem;
    padding-right: 0.2rem;
}

.curriculum > div .flex > div[data-v-5a74c0a6]:nth-child(4) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 0.16rem;
    font-weight: 400;
    color: #333333;
    line-height: 0.34rem;
    padding-right: 0.2rem;
}

.curriculum > div .flex.head[data-v-5a74c0a6] {
    height: 0.75rem;
    background: #0044b0;
    border-radius: 0.05rem;
}

.curriculum > div .flex.head > div[data-v-5a74c0a6] {
    font-size: 0.2rem;
    font-weight: 600;
    color: #ffffff;
    line-height: 0.26rem;
}

.curriculum > div .flex .left[data-v-5a74c0a6] {
    width: 2.06rem;
    border-right: 0.02rem solid #ffffff;
}

.curriculum > div .flex .left div[data-v-5a74c0a6] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.curriculum > div .flex .right[data-v-5a74c0a6] {
    padding-left: 0 !important;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    padding-right: 0 !important;
}

.curriculum > div .flex .right > div[data-v-5a74c0a6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.35rem;
}

.curriculum > div .flex .right > div > div[data-v-5a74c0a6]:nth-child(1) {
    width: 3.92rem;
    padding-left: 0.65rem;
}

.curriculum > div .flex .right > div > div[data-v-5a74c0a6]:nth-child(2) {
    width: 4.08rem;
    padding-right: 1.1rem;
}

.curriculum > div .flex .right > div > div[data-v-5a74c0a6]:nth-child(3) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.curriculum > div .flex .right > div[data-v-5a74c0a6]:nth-child(2) {
    border-top: 0.02rem solid #ffffff;
}

.curriculum > div .flex.flex2[data-v-5a74c0a6] {
    padding: 0;
}

.curriculum .mask[data-v-5a74c0a6] {
    height: 2.6rem;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 99;
    padding-top: 0.13rem;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), color-stop(rgba(255, 255, 255, 0.6)), color-stop(rgba(255, 255, 255, 0.8)), to(#fff));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.8), #fff);
    text-align: center;
}

.curriculum .mask > div[data-v-5a74c0a6] {
    position: absolute;
    left: 50%;
    bottom: 0.94rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 0 auto;
    display: inline-block;
    padding: 0 0.37rem;
    height: 0.61rem;
    border: 0.02rem solid #0044b0;
    border-radius: 0.31rem;
    font-size: 0.16rem;
    font-weight: 400;
    color: #0044b0;
    cursor: pointer;
    line-height: 0.16rem;
    -webkit-transition: color 0.3s, background 0.3s;
    transition: color 0.3s, background 0.3s;
}

.curriculum .mask > div p[data-v-5a74c0a6] {
    margin: 0.14rem 0 0.05rem 0;
    text-align: center;
}

.curriculum .mask > div i[data-v-5a74c0a6] {
    width: 0.17rem;
    height: 0.17rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAABN0lEQVQ4T4XST07CQBTH8e8D7uAl8AhGscjKpLQrXehBTPjrwnvoQlctTVxhqxiPoJfwDtBnOkPpFAi+pGnT/j55b2YqFNWdHZP2v83zf7XOCt5sgnBHrre8B88H3Xl8TUMeUX0QvHiAyBRYHsQlghaqQzEdXKxyQ+a/1Dp7yRWiTxgkQzL/3kKDkwGitrOLa4gRWb/IUEGDZ0OEyQabRNmpQhX0kiMy/9d2drCdpYU6aJ0VvKQDeoIQb46kG49AxtbpmDQoprDHpgQgX8JFdIpKB5WcZitifvljQ8nI3FPfot5rm9UyRLSB6IddYw3nEfPQ4rJ6UZsVISIG8RZ+VpuzwZrTpMJ70O6ubuMisdWpHKJ+HLWxNTchZzx3+l1oNiY+A4qrqAVpsKiteecHcL9azD5UvP4DmD2eWqwCslcAAAAASUVORK5CYII=) no-repeat center center;
    background-size: 0.14rem auto;
    margin: 0 auto;
    display: block;
}

.curriculum .mask > div[data-v-5a74c0a6]:hover {
    color: #fff;
    background: #0044b0;
}

.curriculum .mask > div:hover i[data-v-5a74c0a6] {
    -webkit-animation: moreMove-data-v-5a74c0a6 0.5s infinite alternate;
    animation: moreMove-data-v-5a74c0a6 0.5s infinite alternate;
    -webkit-filter: grayscale(200%) brightness(600%);
    filter: grayscale(200%) brightness(600%);
}

@-webkit-keyframes moreMove-data-v-5a74c0a6 {
    0% {
        -webkit-transform: translateY(-0.03rem);
        transform: translateY(-0.03rem);
        opacity: 0.3;
    }
    100% {
        -webkit-transform: translateY(0.03rem);
        transform: translateY(0.03rem);
        opacity: 1;
    }
}

@keyframes moreMove-data-v-5a74c0a6 {
    0% {
        -webkit-transform: translateY(-0.03rem);
        transform: translateY(-0.03rem);
        opacity: 0.3;
    }
    100% {
        -webkit-transform: translateY(0.03rem);
        transform: translateY(0.03rem);
        opacity: 1;
    }
}

#app[state='portrait'] .curriculum > div[data-v-5a74c0a6] {
    width: 8.4rem;
}

#app[state='portrait'] .curriculum > div .flex[data-v-5a74c0a6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.34rem 0;
}

#app[state='portrait'] .curriculum > div .flex[data-v-5a74c0a6]:nth-child(2n-1) {
    background: rgba(0, 68, 176, 0.05);
}

#app[state='portrait'] .curriculum > div .flex > div[data-v-5a74c0a6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#app[state='portrait'] .curriculum > div .flex > div p[data-v-5a74c0a6] {
    position: relative;
    padding-left: 0.2rem;
}

#app[state='portrait'] .curriculum > div .flex > div p[data-v-5a74c0a6]::before {
    position: absolute;
    left: 0;
    top: 0.12rem;
    content: '';
    display: inline-block;
    width: 0.05rem;
    height: 0.05rem;
    background: #dcdcdc;
    border-radius: 50%;
    margin-right: 0.15rem;
}

#app[state='portrait'] .curriculum > div .flex > div p[data-v-5a74c0a6] {
    font-size: calc(0.16rem * 1.5) !important;
    line-height: calc(0.25rem * 1.5) !important;
}

#app[state='portrait'] .curriculum > div .flex > div[data-v-5a74c0a6]:nth-child(1) {
    width: 25%;
    padding: 20 p 0 0 0;
}

#app[state='portrait'] .curriculum > div .flex > div:nth-child(1) b[data-v-5a74c0a6] {
    width: 1.44rem;
    height: 0.43rem;
    font-size: 0.18rem;
    font-weight: 600;
    color: #333333;
    font-size: calc(0.18rem * 1.5);
    line-height: calc(0.26rem * 1.5);
}

#app[state='portrait'] .curriculum > div .flex > div[data-v-5a74c0a6]:nth-child(2) {
    width: 25%;
    padding: 0;
    padding-left: 0.15rem;
}

#app[state='portrait'] .curriculum > div .flex > div:nth-child(2) p[data-v-5a74c0a6] {
    font-size: 0.16rem;
    font-weight: 400;
    color: #333333;
    line-height: 0.25rem;
}

#app[state='portrait'] .curriculum > div .flex > div[data-v-5a74c0a6]:nth-child(3) {
    width: 25%;
    padding: 0;
}

#app[state='portrait'] .curriculum > div .flex > div[data-v-5a74c0a6]:nth-child(4) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0;
}

#app[state='portrait'] .curriculum > div .flex .left[data-v-5a74c0a6] {
    width: 2.06rem;
    border-right: 0.02rem solid #ffffff;
}

#app[state='portrait'] .curriculum > div .flex .left div[data-v-5a74c0a6] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#app[state='portrait'] .curriculum > div .flex .right[data-v-5a74c0a6] {
    padding-left: 0 !important;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
}

#app[state='portrait'] .curriculum > div .flex .right > div[data-v-5a74c0a6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.35rem 0;
}

#app[state='portrait'] .curriculum > div .flex .right > div > div[data-v-5a74c0a6]:nth-child(1) {
    width: 33%;
    padding-left: 0.15rem;
}

#app[state='portrait'] .curriculum > div .flex .right > div > div:nth-child(1) p[data-v-5a74c0a6] {
    font-size: calc(0.16rem * 1.5);
    line-height: calc(0.25rem * 1.5);
}

#app[state='portrait'] .curriculum > div .flex .right > div > div[data-v-5a74c0a6]:nth-child(2) {
    width: 33%;
    padding-right: 0;
}

#app[state='portrait'] .curriculum > div .flex .right > div > div:nth-child(2) p[data-v-5a74c0a6] {
    font-size: calc(0.16rem * 1.5);
    line-height: calc(0.25rem * 1.5);
}

#app[state='portrait'] .curriculum > div .flex .right > div > div[data-v-5a74c0a6]:nth-child(3) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 0.1rem;
}

#app[state='portrait'] .curriculum > div .flex .right > div > div:nth-child(3) p[data-v-5a74c0a6] {
    font-size: calc(0.16rem * 1.5);
    line-height: calc(0.25rem * 1.5);
}

#app[state='portrait'] .curriculum > div .flex .right > div[data-v-5a74c0a6]:nth-child(2) {
    border-top: 0.02rem solid #ffffff;
}

#app[state='portrait'] .curriculum > div .flex.head[data-v-5a74c0a6] {
    height: 0.75rem;
    background: #0044b0;
    border-radius: 0.05rem;
}

#app[state='portrait'] .curriculum > div .flex.head > div[data-v-5a74c0a6] {
    font-size: 0.2rem;
    font-weight: 600;
    color: #ffffff;
    line-height: 0.26rem;
}

#app[state='portrait'] .curriculum > div .flex.head > div[data-v-5a74c0a6]:nth-child(3),
#app[state='portrait'] .curriculum > div .flex.head > div[data-v-5a74c0a6]:nth-child(4) {
    padding-left: 0.2rem;
}

#app[state='portrait'] .curriculum > div .flex.head > div[data-v-5a74c0a6]:nth-child(2) {
    padding-left: 0.33rem;
}

#app[state='portrait'] .curriculum > div .flex.flex2[data-v-5a74c0a6] {
    padding: 0;
}

#app[state='portrait'] .curriculum .mask[data-v-5a74c0a6] {
    width: 100%;
}

#app[state='portrait'] .curriculum .mask > div[data-v-5a74c0a6] {
    height: 0.7rem;
    font-size: calc(0.16rem * 1.5);
    bottom: 0.3rem;
    border-radius: 0.45rem;
}

#app[state='portrait'] .curriculum .mask > div i[data-v-5a74c0a6] {
    margin-top: 0.1rem;
}@-webkit-keyframes slide-right-in-data-v-9a571a2a {
     0% {
         -webkit-transform: translateX(0.4rem);
         transform: translateX(0.4rem);
     }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
 }

@keyframes slide-right-in-data-v-9a571a2a {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-9a571a2a {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-9a571a2a {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-9a571a2a {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-9a571a2a {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-9a571a2a {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-9a571a2a {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-9a571a2a {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-9a571a2a {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#app[state='web'] .product_b4 .selection1 h2[data-v-9a571a2a],
#app[state='web'] .product_b4 .selection1 h3[data-v-9a571a2a] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-9a571a2a 1s, fade-in-data-v-9a571a2a 1s;
    animation: slide-up-in-data-v-9a571a2a 1s, fade-in-data-v-9a571a2a 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b4 .selection1 .left[data-v-9a571a2a] {
    opacity: 0;
    -webkit-animation: slide-left-in-data-v-9a571a2a 1s, fade-in-data-v-9a571a2a 1s;
    animation: slide-left-in-data-v-9a571a2a 1s, fade-in-data-v-9a571a2a 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b4 .selection1 .right[data-v-9a571a2a] {
    opacity: 0;
    -webkit-animation: slide-right-in-data-v-9a571a2a 1s, fade-in-data-v-9a571a2a 1s;
    animation: slide-right-in-data-v-9a571a2a 1s, fade-in-data-v-9a571a2a 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b4 .selection2 h2[data-v-9a571a2a],
#app[state='web'] .product_b4 .selection2 h3[data-v-9a571a2a] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-9a571a2a 1s, fade-in-data-v-9a571a2a 1s;
    animation: slide-up-in-data-v-9a571a2a 1s, fade-in-data-v-9a571a2a 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b4 .selection2 > div img[data-v-9a571a2a] {
    opacity: 0;
    -webkit-animation: slide-left-in-data-v-9a571a2a 1s, fade-in-data-v-9a571a2a 1s;
    animation: slide-left-in-data-v-9a571a2a 1s, fade-in-data-v-9a571a2a 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b4 .selection2 > div div[data-v-9a571a2a] {
    opacity: 0;
    -webkit-animation: slide-right-in-data-v-9a571a2a 1s, fade-in-data-v-9a571a2a 1s;
    animation: slide-right-in-data-v-9a571a2a 1s, fade-in-data-v-9a571a2a 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b4 .selection3[data-v-9a571a2a] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-9a571a2a 1s, fade-in-data-v-9a571a2a 1s;
    animation: slide-up-in-data-v-9a571a2a 1s, fade-in-data-v-9a571a2a 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

#app[state='web'] .product_b4 .selection4[data-v-9a571a2a] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-9a571a2a 1s, fade-in-data-v-9a571a2a 1s;
    animation: slide-up-in-data-v-9a571a2a 1s, fade-in-data-v-9a571a2a 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b4 .selection4 h2[data-v-9a571a2a],
#app[state='web'] .product_b4 .selection4 h3[data-v-9a571a2a] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-9a571a2a 1s, fade-in-data-v-9a571a2a 1s;
    animation: slide-up-in-data-v-9a571a2a 1s, fade-in-data-v-9a571a2a 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b4 .selection4 .swiper-wrapper > div[data-v-9a571a2a] {
    opacity: 0;
    -webkit-animation: fade-in-data-v-9a571a2a 1s;
    animation: fade-in-data-v-9a571a2a 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

#app[state='web'] .product_b4 .selection4 .swiper-wrapper > div[data-v-9a571a2a]:nth-child(1) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

#app[state='web'] .product_b4 .selection4 .swiper-wrapper > div[data-v-9a571a2a]:nth-child(2) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

#app[state='web'] .product_b4 .selection4 .swiper-wrapper > div[data-v-9a571a2a]:nth-child(3) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

#app[state='web'] .product_b4 .selection4 .swiper-wrapper > div[data-v-9a571a2a]:nth-child(4) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

#app[state='web'] .product_b4 .selection7 .swiper[data-v-9a571a2a] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-9a571a2a 1s, fade-in-data-v-9a571a2a 1s;
    animation: slide-up-in-data-v-9a571a2a 1s, fade-in-data-v-9a571a2a 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b4 .selection8 .item[data-v-9a571a2a] {
    opacity: 0;
    -webkit-animation: fade-in-data-v-9a571a2a 1s 0.2s;
    animation: fade-in-data-v-9a571a2a 1s 0.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

#app[state='web'] .product_b4 .selection8 .item[data-v-9a571a2a]:nth-child(2) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

#app[state='web'] .product_b4 .selection8 .item[data-v-9a571a2a]:nth-child(3) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

#app[state='web'] .product_b4 .selection8 .item[data-v-9a571a2a]:nth-child(4) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.product_b4 img[data-v-9a571a2a] {
    display: block;
}

.product_b4 h3[data-v-9a571a2a] {
    text-transform: Uppercase;
}

.product_b4 .banner[data-v-9a571a2a] {
    max-width: 19.2rem;
    margin: 0 auto;
    position: relative;
}

.product_b4 .banner img[data-v-9a571a2a] {
    width: 100%;
}

.product_b4 .banner > div[data-v-9a571a2a] {
    position: absolute;
    left: 2rem;
    top: 2.57rem;
}

.product_b4 .banner > div h2[data-v-9a571a2a] {
    font-size: 0.56rem;
    font-weight: 500;
    color: #ffffff;
    font-family: PingFangSC;
}

.product_b4 .banner > div p[data-v-9a571a2a] {
    font-size: 0.28rem;
    font-weight: 400;
    color: #ffffff;
    margin: 0.15rem 0 0.5rem 0;
}

.product_b4 .banner > div .btn[data-v-9a571a2a] {
    width: 2rem;
    height: 0.56rem;
    border-radius: 0.28rem;
    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;
    font-size: 0.2rem;
    font-weight: 400;
    color: #ffffff;
    cursor: pointer;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
    background: #0044b0;
}

.product_b4 .banner > div .btn i[data-v-9a571a2a] {
    width: 0.3rem;
    height: 0.25rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAZCAYAAAAmNZ4aAAADBElEQVRIibWWW4iWVRSGnzkwHvMQSCUSaKNjBuWhoS6UAsGLJMgSVNILRb3QCKK8iPDCi7oTSaHEI5VUhEp2nSXdFaljmSlqFOUBjZI8JjpP7HH9w3bz+c80jgsW/7/fvdZ+117fXmvvBpU60g68AEwH2oAHwvQG8DtwCPgK2AWcrrdQKXcifh5YA0yJ8W/AfuAccAkYCYwBngaGAzeBncBq4HivmBNxpiPVXd6SM+pb6tjCJtcm9Sl1k3pd/Vd9Q22o49Ol+WCM+nOQrlOH9ORc6Dh1b/h/EEH1SDxU/TGinvs/CXNtVN8N8g2BD1SXqSOqiDeG8cK7IK1pSvNHsd5s9VH1pno0stpNPFHtVD/tB9I8g3+oRyKQFyObh2Oui3htRNfWj8RJX4l1n4nx/Bi/XyNOURwsnAar7WpzxU6erDg46eS3FtioIHonw3ZEdiekwQ11a+H0bTh9UuCHA8/t22ON9B1nFvan1J3ZuDX81zYCTcDVorzb4ndShrUArfF/QoaPjzUaM7+aXAAGZeMTwPfArGbgIvBQ4fASMBfYkmHXgTnR1d7L8M+ARyKw7cU6o4GDBXYAWJK2/416rqeC74M+Fml9vfBdn8CUns+BUcDseq21D7IsXPYUrg92ZTk6ygX1mDqgn3abSvOauqeis51Wv64BSyMt23rT4HvQ4epP6qWKEnsueF7Nwe0BrrwL0ofVjiitsue3REB/qsPyiaYAv+gDYUsE/HekeF4xn7K4JTa22OJaTPqDui/7HrPC8PGKU59unWfVt6MvGx1wckVgy2N+cw0rDTqivF5WT3i7XA2CY1F+ndnsd+qCihZb093RxbqDby6O+jDgCWAGcDJK4lC8vRJ+PzA4Ot2p7M31a/g3ABOBqcBZYB/QGX7n44l0S4rILqr/qK/Vib6m96m/RBbSJzoZJzmXdC0uiix25P75jocCXwIrgDO96BeXgY+BcfHguwL8FVlI/Xga8CbwYdjf/gjs5zZZddpXRSZTxXTP3WvimqYnT+piqRJQ+Q8hbv6jcvuKJwAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
    margin-right: 0.13rem;
}

.product_b4 .selection1[data-v-9a571a2a] {
    height: 8.38rem;
    background: #fff;
    padding: 0.99rem 0 0 0;
}

.product_b4 .selection1 h2[data-v-9a571a2a] {
    font-size: 0.42rem;
    font-weight: bold;
    color: #111;
    line-height: 0.26rem;
    text-align: center;
}

.product_b4 .selection1 h3[data-v-9a571a2a] {
    font-family: Gilroy-Regular;
    font-weight: 400;
    color: #666;
    text-align: center;
    margin: 0.19rem 0 0.6rem 0;
    font-size: 0.18rem;
}

.product_b4 .selection1 > div[data-v-9a571a2a] {
    width: 15.2rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.product_b4 .selection1 > div .left ul li[data-v-9a571a2a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product_b4 .selection1 > div .left ul li[data-v-9a571a2a]:not(:last-child) {
    margin-bottom: 0.35rem;
}

.product_b4 .selection1 > div .left ul li .icon[data-v-9a571a2a] {
    width: 0.6rem;
    height: 0.6rem;
    background: #eff3fa;
    border-radius: 50%;
    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;
}

.product_b4 .selection1 > div .left ul li .icon img[data-v-9a571a2a] {
    max-width: 0.25rem;
}

.product_b4 .selection1 > div .left ul li .text[data-v-9a571a2a] {
    width: 7.2rem;
    margin: 0 0 0 0.2rem;
}

.product_b4 .selection1 > div .left ul li .text h6[data-v-9a571a2a] {
    font-size: 0.18rem;
    font-weight: 400;
    color: #8490a3;
    line-height: 0.32rem;
}

.product_b4 .selection1 > div .left ul li .text p[data-v-9a571a2a] {
    font-size: 0.16rem;
    font-weight: 400;
    color: #333333;
    line-height: 0.29rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.product_b4 .selection1 > div .right[data-v-9a571a2a] {
    width: 6.6rem;
    height: 5rem;
}

.product_b4 .selection1 > div .right img[data-v-9a571a2a] {
    width: 100%;
    height: 100%;
    border-radius: 0.08rem;
}

.product_b4 .selection2[data-v-9a571a2a] {
    padding: 0.99rem 0;
    background: #f8f9fc;
}

.product_b4 .selection2 h2[data-v-9a571a2a] {
    font-size: 0.42rem;
    font-weight: bold;
    color: #111;
    line-height: 0.26rem;
    text-align: center;
}

.product_b4 .selection2 h3[data-v-9a571a2a] {
    font-family: Gilroy-Regular;
    font-weight: 400;
    color: #666;
    text-align: center;
    margin: 0.19rem 0 0.6rem 0;
    font-size: 0.18rem;
}

.product_b4 .selection2 > div[data-v-9a571a2a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 19.2rem;
    margin: 0 auto;
}

.product_b4 .selection2 > div .right[data-v-9a571a2a] {
    display: none;
    width: 15.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product_b4 .selection2 > div .right img[data-v-9a571a2a] {
    width: 7.25rem;
    background: #648ab0;
    border-radius: 0.08rem;
    margin-right: 0.39rem;
}

.product_b4 .selection2 > div .right div[data-v-9a571a2a] {
    width: 7.34rem;
    font-size: 0.17rem;
    font-weight: 400;
    color: #666;
    line-height: 0.36rem;
    text-align: justify;
    white-space: pre-wrap;
}

.product_b4 .selection2 > ul[data-v-9a571a2a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 15.2rem;
    margin: 0 auto;
}

.product_b4 .selection2 > ul li[data-v-9a571a2a] {
    margin-top: 0.82rem;
}

.product_b4 .selection2 > ul li span[data-v-9a571a2a] {
    display: block;
    font-size: 0.48rem;
    font-weight: bold;
    font-style: italic;
    color: #0044b0;
    line-height: 0.48rem;
}

.product_b4 .selection2 > ul li p[data-v-9a571a2a] {
    display: block;
    font-size: 0.16rem;
    font-weight: 500;
    color: #666666;
    margin-top: 0.3rem;
}

.product_b4 .selection3[data-v-9a571a2a] {
    background: #fff;
    padding: 0.4rem 0 1rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product_b4 .selection3 > div[data-v-9a571a2a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 4.41rem;
    position: relative;
}

.product_b4 .selection3 > div .left[data-v-9a571a2a] {
    height: 4.41rem;
    width: 4.02rem;
    background: #0044b0;
    padding: 0.66rem 0.48rem 0 0.5rem;
    opacity: 0 !important;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.product_b4 .selection3 > div .left h2[data-v-9a571a2a] {
    font-size: 0.42rem;
    font-weight: bold;
    color: #fff;
    line-height: 0.26rem;
}

.product_b4 .selection3 > div .left h3[data-v-9a571a2a] {
    font-family: Gilroy-Regular;
    font-weight: 400;
    color: #fff;
    margin: 0.19rem 0 0.16rem 0;
    font-size: 0.18rem;
}

.product_b4 .selection3 > div .left p[data-v-9a571a2a] {
    font-size: 0.16rem;
    font-weight: 500;
    color: #ffffff;
    line-height: 0.36rem;
    text-align: justify;
}

.product_b4 .selection3 > div .center[data-v-9a571a2a] {
    width: 0;
    height: 4.41rem;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.product_b4 .selection3 > div .center img[data-v-9a571a2a] {
    width: 100%;
    height: 100%;
    opacity: 0 !important;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
}

.product_b4 .selection3 > div .center.active[data-v-9a571a2a] {
    width: 7.16rem;
}

.product_b4 .selection3 > div .center.active img[data-v-9a571a2a] {
    opacity: 1 !important;
}

.product_b4 .selection3 > div .left.active[data-v-9a571a2a] {
    opacity: 1 !important;
}

.product_b4 .selection3 > div .right.active[data-v-9a571a2a] {
    opacity: 0 !important;
}

.product_b4 .selection3 > div .right[data-v-9a571a2a] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    height: 4.41rem;
    width: 4.02rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    opacity: 1;
    -webkit-transition: all 0.3s forwards;
    transition: all 0.3s forwards;
}

.product_b4 .selection3 > div .right > div[data-v-9a571a2a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.product_b4 .selection3 > div .right > div i[data-v-9a571a2a] {
    display: block;
    border-radius: 100%;
    width: 1.2rem;
    height: 1.2rem;
    background: url(assets/8b1b4a0ed3031bdca4988584289b1725.png) no-repeat;
    background-size: 100% 100%;
}

.product_b4 .selection3 > div .right > div h2[data-v-9a571a2a] {
    font-size: 0.36rem;
    font-weight: bold;
    color: #111111;
    margin: 0.36rem 0 0.13rem 0;
    text-align: center;
    line-height: 0.36rem;
}

.product_b4 .selection3 > div .right > div h3[data-v-9a571a2a] {
    font-size: 0.16rem;
    font-family: Gilroy-Regular;
    font-weight: 400;
    text-align: center;
    color: #333333;
    line-height: 0.16rem;
}

.product_b4 .selection4[data-v-9a571a2a] {
    height: 8.1rem;
    background: url(assets/d6183db679586a6435c89dac3a2fca0f.jpg) no-repeat;
    background-size: 100% 100% !important;
    padding: 0.99rem 0 0 0;
}

.product_b4 .selection4 h2[data-v-9a571a2a] {
    font-size: 0.42rem;
    font-weight: bold;
    color: #ffffff;
    line-height: 0.26rem;
    text-align: center;
}

.product_b4 .selection4 h3[data-v-9a571a2a] {
    font-family: Gilroy-Regular;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    margin: 0.19rem 0 0.6rem 0;
    font-size: 0.18rem;
}

.product_b4 .selection4 .swiper[data-v-9a571a2a] {
    margin: 0 auto;
    width: 15.2rem;
}

.product_b4 .selection4 .swiper .swiper-container .swiper-wrapper > div[data-v-9a571a2a] {
    background: #ffffff;
    height: 4.89rem;
    position: relative;
    -webkit-box-shadow: 0 0 0.16rem 0 rgba(0, 68, 176, 0.06);
    box-shadow: 0 0 0.16rem 0 rgba(0, 68, 176, 0.06);
    border-radius: 0.08rem;
}

.product_b4 .selection4 .swiper .swiper-container .swiper-wrapper > div[data-v-9a571a2a]:last-child {
    margin: 0;
}

.product_b4 .selection4 .swiper .swiper-container .swiper-wrapper > div .icon[data-v-9a571a2a] {
    width: 0.77rem;
    height: 0.77rem;
    margin: 0.68rem auto 0.57rem auto;
}

.product_b4 .selection4 .swiper .swiper-container .swiper-wrapper > div .icon img[data-v-9a571a2a] {
    max-width: 100%;
}

.product_b4 .selection4 .swiper .swiper-container .swiper-wrapper > div h2[data-v-9a571a2a] {
    font-size: 0.24rem;
    font-weight: bold;
    color: #111111;
    padding-bottom: 0.24rem;
    margin: 0 auto;
    white-space: nowrap;
    text-align: center;
    position: relative;
}

.product_b4 .selection4 .swiper .swiper-container .swiper-wrapper > div h2[data-v-9a571a2a]::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    margin-left: -0.22rem;
    width: 0.44rem;
    border-bottom: 0.02rem solid #dddddd;
}

.product_b4 .selection4 .swiper .swiper-container .swiper-wrapper > div p[data-v-9a571a2a] {
    margin: 0.24rem 0 0 0;
    font-size: 0.16rem;
    width: 2.71rem;
    color: #666666;
    line-height: 0.26rem;
    margin: 0.24rem auto 0 auto;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
}

.product_b4 .selection7[data-v-9a571a2a] {
    background: #fff;
    padding: 0.99rem 0 0.7rem 0;
}

.product_b4 .selection7 h2[data-v-9a571a2a] {
    font-size: 0.42rem;
    font-weight: bold;
    color: #111;
    line-height: 0.26rem;
    text-align: center;
}

.product_b4 .selection7 h3[data-v-9a571a2a] {
    font-family: Gilroy-Regular;
    font-weight: 400;
    color: #666;
    text-align: center;
    margin: 0.19rem 0 0.1rem 0;
    font-size: 0.18rem;
}

.product_b4 .selection7 .swiper[data-v-9a571a2a] {
    width: 13.43rem;
    margin: 0 auto;
    position: relative;
}

.product_b4 .selection7 .swiper .swiper-wrapper > div[data-v-9a571a2a] {
    background: transparent;
    height: 5rem;
    position: relative;
    border-radius: 0.08rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.product_b4 .selection7 .swiper .swiper-wrapper > div img[data-v-9a571a2a] {
    width: 100%;
    height: 2.44rem;
}

.product_b4 .selection7 .swiper .swiper-wrapper > div.swiper-slide-next[data-v-9a571a2a] {
    -webkit-transform: scale(1.46);
    transform: scale(1.46);
    z-index: 99;
}

.product_b4 .selection7 .swiper .swiper-pagination[data-v-9a571a2a] {
    bottom: 0;
}

.product_b4 .selection7 .swiper .swiper-button-prev[data-v-9a571a2a] {
    width: 0.5rem;
    height: 0.35rem;
    width: 0.45rem;
    height: 0.45rem;
    border: 0.02rem solid #eeeeee;
    border-radius: 50%;
    left: -0.88rem;
    top: 2.5rem;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product_b4 .selection7 .swiper .swiper-button-prev[data-v-9a571a2a]::after {
    font-size: 0.15rem;
    color: #111;
}

.product_b4 .selection7 .swiper .swiper-button-prev[data-v-9a571a2a]:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    border: 0.02rem solid #0044b0;
}

.product_b4 .selection7 .swiper .swiper-button-prev[data-v-9a571a2a]:hover::after {
    color: #0044b0;
}

.product_b4 .selection7 .swiper .swiper-button-next[data-v-9a571a2a] {
    width: 0.45rem;
    height: 0.45rem;
    top: 2.5rem;
    border: 0.02rem solid #eeeeee;
    border-radius: 50%;
    right: -0.88rem;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product_b4 .selection7 .swiper .swiper-button-next[data-v-9a571a2a]::after {
    font-size: 0.15rem;
    color: #111;
}

.product_b4 .selection7 .swiper .swiper-button-next[data-v-9a571a2a]:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    border: 0.02rem solid #0044b0;
}

.product_b4 .selection7 .swiper .swiper-button-next[data-v-9a571a2a]:hover::after {
    color: #0044b0;
}

.product_b4 .selection8[data-v-9a571a2a] {
    height: 4rem;
    background: #fff;
    padding: 1rem 0 0 0;
}

.product_b4 .selection8 > div[data-v-9a571a2a] {
    width: 15.2rem;
    height: 2rem;
    background: rgba(248, 249, 252, 0.2);
    border: 0.02rem dashed rgba(0, 68, 176, 0.2);
    border-radius: 0.08rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 0.5rem;
}

.product_b4 .selection8 > div .item[data-v-9a571a2a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product_b4 .selection8 > div .item i[data-v-9a571a2a] {
    width: 1rem;
    height: 1rem;
    background: #ffffff;
    -webkit-box-shadow: 0 0 0.27rem 0 rgba(25, 69, 134, 0.06);
    box-shadow: 0 0 0.27rem 0 rgba(25, 69, 134, 0.06);
    border-radius: 50%;
    margin-right: 0.3rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    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;
}

.product_b4 .selection8 > div .item i img[data-v-9a571a2a] {
    max-width: 0.38rem;
}

.product_b4 .selection8 > div .item > div h5[data-v-9a571a2a] {
    font-size: 0.16rem;
    font-weight: 500;
    color: #666666;
    white-space: nowrap;
}

.product_b4 .selection8 > div .item > div h6[data-v-9a571a2a] {
    font-size: 0.2rem;
    font-weight: 700;
    font-family: Gilroy-Bold;
    color: #333;
    line-height: 0.36rem;
    white-space: nowrap;
}

.product_b4 .selection8 > div .item[data-v-9a571a2a]:nth-child(1) {
    width: 3.94rem;
    padding-left: 0.6rem;
}

.product_b4 .selection8 > div .item[data-v-9a571a2a]:nth-child(2) {
    width: 3.92rem;
}

.product_b4 .selection8 > div .item[data-v-9a571a2a]:nth-child(3) {
    width: 4.8rem;
}

.product_b4 .selection8 > div .item[data-v-9a571a2a]:nth-child(4) {
    margin: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -0.15rem;
    width: 1.34rem;
    height: 1.34rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.product_b4 .selection8 > div .item:nth-child(4) img[data-v-9a571a2a] {
    width: 1.34rem;
    height: 1.34rem;
}

.product_b4 .selection8 > div .item:nth-child(4) h6[data-v-9a571a2a] {
    width: 100%;
    text-align: center;
    font-size: 0.16rem;
    font-weight: 500;
    color: #666666;
    line-height: 0.36rem;
}

.product_b4 .selection8 > div .item div h5[data-v-9a571a2a] {
    margin-top: 0.2rem;
}

#app[state='portrait'] .product_b4 .banner > div[data-v-9a571a2a] {
    left: 0.5rem;
    top: 1.07rem;
}

#app[state='portrait'] .product_b4 [class*='selection'] > h3[data-v-9a571a2a] {
    font-size: calc(0.18rem * 1.2);
}

#app[state='portrait'] .product_b4 .selection1[data-v-9a571a2a] {
    height: auto;
    width: 100%;
    padding: 1rem 0.4rem;
}

#app[state='portrait'] .product_b4 .selection1 > div[data-v-9a571a2a] {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#app[state='portrait'] .product_b4 .selection1 > div .left[data-v-9a571a2a] {
    width: 100%;
    height: auto;
    padding-bottom: 0.2rem;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

#app[state='portrait'] .product_b4 .selection1 > div .left ul li .icon[data-v-9a571a2a] {
    width: calc(0.6rem * 1.5);
    height: calc(0.6rem * 1.5);
}

#app[state='portrait'] .product_b4 .selection1 > div .left ul li .text h6[data-v-9a571a2a] {
    font-size: calc(0.2rem * 1.5);
    line-height: calc(0.32rem * 1.5);
}

#app[state='portrait'] .product_b4 .selection1 > div .left ul li .text p[data-v-9a571a2a] {
    font-size: calc(0.18rem * 1.5);
    line-height: calc(0.29rem * 1.5);
}

#app[state='portrait'] .product_b4 .selection1 > div .right[data-v-9a571a2a] {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 70%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 0.2rem;
}

#app[state='portrait'] .product_b4 .selection1 > div .right img[data-v-9a571a2a] {
    width: 100%;
    height: auto;
}

#app[state='portrait'] .product_b4 .selection2[data-v-9a571a2a] {
    padding: 1rem 0.4rem;
    width: 100%;
}

#app[state='portrait'] .product_b4 .selection2 > div .right[data-v-9a571a2a] {
    width: 100%;
    display: block;
}

#app[state='portrait'] .product_b4 .selection2 > div .right img[data-v-9a571a2a] {
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.2rem;
}

#app[state='portrait'] .product_b4 .selection2 > div .right div[data-v-9a571a2a] {
    height: auto;
    width: 100%;
    margin: 0;
    font-size: calc(0.17rem * 1.5);
    line-height: calc(0.36rem * 1.5);
}

#app[state='portrait'] .product_b4 .selection3[data-v-9a571a2a] {
    padding: 0;
    padding-bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#app[state='portrait'] .product_b4 .selection3 > div[data-v-9a571a2a] {
    width: 100%;
    display: block;
    height: auto;
}

#app[state='portrait'] .product_b4 .selection3 > div .left[data-v-9a571a2a] {
    width: 100%;
    opacity: 1 !important;
}

#app[state='portrait'] .product_b4 .selection3 > div .left > h3[data-v-9a571a2a] {
    font-size: calc(0.18rem * 1.2);
}

#app[state='portrait'] .product_b4 .selection3 > div .left p[data-v-9a571a2a] {
    font-size: calc(0.16rem * 1.5);
    line-height: calc(0.36rem * 1.5);
}

#app[state='portrait'] .product_b4 .selection3 > div .center[data-v-9a571a2a] {
    display: none;
    opacity: 1 !important;
}

#app[state='portrait'] .product_b4 .selection3 > div .right[data-v-9a571a2a] {
    display: none;
    padding-top: 0.4rem;
    width: 100%;
    padding-bottom: 0.4rem;
}

#app[state='portrait'] .product_b4 .selection3 > div .right > h3[data-v-9a571a2a] {
    font-size: calc(0.18rem * 1.2);
    line-height: 1.2;
}

#app[state='portrait'] .product_b4 .selection4[data-v-9a571a2a] {
    background-size: cover !important;
}

#app[state='portrait'] .product_b4 .selection4 .swiper[data-v-9a571a2a] {
    width: 8.2rem;
}

#app[state='portrait'] .product_b4 .selection4 .swiper .icon[data-v-9a571a2a] {
    width: calc(0.77rem * 1.5);
    height: calc(0.77rem * 1.5);
}

#app[state='portrait'] .product_b4 .selection4 .swiper p[data-v-9a571a2a] {
    font-size: calc(0.16rem * 1.5);
    line-height: calc(0.26rem * 1.5);
    -webkit-line-clamp: 3;
}

#app[state='portrait'] .product_b4 .selection7[data-v-9a571a2a] {
    background: #fff;
    padding: 0.99rem 0 0.7rem 0;
}

#app[state='portrait'] .product_b4 .selection7 h2[data-v-9a571a2a] {
    font-size: 0.42rem;
    font-weight: bold;
    color: #111;
    line-height: 0.26rem;
    text-align: center;
}

#app[state='portrait'] .product_b4 .selection7 h3[data-v-9a571a2a] {
    font-family: Gilroy-Regular;
    font-weight: 400;
    color: #666;
    text-align: center;
    margin: 0.19rem 0 0.1rem 0;
}

#app[state='portrait'] .product_b4 .selection7 .swiper[data-v-9a571a2a] {
    width: 7rem;
    margin-top: -0.2rem;
}

#app[state='portrait'] .product_b4 .selection7 .swiper .swiper-wrapper > div.swiper-slide-next[data-v-9a571a2a] {
    -webkit-transform: scale(1);
    transform: scale(1);
}

#app[state='portrait'] .product_b4 .selection7 .swiper .swiper-wrapper > div img[data-v-9a571a2a] {
    height: auto;
}

#app[state='portrait'] .product_b4 .selection7 .swiper .swiper-pagination[data-v-9a571a2a] {
    bottom: -0.2rem;
}

#app[state='portrait'] .product_b4 .selection7 .swiper .swiper-button-prev[data-v-9a571a2a] {
    width: 0.45rem;
    height: 0.45rem;
    border: 0.02rem solid #eeeeee;
    border-radius: 50%;
    left: 0;
    top: auto;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: scale(1);
    transform: scale(1);
    bottom: -0.39rem;
}

#app[state='portrait'] .product_b4 .selection7 .swiper .swiper-button-prev[data-v-9a571a2a]::after {
    font-size: 0.15rem;
    color: #111;
}

#app[state='portrait'] .product_b4 .selection7 .swiper .swiper-button-prev[data-v-9a571a2a]:hover {
    -webkit-transform: scale(1);
    transform: scale(1);
    border: 0.02rem solid #0044b0;
}

#app[state='portrait'] .product_b4 .selection7 .swiper .swiper-button-prev[data-v-9a571a2a]:hover::after {
    color: #0044b0;
}

#app[state='portrait'] .product_b4 .selection7 .swiper .swiper-button-next[data-v-9a571a2a] {
    width: 0.45rem;
    height: 0.45rem;
    border: 0.02rem solid #eeeeee;
    border-radius: 50%;
    right: 0;
    top: auto;
    bottom: -0.39rem;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: scale(1);
    transform: scale(1);
}

#app[state='portrait'] .product_b4 .selection7 .swiper .swiper-button-next[data-v-9a571a2a]::after {
    font-size: 0.15rem;
    color: #111;
}

#app[state='portrait'] .product_b4 .selection7 .swiper .swiper-button-next[data-v-9a571a2a]:hover {
    -webkit-transform: scale(1);
    transform: scale(1);
    border: 0.02rem solid #0044b0;
}

#app[state='portrait'] .product_b4 .selection7 .swiper .swiper-button-next[data-v-9a571a2a]:hover::after {
    color: #0044b0;
}

#app[state='portrait'] .product_b4 .selection8[data-v-9a571a2a] {
    height: auto;
    margin-bottom: 1rem;
}

#app[state='portrait'] .product_b4 .selection8 > div[data-v-9a571a2a] {
    height: auto;
    width: 8.2rem;
    padding: 0.4rem 0.1rem 0.4rem 0.1rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#app[state='portrait'] .product_b4 .selection8 > div .item[data-v-9a571a2a] {
    padding-left: 0;
    margin-bottom: 0.3rem;
}

#app[state='portrait'] .product_b4 .selection8 > div .item i[data-v-9a571a2a] {
    width: calc(0.8rem * 1.5);
    height: calc(0.8rem * 1.5);
}

#app[state='portrait'] .product_b4 .selection8 > div .item i img[data-v-9a571a2a] {
    max-width: calc(0.35rem * 1.5);
}

#app[state='portrait'] .product_b4 .selection8 > div .item h5[data-v-9a571a2a],
#app[state='portrait'] .product_b4 .selection8 > div .item h6[data-v-9a571a2a] {
    width: 100%;
    font-size: calc(0.2rem * 1.4);
}

#app[state='portrait'] .product_b4 .selection8 > div .item h5[data-v-9a571a2a] {
    font-size: calc(0.16rem * 1.5);
    margin-bottom: 0.1rem;
}

#app[state='portrait'] .product_b4 .selection8 > div .item[data-v-9a571a2a]:nth-child(1) {
    width: 50%;
}

#app[state='portrait'] .product_b4 .selection8 > div .item[data-v-9a571a2a]:nth-child(2) {
    width: 50%;
    padding-right: 0.3rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

#app[state='portrait'] .product_b4 .selection8 > div .item[data-v-9a571a2a]:nth-child(3) {
    width: 50%;
    margin-top: 0.5rem;
}

#app[state='portrait'] .product_b4 .selection8 > div .item[data-v-9a571a2a]:nth-child(4) {
    width: 50%;
    text-align: right;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 0.3rem;
    -webkit-transform: translateY(-0.1rem);
    transform: translateY(-0.1rem);
}

#app[state='portrait'] .product_b4 .selection8 > div .item:nth-child(4) div[data-v-9a571a2a] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

#app[state='portrait'] .product_b4 .selection8 > div .item:nth-child(4) h6[data-v-9a571a2a] {
    width: 1.34rem;
    text-align: center;
    line-height: calc(0.16rem * 1.5);
    font-size: calc(0.2rem * 1.3);
}@-webkit-keyframes slide-right-in-data-v-06b4ebf2 {
     0% {
         -webkit-transform: translateX(0.4rem);
         transform: translateX(0.4rem);
     }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
 }

@keyframes slide-right-in-data-v-06b4ebf2 {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-06b4ebf2 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-06b4ebf2 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-06b4ebf2 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-06b4ebf2 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-06b4ebf2 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-06b4ebf2 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-06b4ebf2 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-06b4ebf2 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#app[state='web'] .product_b5 .selection1 h2[data-v-06b4ebf2],
#app[state='web'] .product_b5 .selection1 h3[data-v-06b4ebf2] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-06b4ebf2 1s, fade-in-data-v-06b4ebf2 1s;
    animation: slide-up-in-data-v-06b4ebf2 1s, fade-in-data-v-06b4ebf2 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b5 .selection1 .left[data-v-06b4ebf2] {
    opacity: 0;
    -webkit-animation: slide-left-in-data-v-06b4ebf2 1s, fade-in-data-v-06b4ebf2 1s;
    animation: slide-left-in-data-v-06b4ebf2 1s, fade-in-data-v-06b4ebf2 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b5 .selection1 .right[data-v-06b4ebf2] {
    opacity: 0;
    -webkit-animation: slide-right-in-data-v-06b4ebf2 1s, fade-in-data-v-06b4ebf2 1s;
    animation: slide-right-in-data-v-06b4ebf2 1s, fade-in-data-v-06b4ebf2 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b5 .selection2[data-v-06b4ebf2],
#app[state='web'] .product_b5 .selection3[data-v-06b4ebf2],
#app[state='web'] .product_b5 .selection4[data-v-06b4ebf2],
#app[state='web'] .product_b5 .selection5[data-v-06b4ebf2],
#app[state='web'] .product_b5 .selection6[data-v-06b4ebf2],
#app[state='web'] .product_b5 .selection7[data-v-06b4ebf2] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-06b4ebf2 1s, fade-in-data-v-06b4ebf2 1s;
    animation: slide-up-in-data-v-06b4ebf2 1s, fade-in-data-v-06b4ebf2 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b5 .selection8 h2[data-v-06b4ebf2],
#app[state='web'] .product_b5 .selection8 h3[data-v-06b4ebf2] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-06b4ebf2 1s, fade-in-data-v-06b4ebf2 1s;
    animation: slide-up-in-data-v-06b4ebf2 1s, fade-in-data-v-06b4ebf2 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b5 .selection8 .swiper[data-v-06b4ebf2] .swiper-container .swiper-wrapper > div {
    opacity: 0;
    -webkit-animation: fade-in-data-v-06b4ebf2 1s 0.2s;
    animation: fade-in-data-v-06b4ebf2 1s 0.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b5 .selection8 .swiper[data-v-06b4ebf2] .swiper-container .swiper-wrapper > div:nth-child(2) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

#app[state='web'] .product_b5 .selection8 .swiper[data-v-06b4ebf2] .swiper-container .swiper-wrapper > div:nth-child(3) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

#app[state='web'] .product_b5 .selection8 .swiper[data-v-06b4ebf2] .swiper-container .swiper-wrapper > div:nth-child(4) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.product_b5 img[data-v-06b4ebf2] {
    display: block;
}

.product_b5 h3[data-v-06b4ebf2] {
    text-transform: Uppercase;
}

.product_b5 .banner[data-v-06b4ebf2] {
    max-width: 19.2rem;
    margin: 0 auto;
    position: relative;
    min-height: 4.8rem;
}

.product_b5 .banner img[data-v-06b4ebf2] {
    width: 100%;
}

.product_b5 .banner > div[data-v-06b4ebf2] {
    position: absolute;
    left: 2rem;
    top: 2.67rem;
}

.product_b5 .banner > div h2[data-v-06b4ebf2] {
    font-size: 0.56rem;
    font-weight: 500;
    color: #ffffff;
}

.product_b5 .banner > div p[data-v-06b4ebf2] {
    font-size: 0.28rem;
    font-weight: 400;
    color: #ffffff;
    margin: 0.33rem 0 0.5rem 0;
}

.product_b5 .banner > div .btn[data-v-06b4ebf2] {
    width: 2rem;
    height: 0.56rem;
    border-radius: 0.28rem;
    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;
    font-size: 0.2rem;
    font-weight: 400;
    color: #ffffff;
    cursor: pointer;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
    background: #0044b0;
}

.product_b5 .banner > div .btn i[data-v-06b4ebf2] {
    width: 0.3rem;
    height: 0.25rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAZCAYAAAAmNZ4aAAADBElEQVRIibWWW4iWVRSGnzkwHvMQSCUSaKNjBuWhoS6UAsGLJMgSVNILRb3QCKK8iPDCi7oTSaHEI5VUhEp2nSXdFaljmSlqFOUBjZI8JjpP7HH9w3bz+c80jgsW/7/fvdZ+117fXmvvBpU60g68AEwH2oAHwvQG8DtwCPgK2AWcrrdQKXcifh5YA0yJ8W/AfuAccAkYCYwBngaGAzeBncBq4HivmBNxpiPVXd6SM+pb6tjCJtcm9Sl1k3pd/Vd9Q22o49Ol+WCM+nOQrlOH9ORc6Dh1b/h/EEH1SDxU/TGinvs/CXNtVN8N8g2BD1SXqSOqiDeG8cK7IK1pSvNHsd5s9VH1pno0stpNPFHtVD/tB9I8g3+oRyKQFyObh2Oui3htRNfWj8RJX4l1n4nx/Bi/XyNOURwsnAar7WpzxU6erDg46eS3FtioIHonw3ZEdiekwQ11a+H0bTh9UuCHA8/t22ON9B1nFvan1J3ZuDX81zYCTcDVorzb4ndShrUArfF/QoaPjzUaM7+aXAAGZeMTwPfArGbgIvBQ4fASMBfYkmHXgTnR1d7L8M+ARyKw7cU6o4GDBXYAWJK2/416rqeC74M+Fml9vfBdn8CUns+BUcDseq21D7IsXPYUrg92ZTk6ygX1mDqgn3abSvOauqeis51Wv64BSyMt23rT4HvQ4epP6qWKEnsueF7Nwe0BrrwL0ofVjiitsue3REB/qsPyiaYAv+gDYUsE/HekeF4xn7K4JTa22OJaTPqDui/7HrPC8PGKU59unWfVt6MvGx1wckVgy2N+cw0rDTqivF5WT3i7XA2CY1F+ndnsd+qCihZb093RxbqDby6O+jDgCWAGcDJK4lC8vRJ+PzA4Ot2p7M31a/g3ABOBqcBZYB/QGX7n44l0S4rILqr/qK/Vib6m96m/RBbSJzoZJzmXdC0uiix25P75jocCXwIrgDO96BeXgY+BcfHguwL8FVlI/Xga8CbwYdjf/gjs5zZZddpXRSZTxXTP3WvimqYnT+piqRJQ+Q8hbv6jcvuKJwAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
    margin-right: 0.13rem;
}

.product_b5 .selection1[data-v-06b4ebf2] {
    background: #fff;
    padding: 0.99rem 0 0 0;
}

.product_b5 .selection1 h2[data-v-06b4ebf2] {
    font-size: 0.42rem;
    font-weight: bold;
    color: #111;
    line-height: 0.26rem;
    text-align: center;
}

.product_b5 .selection1 h3[data-v-06b4ebf2] {
    font-family: Gilroy-Regular;
    font-weight: 400;
    color: #666;
    text-align: center;
    margin: 0.19rem 0 0.6rem 0;
    font-size: 0.18rem;
}

.product_b5 .selection1 > div[data-v-06b4ebf2] {
    width: 15.2rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product_b5 .selection1 > div .left[data-v-06b4ebf2] {
    width: 7.6rem;
    height: 5rem;
    border-radius: 0 0.08rem 0.08rem 0;
}

.product_b5 .selection1 > div .left img[data-v-06b4ebf2] {
    width: 100%;
    height: 100%;
    border-radius: 0 0.08rem 0.08rem 0;
}

.product_b5 .selection1 > div .right[data-v-06b4ebf2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.18rem;
    font-weight: 500;
    color: #333333;
    line-height: 0.36rem;
    position: relative;
    width: 7.6rem;
    height: 5rem;
    background: #ffffff;
    -webkit-box-shadow: 0 0 0.16rem 0 rgba(0, 68, 176, 0.1);
    box-shadow: 0 0 0.16rem 0 rgba(0, 68, 176, 0.1);
    border-radius: 0.08rem 0 0 0.08rem;
}

.product_b5 .selection1 > div .right b[data-v-06b4ebf2] {
    font-size: 0.24rem;
}

.product_b5 .selection1 > div .right i[data-v-06b4ebf2] {
    position: absolute;
    width: 0.76rem;
    height: 0.73rem;
}

.product_b5 .selection1 > div .right i.lower[data-v-06b4ebf2] {
    left: 0.5rem;
    top: 0.5rem;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 100% 100%;
}

.product_b5 .selection1 > div .right i.upper[data-v-06b4ebf2] {
    right: 0.5rem;
    bottom: 0.5rem;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 100% 100%;
}

.product_b5 .selection2[data-v-06b4ebf2] {
    padding: 0.99rem 0;
    background: #f8f9fc;
}

.product_b5 .selection2 h2[data-v-06b4ebf2] {
    text-align: center;
    font-size: 0.42rem;
    font-weight: bold;
    color: #111111;
    line-height: 0.24rem;
    margin-bottom: 0.87rem;
}

.product_b5 .selection2 div[data-v-06b4ebf2] {
    position: relative;
}

.product_b5 .selection2 div img[data-v-06b4ebf2] {
    width: 9.3rem;
    height: 4rem;
    margin: 1.45rem auto 0 auto;
}

.product_b5 .selection2 div .xjr[data-v-06b4ebf2] {
    width: auto;
    height: auto;
    position: absolute;
    left: 50%;
    width: 0.66rem;
    height: 1.95rem;
    top: -0.5rem;
    margin: 0;
    -webkit-transform: translateX(-58%);
    transform: translateX(-58%);
}

.product_b5 .selection3[data-v-06b4ebf2] {
    background: #fff;
    padding: 0.99rem 0 1.62rem 0;
}

.product_b5 .selection3 h2[data-v-06b4ebf2] {
    font-size: 0.42rem;
    font-weight: bold;
    color: #111;
    line-height: 0.26rem;
    text-align: center;
}

.product_b5 .selection3 h3[data-v-06b4ebf2] {
    font-family: Gilroy-Regular;
    font-weight: 400;
    color: #666;
    text-align: center;
    margin: 0.19rem 0 0.6rem 0;
    font-size: 0.18rem;
}

.product_b5 .selection3 .flex[data-v-06b4ebf2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 0.6rem 0;
}

.product_b5 .selection3 .flex > div[data-v-06b4ebf2] {
    width: 7.4rem;
    height: 2.3rem;
    background: #ffffff;
    -webkit-box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.15);
    box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.15);
    border-radius: 0.08rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.66rem 0 0 0.97rem;
}

.product_b5 .selection3 .flex > div[data-v-06b4ebf2]:nth-child(1) {
    margin-right: 0.4rem;
}

.product_b5 .selection3 .flex > div:nth-child(1) i[data-v-06b4ebf2] {
    width: 0.8rem;
    height: 0.7rem;
    margin: 0 0.58rem 0 0;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 100% 100% !important;
}

.product_b5 .selection3 .flex > div i[data-v-06b4ebf2] {
    width: 0.8rem;
    height: 0.7rem;
    margin: 0 0.58rem 0 0;
    background: url(assets/08681ce7bda0075316afd00b08c087eb.png) no-repeat;
    background-size: 100% 100% !important;
}

.product_b5 .selection3 .flex > div div h4[data-v-06b4ebf2] {
    font-size: 0.24rem;
    font-weight: 600;
    color: #333333;
    line-height: 0.26rem;
}

.product_b5 .selection3 .flex > div div p[data-v-06b4ebf2] {
    width: 4.22rem;
    font-size: 0.17rem;
    font-weight: 400;
    color: #666666;
    line-height: 0.32rem;
    margin-top: 0.15rem;
}

.product_b5 .selection3 .swiper[data-v-06b4ebf2] {
    width: 15.3rem;
    margin: 0 auto;
    -webkit-transform: translateX(0.05rem);
    transform: translateX(0.05rem);
    position: relative;
}

.product_b5 .selection3 .swiper .swiper-wrapper > div[data-v-06b4ebf2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.07rem 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.product_b5 .selection3 .swiper .swiper-wrapper > div > div[data-v-06b4ebf2] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 5.2rem;
    height: 5.7rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.product_b5 .selection3 .swiper .swiper-wrapper > div > div img[data-v-06b4ebf2] {
    width: 100%;
    height: 100%;
    border-radius: 0.08rem;
}

.product_b5 .selection3 .swiper .swiper-wrapper > div ul[data-v-06b4ebf2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 0.07rem;
    margin-left: 0.5rem;
}

.product_b5 .selection3 .swiper .swiper-wrapper > div ul li[data-v-06b4ebf2] {
    width: 4.6rem;
    height: 2.7rem;
    background: #ffffff;
    -webkit-box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.15);
    box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.15);
    border-radius: 0.08rem;
    margin-bottom: 0.3rem;
    font-size: 0.16rem;
    padding: 0.43rem 0.3rem 0 0.6rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.product_b5 .selection3 .swiper .swiper-wrapper > div ul li[data-v-06b4ebf2]:nth-child(2n) {
    margin-right: 0;
}

.product_b5 .selection3 .swiper .swiper-wrapper > div ul li div[data-v-06b4ebf2] {
    padding: 0 0 0 0.7rem;
    position: relative;
}

.product_b5 .selection3 .swiper .swiper-wrapper > div ul li div[data-v-06b4ebf2]::after {
    content: '';
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 100% 100%;
    border-radius: 50%;
    top: 0.1rem;
    left: 0;
}

.product_b5 .selection3 .swiper .swiper-wrapper > div ul li div h5[data-v-06b4ebf2] {
    font-size: 0.2rem;
    font-weight: 500;
    color: #333333;
    line-height: 0.36rem;
}

.product_b5 .selection3 .swiper .swiper-wrapper > div ul li div h6[data-v-06b4ebf2] {
    font-size: 0.2rem;
    font-weight: 500;
    color: #333333;
    line-height: 0.36rem;
}

.product_b5 .selection3 .swiper .swiper-wrapper > div ul li p[data-v-06b4ebf2] {
    margin-top: 0.26rem;
    font-size: 0.18rem;
    font-weight: 500;
    color: #666666;
    line-height: 0.36rem;
}

.product_b5 .selection3 .swiper .swiper-pagination[data-v-06b4ebf2] {
    bottom: -0.55rem;
}

.product_b5 .selection3 .swiper .swiper-button-prev[data-v-06b4ebf2] {
    left: 0;
    top: auto;
    bottom: -0.68rem;
}

.product_b5 .selection3 .swiper .swiper-button-prev[data-v-06b4ebf2]::after {
    color: #cecece;
}

.product_b5 .selection3 .swiper .swiper-button-next[data-v-06b4ebf2] {
    right: 0;
    top: auto;
    bottom: -0.68rem;
}

.product_b5 .selection3 .swiper .swiper-button-next[data-v-06b4ebf2]::after {
    color: #cecece;
}

.product_b5 .selection4[data-v-06b4ebf2] {
    background: #f8f9fc;
    padding: 0.99rem 0 1.56rem 0;
}

.product_b5 .selection4 .swiper[data-v-06b4ebf2] {
    width: 15.3rem;
    margin: 0 auto;
    -webkit-transform: translateX(0.05rem);
    transform: translateX(0.05rem);
    position: relative;
}

.product_b5 .selection4 .swiper .swiper-wrapper > div[data-v-06b4ebf2] {
    height: 6.6rem;
}

.product_b5 .selection4 .swiper .swiper-wrapper > div img[data-v-06b4ebf2] {
    width: 100%;
    display: block;
}

.product_b5 .selection4 .swiper .swiper-pagination[data-v-06b4ebf2] {
    bottom: -0.55rem;
}

.product_b5 .selection4 .swiper .swiper-button-prev[data-v-06b4ebf2] {
    left: 0;
    top: auto;
    bottom: -0.68rem;
}

.product_b5 .selection4 .swiper .swiper-button-prev[data-v-06b4ebf2]::after {
    color: #cecece;
}

.product_b5 .selection4 .swiper .swiper-button-next[data-v-06b4ebf2] {
    right: 0;
    top: auto;
    bottom: -0.68rem;
}

.product_b5 .selection4 .swiper .swiper-button-next[data-v-06b4ebf2]::after {
    color: #cecece;
}

.product_b5 .selection5[data-v-06b4ebf2] {
    background: #fff;
    padding: 0.8rem 0 1.56rem 0;
}

.product_b5 .selection5 h4[data-v-06b4ebf2] {
    font-size: 0.34rem;
    font-weight: 500;
    color: #111111;
    line-height: 0.26rem;
    text-align: center;
    margin: 0 0 0.6rem 0;
}

.product_b5 .selection5 .swiper[data-v-06b4ebf2] {
    width: 15.3rem;
    margin: 0 auto;
    -webkit-transform: translateX(0.05rem);
    transform: translateX(0.05rem);
    position: relative;
}

.product_b5 .selection5 .swiper .swiper-wrapper > div[data-v-06b4ebf2] {
    height: 5.5rem;
    background: url(assets/3fc95e1b4d1f54daa3907298a65eff44.png) no-repeat center bottom;
    background-size: 15.29rem 1.75rem;
}

.product_b5 .selection5 .swiper .swiper-wrapper > div ul[data-v-06b4ebf2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.9rem 0.1rem;
}

.product_b5 .selection5 .swiper .swiper-wrapper > div ul li[data-v-06b4ebf2] {
    width: 2.28rem;
    height: 3.17rem;
    background: #ffffff;
    border-radius: 0.25rem;
    font-size: 0.16rem;
    font-weight: 500;
    color: #666666;
    -webkit-box-shadow: 0 0.02rem 0.08rem 0 rgba(45, 87, 159, 0.34);
    box-shadow: 0 0.02rem 0.08rem 0 rgba(45, 87, 159, 0.34);
    line-height: 0.26rem;
}

.product_b5 .selection5 .swiper .swiper-wrapper > div ul li p[data-v-06b4ebf2] {
    width: 1.6rem;
    font-size: 0.16rem;
    font-weight: 500;
    color: #666666;
    margin: 0 auto;
    line-height: 0.26rem;
}

.product_b5 .selection5 .swiper .swiper-wrapper > div ul li i[data-v-06b4ebf2] {
    width: 0.5rem;
    height: 0.5rem;
    display: block;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 100% 100% !important;
    margin: 0.22rem auto 0.37rem auto;
}

.product_b5 .selection5 .swiper .swiper-wrapper > div ul li[data-v-06b4ebf2]:nth-child(2n) {
    -webkit-transform: translateY(-0.83rem);
    transform: translateY(-0.83rem);
}

.product_b5 .selection5 .swiper .swiper-pagination[data-v-06b4ebf2] {
    bottom: -0.55rem;
}

.product_b5 .selection5 .swiper .swiper-button-prev[data-v-06b4ebf2] {
    left: 0;
    top: auto;
    bottom: -0.68rem;
}

.product_b5 .selection5 .swiper .swiper-button-prev[data-v-06b4ebf2]::after {
    color: #cecece;
}

.product_b5 .selection5 .swiper .swiper-button-next[data-v-06b4ebf2] {
    right: 0;
    top: auto;
    bottom: -0.68rem;
}

.product_b5 .selection5 .swiper .swiper-button-next[data-v-06b4ebf2]::after {
    color: #cecece;
}

.product_b5 .selection6[data-v-06b4ebf2] {
    background: #f8f9fc;
    padding: 0.8rem 0 1.56rem 0;
}

.product_b5 .selection6 h4[data-v-06b4ebf2] {
    font-size: 0.34rem;
    font-weight: 500;
    color: #111111;
    line-height: 0.26rem;
    text-align: center;
    margin: 0 0 0.6rem 0;
}

.product_b5 .selection6 img[data-v-06b4ebf2] {
    width: 15.2rem;
    margin: 0 auto;
}

.product_b5 .selection7[data-v-06b4ebf2] {
    background: #fff;
    padding: 0.99rem 0 1rem 0;
}

.product_b5 .selection7 h2[data-v-06b4ebf2] {
    font-size: 0.42rem;
    font-weight: bold;
    color: #111;
    line-height: 0.26rem;
    text-align: center;
}

.product_b5 .selection7 h3[data-v-06b4ebf2] {
    font-family: Gilroy-Regular;
    font-weight: 400;
    color: #666;
    text-align: center;
    margin: 0.19rem 0 0.6rem 0;
    font-size: 0.18rem;
}

.product_b5 .selection7 > div[data-v-06b4ebf2] {
    width: 10.2rem;
    margin: 0 auto;
}

.product_b5 .selection7 > div ul[data-v-06b4ebf2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.product_b5 .selection7 > div ul li[data-v-06b4ebf2] {
    width: 5rem;
    height: 0.56rem;
    border: 0.01rem solid #ebebeb;
    border-radius: 0.28rem;
    margin: 0 0 0.25rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 0.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.product_b5 .selection7 > div ul li[data-v-06b4ebf2]::after {
    position: absolute;
    left: 0.95rem;
    top: 0.2rem;
    content: '';
    width: 0.02rem;
    height: 0.17rem;
    background: #ebebeb;
}

.product_b5 .selection7 > div ul li i[data-v-06b4ebf2] {
    width: 0.95rem;
    height: 100%;
}

.product_b5 .selection7 > div ul li input[data-v-06b4ebf2] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 0.16rem;
    font-weight: 400;
    color: #333333;
    line-height: 0.48rem;
    border: none;
    padding: 0 0 0 0.36rem;
    font-family: 'Microsoft Yahei', -apple-system, 'PingFang SC', 'Helvetica Neue', STHeiti, Tahoma, Simsun, sans-serif;
}

.product_b5 .selection7 > div ul li input[data-v-06b4ebf2]::-webkit-input-placeholder {
    color: #aaaaaa;
    font-family: 'Microsoft Yahei', -apple-system, 'PingFang SC', 'Helvetica Neue', STHeiti, Tahoma, Simsun, sans-serif;
}

.product_b5 .selection7 > div ul li input[data-v-06b4ebf2]::-moz-placeholder {
    color: #aaaaaa;
    font-family: 'Microsoft Yahei', -apple-system, 'PingFang SC', 'Helvetica Neue', STHeiti, Tahoma, Simsun, sans-serif;
}

.product_b5 .selection7 > div ul li input[data-v-06b4ebf2]:-ms-input-placeholder {
    color: #aaaaaa;
    font-family: 'Microsoft Yahei', -apple-system, 'PingFang SC', 'Helvetica Neue', STHeiti, Tahoma, Simsun, sans-serif;
}

.product_b5 .selection7 > div ul li input[data-v-06b4ebf2]::-ms-input-placeholder {
    color: #aaaaaa;
    font-family: 'Microsoft Yahei', -apple-system, 'PingFang SC', 'Helvetica Neue', STHeiti, Tahoma, Simsun, sans-serif;
}

.product_b5 .selection7 > div ul li input[data-v-06b4ebf2]::placeholder {
    color: #aaaaaa;
    font-family: 'Microsoft Yahei', -apple-system, 'PingFang SC', 'Helvetica Neue', STHeiti, Tahoma, Simsun, sans-serif;
}

.product_b5 .selection7 > div ul li:nth-child(1) i[data-v-06b4ebf2] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAYCAYAAAD+vg1LAAADBklEQVRIS62VTYgcRRTH//8a3RXBwdNqjAEhEAVFkUg0KOSyQb0ogntSE9FMv+4dncAiWT82ZCDGgJAcdqNV1bAu8SOHNRFExIteRJSoKIF8HBQ1HhITcFmirPRsTz3psCMRZ3oGkwdFHd57v3r9f6+qiT7WbDbNyMjIBmPMOlU1JH9qtVpHG41GVpbKMqdz7kmSTQBrAbQBKICrAPwGYK+ITPfK7wn23r8K4BWSh/M8P5Bl2bFqtdrOsuz2SqXyNIBtAA6KSLEXB/7LuoKdc1Mkd5N8PIqiI92qcs5tBPCZMeZQFEUFvBw8MzNz09DQ0GlV3RfH8YtlUnnvBYALIdybJMnXl8b+p+I0TV9S1ak8z2+o1+t/9muu9/40gE9EJO4H/lhV2yLySD9o4XfOvUFyk4jcUQp2zn1F8kcReWoQsLV2jzFmq4jc3A/8AYBr4zh+aBCwcy4luV5E1peCvffPAdhvjFlTq9XOlcHn5+eHFhYWzpB8S0R2lIKnp6erw8PDv5L8MIqirWXgNE13q+rLIYS1SZL8UgpeacgWkgcBvCAi+7rBrbVPGGPeBTAlInv6znEnIE3TZ1T1TVU9SdIbY74tpiWEUHS/RvJ+Vd0Zx/Hebgf3vNLW2ltI7if5WA85vgghJEmSHB8IPDs7e93y8nKT5POqegHARwA+B3C2Uqm0VfXGEMJ9AB4lubp4L0IIO5IkOd9TY+/9bcX9B2BUdXJpaen9iYmJv7pV5L2/WlU3kzwA4HqSD0ZR9E0n9h8prLWrjTFfAvjdGPNwv1HrAFa+8BDJB4oVRdGJwncRrKpM0/QogGqWZRsajUYhwcA2NjZWGR0dLeRatbi4eNfk5OQfF8HW2uLdbbbb7Tvr9fqpgYmXBHrvVwE4qapH4jjexrm5uWtardZZAG+LyPb/A+3kOOcmSL4OYA1Xfj/vqOq6OI5/uBxwoXee5+dU9TV6798DcKuI3HM50E6u9/5wMZJFxd+R/F5Enr1C4F2quqWYhlqe5z+Pj49/eiXA1tq7SW78G86kT7M4ZCCLAAAAAElFTkSuQmCC) no-repeat 0.42rem center;
    background-size: 0.22rem 0.24rem;
}

.product_b5 .selection7 > div ul li:nth-child(2) i[data-v-06b4ebf2] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAYCAYAAAD+vg1LAAACEElEQVRIS72Vv2sUQRTHv2/uErCwuC1yivgPXCX+B5aC2Eii2GffNGmMWC9aWFkeO7MIYmX8iZ2iIDYxARvTbJciGrTRky0CwmbvySx7x7rZy94lmOmWmfnM2+/7vvcIDSsMw3NKqe2mc5X9lJouFOBdAG8ATPPABQAXpwaLyKLW+kVTIMaYW0R0rxHc7/fPtNvtH0R03ff9Z01ga+0qgLtkrfUBzB1y4TSA+2WwtXYRwMLojohsa63fuu8x2Bjzh4jaAPYnwN1fzVfAmwCclvkSkdda6xv/gK21iYiseZ63UgdOkmRhOBx+q4DnOp3OWMY4jodBEOSBlaVw4KdaayfJgTVyxVE0HoODIJjv9XpjeBzH+91u96xSavfIETMzR1GUOD1HZCJazrLsQw34k/Nq6dwr3/dvTpKCrbUPSg4hInqcZdn3KjgMwztKqfMl3baY+eHJa/y/kuekWC5Lkabpu1artVeV4rDqO2C3CcnTWZa9PxbY+Xhau80U8SwFMlWvKEp6psozxnzOey5RWuTkJTMvHdtuxpgNAD89z7s2GAw+EtFXZq5tQrNGvEFEv5j5inuEiHZOFgzgCTPrumyPJgiAJWZ+Xui4DsBFfNVauy4iO1rrvFeMR1ORvC2l1JqI1I2qfIIAcL3gi4gIgFUi2gMQishtIhqIyCPXXABcAnCZoij6LSKnmmbZjPvpX3bTyCQdkrYGAAAAAElFTkSuQmCC) no-repeat 0.42rem center;
    background-size: 0.22rem 0.24rem;
}

.product_b5 .selection7 > div ul li:nth-child(3) i[data-v-06b4ebf2] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAEYklEQVRIS52Vf4hUVRTHv+fOczdWNscNc90wcokkCmKhtR9oSEGRWVrgpmkU7jLnzq4z4RZZZDBSGFa6tjnz5s7sahRaJrX9MuwHiRSBlBDUHy6hoaQRBq7krs3bmXviDjPLa13N9f4xPOa8cz/3nvM930cIrWw2u56IlovIKaXU2lgs9lM4fjnPVE0yxmwD0AXgdwBXAzgnIq1a618vZ+NqThmQzWa3EZHb/CMAbdbaxUqpDwEcLhaLrV1dXWdDB5kC4F0A9UQ0CGBvNBr9uq2trTTRQcgY8xyAV4hoIBqNLqu+mMvlXhKR9SIyoLV+pJq8Y8eOK4Ig+BbA9QCilf8HRSShtf5qPMQBDovISENDQ+v4U2Sz2X1EdB+AbmbuCSenUik1a9asG0RkBRE9BWCatXZdPB5/NfxeGQBgkJmXjKf39PRE6+rqXPwcM8+pxn3ffxjAlGKx+F0ikThpjLkWwOcAbhKRJ7TWb4/1IJfL7RKRRYVCYWYymSyEIZlMZm4kEjnoGs/MN7tYf39/fbFYPAPA9S8AkAawzlo7XSl1SESiNTU1zatXrz7l3id3GtdQEenQWvdXAZlMpjkSibhaN4nIUq31x9VYPp+/0VrbAiAOYD6APczcZoxZCmAAwEZmfqEMcLVsbGw8QkTKNY6ZR/v6+hpKpdIhALNF5Gmt9RsXkmqlAisALGbmvcaYYwD+Yea5ZYD7McY8BmAngBQzb9i+ffuMIAiOhqB/XAiQTqcbPc9zs7ObmVcaY94BsLJUKl3V2dl5emzQcrncfmvtfM/zWjo6On4xxqwFsEVE9mmt77/YsBljTgA4xsx35nK5zSLSHQRBcyKR+G0M4Pv+dUqpn0XkxMjISEt3d/c5Y8z3AO4A8Awzb74QxPf9hUopp7SDvu9fA2BBPB5/b6xEoSktl0pEdmutl1fk9yOAGSLykNb608naxtgNQpAtANYS0cuxWOxFY8xtAPYDUCKybLKQ8wCVpn8G4AERSWqt3zTG3Csizqdq3VSHVZXP5xdYazeJSL1Sqi8Wi/1HcRMCnN8UCoUDRDTPmWAsFsv4vj9PKfUJgJlO99baNZFI5HYR+UBEjhPRKAAnzT2e57W3t7f/fV4PwvU1xkwDcADALQCeZebX0un0bM/zdlWGy01qvYgcrampWTg0NHR26tSpBsDjzoUrc3FkwhuEpnl6JBL5AkCriGzVWjvpOntPEFFKRE4GQXB3Mpks20Il9jwRbQRw2lp7z0UBlX7UicgeIloE4Es3RMz8l7vh8PBw4OQ8XlnZbHYJEb1PRD/8L6CS7FzXzYG7wfFSqbSqs7PT+dSEq7e398ra2tojAIYuFVDeyPf9J5VSva72ALZWrMU569hybjs6OvoNEd3qejcpgNsln8/Psda+BeAuAH+KyOtElGfmM+HNRSSttV4zaUComauIaAOAZgDDrt4i4p7dxyfNzGsuKtNLsYRUKuU1NTU9KCKPVuQ8KiI7tdabqvn/AihyBaW+ggywAAAAAElFTkSuQmCC) no-repeat 0.42rem center;
    background-size: 0.24rem 0.24rem;
}

.product_b5 .selection7 > div ul li:nth-child(4) i[data-v-06b4ebf2] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAATCAYAAABlcqYFAAACy0lEQVRIS62VXUhTYRjH/897loxRKVLgCDQKL7rooou6sAhxyywIIxhdRANxH+fMMboqgi4kL6VBEdt5d9EKAsmwiwoCE8Po6yIKug7KYC2hWEiG2zk7T7yyiWbqnL3wXp3/8/ze5/OQaZrviOgAgN8A3AAY/+cof9sAlElK+RNAI4BPtm13uN3uuc0ybNsuM3OaiILK1wKEmZ8TUXslCl80Gs3XCwoEAprP57sFICCEuMHMl6qRPAJwkZmfEdG8ZVm+eDz+ox6QlDIFIMjMvUKIFma+uwiJRqPn0+n0LiHEJIB5ACqi7xsBmaa5kKJyudwbi8UmMpnMuRUQ5TCVSu3RNG0CwGyxWDyaSCRmawFJKW8CCBNRIBKJPFQ2q0LURyllK4BJZi44jtMdi8UKa4FM0xwmogQRnY5EIk+q2jUhSpROp3cLIV4A+NbQ0ODv6+tTXbjsMDNlMpkkgITjOL2GYTxeKlgXosSmabYT0QQzT3s8nhPBYHBZe0sprzLzZQBndV1/8PcjaoJUUrcXwEcAr2zbPj4wMPCr8oAhIrrCzBd0Xb/+r3TWBJFS7lC1AWABaAGgZmqEiA4y88lKlEdcLldPKBR6ueFIkslks8fjmSKiLbZtdwohNCHEEIBDAL4AGM7n81Ner/cOgDNCCF84HH5Tc02y2WxTqVQaB7DV5XL5+/v7v67WXYODg8Lr9d4GcIqZj+m6/nbd7qqkSAG2CyEOh8PhmVrmxDTNewB61NV1/fWqcyKlbGTmcSLa6ThOl2EYn2sBKE0lovsAOh3H8RuG8X5F4QHEFUAI0VwqlfzxeHy6VkBVNzo6qhUKhREAXQC6iWjf4lph5qcAWonIq2laVygUUi1b18lms+5isThGRB1EdI2Zh6oLUv1cZlQNcrlcri7vS4za2tqEZVljzNwNwKUgHwDsBzDHzIKIaLOQir3a5E0AnD9LB6UcSB7y/QAAAABJRU5ErkJggg==) no-repeat 0.42rem center;
    background-size: 0.25rem 0.19rem;
}

.product_b5 .selection7 > div textarea[data-v-06b4ebf2] {
    width: 10.2rem;
    height: 2.33rem;
    border: 0.01rem solid #ebebeb;
    border-radius: 0.28rem;
    color: #333333;
    padding: 0.2rem 0.46rem;
    resize: none;
    font-family: 'Microsoft Yahei', -apple-system, 'PingFang SC', 'Helvetica Neue', STHeiti, Tahoma, Simsun, sans-serif;
}

.product_b5 .selection7 > div textarea[data-v-06b4ebf2]::-webkit-input-placeholder {
    font-size: 0.16rem;
    font-weight: 400;
    color: #aaaaaa;
    font-family: 'Microsoft Yahei', -apple-system, 'PingFang SC', 'Helvetica Neue', STHeiti, Tahoma, Simsun, sans-serif;
}

.product_b5 .selection7 > div textarea[data-v-06b4ebf2]::-moz-placeholder {
    font-size: 0.16rem;
    font-weight: 400;
    color: #aaaaaa;
    font-family: 'Microsoft Yahei', -apple-system, 'PingFang SC', 'Helvetica Neue', STHeiti, Tahoma, Simsun, sans-serif;
}

.product_b5 .selection7 > div textarea[data-v-06b4ebf2]:-ms-input-placeholder {
    font-size: 0.16rem;
    font-weight: 400;
    color: #aaaaaa;
    font-family: 'Microsoft Yahei', -apple-system, 'PingFang SC', 'Helvetica Neue', STHeiti, Tahoma, Simsun, sans-serif;
}

.product_b5 .selection7 > div textarea[data-v-06b4ebf2]::-ms-input-placeholder {
    font-size: 0.16rem;
    font-weight: 400;
    color: #aaaaaa;
    font-family: 'Microsoft Yahei', -apple-system, 'PingFang SC', 'Helvetica Neue', STHeiti, Tahoma, Simsun, sans-serif;
}

.product_b5 .selection7 > div textarea[data-v-06b4ebf2]::placeholder {
    font-size: 0.16rem;
    font-weight: 400;
    color: #aaaaaa;
    font-family: 'Microsoft Yahei', -apple-system, 'PingFang SC', 'Helvetica Neue', STHeiti, Tahoma, Simsun, sans-serif;
}

.product_b5 .selection7 > div .btn[data-v-06b4ebf2] {
    width: 1.5rem;
    height: 0.48rem;
    background: #0044b0;
    border-radius: 0.24rem;
    font-size: 0.16rem;
    font-weight: 500;
    color: #ffffff;
    text-align: center;
    line-height: 0.48rem;
    cursor: pointer;
    margin: 0.6rem auto 0 auto;
}

.product_b5 .selection8[data-v-06b4ebf2] {
    height: 9.26rem;
    background: #f8f9fc;
    padding: 0.99rem 0 0 0;
}

.product_b5 .selection8 h2[data-v-06b4ebf2] {
    font-size: 0.42rem;
    font-weight: bold;
    color: #111;
    line-height: 0.26rem;
    text-align: center;
}

.product_b5 .selection8 h3[data-v-06b4ebf2] {
    font-family: Gilroy-Regular;
    font-weight: 400;
    color: #666;
    text-align: center;
    margin: 0.19rem 0 0.6rem 0;
    font-size: 0.18rem;
}

.product_b5 .selection8 .swiper[data-v-06b4ebf2] {
    width: 15.31rem;
    margin: 0 auto;
    position: relative;
}

.product_b5 .selection8 .swiper .swiper-container[data-v-06b4ebf2] {
    width: 15.2rem;
    padding-left: 0.02rem;
}

.product_b5 .selection8 .swiper .swiper-wrapper > div[data-v-06b4ebf2] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.04rem;
}

.product_b5 .selection8 .swiper .swiper-wrapper > div > div[data-v-06b4ebf2] {
    background: #ffffff;
    position: relative;
    height: 5.52rem;
    background: #f9f9f9;
    border: 0.01rem solid #eee;
    border-radius: 0 0 0.3rem 0;
    padding: 0.2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: border 0.3s;
    transition: border 0.3s;
}

.product_b5 .selection8 .swiper .swiper-wrapper > div > div[data-v-06b4ebf2]::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 0.02rem;
    background: #0044b0;
    top: 0;
    left: 0;
}

.product_b5 .selection8 .swiper .swiper-wrapper > div > div[data-v-06b4ebf2]:hover {
    border: 0.01rem solid #0044b0;
}

.product_b5 .selection8 .swiper .swiper-wrapper > div > div:hover h2[data-v-06b4ebf2] {
    color: #0044b0;
}

.product_b5 .selection8 .swiper .swiper-wrapper > div > div:hover .btn i[data-v-06b4ebf2] {
    -webkit-transform: translateX(0.03rem);
    transform: translateX(0.03rem);
}

.product_b5 .selection8 .swiper .swiper-wrapper > div > div .icon[data-v-06b4ebf2] {
    margin: 0 auto;
    width: 100%;
    height: 3.15rem;
}

.product_b5 .selection8 .swiper .swiper-wrapper > div > div .icon img[data-v-06b4ebf2] {
    width: 4.4rem;
    height: 3.15rem;
}

.product_b5 .selection8 .swiper .swiper-wrapper > div > div h2[data-v-06b4ebf2] {
    font-size: 0.24rem;
    font-weight: 600;
    color: #111;
    text-align: left;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    margin: 0.28rem 0 0.31rem 0;
}

.product_b5 .selection8 .swiper .swiper-wrapper > div > div p[data-v-06b4ebf2] {
    font-size: 0.16rem;
    width: 3.52rem;
    height: 0.76rem;
    color: #666666;
    line-height: 0.26rem;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.product_b5 .selection8 .swiper .swiper-wrapper > div > div .btn[data-v-06b4ebf2] {
    height: 0.48rem;
    border-radius: 0.24rem;
    font-size: 0.16rem;
    font-weight: 400;
    color: #0044b0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: color 0.3s, background 0.3s;
    transition: color 0.3s, background 0.3s;
}

.product_b5 .selection8 .swiper .swiper-wrapper > div > div .btn div[data-v-06b4ebf2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product_b5 .selection8 .swiper .swiper-wrapper > div > div .btn div i[data-v-06b4ebf2] {
    width: 0.08rem;
    height: 0.14rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAxklEQVQokYXRu0oDcRDF4S8XlLxGHsWIjYZUgTQ2lqKdkCJoYaWtuZAqRRpRCAQsTWVh54NonyKCFwb+C+u64qmGmR/DmTMVu8sG7jDEoxJVcYQ2HnDwFzTBCNtYoFsGfeEU19jCLQ7zUE2zl9UrfKKFDl7xUoRCT1hjL/n7iF4RCj3jDfvYQT08/adqGXSGcaovMKgXgHNcpouPMY1mHrpCP5mNgOfZIKAKbnCC95TRfX59QLE2gE1KO97zK/FZGmT/+yl8A+1hJeDELAUjAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    margin-left: 0.15rem;
}

.product_b5 .selection8 .swiper .swiper-pagination[data-v-06b4ebf2] {
    bottom: -0.55rem;
}

.product_b5 .selection8 .swiper .swiper-button-prev[data-v-06b4ebf2] {
    left: 0.05rem;
    top: auto;
    bottom: -0.68rem;
}

.product_b5 .selection8 .swiper .swiper-button-prev[data-v-06b4ebf2]::after {
    color: #cecece;
}

.product_b5 .selection8 .swiper .swiper-button-next[data-v-06b4ebf2] {
    right: 0.05rem;
    top: auto;
    bottom: -0.68rem;
}

.product_b5 .selection8 .swiper .swiper-button-next[data-v-06b4ebf2]::after {
    color: #cecece;
}

#app[state='portrait'] .product_b5 .banner > div[data-v-06b4ebf2] {
    left: 0.5rem;
    top: 1.07rem;
}

#app[state='portrait'] .product_b5 [class*='selection'] > h3[data-v-06b4ebf2] {
    font-size: calc(0.18rem * 1.2);
}

#app[state='portrait'] .product_b5 .selection1[data-v-06b4ebf2] {
    padding: 0.65rem 0.4rem 0.4rem 0.4rem;
}

#app[state='portrait'] .product_b5 .selection1 h3[data-v-06b4ebf2] {
    margin-bottom: 0.35rem;
}

#app[state='portrait'] .product_b5 .selection1 > div[data-v-06b4ebf2] {
    width: 100%;
    display: block;
}

#app[state='portrait'] .product_b5 .selection1 > div .left[data-v-06b4ebf2] {
    height: auto;
    width: 100%;
}

#app[state='portrait'] .product_b5 .selection1 > div .right[data-v-06b4ebf2] {
    width: 100%;
    padding: 0.4rem;
    height: 4rem;
}

#app[state='portrait'] .product_b5 .selection1 > div .right div p[data-v-06b4ebf2] {
    line-height: 0.54rem;
    font-size: calc(0.18rem * 1.5);
}

#app[state='portrait'] .product_b5 .selection1 > div .right div p b[data-v-06b4ebf2] {
    font-size: calc(0.24rem * 1.5);
}

#app[state='portrait'] .product_b5 .selection1 > div img[data-v-06b4ebf2] {
    border-radius: 0;
}

#app[state='portrait'] .product_b5 .selection2[data-v-06b4ebf2] {
    padding: 1rem 0.4rem;
}

#app[state='portrait'] .product_b5 .selection2 h2[data-v-06b4ebf2] {
    font-size: 0.42rem;
}

#app[state='portrait'] .product_b5 .selection2 img[data-v-06b4ebf2] {
    height: auto;
}

#app[state='portrait'] .product_b5 .selection3[data-v-06b4ebf2] {
    padding: 1rem 0.4rem;
}

#app[state='portrait'] .product_b5 .selection3 .flex[data-v-06b4ebf2] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 0.1rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#app[state='portrait'] .product_b5 .selection3 .flex > div[data-v-06b4ebf2] {
    width: 100%;
    padding: 0 0 0 0.4rem;
    margin: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#app[state='portrait'] .product_b5 .selection3 .flex > div[data-v-06b4ebf2]:nth-child(1) {
    margin-bottom: 0.4rem;
}

#app[state='portrait'] .product_b5 .selection3 .flex > div i[data-v-06b4ebf2] {
    margin-right: 0.2rem;
    width: 0.6rem;
    height: 0.55rem;
}

#app[state='portrait'] .product_b5 .selection3 .flex > div h4[data-v-06b4ebf2] {
    font-size: calc(0.24rem * 1.5);
    line-height: calc(0.26rem * 1.5);
    padding: 0 0.4rem;
}

#app[state='portrait'] .product_b5 .selection3 .flex > div p[data-v-06b4ebf2] {
    font-size: calc(0.17rem * 1.5);
    padding: 0 0.4rem;
    line-height: calc(0.26rem * 1.5);
}

#app[state='portrait'] .product_b5 .selection3 .flex > div div[data-v-06b4ebf2] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#app[state='portrait'] .product_b5 .selection3 .flex > div div p[data-v-06b4ebf2] {
    width: auto;
}

#app[state='portrait'] .product_b5 .selection3 .swiper[data-v-06b4ebf2] {
    width: 8.2rem;
}

#app[state='portrait'] .product_b5 .selection3 .swiper .swiper-wrapper > div > div[data-v-06b4ebf2] {
    width: 40%;
    display: none;
}

#app[state='portrait'] .product_b5 .selection3 .swiper .swiper-wrapper > div > ul[data-v-06b4ebf2] {
    padding: 0.05rem;
    width: 100%;
    margin: 0;
}

#app[state='portrait'] .product_b5 .selection3 .swiper .swiper-wrapper > div > ul li[data-v-06b4ebf2] {
    width: 100%;
}

#app[state='portrait'] .product_b5 .selection3 .swiper .swiper-wrapper > div > ul li div h5[data-v-06b4ebf2] {
    font-size: calc(0.2rem * 1.5);
    line-height: calc(0.36rem * 1.5);
}

#app[state='portrait'] .product_b5 .selection3 .swiper .swiper-wrapper > div > ul li div h6[data-v-06b4ebf2] {
    font-size: calc(0.2rem * 1.5);
    line-height: calc(0.36rem * 1.5);
}

#app[state='portrait'] .product_b5 .selection3 .swiper .swiper-wrapper > div > ul li div[data-v-06b4ebf2]::after {
    width: calc(0.5rem * 1.5);
    height: calc(0.5rem * 1.5);
    left: -0.1rem;
}

#app[state='portrait'] .product_b5 .selection3 .swiper .swiper-wrapper > div > ul li p[data-v-06b4ebf2] {
    margin-top: 0.14rem;
    font-size: calc(0.18rem * 1.5);
    line-height: calc(0.36rem * 1.5);
}

#app[state='portrait'] .product_b5 .selection4 .swiper[data-v-06b4ebf2] {
    width: 8.2rem;
}

#app[state='portrait'] .product_b5 .selection4 .swiper .swiper-wrapper > div[data-v-06b4ebf2] {
    height: auto !important;
}

#app[state='portrait'] .product_b5 .selection5 h4[data-v-06b4ebf2] {
    font-size: calc(0.42rem);
    line-height: calc(0.26rem * 1.5);
}

#app[state='portrait'] .product_b5 .selection5 .swiper[data-v-06b4ebf2] {
    width: 8.2rem;
}

#app[state='portrait'] .product_b5 .selection5 .swiper .swiper-wrapper > div[data-v-06b4ebf2] {
    height: auto !important;
    background: #fff;
}

#app[state='portrait'] .product_b5 .selection5 .swiper .swiper-wrapper > div ul[data-v-06b4ebf2] {
    padding: 0.1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#app[state='portrait'] .product_b5 .selection5 .swiper .swiper-wrapper > div ul li[data-v-06b4ebf2] {
    position: static;
    width: 49%;
    -webkit-transform: none;
    transform: none;
    margin-bottom: 0.15rem;
}

#app[state='portrait'] .product_b5 .selection5 .swiper .swiper-wrapper > div ul li i[data-v-06b4ebf2] {
    width: calc(0.5rem * 1.5);
    height: calc(0.5rem * 1.5);
}

#app[state='portrait'] .product_b5 .selection5 .swiper .swiper-wrapper > div ul li p[data-v-06b4ebf2] {
    font-size: calc(0.16rem * 1.5);
    line-height: calc(0.26rem * 1.5);
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

#app[state='portrait'] .product_b5 .selection6 h4[data-v-06b4ebf2] {
    font-size: calc(0.42rem);
    line-height: calc(0.26rem * 1.5);
}

#app[state='portrait'] .product_b5 .selection7 > div[data-v-06b4ebf2] {
    width: 8.2rem;
}

#app[state='portrait'] .product_b5 .selection7 > div textarea[data-v-06b4ebf2] {
    width: 8.2rem;
    font-size: calc(0.16rem * 1.5);
    font-family: 'Microsoft Yahei', -apple-system, 'PingFang SC', 'Helvetica Neue', STHeiti, Tahoma, Simsun, sans-serif;
}

#app[state='portrait'] .product_b5 .selection7 > div textarea[data-v-06b4ebf2]::-webkit-input-placeholder {
    font-size: calc(0.16rem * 1.5);
    font-family: 'Microsoft Yahei', -apple-system, 'PingFang SC', 'Helvetica Neue', STHeiti, Tahoma, Simsun, sans-serif;
}

#app[state='portrait'] .product_b5 .selection7 > div textarea[data-v-06b4ebf2]::-moz-placeholder {
    font-size: calc(0.16rem * 1.5);
    font-family: 'Microsoft Yahei', -apple-system, 'PingFang SC', 'Helvetica Neue', STHeiti, Tahoma, Simsun, sans-serif;
}

#app[state='portrait'] .product_b5 .selection7 > div textarea[data-v-06b4ebf2]:-ms-input-placeholder {
    font-size: calc(0.16rem * 1.5);
    font-family: 'Microsoft Yahei', -apple-system, 'PingFang SC', 'Helvetica Neue', STHeiti, Tahoma, Simsun, sans-serif;
}

#app[state='portrait'] .product_b5 .selection7 > div textarea[data-v-06b4ebf2]::-ms-input-placeholder {
    font-size: calc(0.16rem * 1.5);
    font-family: 'Microsoft Yahei', -apple-system, 'PingFang SC', 'Helvetica Neue', STHeiti, Tahoma, Simsun, sans-serif;
}

#app[state='portrait'] .product_b5 .selection7 > div textarea[data-v-06b4ebf2]::placeholder {
    font-size: calc(0.16rem * 1.5);
    font-family: 'Microsoft Yahei', -apple-system, 'PingFang SC', 'Helvetica Neue', STHeiti, Tahoma, Simsun, sans-serif;
}

#app[state='portrait'] .product_b5 .selection7 > div ul li[data-v-06b4ebf2] {
    border-radius: calc(0.28rem * 1.5);
    width: 100%;
    height: calc(0.56rem * 1.5);
    line-height: calc(0.56rem * 1.5);
}

#app[state='portrait'] .product_b5 .selection7 > div ul li[data-v-06b4ebf2]::after {
    top: 0.35rem;
}

#app[state='portrait'] .product_b5 .selection7 > div ul li i[data-v-06b4ebf2] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

#app[state='portrait'] .product_b5 .selection7 > div ul li input[data-v-06b4ebf2] {
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .product_b5 .selection7 > div .btn[data-v-06b4ebf2] {
    width: calc(1.5rem * 1.5);
    height: calc(0.48rem * 1.5);
    line-height: calc(0.48rem * 1.5);
    font-size: calc(0.16rem * 1.5);
    border-radius: calc(0.24rem * 1.5);
}

#app[state='portrait'] .product_b5 .selection8 .swiper[data-v-06b4ebf2] {
    width: 8.25rem;
    padding: 0 0.1rem;
}

#app[state='portrait'] .product_b5 .selection8 .swiper .swiper-container[data-v-06b4ebf2] {
    width: 100%;
    padding-left: 0.05rem;
    padding-right: 0.05rem;
}

#app[state='portrait'] .product_b5 .selection8 .swiper .swiper-wrapper > div[data-v-06b4ebf2] {
    height: auto;
}

#app[state='portrait'] .product_b5 .selection8 .swiper .swiper-wrapper > div .icon[data-v-06b4ebf2] {
    width: 100%;
}

#app[state='portrait'] .product_b5 .selection8 .swiper .swiper-wrapper > div .icon img[data-v-06b4ebf2] {
    width: 100%;
}

#app[state='portrait'] .product_b5 .selection8 .swiper .swiper-wrapper > div h2[data-v-06b4ebf2] {
    font-size: calc(0.24rem * 1.5);
}

#app[state='portrait'] .product_b5 .selection8 .swiper .swiper-wrapper > div p[data-v-06b4ebf2] {
    font-size: calc(0.16rem * 1.5);
    line-height: calc(0.26rem * 1.5);
}

#app[state='portrait'] .product_b5 .selection8 .swiper .swiper-wrapper > div .btn[data-v-06b4ebf2] {
    font-size: calc(0.16rem * 1.5);
    height: calc(0.48rem * 1.5);
}@-webkit-keyframes slide-right-in-data-v-75b0ef0b {
     0% {
         -webkit-transform: translateX(0.4rem);
         transform: translateX(0.4rem);
     }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
 }

@keyframes slide-right-in-data-v-75b0ef0b {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-75b0ef0b {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-75b0ef0b {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-75b0ef0b {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-75b0ef0b {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-75b0ef0b {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-75b0ef0b {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-75b0ef0b {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-75b0ef0b {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#app[state='web'] .product_b6 .selection1 h2[data-v-75b0ef0b],
#app[state='web'] .product_b6 .selection1 h3[data-v-75b0ef0b] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-75b0ef0b 1s, fade-in-data-v-75b0ef0b 1s;
    animation: slide-up-in-data-v-75b0ef0b 1s, fade-in-data-v-75b0ef0b 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b6 .selection1 .left[data-v-75b0ef0b] {
    opacity: 0;
    -webkit-animation: slide-left-in-data-v-75b0ef0b 1s, fade-in-data-v-75b0ef0b 1s;
    animation: slide-left-in-data-v-75b0ef0b 1s, fade-in-data-v-75b0ef0b 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b6 .selection1 .right[data-v-75b0ef0b] {
    opacity: 0;
    -webkit-animation: slide-right-in-data-v-75b0ef0b 1s, fade-in-data-v-75b0ef0b 1s;
    animation: slide-right-in-data-v-75b0ef0b 1s, fade-in-data-v-75b0ef0b 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b6 .selection2 > div > div[data-v-75b0ef0b] {
    opacity: 0;
    -webkit-animation: fade-in-data-v-75b0ef0b 1s;
    animation: fade-in-data-v-75b0ef0b 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b6 .selection2 > div > div[data-v-75b0ef0b]:nth-child(2) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

#app[state='web'] .product_b6 .selection2 > div > div[data-v-75b0ef0b]:nth-child(3) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

#app[state='web'] .product_b6 .selection2 > div > div[data-v-75b0ef0b]:nth-child(4) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

#app[state='web'] .product_b6 .selection3 > h2[data-v-75b0ef0b],
#app[state='web'] .product_b6 .selection3 > h3[data-v-75b0ef0b] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-75b0ef0b 1s, fade-in-data-v-75b0ef0b 1s 0.3s;
    animation: slide-up-in-data-v-75b0ef0b 1s, fade-in-data-v-75b0ef0b 1s 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b6 .selection3 > div div[data-v-75b0ef0b] {
    opacity: 0;
    -webkit-animation: fade-in-data-v-75b0ef0b 1s 0.2s;
    animation: fade-in-data-v-75b0ef0b 1s 0.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b6 .selection3 > div div[data-v-75b0ef0b]:nth-child(2) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

#app[state='web'] .product_b6 .selection3 > div div[data-v-75b0ef0b]:nth-child(3) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

#app[state='web'] .product_b6 .selection3 > div div[data-v-75b0ef0b]:nth-child(4) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

#app[state='web'] .product_b6 .selection5 > h2[data-v-75b0ef0b],
#app[state='web'] .product_b6 .selection5 > h3[data-v-75b0ef0b] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-75b0ef0b 1s, fade-in-data-v-75b0ef0b 1s;
    animation: slide-up-in-data-v-75b0ef0b 1s, fade-in-data-v-75b0ef0b 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b6 .selection5 ul li[data-v-75b0ef0b] {
    opacity: 0;
    -webkit-animation: fade-in-data-v-75b0ef0b 1s 0.2s;
    animation: fade-in-data-v-75b0ef0b 1s 0.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b6 .selection5 ul li[data-v-75b0ef0b]:nth-child(2) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

#app[state='web'] .product_b6 .selection5 ul li[data-v-75b0ef0b]:nth-child(3) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

#app[state='web'] .product_b6 .selection5 ul li[data-v-75b0ef0b]:nth-child(4) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

#app[state='web'] .product_b6 .selection5 > div div[data-v-75b0ef0b] {
    opacity: 0;
    -webkit-animation: fade-in-data-v-75b0ef0b 1s 0.2s;
    animation: fade-in-data-v-75b0ef0b 1s 0.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b6 .selection5 > div div[data-v-75b0ef0b]:nth-child(2) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

#app[state='web'] .product_b6 .selection5 > div div[data-v-75b0ef0b]:nth-child(3) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

#app[state='web'] .product_b6 .selection5 > div div[data-v-75b0ef0b]:nth-child(4) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

#app[state='web'] .product_b6 .selection7[data-v-75b0ef0b] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-75b0ef0b 1s, fade-in-data-v-75b0ef0b 1s;
    animation: slide-up-in-data-v-75b0ef0b 1s, fade-in-data-v-75b0ef0b 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.product_b6 img[data-v-75b0ef0b] {
    display: block;
}

.product_b6 .banner[data-v-75b0ef0b] {
    max-width: 19.2rem;
    margin: 0 auto;
    position: relative;
    min-height: 4.8rem;
}

.product_b6 .banner img[data-v-75b0ef0b] {
    width: 100%;
}

.product_b6 .banner > div[data-v-75b0ef0b] {
    position: absolute;
    left: 2rem;
    top: 2.67rem;
}

.product_b6 .banner > div h2[data-v-75b0ef0b] {
    font-size: 0.56rem;
    font-weight: 500;
    color: #ffffff;
}

.product_b6 .banner > div p[data-v-75b0ef0b] {
    font-size: 0.28rem;
    font-weight: 400;
    color: #ffffff;
    margin: 0.33rem 0 0.5rem 0;
}

.product_b6 .banner > div .btn[data-v-75b0ef0b] {
    width: 2rem;
    height: 0.56rem;
    border-radius: 0.28rem;
    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;
    font-size: 0.2rem;
    font-weight: 400;
    color: #ffffff;
    cursor: pointer;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
    background: #0044b0;
}

.product_b6 .banner > div .btn i[data-v-75b0ef0b] {
    width: 0.3rem;
    height: 0.25rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAZCAYAAAAmNZ4aAAADBElEQVRIibWWW4iWVRSGnzkwHvMQSCUSaKNjBuWhoS6UAsGLJMgSVNILRb3QCKK8iPDCi7oTSaHEI5VUhEp2nSXdFaljmSlqFOUBjZI8JjpP7HH9w3bz+c80jgsW/7/fvdZ+117fXmvvBpU60g68AEwH2oAHwvQG8DtwCPgK2AWcrrdQKXcifh5YA0yJ8W/AfuAccAkYCYwBngaGAzeBncBq4HivmBNxpiPVXd6SM+pb6tjCJtcm9Sl1k3pd/Vd9Q22o49Ol+WCM+nOQrlOH9ORc6Dh1b/h/EEH1SDxU/TGinvs/CXNtVN8N8g2BD1SXqSOqiDeG8cK7IK1pSvNHsd5s9VH1pno0stpNPFHtVD/tB9I8g3+oRyKQFyObh2Oui3htRNfWj8RJX4l1n4nx/Bi/XyNOURwsnAar7WpzxU6erDg46eS3FtioIHonw3ZEdiekwQ11a+H0bTh9UuCHA8/t22ON9B1nFvan1J3ZuDX81zYCTcDVorzb4ndShrUArfF/QoaPjzUaM7+aXAAGZeMTwPfArGbgIvBQ4fASMBfYkmHXgTnR1d7L8M+ARyKw7cU6o4GDBXYAWJK2/416rqeC74M+Fml9vfBdn8CUns+BUcDseq21D7IsXPYUrg92ZTk6ygX1mDqgn3abSvOauqeis51Wv64BSyMt23rT4HvQ4epP6qWKEnsueF7Nwe0BrrwL0ofVjiitsue3REB/qsPyiaYAv+gDYUsE/HekeF4xn7K4JTa22OJaTPqDui/7HrPC8PGKU59unWfVt6MvGx1wckVgy2N+cw0rDTqivF5WT3i7XA2CY1F+ndnsd+qCihZb093RxbqDby6O+jDgCWAGcDJK4lC8vRJ+PzA4Ot2p7M31a/g3ABOBqcBZYB/QGX7n44l0S4rILqr/qK/Vib6m96m/RBbSJzoZJzmXdC0uiix25P75jocCXwIrgDO96BeXgY+BcfHguwL8FVlI/Xga8CbwYdjf/gjs5zZZddpXRSZTxXTP3WvimqYnT+piqRJQ+Q8hbv6jcvuKJwAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
    margin-right: 0.13rem;
}

.product_b6 .selection1[data-v-75b0ef0b] {
    background: #fff;
    padding: 0.99rem 0 0.8rem 0;
}

.product_b6 .selection1 h2[data-v-75b0ef0b] {
    font-size: 0.42rem;
    font-weight: bold;
    color: #111;
    line-height: 0.42rem;
    text-align: center;
}

.product_b6 .selection1 h3[data-v-75b0ef0b] {
    font-family: Gilroy-Regular;
    font-weight: 400;
    color: #666;
    text-align: center;
    margin: 0.19rem 0 0.6rem 0;
    font-size: 0.18rem;
}

.product_b6 .selection1 .swiper[data-v-75b0ef0b] {
    width: 15.2rem;
    margin: 0 auto;
    position: relative;
}

.product_b6 .selection1 .swiper[data-v-75b0ef0b] .swiper-wrapper .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.product_b6 .selection1 .swiper[data-v-75b0ef0b] .swiper-wrapper .wrap h4 {
    font-size: 0.3rem;
    font-weight: 600;
    color: #000000;
    line-height: 0.3rem;
    margin-bottom: 0.38rem;
}

.product_b6 .selection1 .swiper[data-v-75b0ef0b] .swiper-wrapper .wrap .over {
    height: 3.3rem;
    overflow-y: auto;
    padding-right: 0.2rem;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
}

.product_b6 .selection1 .swiper[data-v-75b0ef0b] .swiper-wrapper .wrap .over::-webkit-scrollbar {
    width: 0.02rem;
    height: 0.02rem;
}

.product_b6 .selection1 .swiper[data-v-75b0ef0b] .swiper-wrapper .wrap .over::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0.01rem rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0.01rem rgba(0, 0, 0, 0);
    border-radius: 0.08rem;
    background-color: transparent;
}

.product_b6 .selection1 .swiper[data-v-75b0ef0b] .swiper-wrapper .wrap .over::-webkit-scrollbar-thumb {
    border-radius: 0.08rem;
    -webkit-box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, 0.3);
    background: #dad6d6;
}

.product_b6 .selection1 .swiper[data-v-75b0ef0b] .swiper-wrapper .wrap .over p {
    font-size: 0.17rem;
    font-weight: 400;
    color: #333333;
    line-height: 0.36rem;
    text-align: justify;
    white-space: pre-wrap;
}

.product_b6 .selection1 .swiper[data-v-75b0ef0b] .swiper-wrapper .wrap .btn {
    text-align: center;
    width: 2.8rem;
    height: 0.56rem;
    border-radius: 0.28rem;
    font-size: 0.18rem;
    font-weight: 400;
    color: #ffffff;
    line-height: 0.56rem;
    margin-top: 0.46rem;
    cursor: pointer;
    background: #0044b0;
}

.product_b6 .selection1 .swiper[data-v-75b0ef0b] .swiper-wrapper .wrap .left {
    width: 7.6rem;
}

.product_b6 .selection1 .swiper[data-v-75b0ef0b] .swiper-wrapper .wrap .right {
    width: 7rem;
    height: 5rem;
}

.product_b6 .selection1 .swiper[data-v-75b0ef0b] .swiper-wrapper .wrap .right img {
    width: 100%;
    height: 100%;
    border-radius: 0.08rem;
}

.product_b6 .selection1 .swiper .swiper-pagination[data-v-75b0ef0b] {
    bottom: -0.55rem;
}

.product_b6 .selection1 .swiper .swiper-button-prev[data-v-75b0ef0b] {
    left: 0;
    top: auto;
    bottom: -0.68rem;
}

.product_b6 .selection1 .swiper .swiper-button-prev[data-v-75b0ef0b]::after {
    color: #cecece;
}

.product_b6 .selection1 .swiper .swiper-button-next[data-v-75b0ef0b] {
    right: 0;
    top: auto;
    bottom: -0.68rem;
}

.product_b6 .selection1 .swiper .swiper-button-next[data-v-75b0ef0b]::after {
    color: #cecece;
}

.product_b6 .selection1 .btns[data-v-75b0ef0b] {
    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;
    margin-top: 1.76rem;
}
.product_b6 .selection1 .btns > div[data-v-75b0ef0b] a{
    color: #0044b0;
}
.product_b6 .selection1 .btns > div[data-v-75b0ef0b] {
    height: 0.86rem;
    border: 0.02rem solid #0044b0;
    border-radius: 0.4rem;
    font-size: 0.18rem;
    font-weight: 500;
    color: #0044b0;
    text-align: center;
    padding: 0 0.45rem 0 0.45rem;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
    cursor: pointer;
    min-width: 2.33rem;
    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;
}

.product_b6 .selection1 .btns > div p[data-v-75b0ef0b] {
    width: 100%;
    text-align: center;
    white-space: nowrap;
}

.product_b6 .selection1 .btns > div[data-v-75b0ef0b]:nth-child(1) {
    margin: 0 0.24rem 0 0;
}

.product_b6 .selection1 .btns > div[data-v-75b0ef0b]:hover {
    background: #0044b0;
    color: #fff;
}
.product_b6 .selection1 .btns > div[data-v-75b0ef0b]:hover a{
    color: #fff;
}

.product_b6 .selection1 .btns > div.active[data-v-75b0ef0b] {
    background: #0044b0;
    color: #fff;
}
.product_b6 .selection1 .btns > div.active[data-v-75b0ef0b] a{
    color: #fff;
}

.product_b6 .selection2[data-v-75b0ef0b] {
    padding: 0.99rem 0;
    background: #f8f9fc;
    padding: 1rem 0;
}

.product_b6 .selection2 > div[data-v-75b0ef0b] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product_b6 .selection2 > div > div[data-v-75b0ef0b] {
    height: 4.66rem;
}

.product_b6 .selection2 > div > div i[data-v-75b0ef0b] {
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
}

.product_b6 .selection2 > div > div i img[data-v-75b0ef0b] {
    width: 100%;
}

.product_b6 .selection2 > div > div h4[data-v-75b0ef0b] {
    font-size: 0.32rem;
    font-weight: 400;
    color: #111111;
    line-height: 0.26rem;
    margin: 0.69rem 0 0.38rem 0;
}

.product_b6 .selection2 > div > div p[data-v-75b0ef0b] {
    font-size: 0.17rem;
    font-weight: 400;
    color: #666666;
    line-height: 0.36rem;
    width: 3.61rem;
}

.product_b6 .selection2 > div > div[data-v-75b0ef0b]:nth-child(1) {
    width: 4.71rem;
}

.product_b6 .selection2 > div > div[data-v-75b0ef0b]:nth-child(2) {
    width: 5.78rem;
    border-right: 0.01rem solid #e5e5e5;
    border-left: 0.01rem solid #e5e5e5;
    padding-left: 1.07rem;
}

.product_b6 .selection2 > div > div[data-v-75b0ef0b]:nth-child(3) {
    padding-left: 1.07rem;
    width: 4.69rem;
}

.product_b6 .selection3[data-v-75b0ef0b] {
    background: url(assets/dfc4a7af05826ab63660a84d3d5b4fb3.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 0.99rem 0 1rem 0;
}

.product_b6 .selection3 h2[data-v-75b0ef0b] {
    font-size: 0.42rem;
    font-weight: bold;
    color: #ffffff;
    line-height: 0.26rem;
    text-align: center;
}

.product_b6 .selection3 h3[data-v-75b0ef0b] {
    font-family: Gilroy-Regular;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    margin: 0.19rem 0 0.6rem 0;
    font-size: 0.18rem;
}

.product_b6 .selection3 .swiper[data-v-75b0ef0b] {
    width: 15.31rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product_b6 .selection3 .swiper > div[data-v-75b0ef0b] {
    width: 4.8rem;
    background: #ffffff;
    height: 4.8rem;
    position: relative;
    -webkit-box-shadow: 0 0 0.16rem 0 rgba(0, 68, 176, 0.06);
    box-shadow: 0 0 0.16rem 0 rgba(0, 68, 176, 0.06);
    border-radius: 0.08rem;
    margin-right: 0.29rem;
}

.product_b6 .selection3 .swiper > div[data-v-75b0ef0b]:last-child {
    margin: 0;
}

.product_b6 .selection3 .swiper > div .icon[data-v-75b0ef0b] {
    width: 0.77rem;
    height: 0.77rem;
    margin: 0.68rem auto 0.57rem auto;
}

.product_b6 .selection3 .swiper > div .icon img[data-v-75b0ef0b] {
    max-width: 0.77rem;
    margin: 0 auto;
}

.product_b6 .selection3 .swiper > div h2[data-v-75b0ef0b] {
    font-size: 0.24rem;
    font-weight: bold;
    color: #111111;
    padding-bottom: 0.24rem;
    margin: 0 auto;
    white-space: nowrap;
    text-align: center;
    position: relative;
}

.product_b6 .selection3 .swiper > div h2[data-v-75b0ef0b]::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    margin-left: -0.22rem;
    width: 0.44rem;
    border-bottom: 0.02rem solid #dddddd;
}

.product_b6 .selection3 .swiper > div p[data-v-75b0ef0b] {
    margin: 0.24rem 0 0 0;
    font-size: 0.16rem;
    width: 2.71rem;
    color: #666666;
    line-height: 0.26rem;
    margin: 0.24rem auto 0 auto;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
}

.product_b6 .selection5[data-v-75b0ef0b] {
    height: 9rem;
    background: url(assets/dfc4a7af05826ab63660a84d3d5b4fb3.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 0.99rem 0 0 0;
    position: relative;
    margin-bottom: 2rem;
}

.product_b6 .selection5 h2[data-v-75b0ef0b] {
    font-size: 0.42rem;
    font-weight: bold;
    color: #ffffff;
    line-height: 0.26rem;
    text-align: center;
}

.product_b6 .selection5 h2.two[data-v-75b0ef0b] {
    margin-top: 0.7rem;
}

.product_b6 .selection5 h3[data-v-75b0ef0b] {
    font-family: Gilroy-Regular;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    margin: 0.19rem 0 0.6rem 0;
    font-size: 0.18rem;
}

.product_b6 .selection5 ul[data-v-75b0ef0b] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 2rem;
    position: relative;
}

.product_b6 .selection5 ul[data-v-75b0ef0b]::after {
    position: absolute;
    content: '';
    height: 0.01rem;
    left: 0;
    top: 52%;
    width: 100%;
    border-bottom: 0.01rem solid rgba(255, 255, 255, 0.2);
}

.product_b6 .selection5 ul li[data-v-75b0ef0b] {
    color: #fff;
    width: 25%;
}

.product_b6 .selection5 ul li img[data-v-75b0ef0b] {
    width: 1rem;
    height: 1.18rem;
    display: block;
    margin: 0 auto;
}

.product_b6 .selection5 ul li i[data-v-75b0ef0b] {
    display: block;
    width: 0.1rem;
    height: 0.1rem;
    background: #fff;
    border-radius: 100%;
    margin: 0.15rem auto 0.33rem auto;
}

.product_b6 .selection5 ul li b[data-v-75b0ef0b] {
    text-align: center;
    font-size: 0.24rem;
    display: block;
    margin-bottom: 0.3rem;
}

.product_b6 .selection5 ul li p[data-v-75b0ef0b] {
    text-align: center;
    font-size: 0.2rem;
}

.product_b6 .selection5 > div[data-v-75b0ef0b] {
    position: absolute;
    left: 50%;
    width: 15.2rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 6.84rem;
    width: 19.2rem;
    width: 15.2rem;
    height: 4.06rem;
    background: #ffffff;
    border-radius: 0.08rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product_b6 .selection5 > div div[data-v-75b0ef0b] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.product_b6 .selection5 > div div i[data-v-75b0ef0b] {
    width: 0.75rem;
    height: 0.75rem;
    display: block;
    margin: 0.8rem auto 0 auto;
}

.product_b6 .selection5 > div div i img[data-v-75b0ef0b] {
    max-width: 100%;
}

.product_b6 .selection5 > div div h4[data-v-75b0ef0b] {
    font-size: 0.22rem;
    font-weight: 600;
    color: #333333;
    line-height: 0.26rem;
    text-align: center;
    margin: 0.47rem auto 0.22rem auto;
}

.product_b6 .selection5 > div div p[data-v-75b0ef0b] {
    font-size: 0.16rem;
    font-weight: 400;
    color: #666666;
    width: 3.1rem;
    margin: 0 auto;
    line-height: 0.3rem;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.product_b6 .selection7[data-v-75b0ef0b] {
    background: #fff;
    padding: 0.99rem 0 1.66rem 0;
}

.product_b6 .selection7 h2[data-v-75b0ef0b] {
    font-size: 0.42rem;
    font-weight: bold;
    color: #111;
    line-height: 0.26rem;
    text-align: center;
}

.product_b6 .selection7 h3[data-v-75b0ef0b] {
    font-family: Gilroy-Regular;
    font-weight: 400;
    color: #666;
    text-align: center;
    margin: 0.19rem 0 0.6rem 0;
    font-size: 0.18rem;
}

.product_b6 .selection7 .swiper[data-v-75b0ef0b] {
    width: 15.2rem;
    margin: 0 auto;
    position: relative;
}

.product_b6 .selection7 .swiper .swiper-container[data-v-75b0ef0b] {
    padding: 0.07rem 0.07rem 0.07rem 0;
}

.product_b6 .selection7 .swiper .swiper-wrapper > div[data-v-75b0ef0b] {
    overflow: hidden;
    background: #ffffff;
    -webkit-box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.15);
    box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 0.08rem;
    cursor: pointer;
}

.product_b6 .selection7 .swiper .swiper-wrapper > div:hover .left img[data-v-75b0ef0b] {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.product_b6 .selection7 .swiper .swiper-wrapper > div:hover .right h4[data-v-75b0ef0b] {
    color: #0044b0 !important;
}

.product_b6 .selection7 .swiper .swiper-wrapper > div:hover .right > div div:nth-child(2) i[data-v-75b0ef0b] {
    -webkit-transform: translateX(0.03rem);
    transform: translateX(0.03rem);
}

.product_b6 .selection7 .swiper .swiper-wrapper > div .left[data-v-75b0ef0b] {
    width: 3.7rem;
    height: 3.3rem;
    overflow: hidden;
}

.product_b6 .selection7 .swiper .swiper-wrapper > div .left img[data-v-75b0ef0b] {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    width: 100%;
    height: 3.3rem;
    border-radius: 0.08rem 0 0 0.08rem;
    cursor: pointer;
}

.product_b6 .selection7 .swiper .swiper-wrapper > div .right[data-v-75b0ef0b] {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0.55rem 0 0 0;
}

.product_b6 .selection7 .swiper .swiper-wrapper > div .right h4[data-v-75b0ef0b] {
    font-size: 0.24rem;
    font-weight: 600;
    color: #333;
    margin: 0 0 0.27rem 0;
    cursor: pointer;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    padding-left: 0.43rem;
    white-space: nowrap;
    overflow: hidden;
    width: 2.85rem;
    text-overflow: ellipsis;
}

.product_b6 .selection7 .swiper .swiper-wrapper > div .right p[data-v-75b0ef0b] {
    font-size: 0.16rem;
    font-weight: 400;
    color: #666666;
    margin: 0 auto;
    width: 2.66rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
}

.product_b6 .selection7 .swiper .swiper-wrapper > div .right > div[data-v-75b0ef0b] {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 0.7rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 0.01rem solid #eee;
    font-size: 0.16rem;
    font-weight: 400;
    color: #999999;
    line-height: 0.26rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0.5rem;
}

.product_b6 .selection7 .swiper .swiper-wrapper > div .right > div div[data-v-75b0ef0b] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product_b6 .selection7 .swiper .swiper-wrapper > div .right > div div:nth-child(1) i[data-v-75b0ef0b] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAACBUlEQVQ4T6WUv4tTQRDHv7NJdf+ASaGNHP64TgQlKGhjDgRFsPG0MiTzkgexEixfb22y8x5YyN3hwYFccXB3laCcgmgnKlppEW0tREjejmzIC/dCjOHccnbns7vfmfkSpqxut1slohUiqgA4OjryTVX3VXW92WzuTqbRwYCInATwGMAZAM+ccz7h8+jMojGmCuAGgLcAasz8Mcsfg5IkueSc2yKil6raZOav014rIseIqKuqF4wx1+v1+nN/bghKkuRUmqaviWit0WiERKTTIFlMVUlEOgBW0jQ9H4bhhyFIRPYB/Or1eleiKHKzINleFEWmXC7vqepCEAQV8sIaY7aLxeJSrVb7NKFZGcADZr43Dd7pdE4UCoX3zrmr/olPABxhZi9kbllrzxLRG2bOFWXisl1V/e5BX/zvmPnhIUH3AbAH/VbVO0EQbB4GZK29SUSrc4H8jdklzjnt9/sb7Xb7p4+NQGszvyYixwE8zdpkBNPBYHArDEMvia/4+Gt/FXueNhAR3/0/KI7jqqpup2m61Gq1cuX/FyhX/v9pyFKptEdEC8xcGfaHtfY0gFcA1pm5Nc+IxHH8SFVvE9E5P7zjRhORywC2VPUFEc0cWlXtEtFFY8y13NBmWkzaCIAdIhraiKouAlge2cg7AHen2shBYa21y97YAOSMDcDQ2IIg2JksxB8mLQ7lIX0nyQAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
    width: 0.18rem;
    height: 0.18rem;
    margin-right: 0.07rem;
}

.product_b6 .selection7 .swiper .swiper-wrapper > div .right > div div[data-v-75b0ef0b]:nth-child(2) {
    color: #0044b0;
    cursor: pointer;
}

.product_b6 .selection7 .swiper .swiper-wrapper > div .right > div div:nth-child(2) i[data-v-75b0ef0b] {
    margin-left: 0.07rem;
    width: 0.09rem;
    height: 0.14rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAxklEQVQokYXRu0oDcRDF4S8XlLxGHsWIjYZUgTQ2lqKdkCJoYaWtuZAqRRpRCAQsTWVh54NonyKCFwb+C+u64qmGmR/DmTMVu8sG7jDEoxJVcYQ2HnDwFzTBCNtYoFsGfeEU19jCLQ7zUE2zl9UrfKKFDl7xUoRCT1hjL/n7iF4RCj3jDfvYQT08/adqGXSGcaovMKgXgHNcpouPMY1mHrpCP5mNgOfZIKAKbnCC95TRfX59QLE2gE1KO97zK/FZGmT/+yl8A+1hJeDELAUjAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    margin-left: 0.15rem;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.product_b6 .selection7 .swiper .swiper-pagination[data-v-75b0ef0b] {
    bottom: -0.55rem;
}

.product_b6 .selection7 .swiper .swiper-button-prev[data-v-75b0ef0b] {
    left: 0;
    top: auto;
    bottom: -0.68rem;
}

.product_b6 .selection7 .swiper .swiper-button-prev[data-v-75b0ef0b]::after {
    color: #cecece;
}

.product_b6 .selection7 .swiper .swiper-button-next[data-v-75b0ef0b] {
    right: 0;
    top: auto;
    bottom: -0.68rem;
}

.product_b6 .selection7 .swiper .swiper-button-next[data-v-75b0ef0b]::after {
    color: #cecece;
}

#app[state='portrait'] .product_b6 .banner > div[data-v-75b0ef0b] {
    left: 0.5rem;
    top: 1.07rem;
}

#app[state='portrait'] .product_b6 [class*='selection'] > h3[data-v-75b0ef0b] {
    font-size: calc(0.18rem * 1.2);
}

#app[state='portrait'] .product_b6 .selection1 > .swiper[data-v-75b0ef0b] {
    width: 8.2rem;
}

#app[state='portrait'] .product_b6 .selection1 .swiper[data-v-75b0ef0b] {
    width: 8.2rem;
}

#app[state='portrait'] .product_b6 .selection1 .swiper[data-v-75b0ef0b] .swiper-wrapper .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#app[state='portrait'] .product_b6 .selection1 .swiper[data-v-75b0ef0b] .swiper-wrapper .wrap h4 {
    font-weight: 600;
    color: #000000;
    margin-bottom: 0.38rem;
    font-size: calc(0.3rem * 1.2);
    line-height: calc(0.4rem * 1.2);
}

#app[state='portrait'] .product_b6 .selection1 .swiper[data-v-75b0ef0b] .swiper-wrapper .wrap p {
    font-size: 0.17rem;
    font-weight: 400;
    color: #333333;
    line-height: 0.36rem;
    text-align: justify;
    font-size: calc(0.17rem * 1.5);
    line-height: calc(0.36rem * 1.5);
}

#app[state='portrait'] .product_b6 .selection1 .swiper[data-v-75b0ef0b] .swiper-wrapper .wrap .btn {
    text-align: center;
    width: 2.8rem;
    height: 0.56rem;
    border-radius: 0.28rem;
    font-weight: 400;
    color: #ffffff;
    margin: 0.2rem 0;
    cursor: pointer;
    background: #0044b0;
    border-radius: calc(0.28rem * 1.5);
    font-size: calc(0.18rem * 1.5);
    line-height: calc(0.56rem * 1.5);
    height: calc(0.56rem * 1.5);
}

#app[state='portrait'] .product_b6 .selection1 .swiper[data-v-75b0ef0b] .swiper-wrapper .wrap .left {
    width: 100%;
}

#app[state='portrait'] .product_b6 .selection1 .swiper[data-v-75b0ef0b] .swiper-wrapper .wrap .left .over {
    padding-right: 0;
}

#app[state='portrait'] .product_b6 .selection1 .swiper[data-v-75b0ef0b] .swiper-wrapper .wrap .right {
    width: 100%;
    height: auto;
}

#app[state='portrait'] .product_b6 .selection1 .swiper[data-v-75b0ef0b] .swiper-wrapper .wrap .right img {
    width: 100%;
    height: 100%;
}

#app[state='portrait'] .product_b6 .selection1 .btns > div[data-v-75b0ef0b] {
    border-radius: calc(0.4rem * 1.5);
    font-size: calc(0.18rem * 1.5);
    height: calc(0.86rem * 1.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: calc(2.33rem * 1.5);
}

#app[state='portrait'] .product_b6 .selection2 > div[data-v-75b0ef0b] {
    width: 8.2rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 auto;
}

#app[state='portrait'] .product_b6 .selection2 > div > div[data-v-75b0ef0b] {
    width: 100%;
    padding: 0.4rem 0;
    border: none;
    border-bottom: 0.01rem solid #e5e5e5;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#app[state='portrait'] .product_b6 .selection2 > div > div i[data-v-75b0ef0b] {
    margin: 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

#app[state='portrait'] .product_b6 .selection2 > div > div h4[data-v-75b0ef0b] {
    text-align: left;
    padding-left: 0.4rem;
    margin: 0 0 0.2rem 0;
}

#app[state='portrait'] .product_b6 .selection2 > div > div p[data-v-75b0ef0b] {
    width: 100%;
    padding-left: 0.4rem;
    font-size: calc(0.17rem * 1.5);
    line-height: calc(0.36rem * 1.5);
}

#app[state='portrait'] .product_b6 .selection3[data-v-75b0ef0b] {
    background-position: center center;
    background-size: cover;
}

#app[state='portrait'] .product_b6 .selection3 .swiper[data-v-75b0ef0b] {
    width: 8.2rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#app[state='portrait'] .product_b6 .selection3 .swiper > div[data-v-75b0ef0b] {
    height: 2.6rem;
    padding: 0.4rem;
    width: 100%;
    margin: 0;
    margin-bottom: 0.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#app[state='portrait'] .product_b6 .selection3 .swiper > div > div[data-v-75b0ef0b]:nth-child(1) {
    margin: 0 auto;
}

#app[state='portrait'] .product_b6 .selection3 .swiper > div > div[data-v-75b0ef0b]:nth-child(2) {
    padding-left: 0.4rem;
}

#app[state='portrait'] .product_b6 .selection3 .swiper > div > div:nth-child(2) h2[data-v-75b0ef0b] {
    text-align: left;
    font-size: calc(0.24rem * 1.2);
}

#app[state='portrait'] .product_b6 .selection3 .swiper > div > div:nth-child(2) h2[data-v-75b0ef0b]::after {
    left: 0.4rem;
}

#app[state='portrait'] .product_b6 .selection3 .swiper > div > div:nth-child(2) p[data-v-75b0ef0b] {
    width: 100%;
    text-align: left;
    line-height: 0.42rem;
    font-size: calc(0.16rem * 1.5);
    -webkit-line-clamp: 3;
}

#app[state='portrait'] .product_b6 .selection5[data-v-75b0ef0b] {
    height: auto;
    width: 100%;
    background: #2354a0 url(assets/dfc4a7af05826ab63660a84d3d5b4fb3.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    margin-bottom: 8rem;
}

#app[state='portrait'] .product_b6 .selection5 h2.two[data-v-75b0ef0b] {
    margin-top: 0;
    -webkit-transform: translateY(1.5rem);
    transform: translateY(1.5rem);
    color: #111;
}

#app[state='portrait'] .product_b6 .selection5 h3.two[data-v-75b0ef0b] {
    -webkit-transform: translateY(1.5rem);
    transform: translateY(1.5rem);
    color: #111;
}

#app[state='portrait'] .product_b6 .selection5 ul[data-v-75b0ef0b] {
    padding: 0 0.4rem;
}

#app[state='portrait'] .product_b6 .selection5 ul[data-v-75b0ef0b]::after {
    top: 52%;
}

#app[state='portrait'] .product_b6 .selection5 ul li b[data-v-75b0ef0b] {
    font-size: 0.26rem;
}

#app[state='portrait'] .product_b6 .selection5 ul li p[data-v-75b0ef0b] {
    font-size: 0.28rem;
}

#app[state='portrait'] .product_b6 .selection5 > div[data-v-75b0ef0b] {
    padding: 0 0.4rem;
    top: calc(100% + 1.5rem);
    width: 100%;
    display: block;
    background: #fff;
    overflow: hidden;
    height: 6.65rem;
}

#app[state='portrait'] .product_b6 .selection5 > div > div[data-v-75b0ef0b] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    background: #fff;
    border-bottom: 0.01rem solid #eee;
    padding: 0.4rem 0;
}

#app[state='portrait'] .product_b6 .selection5 > div > div i[data-v-75b0ef0b] {
    width: 0.8rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0;
}

#app[state='portrait'] .product_b6 .selection5 > div > div h4[data-v-75b0ef0b] {
    margin: 0.1rem 0 0.2rem 0;
    text-align: left;
    padding: 0 0.2rem;
    font-size: calc(0.22rem * 1.2);
}

#app[state='portrait'] .product_b6 .selection5 > div > div p[data-v-75b0ef0b] {
    width: 100%;
    line-height: 0.45rem;
    padding: 0 0.2rem;
    font-size: calc(0.16rem * 1.5);
    text-align: left;
}

#app[state='portrait'] .product_b6 .selection7 .swiper[data-v-75b0ef0b] {
    width: 8.2rem;
}

#app[state='portrait'] .product_b6 .selection7 .swiper h4[data-v-75b0ef0b] {
    font-size: calc(0.24rem * 1.2);
    width: 3.8rem;
}

#app[state='portrait'] .product_b6 .selection7 .swiper p[data-v-75b0ef0b] {
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .product_b6 .selection7 .swiper div[data-v-75b0ef0b] {
    font-size: calc(0.16rem * 1.5);
}@-webkit-keyframes slide-right-in-data-v-682e3f68 {
     0% {
         -webkit-transform: translateX(0.4rem);
         transform: translateX(0.4rem);
     }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
 }

@keyframes slide-right-in-data-v-682e3f68 {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-682e3f68 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-682e3f68 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-682e3f68 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-682e3f68 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-682e3f68 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-682e3f68 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-682e3f68 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-682e3f68 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#app[state='web'] .product_b7 .selection1[data-v-682e3f68],
#app[state='web'] .product_b7 .selection2[data-v-682e3f68],
#app[state='web'] .product_b7 .selection3[data-v-682e3f68],
#app[state='web'] .product_b7 .selection5[data-v-682e3f68],
#app[state='web'] .product_b7 .selection7[data-v-682e3f68] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-682e3f68 1s, fade-in-data-v-682e3f68 1s;
    animation: slide-up-in-data-v-682e3f68 1s, fade-in-data-v-682e3f68 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.product_b7 img[data-v-682e3f68] {
    display: block;
}

.product_b7 h3[data-v-682e3f68] {
    text-transform: Uppercase;
}

.product_b7 .banner[data-v-682e3f68] {
    max-width: 19.2rem;
    margin: 0 auto;
    position: relative;
    min-height: 4.8rem;
}

.product_b7 .banner img[data-v-682e3f68] {
    width: 100%;
}

.product_b7 .banner > div[data-v-682e3f68] {
    position: absolute;
    left: 2rem;
    top: 2.67rem;
}

.product_b7 .banner > div h2[data-v-682e3f68] {
    font-size: 0.56rem;
    font-weight: 500;
    color: #ffffff;
}

.product_b7 .banner > div p[data-v-682e3f68] {
    font-size: 0.28rem;
    font-weight: 400;
    color: #ffffff;
    margin: 0.33rem 0 0.5rem 0;
}

.product_b7 .banner > div .btn[data-v-682e3f68] {
    width: 2rem;
    height: 0.56rem;
    border-radius: 0.28rem;
    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;
    font-size: 0.2rem;
    font-weight: 400;
    color: #ffffff;
    cursor: pointer;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
    background: #0044b0;
}

.product_b7 .banner > div .btn i[data-v-682e3f68] {
    width: 0.3rem;
    height: 0.25rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAZCAYAAAAmNZ4aAAADBElEQVRIibWWW4iWVRSGnzkwHvMQSCUSaKNjBuWhoS6UAsGLJMgSVNILRb3QCKK8iPDCi7oTSaHEI5VUhEp2nSXdFaljmSlqFOUBjZI8JjpP7HH9w3bz+c80jgsW/7/fvdZ+117fXmvvBpU60g68AEwH2oAHwvQG8DtwCPgK2AWcrrdQKXcifh5YA0yJ8W/AfuAccAkYCYwBngaGAzeBncBq4HivmBNxpiPVXd6SM+pb6tjCJtcm9Sl1k3pd/Vd9Q22o49Ol+WCM+nOQrlOH9ORc6Dh1b/h/EEH1SDxU/TGinvs/CXNtVN8N8g2BD1SXqSOqiDeG8cK7IK1pSvNHsd5s9VH1pno0stpNPFHtVD/tB9I8g3+oRyKQFyObh2Oui3htRNfWj8RJX4l1n4nx/Bi/XyNOURwsnAar7WpzxU6erDg46eS3FtioIHonw3ZEdiekwQ11a+H0bTh9UuCHA8/t22ON9B1nFvan1J3ZuDX81zYCTcDVorzb4ndShrUArfF/QoaPjzUaM7+aXAAGZeMTwPfArGbgIvBQ4fASMBfYkmHXgTnR1d7L8M+ARyKw7cU6o4GDBXYAWJK2/416rqeC74M+Fml9vfBdn8CUns+BUcDseq21D7IsXPYUrg92ZTk6ygX1mDqgn3abSvOauqeis51Wv64BSyMt23rT4HvQ4epP6qWKEnsueF7Nwe0BrrwL0ofVjiitsue3REB/qsPyiaYAv+gDYUsE/HekeF4xn7K4JTa22OJaTPqDui/7HrPC8PGKU59unWfVt6MvGx1wckVgy2N+cw0rDTqivF5WT3i7XA2CY1F+ndnsd+qCihZb093RxbqDby6O+jDgCWAGcDJK4lC8vRJ+PzA4Ot2p7M31a/g3ABOBqcBZYB/QGX7n44l0S4rILqr/qK/Vib6m96m/RBbSJzoZJzmXdC0uiix25P75jocCXwIrgDO96BeXgY+BcfHguwL8FVlI/Xga8CbwYdjf/gjs5zZZddpXRSZTxXTP3WvimqYnT+piqRJQ+Q8hbv6jcvuKJwAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
    margin-right: 0.13rem;
}

.product_b7 .selection1[data-v-682e3f68] {
    background: #fff;
    padding: 0.99rem 0 0.8rem 0;
}

.product_b7 .selection1 h2[data-v-682e3f68] {
    font-size: 0.42rem;
    font-weight: bold;
    color: #111;
    line-height: 0.42rem;
    text-align: center;
}

.product_b7 .selection1 h3[data-v-682e3f68] {
    font-family: Gilroy-Regular;
    font-weight: 400;
    color: #666;
    text-align: center;
    margin: 0.19rem 0 0.6rem 0;
    font-size: 0.18rem;
}

.product_b7 .selection1 .swiper[data-v-682e3f68] {
    width: 15.2rem;
    margin: 0 auto;
    position: relative;
}

.product_b7 .selection1 .swiper[data-v-682e3f68] .swiper-wrapper .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.product_b7 .selection1 .swiper[data-v-682e3f68] .swiper-wrapper .wrap h4 {
    font-size: 0.3rem;
    font-weight: 600;
    color: #000000;
    line-height: 0.3rem;
    margin-bottom: 0.38rem;
}

.product_b7 .selection1 .swiper[data-v-682e3f68] .swiper-wrapper .wrap .over {
    height: 3.3rem;
    overflow-y: auto;
    padding-right: 0.2rem;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
}

.product_b7 .selection1 .swiper[data-v-682e3f68] .swiper-wrapper .wrap .over::-webkit-scrollbar {
    width: 0.02rem;
    height: 0.02rem;
}

.product_b7 .selection1 .swiper[data-v-682e3f68] .swiper-wrapper .wrap .over::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0.01rem rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0.01rem rgba(0, 0, 0, 0);
    border-radius: 0.08rem;
    background-color: transparent;
}

.product_b7 .selection1 .swiper[data-v-682e3f68] .swiper-wrapper .wrap .over::-webkit-scrollbar-thumb {
    border-radius: 0.08rem;
    -webkit-box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, 0.3);
    background: #dad6d6;
}

.product_b7 .selection1 .swiper[data-v-682e3f68] .swiper-wrapper .wrap .over p {
    font-size: 0.17rem;
    font-weight: 400;
    color: #333333;
    line-height: 0.36rem;
    text-align: justify;
    white-space: pre-wrap;
}

.product_b7 .selection1 .swiper[data-v-682e3f68] .swiper-wrapper .wrap .btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.46rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product_b7 .selection1 .swiper[data-v-682e3f68] .swiper-wrapper .wrap .btn-wrap span {
    margin-left: 0.35rem;
    font-size: 0.16rem;
    font-weight: 400;
    color: #0044b0;
}

.product_b7 .selection1 .swiper[data-v-682e3f68] .swiper-wrapper .wrap .btn-wrap .btn {
    text-align: center;
    width: 2.8rem;
    height: 0.56rem;
    border-radius: 0.28rem;
    font-size: 0.18rem;
    font-weight: 400;
    color: #ffffff;
    line-height: 0.56rem;
    cursor: pointer;
    background: #0044b0;
}

.product_b7 .selection1 .swiper[data-v-682e3f68] .swiper-wrapper .wrap .left {
    width: 7.6rem;
}

.product_b7 .selection1 .swiper[data-v-682e3f68] .swiper-wrapper .wrap .right {
    width: 7rem;
    height: 5rem;
}

.product_b7 .selection1 .swiper[data-v-682e3f68] .swiper-wrapper .wrap .right img {
    width: 100%;
    height: 100%;
    border-radius: 0.08rem;
}

.product_b7 .selection1 .swiper .swiper-pagination[data-v-682e3f68] {
    bottom: -0.63rem;
}

.product_b7 .selection1 .swiper .swiper-button-prev[data-v-682e3f68] {
    left: 0;
    top: auto;
    bottom: -0.76rem;
}

.product_b7 .selection1 .swiper .swiper-button-prev[data-v-682e3f68]::after {
    color: #cecece;
}

.product_b7 .selection1 .swiper .swiper-button-next[data-v-682e3f68] {
    right: 0;
    top: auto;
    bottom: -0.76rem;
}

.product_b7 .selection1 .swiper .swiper-button-next[data-v-682e3f68]::after {
    color: #cecece;
}

.product_b7 .selection1 .btns[data-v-682e3f68] {
    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;
    margin-top: 1.75rem;
}

.product_b7 .selection1 .btns > div[data-v-682e3f68] {
    height: 0.86rem;
    border: 0.02rem solid #0044b0;
    border-radius: 0.4rem;
    font-size: 0.18rem;
    font-weight: 500;
    color: #0044b0;
    text-align: center;
    padding: 0 0.45rem 0 0.45rem;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
    cursor: pointer;
    min-width: 2.33rem;
    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;
}

.product_b7 .selection1 .btns > div p[data-v-682e3f68] {
    width: 100%;
    text-align: center;
    white-space: nowrap;
}

.product_b7 .selection1 .btns > div[data-v-682e3f68]:nth-child(1) {
    margin: 0 0.24rem 0 0;
}

.product_b7 .selection1 .btns > div[data-v-682e3f68]:hover {
    background: #0044b0;
    color: #fff;
}
.product_b7 .selection1 .btns > div[data-v-682e3f68]:hover a{
    color: #fff;
}

.product_b7 .selection1 .btns > div.active[data-v-682e3f68] {
    background: #0044b0;
    color: #fff;
}
.product_b7 .selection1 .btns > div.active[data-v-682e3f68] a{
    color: #fff;
}

.product_b7 .selection2[data-v-682e3f68] {
    padding: 0.99rem 0;
    background: #f8f9fc;
    padding: 1rem 0;
}

.product_b7 .selection2 > div[data-v-682e3f68] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product_b7 .selection2 > div > div[data-v-682e3f68] {
    height: 4.66rem;
}

.product_b7 .selection2 > div > div i[data-v-682e3f68] {
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
}

.product_b7 .selection2 > div > div i img[data-v-682e3f68] {
    width: 100%;
}

.product_b7 .selection2 > div > div h4[data-v-682e3f68] {
    font-size: 0.32rem;
    font-weight: 400;
    color: #111111;
    line-height: 0.26rem;
    margin: 0.69rem 0 0.38rem 0;
}

.product_b7 .selection2 > div > div p[data-v-682e3f68] {
    font-size: 0.17rem;
    font-weight: 400;
    color: #666666;
    line-height: 0.36rem;
    width: 3.61rem;
}

.product_b7 .selection2 > div > div[data-v-682e3f68]:nth-child(1) {
    width: 4.71rem;
}

.product_b7 .selection2 > div > div[data-v-682e3f68]:nth-child(2) {
    width: 5.78rem;
    border-right: 0.01rem solid #e5e5e5;
    border-left: 0.01rem solid #e5e5e5;
    padding-left: 1.07rem;
}

.product_b7 .selection2 > div > div[data-v-682e3f68]:nth-child(3) {
    padding-left: 1.07rem;
    width: 4.69rem;
}

.product_b7 .selection3[data-v-682e3f68] {
    background: url(assets/fe7d72f5c97e27e9241d35cd27a41a43.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 0.99rem 0 1rem 0;
}

.product_b7 .selection3 h2[data-v-682e3f68] {
    font-size: 0.42rem;
    font-weight: bold;
    color: #ffffff;
    line-height: 0.26rem;
    text-align: center;
}

.product_b7 .selection3 h3[data-v-682e3f68] {
    font-family: Gilroy-Regular;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    margin: 0.19rem 0 0.6rem 0;
    font-size: 0.18rem;
}

.product_b7 .selection3 > .swiper[data-v-682e3f68] {
    margin: 0 auto;
    width: 15.2rem;
    height: 2.83rem;
    border: 0.01rem solid rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.08);
    border-radius: 0.08rem;
    padding: 0.69rem 0 0 0.8rem;
}

.product_b7 .selection3 > .swiper > p[data-v-682e3f68] {
    font-size: 0.32rem;
    font-weight: 400;
    color: #ffffff;
    line-height: 0.26rem;
}

.product_b7 .selection3 > .swiper > div[data-v-682e3f68] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.35rem;
}

.product_b7 .selection3 > .swiper > div > div[data-v-682e3f68] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product_b7 .selection3 > .swiper > div > div i[data-v-682e3f68] {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 0.2rem;
}

.product_b7 .selection3 > .swiper > div > div h2[data-v-682e3f68] {
    font-size: 0.22rem;
    font-weight: 400;
    color: #ffffff;
    line-height: 0.4rem;
    text-align: left;
    margin-top: 0.02rem;
}

.product_b7 .selection3 > .swiper > div > div p[data-v-682e3f68] {
    font-size: 0.16rem;
    font-weight: 400;
    color: #ffffff;
    line-height: 0.31rem;
}

.product_b7 .selection3 > .swiper > div > div[data-v-682e3f68]:nth-child(1) {
    width: 5.73rem;
}

.product_b7 .selection3 > .swiper > div > div[data-v-682e3f68]:nth-child(2) {
    width: 4.38rem;
}

.product_b7 .selection3 > .swiper > div > div[data-v-682e3f68]:nth-child(3) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.product_b7 .selection5[data-v-682e3f68] {
    height: 9rem;
    background: url(assets/3291985bf5fbfd249d26d915bbb827d3.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 0.99rem 0 1rem 0;
    position: relative;
}

.product_b7 .selection5 h2[data-v-682e3f68] {
    font-size: 0.42rem;
    font-weight: bold;
    color: #ffffff;
    line-height: 0.26rem;
    text-align: center;
}

.product_b7 .selection5 h2.two[data-v-682e3f68] {
    margin-top: 4rem;
}

.product_b7 .selection5 h3[data-v-682e3f68] {
    font-family: Gilroy-Regular;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    margin: 0.19rem 0 0.6rem 0;
    font-size: 0.18rem;
}

.product_b7 .selection5 img[data-v-682e3f68] {
    width: 15.2rem;
    margin: 0 auto;
    display: block;
    height: 5.7rem;
    border-radius: 0.08rem;
}

.product_b7 .selection7[data-v-682e3f68] {
    background: #f8f9fc;
    padding: 0.99rem 0 1.66rem 0;
}

.product_b7 .selection7 h2[data-v-682e3f68] {
    font-size: 0.42rem;
    font-weight: bold;
    color: #111;
    line-height: 0.26rem;
    text-align: center;
}

.product_b7 .selection7 h3[data-v-682e3f68] {
    font-family: Gilroy-Regular;
    font-weight: 400;
    color: #666;
    text-align: center;
    margin: 0.19rem 0 0.6rem 0;
    font-size: 0.18rem;
}

.product_b7 .selection7 .swiper[data-v-682e3f68] {
    width: 15.2rem;
    margin: 0 auto;
    position: relative;
}

.product_b7 .selection7 .swiper .swiper-wrapper > div[data-v-682e3f68] {
    background: #ffffff;
    border-radius: 0.08rem;
    padding: 0.14rem 0.04rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.product_b7 .selection7 .swiper .swiper-wrapper > div img[data-v-682e3f68] {
    width: 100%;
    border-radius: 0.08rem;
    height: 1.35rem;
    opacity: 0.7;
    display: block;
    max-height: 100%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.product_b7 .selection7 .swiper .swiper-wrapper > div img[data-v-682e3f68]:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.product_b7 .selection7 .swiper .swiper-wrapper > div:hover img[data-v-682e3f68] {
    -webkit-filter: none;
    filter: none;
}

.product_b7 .selection7 .swiper .swiper-pagination[data-v-682e3f68] {
    bottom: -0.55rem;
}

.product_b7 .selection7 .swiper .swiper-button-prev[data-v-682e3f68] {
    left: 0;
    top: auto;
    bottom: -0.68rem;
}

.product_b7 .selection7 .swiper .swiper-button-prev[data-v-682e3f68]::after {
    color: #cecece;
}

.product_b7 .selection7 .swiper .swiper-button-next[data-v-682e3f68] {
    right: 0;
    top: auto;
    bottom: -0.68rem;
}

.product_b7 .selection7 .swiper .swiper-button-next[data-v-682e3f68]::after {
    color: #cecece;
}

#app[state='portrait'] .product_b7 .banner > div[data-v-682e3f68] {
    left: 0.5rem;
    top: 1.07rem;
}

#app[state='portrait'] .product_b7 [class*='selection'] > h3[data-v-682e3f68] {
    font-size: calc(0.18rem * 1.2);
}

#app[state='portrait'] .product_b7 .selection1 > .swiper[data-v-682e3f68] {
    width: 8.2rem;
}

#app[state='portrait'] .product_b7 .selection1 .swiper[data-v-682e3f68] {
    width: 8.2rem;
}

#app[state='portrait'] .product_b7 .selection1 .swiper[data-v-682e3f68] .swiper-wrapper .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#app[state='portrait'] .product_b7 .selection1 .swiper[data-v-682e3f68] .swiper-wrapper .wrap h4 {
    font-weight: 600;
    color: #000000;
    margin-bottom: 0.38rem;
    font-size: calc(0.3rem * 1.2);
    line-height: calc(0.4rem * 1.5);
}

#app[state='portrait'] .product_b7 .selection1 .swiper[data-v-682e3f68] .swiper-wrapper .wrap p {
    height: auto;
    font-size: 0.17rem;
    font-weight: 400;
    color: #333333;
    line-height: 0.36rem;
    text-align: justify;
    font-size: calc(0.17rem * 1.5);
    line-height: calc(0.36rem * 1.5);
}

#app[state='portrait'] .product_b7 .selection1 .swiper[data-v-682e3f68] .swiper-wrapper .wrap .btn {
    text-align: center;
    width: 2.8rem;
    height: 0.56rem;
    border-radius: 0.28rem;
    font-weight: 400;
    color: #ffffff;
    margin: 0.2rem 0;
    cursor: pointer;
    background: #0044b0;
    border-radius: calc(0.28rem * 1.5);
    font-size: calc(0.18rem * 1.5);
    line-height: calc(0.56rem * 1.5);
    height: calc(0.56rem * 1.5);
}

#app[state='portrait'] .product_b7 .selection1 .swiper[data-v-682e3f68] .swiper-wrapper .wrap span {
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .product_b7 .selection1 .swiper[data-v-682e3f68] .swiper-wrapper .wrap .left {
    width: 100%;
}

#app[state='portrait'] .product_b7 .selection1 .swiper[data-v-682e3f68] .swiper-wrapper .wrap .left .over {
    padding-right: 0;
}

#app[state='portrait'] .product_b7 .selection1 .swiper[data-v-682e3f68] .swiper-wrapper .wrap .right {
    width: 100%;
    height: auto;
}

#app[state='portrait'] .product_b7 .selection1 .swiper[data-v-682e3f68] .swiper-wrapper .wrap .right img {
    width: 100%;
    height: 100%;
}

#app[state='portrait'] .product_b7 .selection1 .btns > div[data-v-682e3f68] {
    border-radius: calc(0.4rem * 1.5);
    font-size: calc(0.18rem * 1.5);
    height: calc(0.86rem * 1.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: calc(2.33rem * 1.5);
}

#app[state='portrait'] .product_b7 .selection2 > div[data-v-682e3f68] {
    width: 8.2rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 auto;
}

#app[state='portrait'] .product_b7 .selection2 > div > div[data-v-682e3f68] {
    width: 100%;
    padding: 0.4rem 0;
    border: none;
    border-bottom: 0.01rem solid #e5e5e5;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#app[state='portrait'] .product_b7 .selection2 > div > div i[data-v-682e3f68] {
    margin: 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

#app[state='portrait'] .product_b7 .selection2 > div > div h4[data-v-682e3f68] {
    text-align: left;
    padding-left: 0.4rem;
    margin: 0 0 0.2rem 0;
}

#app[state='portrait'] .product_b7 .selection2 > div > div p[data-v-682e3f68] {
    width: 100%;
    padding-left: 0.4rem;
    font-size: calc(0.17rem * 1.5);
    line-height: calc(0.36rem * 1.5);
}

#app[state='portrait'] .product_b7 .selection3[data-v-682e3f68] {
    background-size: auto 100%;
}

#app[state='portrait'] .product_b7 .selection3 .swiper[data-v-682e3f68] {
    width: 8.2rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.2rem 0.5rem;
    height: auto;
}

#app[state='portrait'] .product_b7 .selection3 .swiper > p[data-v-682e3f68] {
    text-align: center;
    margin: 0.2rem 0 0.3rem 0;
    font-size: calc(0.32rem * 1.2);
}

#app[state='portrait'] .product_b7 .selection3 .swiper > div[data-v-682e3f68] {
    height: auto;
    padding: 0;
    width: 100%;
    display: block;
    margin-bottom: 0.1rem;
}

#app[state='portrait'] .product_b7 .selection3 .swiper > div > div[data-v-682e3f68] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#app[state='portrait'] .product_b7 .selection3 .swiper > div > div i[data-v-682e3f68] {
    width: calc(0.8rem * 1.5);
    height: calc(0.8rem * 1.5);
}

#app[state='portrait'] .product_b7 .selection3 .swiper > div > div > div[data-v-682e3f68] {
    height: 1.5rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
}

#app[state='portrait'] .product_b7 .selection3 .swiper > div > div h2[data-v-682e3f68] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: calc(0.22rem * 1.4);
}

#app[state='portrait'] .product_b7 .selection3 .swiper > div p[data-v-682e3f68] {
    font-size: calc(0.16rem * 1.5);
    line-height: calc(0.31rem * 1.5);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    width: 80%;
}

#app[state='portrait'] .product_b7 .selection5[data-v-682e3f68] {
    height: auto;
    width: 100%;
    background-size: 100% auto;
    padding: 0.3rem 0 0 0;
}

#app[state='portrait'] .product_b7 .selection5 h3[data-v-682e3f68] {
    margin-bottom: 0.2rem;
}

#app[state='portrait'] .product_b7 .selection5 img[data-v-682e3f68] {
    width: 98%;
    height: auto;
}

#app[state='portrait'] .product_b7 .selection7 .swiper[data-v-682e3f68] {
    width: 8.2rem;
}

#app[state='portrait'] .product_b7 .selection7 .swiper p[data-v-682e3f68] {
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}@-webkit-keyframes slide-right-in-data-v-2bb87c3c {
     0% {
         -webkit-transform: translateX(0.4rem);
         transform: translateX(0.4rem);
     }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
 }

@keyframes slide-right-in-data-v-2bb87c3c {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-2bb87c3c {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-2bb87c3c {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-2bb87c3c {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-2bb87c3c {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-2bb87c3c {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-2bb87c3c {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-2bb87c3c {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-2bb87c3c {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#app[state='web'] .product_b8 .selection1 h2[data-v-2bb87c3c],
#app[state='web'] .product_b8 .selection1 h3[data-v-2bb87c3c] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-2bb87c3c 1s, fade-in-data-v-2bb87c3c 1s;
    animation: slide-up-in-data-v-2bb87c3c 1s, fade-in-data-v-2bb87c3c 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b8 .selection2 h4[data-v-2bb87c3c],
#app[state='web'] .product_b8 .selection2 h5[data-v-2bb87c3c],
#app[state='web'] .product_b8 .selection2 div[data-v-2bb87c3c] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-2bb87c3c 1s, fade-in-data-v-2bb87c3c 1s;
    animation: slide-up-in-data-v-2bb87c3c 1s, fade-in-data-v-2bb87c3c 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b8 .selection3 > h2[data-v-2bb87c3c],
#app[state='web'] .product_b8 .selection3 > p[data-v-2bb87c3c] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-2bb87c3c 1s, fade-in-data-v-2bb87c3c 1s;
    animation: slide-up-in-data-v-2bb87c3c 1s, fade-in-data-v-2bb87c3c 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b8 .selection3 ul li[data-v-2bb87c3c] {
    opacity: 0;
    -webkit-animation: fade-in-data-v-2bb87c3c 1s;
    animation: fade-in-data-v-2bb87c3c 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b8 .selection3 ul li[data-v-2bb87c3c]:nth-child(2) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

#app[state='web'] .product_b8 .selection3 ul li[data-v-2bb87c3c]:nth-child(3) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.product_b8 img[data-v-2bb87c3c] {
    display: block;
}

.product_b8 .banner[data-v-2bb87c3c] {
    max-width: 19.2rem;
    margin: 0 auto;
    position: relative;
}

.product_b8 .banner img[data-v-2bb87c3c] {
    width: 100%;
}

.product_b8 .banner > div[data-v-2bb87c3c] {
    position: absolute;
    left: 2rem;
    top: 2.57rem;
}

.product_b8 .banner > div h2[data-v-2bb87c3c] {
    font-size: 0.56rem;
    font-weight: 500;
    color: #ffffff;
    font-family: PingFangSC;
}

.product_b8 .banner > div p[data-v-2bb87c3c] {
    font-size: 0.28rem;
    font-weight: 400;
    color: #ffffff;
    margin: 0.15rem 0 0.5rem 0;
}

.product_b8 .banner > div .btn[data-v-2bb87c3c] {
    width: 2rem;
    height: 0.56rem;
    border-radius: 0.28rem;
    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;
    font-size: 0.2rem;
    font-weight: 400;
    color: #ffffff;
    cursor: pointer;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
    background: #0044b0;
}

.product_b8 .banner > div .btn i[data-v-2bb87c3c] {
    width: 0.3rem;
    height: 0.25rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAZCAYAAAAmNZ4aAAADBElEQVRIibWWW4iWVRSGnzkwHvMQSCUSaKNjBuWhoS6UAsGLJMgSVNILRb3QCKK8iPDCi7oTSaHEI5VUhEp2nSXdFaljmSlqFOUBjZI8JjpP7HH9w3bz+c80jgsW/7/fvdZ+117fXmvvBpU60g68AEwH2oAHwvQG8DtwCPgK2AWcrrdQKXcifh5YA0yJ8W/AfuAccAkYCYwBngaGAzeBncBq4HivmBNxpiPVXd6SM+pb6tjCJtcm9Sl1k3pd/Vd9Q22o49Ol+WCM+nOQrlOH9ORc6Dh1b/h/EEH1SDxU/TGinvs/CXNtVN8N8g2BD1SXqSOqiDeG8cK7IK1pSvNHsd5s9VH1pno0stpNPFHtVD/tB9I8g3+oRyKQFyObh2Oui3htRNfWj8RJX4l1n4nx/Bi/XyNOURwsnAar7WpzxU6erDg46eS3FtioIHonw3ZEdiekwQ11a+H0bTh9UuCHA8/t22ON9B1nFvan1J3ZuDX81zYCTcDVorzb4ndShrUArfF/QoaPjzUaM7+aXAAGZeMTwPfArGbgIvBQ4fASMBfYkmHXgTnR1d7L8M+ARyKw7cU6o4GDBXYAWJK2/416rqeC74M+Fml9vfBdn8CUns+BUcDseq21D7IsXPYUrg92ZTk6ygX1mDqgn3abSvOauqeis51Wv64BSyMt23rT4HvQ4epP6qWKEnsueF7Nwe0BrrwL0ofVjiitsue3REB/qsPyiaYAv+gDYUsE/HekeF4xn7K4JTa22OJaTPqDui/7HrPC8PGKU59unWfVt6MvGx1wckVgy2N+cw0rDTqivF5WT3i7XA2CY1F+ndnsd+qCihZb093RxbqDby6O+jDgCWAGcDJK4lC8vRJ+PzA4Ot2p7M31a/g3ABOBqcBZYB/QGX7n44l0S4rILqr/qK/Vib6m96m/RBbSJzoZJzmXdC0uiix25P75jocCXwIrgDO96BeXgY+BcfHguwL8FVlI/Xga8CbwYdjf/gjs5zZZddpXRSZTxXTP3WvimqYnT+piqRJQ+Q8hbv6jcvuKJwAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
    margin-right: 0.13rem;
}

.product_b8 .tabs[data-v-2bb87c3c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 0.01rem solid #eee;
    height: 0.8rem;
}

.product_b8 .tabs div[data-v-2bb87c3c] {
    font-size: 0.18rem;
    line-height: 0.8rem;
    cursor: pointer;
    font-weight: 800;
    -webkit-transition: color .3s, border .3s;
    transition: color .3s, border .3s;
    color: #333;
    border-bottom: 0.01rem solid transparent;
}

.product_b8 .tabs div[data-v-2bb87c3c]:nth-child(2) {
    margin-left: 1.1rem;
}

.product_b8 .tabs div.active[data-v-2bb87c3c],
.product_b8 .tabs div[data-v-2bb87c3c]:hover {
    color: #0044b0;
    border-bottom: 0.01rem solid #0044b0;
}

.product_b8 .selection1[data-v-2bb87c3c] {
    width: 15.2rem;
    margin: 0 auto;
    padding: 1rem 0 0 0;
}

.product_b8 .selection1 h2[data-v-2bb87c3c] {
    font-size: 0.42rem;
    font-weight: bold;
    color: #111111;
    text-align: center;
}

.product_b8 .selection1 h3[data-v-2bb87c3c] {
    font-size: 0.26rem;
    font-weight: bold;
    color: #666;
    text-align: center;
    margin-top: 0.1rem;
}

.product_b8 .selection1 > ul[data-v-2bb87c3c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0.6rem 0 0 0;
}

.product_b8 .selection1 > ul li[data-v-2bb87c3c] {
    width: 4.87rem;
    height: 5.7rem;
    overflow: hidden;
    margin: 0 0.29rem 0.6rem 0;
    background: #ffffff;
    -webkit-box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.15);
    box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.15);
    border-radius: 0.08rem;
}

.product_b8 .selection1 > ul li .img-wrap[data-v-2bb87c3c] {
    width: 4.87rem;
    height: 3.2rem;
    overflow: hidden;
}

.product_b8 .selection1 > ul li .img-wrap img[data-v-2bb87c3c] {
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
}

.product_b8 .selection1 > ul li .img-wrap img[data-v-2bb87c3c]:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.product_b8 .selection1 > ul li .text[data-v-2bb87c3c] {
    height: 2.48rem;
}

.product_b8 .selection1 > ul li .text .upper[data-v-2bb87c3c] {
    border-bottom: 0.01rem solid #eeeeee;
    padding: 0.39rem 0.4rem;
    height: 1.47rem;
}

.product_b8 .selection1 > ul li .text .upper h4[data-v-2bb87c3c] {
    font-size: 0.26rem;
    font-weight: bold;
    color: #111111;
    line-height: 0.26rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 0.27rem 0;
}

.product_b8 .selection1 > ul li .text .upper h4 span[data-v-2bb87c3c] {
    margin-right: 0.19rem;
    max-width: 68%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.product_b8 .selection1 > ul li .text .upper h4 b[data-v-2bb87c3c] {
    height: 0.28rem;
    background: rgba(255, 95, 0, 0.08);
    border-radius: 0.14rem;
    padding: 0 0.12rem;
    font-size: 0.14rem;
    font-weight: 400;
    color: #ff6000;
    line-height: 0.28rem;
}

.product_b8 .selection1 > ul li .text .upper p[data-v-2bb87c3c] {
    font-size: 0.16rem;
    font-weight: 400;
    color: #666666;
    line-height: 0.32rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.product_b8 .selection1 > ul li .text .lower[data-v-2bb87c3c] {
    height: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0.4rem;
}

.product_b8 .selection1 > ul li .text .lower .left[data-v-2bb87c3c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product_b8 .selection1 > ul li .text .lower .left > div[data-v-2bb87c3c]:nth-child(1) {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.product_b8 .selection1 > ul li .text .lower .left img[data-v-2bb87c3c] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0.14rem 0 0;
}

.product_b8 .selection1 > ul li .text .lower .left p[data-v-2bb87c3c] {
    font-size: 0.14rem;
    font-weight: 400;
    color: #999999;
    line-height: 0.2rem;
    margin-top: 0.04rem;
}

.product_b8 .selection1 > ul li .text .lower .right[data-v-2bb87c3c] {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1.15rem;
    height: 0.42rem;
    border: 0.02rem solid #0044b0;
    border-radius: 0.21rem;
    text-align: center;
    font-size: 0.16rem;
    font-weight: 400;
    color: #0044b0;
    line-height: 0.38rem;
    cursor: pointer;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
}

.product_b8 .selection1 > ul li .text .lower .right[data-v-2bb87c3c]:hover {
    background: #0044b0;
    color: #fff;
}

.product_b8 .selection1 > ul li[data-v-2bb87c3c]:nth-child(3n) {
    margin-right: 0;
}

.product_b8 .selection1 .pagination-wrap[data-v-2bb87c3c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 0.45rem;
    margin-bottom: 0.8rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product_b8 .selection1 .pagination-wrap[data-v-2bb87c3c] .el-pagination {
    height: 0.45rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product_b8 .selection1 .pagination-wrap[data-v-2bb87c3c] .el-pagination .btn-prev,
.product_b8 .selection1 .pagination-wrap[data-v-2bb87c3c] .el-pagination .btn-next {
    width: 0.45rem;
    height: 0.45rem;
    border: 0.02rem solid #eeeeee;
    border-radius: 50%;
    -webkit-transition: border 0.3s;
    transition: border 0.3s;
    color: #333;
    padding: 0;
}

.product_b8 .selection1 .pagination-wrap[data-v-2bb87c3c] .el-pagination .btn-prev:hover,
.product_b8 .selection1 .pagination-wrap[data-v-2bb87c3c] .el-pagination .btn-next:hover {
    border: 0.02rem solid #0044b0;
    color: #0044b0;
}

.product_b8 .selection1 .pagination-wrap[data-v-2bb87c3c] .el-pagination .btn-prev i,
.product_b8 .selection1 .pagination-wrap[data-v-2bb87c3c] .el-pagination .btn-next i {
    font-size: 0.18rem;
}

.product_b8 .selection1 .pagination-wrap[data-v-2bb87c3c] .el-pagination .btn-prev:disabled,
.product_b8 .selection1 .pagination-wrap[data-v-2bb87c3c] .el-pagination .btn-next:disabled {
    border: 0.02rem solid #eeeeee;
}

.product_b8 .selection1 .pagination-wrap[data-v-2bb87c3c] .el-pagination .btn-prev:disabled i,
.product_b8 .selection1 .pagination-wrap[data-v-2bb87c3c] .el-pagination .btn-next:disabled i {
    color: #eeeeee;
}

.product_b8 .selection1 .pagination-wrap[data-v-2bb87c3c] .el-pagination .btn-prev {
    margin-right: 0.43rem;
}

.product_b8 .selection1 .pagination-wrap[data-v-2bb87c3c] .el-pagination .btn-next {
    margin-left: 0.43rem;
}

.product_b8 .selection1 .pagination-wrap[data-v-2bb87c3c] .el-pagination ul li {
    font-size: 0.18rem;
    font-family: Gilroy-Bold;
    font-weight: bold;
    color: #333333;
    padding: 0 0.2rem;
}

.product_b8 .selection1 .pagination-wrap[data-v-2bb87c3c] .el-pagination ul li:nth-child(1) {
    padding-left: 0;
}

.product_b8 .selection1 .pagination-wrap[data-v-2bb87c3c] .el-pagination ul li:last-child {
    padding-right: 0;
}

.product_b8 .selection1 .pagination-wrap[data-v-2bb87c3c] .el-pagination ul li.active {
    color: #0044b0;
    font-size: 0.22rem;
}

.product_b8 .selection3[data-v-2bb87c3c] {
    background: #f8f9fc;
    padding: 1rem 0 1rem 0;
}

.product_b8 .selection3 h2[data-v-2bb87c3c] {
    font-size: 0.42rem;
    font-weight: 400;
    color: #111111;
    text-align: center;
}

.product_b8 .selection3 p[data-v-2bb87c3c] {
    text-align: center;
    font-size: 0.18rem;
    font-weight: 400;
    color: #666666;
    margin-top: 0.25rem;
}

.product_b8 .selection3 ul[data-v-2bb87c3c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0.6rem 0 0 0;
}

.product_b8 .selection3 ul li[data-v-2bb87c3c] {
    width: 4.87rem;
    height: 4.6rem;
    background: #ffffff;
    border-radius: 0.08rem;
    padding: 0.6rem 0 0 0;
}

.product_b8 .selection3 ul li > div[data-v-2bb87c3c]:nth-child(1) {
    width: 1.4rem;
    height: 1.4rem;
    background: #f3f4f8;
    border-radius: 50%;
    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;
    margin: 0 auto;
}

.product_b8 .selection3 ul li > div:nth-child(1) img[data-v-2bb87c3c] {
    max-height: 100%;
}

.product_b8 .selection3 ul li h2[data-v-2bb87c3c] {
    font-size: 0.24rem;
    font-weight: bold;
    color: #111111;
    padding-bottom: 0.24rem;
    margin: 0 auto;
    white-space: nowrap;
    text-align: center;
    position: relative;
    margin: 0.42rem 0 0.23rem 0;
}

.product_b8 .selection3 ul li h2[data-v-2bb87c3c]::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    margin-left: -0.22rem;
    width: 0.44rem;
    border-bottom: 0.02rem solid #dddddd;
}

.product_b8 .selection3 ul li p[data-v-2bb87c3c] {
    width: 3.18rem;
    font-size: 0.16rem;
    font-weight: 500;
    line-height: 0.32rem;
    color: #666666;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.product_b8 .selection3 ul li[data-v-2bb87c3c]:nth-child(2) {
    margin: 0 0.29rem;
}

.product_b8 .selection2[data-v-2bb87c3c] {
    height: 5.3rem;
    background: url(assets/f493dcad48cfe7dca12f7c6e1c411b2e.jpg) no-repeat;
    background-size: 100% 100%;
    position: relative;
    padding: 0.99rem 0 0 0;
    margin-bottom: 2.37rem;
}

.product_b8 .selection2 h4[data-v-2bb87c3c] {
    font-size: 0.42rem;
    font-weight: 400;
    color: #ffffff;
    line-height: 0.42rem;
    text-align: center;
}

.product_b8 .selection2 h5[data-v-2bb87c3c] {
    font-size: 0.18rem;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    line-height: 0.19rem;
    margin: 0.29rem 0 0.45rem 0;
}

.product_b8 .selection2 div[data-v-2bb87c3c] {
    width: 2.15rem;
    height: 0.56rem;
    border: 0.02rem solid #ffffff;
    border-radius: 0.28rem;
    font-size: 0.2rem;
    font-weight: 400;
    color: #ffffff;
    line-height: 0.56rem;
    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;
    margin: 0 auto;
    cursor: pointer;
}

.product_b8 .selection2 div i[data-v-2bb87c3c] {
    width: 0.3rem;
    height: 0.25rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAZCAYAAAAmNZ4aAAADBElEQVRIibWWW4iWVRSGnzkwHvMQSCUSaKNjBuWhoS6UAsGLJMgSVNILRb3QCKK8iPDCi7oTSaHEI5VUhEp2nSXdFaljmSlqFOUBjZI8JjpP7HH9w3bz+c80jgsW/7/fvdZ+117fXmvvBpU60g68AEwH2oAHwvQG8DtwCPgK2AWcrrdQKXcifh5YA0yJ8W/AfuAccAkYCYwBngaGAzeBncBq4HivmBNxpiPVXd6SM+pb6tjCJtcm9Sl1k3pd/Vd9Q22o49Ol+WCM+nOQrlOH9ORc6Dh1b/h/EEH1SDxU/TGinvs/CXNtVN8N8g2BD1SXqSOqiDeG8cK7IK1pSvNHsd5s9VH1pno0stpNPFHtVD/tB9I8g3+oRyKQFyObh2Oui3htRNfWj8RJX4l1n4nx/Bi/XyNOURwsnAar7WpzxU6erDg46eS3FtioIHonw3ZEdiekwQ11a+H0bTh9UuCHA8/t22ON9B1nFvan1J3ZuDX81zYCTcDVorzb4ndShrUArfF/QoaPjzUaM7+aXAAGZeMTwPfArGbgIvBQ4fASMBfYkmHXgTnR1d7L8M+ARyKw7cU6o4GDBXYAWJK2/416rqeC74M+Fml9vfBdn8CUns+BUcDseq21D7IsXPYUrg92ZTk6ygX1mDqgn3abSvOauqeis51Wv64BSyMt23rT4HvQ4epP6qWKEnsueF7Nwe0BrrwL0ofVjiitsue3REB/qsPyiaYAv+gDYUsE/HekeF4xn7K4JTa22OJaTPqDui/7HrPC8PGKU59unWfVt6MvGx1wckVgy2N+cw0rDTqivF5WT3i7XA2CY1F+ndnsd+qCihZb093RxbqDby6O+jDgCWAGcDJK4lC8vRJ+PzA4Ot2p7M31a/g3ABOBqcBZYB/QGX7n44l0S4rILqr/qK/Vib6m96m/RBbSJzoZJzmXdC0uiix25P75jocCXwIrgDO96BeXgY+BcfHguwL8FVlI/Xga8CbwYdjf/gjs5zZZddpXRSZTxXTP3WvimqYnT+piqRJQ+Q8hbv6jcvuKJwAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
    margin-right: 0.13rem;
}

.product_b8 .selection2 ul[data-v-2bb87c3c] {
    width: 15.2rem;
    height: 2.8rem;
    position: absolute;
    border-radius: 0.08rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 3.87rem;
    background: #fff;
    -webkit-box-shadow: 0 0 0.16rem 0 rgba(0, 68, 176, 0.1);
    box-shadow: 0 0 0.16rem 0 rgba(0, 68, 176, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 10;
}

.product_b8 .selection2 ul li[data-v-2bb87c3c] {
    height: 1.14rem;
}

.product_b8 .selection2 ul li h2[data-v-2bb87c3c] {
    font-size: 0.8rem;
    font-family: Gilroy-Bold;
    color: #0044b0;
    line-height: 0.8rem;
    text-shadow: 0.03rem 0.06rem 0.03rem rgba(0, 68, 176, 0.11);
}

.product_b8 .selection2 ul li h2 b[data-v-2bb87c3c] {
    font-size: 0.48rem;
    font-weight: 600;
    color: #0044b0;
    line-height: 0.26rem;
    margin-left: 0.06rem;
}

.product_b8 .selection2 ul li p[data-v-2bb87c3c] {
    font-size: 0.2rem;
    font-weight: 500;
    color: #333333;
    line-height: 0.2rem;
    margin-top: 0.2rem;
}

.product_b8 .selection2 ul li[data-v-2bb87c3c]:nth-child(1) {
    width: 5.01rem;
    border-right: 0.01rem solid #eeeeee;
    padding: 0 0 0 1.99rem;
    background: url(data:image/png;base64,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) no-repeat;
    background-position: 2.6rem 0.2rem !important;
    background-size: 0.54rem 0.55rem !important;
}

.product_b8 .selection2 ul li:nth-child(1) h2 b[data-v-2bb87c3c] {
    font-size: 0.24rem;
}

.product_b8 .selection2 ul li[data-v-2bb87c3c]:nth-child(2) {
    width: 5.16rem;
    border-right: 0.01rem solid #eeeeee;
    padding: 0 0 0 1.63rem;
    background: url(data:image/png;base64,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) no-repeat;
    background-position: 3.7rem 0.2rem !important;
    background-size: 0.58rem 0.56rem !important;
}

.product_b8 .selection2 ul li[data-v-2bb87c3c]:nth-child(3) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 0 0 1.04rem;
    background: url(data:image/png;base64,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) no-repeat;
    background-position: 1.9rem 0.2rem !important;
    background-size: 0.5rem 0.57rem !important;
}

#app[state='portrait'] .product_b8 .banner > div[data-v-2bb87c3c] {
    left: 0.5rem;
    top: 1.07rem;
}

#app[state='portrait'] .product_b8 [class*='selection'] > h3[data-v-2bb87c3c] {
    font-size: calc(0.18rem * 1.5);
}

#app[state='portrait'] .product_b8 .tabs div[data-v-2bb87c3c] {
    font-size: 0.27rem;
}

#app[state='portrait'] .product_b8 .selection1[data-v-2bb87c3c] {
    width: 8.2rem;
}

#app[state='portrait'] .product_b8 .selection1 > ul[data-v-2bb87c3c] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#app[state='portrait'] .product_b8 .selection1 > ul li[data-v-2bb87c3c] {
    width: 49%;
    margin-right: 0;
    height: auto;
}

#app[state='portrait'] .product_b8 .selection1 > ul li .img-wrap[data-v-2bb87c3c] {
    width: 100%;
    height: auto;
}

#app[state='portrait'] .product_b8 .selection1 > ul li .text[data-v-2bb87c3c] {
    height: auto;
}

#app[state='portrait'] .product_b8 .selection1 > ul li .text .upper[data-v-2bb87c3c] {
    padding: 0.2rem;
    height: auto;
}

#app[state='portrait'] .product_b8 .selection1 > ul li .text .upper h4[data-v-2bb87c3c] {
    line-height: 0.35rem;
}

#app[state='portrait'] .product_b8 .selection1 > ul li .text .upper h4 span[data-v-2bb87c3c] {
    font-size: calc(0.2rem * 1.5);
    max-width: 100%;
}

#app[state='portrait'] .product_b8 .selection1 > ul li .text .upper h4 b[data-v-2bb87c3c] {
    display: block;
    margin: 0.15rem 0;
    font-size: calc(0.14rem * 1.5);
}

#app[state='portrait'] .product_b8 .selection1 > ul li .text .upper p[data-v-2bb87c3c] {
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .product_b8 .selection1 > ul li .text .lower[data-v-2bb87c3c] {
    display: block;
    padding: 0.2rem;
    height: auto;
}

#app[state='portrait'] .product_b8 .selection1 > ul li .text .lower .left img[data-v-2bb87c3c] {
    width: calc(0.6rem * 1.5);
    height: calc(0.6rem * 1.5);
}

#app[state='portrait'] .product_b8 .selection1 > ul li .text .lower .left p[data-v-2bb87c3c] {
    line-height: calc(0.3rem * 1.5);
    font-size: calc(0.14rem * 1.5);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 2.6rem;
}

#app[state='portrait'] .product_b8 .selection1 > ul li .text .lower .right[data-v-2bb87c3c] {
    margin: 0.2rem auto 0 auto;
    width: 50%;
    font-size: calc(0.16rem * 1.5);
    height: calc(0.3rem * 1.5);
    line-height: calc(0.3rem * 1.5);
    border-radius: calc(0.21rem * 1.5);
}

#app[state='portrait'] .product_b8 .selection3[data-v-2bb87c3c] {
    padding: 1rem 0.4rem 0 0.4rem;
}

#app[state='portrait'] .product_b8 .selection3 > h2[data-v-2bb87c3c] {
    font-size: calc(0.42rem * 1);
}

#app[state='portrait'] .product_b8 .selection3 > p[data-v-2bb87c3c] {
    font-size: calc(0.18rem * 1.5);
}

#app[state='portrait'] .product_b8 .selection3 ul[data-v-2bb87c3c] {
    display: block;
}

#app[state='portrait'] .product_b8 .selection3 ul li[data-v-2bb87c3c] {
    height: auto;
    width: 100%;
    padding: 0.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#app[state='portrait'] .product_b8 .selection3 ul li[data-v-2bb87c3c]:nth-child(2) {
    margin: 0.2rem 0;
}

#app[state='portrait'] .product_b8 .selection3 ul li > div[data-v-2bb87c3c]:nth-child(1) {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

#app[state='portrait'] .product_b8 .selection3 ul li h2[data-v-2bb87c3c] {
    margin: 0 0 0.4rem 0.4rem;
    font-size: calc(0.24rem * 1.5);
}

#app[state='portrait'] .product_b8 .selection3 ul li p[data-v-2bb87c3c] {
    width: 100%;
    text-align: left;
    padding: 0 0.4rem;
    font-size: calc(0.16rem * 1.5);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

#app[state='portrait'] .product_b8 .selection2[data-v-2bb87c3c] {
    background-size: cover;
    height: 6.3rem;
}

#app[state='portrait'] .product_b8 .selection2 h4[data-v-2bb87c3c] {
    font-size: calc(0.42rem);
}

#app[state='portrait'] .product_b8 .selection2 h5[data-v-2bb87c3c] {
    padding: 0 0.4rem;
    line-height: 0.4rem;
    font-size: calc(0.18rem * 1.5);
}

#app[state='portrait'] .product_b8 .selection2 > div[data-v-2bb87c3c] {
    font-size: calc(0.2rem * 1.5);
}

#app[state='portrait'] .product_b8 .selection2 > ul[data-v-2bb87c3c] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
    left: 0;
    right: 0;
    width: 100%;
    -webkit-transform: none;
    transform: none;
    padding: 0.4rem;
}

#app[state='portrait'] .product_b8 .selection2 > ul li[data-v-2bb87c3c] {
    width: 45%;
    margin-left: 0.2rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: 0;
    margin-bottom: 0.4rem;
    background-position: center right;
    border-right: none;
}

#app[state='portrait'] .product_b8 .selection2 > ul li span[data-v-2bb87c3c] {
    font-size: 0.8rem;
}

#app[state='portrait'] .product_b8 .selection2 > ul li p[data-v-2bb87c3c] {
    font-size: calc(0.2rem * 1.5);
}

#app[state='portrait'] .product_b8 .selection2 > ul li h2[data-v-2bb87c3c] {
    height: 1rem;
}

#app[state='portrait'] .product_b8 .selection2 > ul li[data-v-2bb87c3c]:nth-child(1) {
    background-position: 0.7rem 0.2rem !important;
}

#app[state='portrait'] .product_b8 .selection2 > ul li:nth-child(1) .span[data-v-2bb87c3c] {
    font-size: calc(0.24rem * 1.5);
}

#app[state='portrait'] .product_b8 .selection2 > ul li[data-v-2bb87c3c]:nth-child(2) {
    background-position: 2.1rem 0.2rem !important;
}

#app[state='portrait'] .product_b8 .selection2 > ul li[data-v-2bb87c3c]:nth-child(3) {
    margin-top: 0.4rem;
    background-position: 0.78rem 0.2rem !important;
}@-webkit-keyframes slide-right-in-data-v-557f511c {
     0% {
         -webkit-transform: translateX(0.4rem);
         transform: translateX(0.4rem);
     }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
 }

@keyframes slide-right-in-data-v-557f511c {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-557f511c {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-557f511c {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-557f511c {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-557f511c {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-557f511c {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-557f511c {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-557f511c {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-557f511c {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#app[state='web'] .product_b8_2 .selection1 > div[data-v-557f511c] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-557f511c 1s, fade-in-data-v-557f511c 1s;
    animation: slide-up-in-data-v-557f511c 1s, fade-in-data-v-557f511c 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b8_2 .selection2 h2[data-v-557f511c],
#app[state='web'] .product_b8_2 .selection2 p[data-v-557f511c] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-557f511c 1s, fade-in-data-v-557f511c 1s;
    animation: slide-up-in-data-v-557f511c 1s, fade-in-data-v-557f511c 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b8_2 .selection2 > ul li[data-v-557f511c] {
    opacity: 0;
    -webkit-animation: fade-in-data-v-557f511c 1s 0.2s;
    animation: fade-in-data-v-557f511c 1s 0.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .product_b8_2 .selection2 > ul li[data-v-557f511c]:nth-child(1) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

#app[state='web'] .product_b8_2 .selection2 > ul li[data-v-557f511c]:nth-child(2) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

#app[state='web'] .product_b8_2 .selection2 > ul li[data-v-557f511c]:nth-child(3) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

#app[state='web'] .product_b8_2 .selection3 > h4[data-v-557f511c],
#app[state='web'] .product_b8_2 .selection3 > h5[data-v-557f511c],
#app[state='web'] .product_b8_2 .selection3 div[data-v-557f511c] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-557f511c 1s, fade-in-data-v-557f511c 1s;
    animation: slide-up-in-data-v-557f511c 1s, fade-in-data-v-557f511c 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.product_b8_2 img[data-v-557f511c] {
    display: block;
}

.product_b8_2 .banner[data-v-557f511c] {
    max-width: 19.2rem;
    margin: 0 auto;
    position: relative;
}

.product_b8_2 .banner img[data-v-557f511c] {
    width: 100%;
}

.product_b8_2 .banner > div[data-v-557f511c] {
    position: absolute;
    left: 2rem;
    top: 2.57rem;
}

.product_b8_2 .banner > div h2[data-v-557f511c] {
    font-size: 0.56rem;
    font-weight: 500;
    color: #ffffff;
    font-family: PingFangSC;
}

.product_b8_2 .banner > div p[data-v-557f511c] {
    font-size: 0.28rem;
    font-weight: 400;
    color: #ffffff;
    margin: 0.15rem 0 0.5rem 0;
}

.product_b8_2 .banner > div .btn[data-v-557f511c] {
    width: 2rem;
    height: 0.56rem;
    border-radius: 0.28rem;
    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;
    font-size: 0.2rem;
    font-weight: 400;
    color: #ffffff;
    cursor: pointer;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
    background: #0044b0;
}

.product_b8_2 .banner > div .btn i[data-v-557f511c] {
    width: 0.3rem;
    height: 0.25rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAZCAYAAAAmNZ4aAAADBElEQVRIibWWW4iWVRSGnzkwHvMQSCUSaKNjBuWhoS6UAsGLJMgSVNILRb3QCKK8iPDCi7oTSaHEI5VUhEp2nSXdFaljmSlqFOUBjZI8JjpP7HH9w3bz+c80jgsW/7/fvdZ+117fXmvvBpU60g68AEwH2oAHwvQG8DtwCPgK2AWcrrdQKXcifh5YA0yJ8W/AfuAccAkYCYwBngaGAzeBncBq4HivmBNxpiPVXd6SM+pb6tjCJtcm9Sl1k3pd/Vd9Q22o49Ol+WCM+nOQrlOH9ORc6Dh1b/h/EEH1SDxU/TGinvs/CXNtVN8N8g2BD1SXqSOqiDeG8cK7IK1pSvNHsd5s9VH1pno0stpNPFHtVD/tB9I8g3+oRyKQFyObh2Oui3htRNfWj8RJX4l1n4nx/Bi/XyNOURwsnAar7WpzxU6erDg46eS3FtioIHonw3ZEdiekwQ11a+H0bTh9UuCHA8/t22ON9B1nFvan1J3ZuDX81zYCTcDVorzb4ndShrUArfF/QoaPjzUaM7+aXAAGZeMTwPfArGbgIvBQ4fASMBfYkmHXgTnR1d7L8M+ARyKw7cU6o4GDBXYAWJK2/416rqeC74M+Fml9vfBdn8CUns+BUcDseq21D7IsXPYUrg92ZTk6ygX1mDqgn3abSvOauqeis51Wv64BSyMt23rT4HvQ4epP6qWKEnsueF7Nwe0BrrwL0ofVjiitsue3REB/qsPyiaYAv+gDYUsE/HekeF4xn7K4JTa22OJaTPqDui/7HrPC8PGKU59unWfVt6MvGx1wckVgy2N+cw0rDTqivF5WT3i7XA2CY1F+ndnsd+qCihZb093RxbqDby6O+jDgCWAGcDJK4lC8vRJ+PzA4Ot2p7M31a/g3ABOBqcBZYB/QGX7n44l0S4rILqr/qK/Vib6m96m/RBbSJzoZJzmXdC0uiix25P75jocCXwIrgDO96BeXgY+BcfHguwL8FVlI/Xga8CbwYdjf/gjs5zZZddpXRSZTxXTP3WvimqYnT+piqRJQ+Q8hbv6jcvuKJwAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
    margin-right: 0.13rem;
}

.product_b8_2 .tabs[data-v-557f511c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 0.01rem solid #eee;
    height: 0.8rem;
}

.product_b8_2 .tabs div[data-v-557f511c] {
    font-size: 0.18rem;
    line-height: 0.8rem;
    cursor: pointer;
    font-weight: 800;
    -webkit-transition: color 0.3s, border 0.3s;
    transition: color 0.3s, border 0.3s;
    color: #333;
    border-bottom: 0.01rem solid transparent;
}

.product_b8_2 .tabs div[data-v-557f511c]:nth-child(2) {
    margin-left: 1.1rem;
}

.product_b8_2 .tabs div.active[data-v-557f511c],
.product_b8_2 .tabs div[data-v-557f511c]:hover {
    color: #0044b0;
    border-bottom: 0.01rem solid #0044b0;
}

.product_b8_2 .selection1[data-v-557f511c] {
    width: 15.2rem;
    margin: 0 auto;
    padding: 0.25rem 0 0 0;
}

.product_b8_2 .selection1 .screen[data-v-557f511c] {
    border-bottom: 0.01rem solid #eeeeee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.24rem 0;
}

.product_b8_2 .selection1 .screen span[data-v-557f511c] {
    font-size: 0.2rem;
    font-weight: 600;
    color: #000000;
    margin: 0.07rem 0.6rem 0 0;
    white-space: nowrap;
}

.product_b8_2 .selection1 .screen ul[data-v-557f511c] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    padding-left: 0.95rem;
}

.product_b8_2 .selection1 .screen ul li[data-v-557f511c] {
    margin-right: 0.01rem;
    padding: 0 0.26rem;
    height: 0.4rem;
    line-height: 0.38rem;
    font-size: 0.18rem;
    font-weight: 400;
    color: #555555;
    cursor: pointer;
    border: 0.02rem solid transparent;
    -webkit-transition: color 0.3s, border 0.3s;
    transition: color 0.3s, border 0.3s;
    border-radius: 0.2rem;
    margin-bottom: 0.24rem;
}

.product_b8_2 .selection1 .screen ul li:not(.open).active[data-v-557f511c] {
    border: 0.02rem solid #0044b0;
    border-radius: 0.2rem;
    color: #0044b0;
}
.product_b8_2 .selection1 .screen ul li:not(.open).active[data-v-557f511c] a{
    color: #0044b0;
}

.product_b8_2 .selection1 .screen ul li[data-v-557f511c]:not(.open):hover {
    background: #0044b0;
    border: 0.02rem solid #0044b0;
    color: #fff;
}
.product_b8_2 .selection1 .screen ul li[data-v-557f511c]:not(.open):hover a{
    color: #fff;
}

.product_b8_2 .selection1 .screen ul li.open[data-v-557f511c] {
    font-size: 0.18rem;
    font-weight: 400;
    color: #0044b0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product_b8_2 .selection1 .screen ul li.open i[data-v-557f511c] {
    width: 0.21rem;
    height: 0.21rem;
    border-radius: 50%;
    margin-right: 0.12rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAB+0lEQVQ4T7WVMWgTURjHf9/dVRcb4iDOghWdpO0kHUyT2Eaw9BKjg5ObilJcnYpTJ0GKQbo5OWjNpUSwMdcYQXEQFSfFCI4iDgmpi/bunlxDatrkmmDSN773vt/7/u973/8JQSOaH0OcS4icBo4Cw8A68BWlXqKMh5Rm3ncKl7bJM/kRlLuI4jgiD1Duc1z5xKGNdX4ODaOrE4g+hVKXET4j+hzFmUorZzs0ljcRdwm0BarfM7y7shGoJPLCwKjdALmFcJWiaTX3/oNGc0k0MnjuOUrnO8rqeED0yRia/hSP65Qa4AZ0U7LzGrRp7NkPgdkFLcRXRsErIO4ExXSlAY3nnoEqYCfvBgLjOYVtttegGRC3bqJkmjXzrDBpjaPJMrUfx3a9w27Q8aUhwoe/4Km0ELPuIFode/b2rrK7Qf3g6Mo84oWEeO4typtjLfWmb2gsewrRFn1oFUcdoZys9Q2NWGEM+eZDHQ7+2c/ji+4W1Jfa62gt3oVHOtV9v/cs0z24U7/6SqtTGkT1rXmE0ODfqe6/00ZHrYJa7bujkAS2mWjpffcVOAns9H/0/vIo6AXEmPBtcIdLqQyeNyCX2jKFbAq0+6AWcML3KE86Pfkp3jXsVLbdT5szQc5f/lgncjK06fxKn0J6df7WtLb9UWoE5ACoXyCVbn/UXzpAAaLYxwzsAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
}

.product_b8_2 .selection1 .screen ul li[data-v-557f511c]:nth-child(1) {
    position: absolute;
    left: 0;
    top: 0;
}

.product_b8_2 .selection1 .screen ul li.open[data-v-557f511c] {
    position: absolute;
    right: 0;
    top: 0;
}

.product_b8_2 .selection1 .screen.screen2[data-v-557f511c] {
    margin-top: 0.25rem;
}

.product_b8_2 .selection1 .screen.screen2 ul[data-v-557f511c] {
    padding-right: 0;
}

.product_b8_2 .selection1 .screen.screen2 ul li[data-v-557f511c] {
    margin-right: 0.2rem;
}

.product_b8_2 .selection1 > ul[data-v-557f511c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0.83rem 0 0 0;
}

.product_b8_2 .selection1 > ul li[data-v-557f511c] {
    width: 4.87rem;
    height: 5.7rem;
    overflow: hidden;
    margin: 0 0.29rem 0.6rem 0;
    background: #ffffff;
    -webkit-box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.15);
    box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.15);
    border-radius: 0.08rem;
}

.product_b8_2 .selection1 > ul li .img-wrap[data-v-557f511c] {
    width: 4.87rem;
    height: 3.2rem;
    overflow: hidden;
}

.product_b8_2 .selection1 > ul li .img-wrap img[data-v-557f511c] {
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
}

.product_b8_2 .selection1 > ul li .img-wrap img[data-v-557f511c]:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.product_b8_2 .selection1 > ul li .text[data-v-557f511c] {
    height: 2.48rem;
}

.product_b8_2 .selection1 > ul li .text .upper[data-v-557f511c] {
    border-bottom: 0.01rem solid #eeeeee;
    padding: 0.39rem 0.4rem;
    height: 1.47rem;
}

.product_b8_2 .selection1 > ul li .text .upper h4[data-v-557f511c] {
    font-size: 0.26rem;
    font-weight: bold;
    color: #111111;
    line-height: 0.26rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 0.27rem 0;
}

.product_b8_2 .selection1 > ul li .text .upper h4 span[data-v-557f511c] {
    margin-right: 0.19rem;
    max-width: 68%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.product_b8_2 .selection1 > ul li .text .upper h4 b[data-v-557f511c] {
    height: 0.28rem;
    background: rgba(255, 95, 0, 0.08);
    border-radius: 0.14rem;
    padding: 0 0.12rem;
    font-size: 0.14rem;
    font-weight: 400;
    color: #ff6000;
    line-height: 0.28rem;
}

.product_b8_2 .selection1 > ul li .text .upper p[data-v-557f511c] {
    font-size: 0.16rem;
    font-weight: 400;
    color: #666666;
    line-height: 0.32rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.product_b8_2 .selection1 > ul li .text .lower[data-v-557f511c] {
    height: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0.4rem;
}

.product_b8_2 .selection1 > ul li .text .lower .left[data-v-557f511c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product_b8_2 .selection1 > ul li .text .lower .left > div[data-v-557f511c]:nth-child(1) {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.product_b8_2 .selection1 > ul li .text .lower .left img[data-v-557f511c] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0.14rem 0 0;
}

.product_b8_2 .selection1 > ul li .text .lower .left p[data-v-557f511c] {
    font-size: 0.14rem;
    font-weight: 400;
    color: #999999;
    line-height: 0.2rem;
    margin-top: 0.04rem;
}

.product_b8_2 .selection1 > ul li .text .lower .right[data-v-557f511c] {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1.15rem;
    height: 0.42rem;
    border: 0.02rem solid #0044b0;
    border-radius: 0.21rem;
    text-align: center;
    font-size: 0.16rem;
    font-weight: 400;
    color: #0044b0;
    line-height: 0.38rem;
    cursor: pointer;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
}

.product_b8_2 .selection1 > ul li .text .lower .right[data-v-557f511c]:hover {
    background: #0044b0;
    color: #fff;
}

.product_b8_2 .selection1 > ul li[data-v-557f511c]:nth-child(3n) {
    margin-right: 0;
}

.product_b8_2 .selection1 .pagination-wrap[data-v-557f511c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 0.45rem;
    margin-bottom: 0.8rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product_b8_2 .selection1 .pagination-wrap[data-v-557f511c] .el-pagination {
    height: 0.45rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product_b8_2 .selection1 .pagination-wrap[data-v-557f511c] .el-pagination .btn-prev,
.product_b8_2 .selection1 .pagination-wrap[data-v-557f511c] .el-pagination .btn-next {
    width: 0.45rem;
    height: 0.45rem;
    border: 0.02rem solid #eeeeee;
    border-radius: 50%;
    -webkit-transition: border 0.3s;
    transition: border 0.3s;
    color: #333;
    padding: 0;
}

.product_b8_2 .selection1 .pagination-wrap[data-v-557f511c] .el-pagination .btn-prev:hover,
.product_b8_2 .selection1 .pagination-wrap[data-v-557f511c] .el-pagination .btn-next:hover {
    border: 0.02rem solid #0044b0;
    color: #0044b0;
}

.product_b8_2 .selection1 .pagination-wrap[data-v-557f511c] .el-pagination .btn-prev i,
.product_b8_2 .selection1 .pagination-wrap[data-v-557f511c] .el-pagination .btn-next i {
    font-size: 0.18rem;
}

.product_b8_2 .selection1 .pagination-wrap[data-v-557f511c] .el-pagination .btn-prev:disabled,
.product_b8_2 .selection1 .pagination-wrap[data-v-557f511c] .el-pagination .btn-next:disabled {
    border: 0.02rem solid #eeeeee;
}

.product_b8_2 .selection1 .pagination-wrap[data-v-557f511c] .el-pagination .btn-prev:disabled i,
.product_b8_2 .selection1 .pagination-wrap[data-v-557f511c] .el-pagination .btn-next:disabled i {
    color: #eeeeee;
}

.product_b8_2 .selection1 .pagination-wrap[data-v-557f511c] .el-pagination .btn-prev {
    margin-right: 0.43rem;
}

.product_b8_2 .selection1 .pagination-wrap[data-v-557f511c] .el-pagination .btn-next {
    margin-left: 0.43rem;
}

.product_b8_2 .selection1 .pagination-wrap[data-v-557f511c] .el-pagination ul li {
    font-size: 0.18rem;
    font-family: Gilroy-Bold;
    font-weight: bold;
    color: #333333;
    padding: 0 0.2rem;
}

.product_b8_2 .selection1 .pagination-wrap[data-v-557f511c] .el-pagination ul li:nth-child(1) {
    padding-left: 0;
}

.product_b8_2 .selection1 .pagination-wrap[data-v-557f511c] .el-pagination ul li:last-child {
    padding-right: 0;
}

.product_b8_2 .selection1 .pagination-wrap[data-v-557f511c] .el-pagination ul li.active {
    color: #0044b0;
    font-size: 0.22rem;
}

.product_b8_2 .selection2[data-v-557f511c] {
    background: #f8f9fc;
    padding: 1rem 0 1rem 0;
}

.product_b8_2 .selection2 h2[data-v-557f511c] {
    font-size: 0.42rem;
    font-weight: 400;
    color: #111111;
    text-align: center;
}

.product_b8_2 .selection2 p[data-v-557f511c] {
    text-align: center;
    font-size: 0.18rem;
    font-weight: 400;
    color: #666666;
    margin-top: 0.2rem;
}

.product_b8_2 .selection2 ul[data-v-557f511c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0.6rem 0 0 0;
}

.product_b8_2 .selection2 ul li[data-v-557f511c] {
    width: 4.87rem;
    height: 4.6rem;
    background: #ffffff;
    border-radius: 0.08rem;
    padding: 0.6rem 0 0 0;
}

.product_b8_2 .selection2 ul li > div[data-v-557f511c]:nth-child(1) {
    width: 1.4rem;
    height: 1.4rem;
    background: #f3f4f8;
    border-radius: 50%;
    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;
    margin: 0 auto;
}

.product_b8_2 .selection2 ul li > div:nth-child(1) img[data-v-557f511c] {
    width: 100%;
}

.product_b8_2 .selection2 ul li h2[data-v-557f511c] {
    font-size: 0.24rem;
    font-weight: bold;
    color: #000000;
    text-align: center;
    margin: 0.4rem auto 0.5rem auto;
    position: relative;
}

.product_b8_2 .selection2 ul li h2[data-v-557f511c]::before {
    position: absolute;
    content: '';
    width: 0.45rem;
    height: 0.02rem;
    left: 50%;
    margin-left: -0.23rem;
    background: #dedede;
    border-radius: 0.01rem;
    bottom: -0.27rem;
}

.product_b8_2 .selection2 ul li p[data-v-557f511c] {
    width: 3.18rem;
    font-size: 0.16rem;
    font-weight: 500;
    line-height: 0.32rem;
    color: #666666;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.product_b8_2 .selection2 ul li[data-v-557f511c]:nth-child(2) {
    margin: 0 0.29rem;
}

.product_b8_2 .selection2 ul li:nth-child(2) div img[data-v-557f511c] {
    width: 100%;
}

.product_b8_2 .selection2 ul li:nth-child(3) div img[data-v-557f511c] {
    width: 100%;
}

.product_b8_2 .selection3[data-v-557f511c] {
    height: 5.3rem;
    background: url(assets/f493dcad48cfe7dca12f7c6e1c411b2e.jpg) no-repeat;
    background-size: 100% 100%;
    position: relative;
    padding: 0.99rem 0 0 0;
    margin-bottom: 2.37rem;
}

.product_b8_2 .selection3 h4[data-v-557f511c] {
    font-size: 0.42rem;
    font-weight: 400;
    color: #ffffff;
    line-height: 0.42rem;
    text-align: center;
}

.product_b8_2 .selection3 h5[data-v-557f511c] {
    font-size: 0.18rem;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    line-height: 0.19rem;
    margin: 0.29rem 0 0.45rem 0;
}

.product_b8_2 .selection3 div[data-v-557f511c] {
    width: 2.15rem;
    height: 0.56rem;
    border: 0.02rem solid #ffffff;
    border-radius: 0.28rem;
    font-size: 0.2rem;
    font-weight: 400;
    color: #ffffff;
    line-height: 0.56rem;
    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;
    margin: 0 auto;
    cursor: pointer;
}

.product_b8_2 .selection3 div i[data-v-557f511c] {
    width: 0.3rem;
    height: 0.25rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAZCAYAAAAmNZ4aAAADBElEQVRIibWWW4iWVRSGnzkwHvMQSCUSaKNjBuWhoS6UAsGLJMgSVNILRb3QCKK8iPDCi7oTSaHEI5VUhEp2nSXdFaljmSlqFOUBjZI8JjpP7HH9w3bz+c80jgsW/7/fvdZ+117fXmvvBpU60g68AEwH2oAHwvQG8DtwCPgK2AWcrrdQKXcifh5YA0yJ8W/AfuAccAkYCYwBngaGAzeBncBq4HivmBNxpiPVXd6SM+pb6tjCJtcm9Sl1k3pd/Vd9Q22o49Ol+WCM+nOQrlOH9ORc6Dh1b/h/EEH1SDxU/TGinvs/CXNtVN8N8g2BD1SXqSOqiDeG8cK7IK1pSvNHsd5s9VH1pno0stpNPFHtVD/tB9I8g3+oRyKQFyObh2Oui3htRNfWj8RJX4l1n4nx/Bi/XyNOURwsnAar7WpzxU6erDg46eS3FtioIHonw3ZEdiekwQ11a+H0bTh9UuCHA8/t22ON9B1nFvan1J3ZuDX81zYCTcDVorzb4ndShrUArfF/QoaPjzUaM7+aXAAGZeMTwPfArGbgIvBQ4fASMBfYkmHXgTnR1d7L8M+ARyKw7cU6o4GDBXYAWJK2/416rqeC74M+Fml9vfBdn8CUns+BUcDseq21D7IsXPYUrg92ZTk6ygX1mDqgn3abSvOauqeis51Wv64BSyMt23rT4HvQ4epP6qWKEnsueF7Nwe0BrrwL0ofVjiitsue3REB/qsPyiaYAv+gDYUsE/HekeF4xn7K4JTa22OJaTPqDui/7HrPC8PGKU59unWfVt6MvGx1wckVgy2N+cw0rDTqivF5WT3i7XA2CY1F+ndnsd+qCihZb093RxbqDby6O+jDgCWAGcDJK4lC8vRJ+PzA4Ot2p7M31a/g3ABOBqcBZYB/QGX7n44l0S4rILqr/qK/Vib6m96m/RBbSJzoZJzmXdC0uiix25P75jocCXwIrgDO96BeXgY+BcfHguwL8FVlI/Xga8CbwYdjf/gjs5zZZddpXRSZTxXTP3WvimqYnT+piqRJQ+Q8hbv6jcvuKJwAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
    margin-right: 0.13rem;
}

.product_b8_2 .selection3 ul[data-v-557f511c] {
    width: 15.2rem;
    height: 2.8rem;
    position: absolute;
    border-radius: 0.08rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 3.87rem;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 10;
    -webkit-box-shadow: 0 0 0.16rem 0 rgba(0, 68, 176, 0.1);
    box-shadow: 0 0 0.16rem 0 rgba(0, 68, 176, 0.1);
}

.product_b8_2 .selection3 ul li[data-v-557f511c] {
    height: 1.14rem;
}

.product_b8_2 .selection3 ul li h2[data-v-557f511c] {
    font-size: 0.8rem;
    font-family: Gilroy-Bold;
    color: #0044b0;
    line-height: 0.8rem;
    text-shadow: 0.03rem 0.06rem 0.03rem rgba(0, 68, 176, 0.11);
}

.product_b8_2 .selection3 ul li h2 b[data-v-557f511c] {
    font-size: 0.48rem;
    font-weight: 600;
    color: #0044b0;
    line-height: 0.26rem;
    margin-left: 0.06rem;
}

.product_b8_2 .selection3 ul li p[data-v-557f511c] {
    font-size: 0.2rem;
    font-weight: 500;
    color: #333333;
    line-height: 0.2rem;
    margin-top: 0.2rem;
}

.product_b8_2 .selection3 ul li[data-v-557f511c]:nth-child(1) {
    width: 5.01rem;
    border-right: 0.01rem solid #eeeeee;
    padding: 0 0 0 1.99rem;
    background: url(data:image/png;base64,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) no-repeat;
    background-position: 2.6rem 0.2rem !important;
    background-size: 0.54rem 0.55rem !important;
}

.product_b8_2 .selection3 ul li:nth-child(1) h2 b[data-v-557f511c] {
    font-size: 0.24rem;
}

.product_b8_2 .selection3 ul li[data-v-557f511c]:nth-child(2) {
    width: 5.16rem;
    border-right: 0.01rem solid #eeeeee;
    padding: 0 0 0 1.63rem;
    background: url(data:image/png;base64,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) no-repeat;
    background-position: 3.7rem 0.2rem !important;
    background-size: 0.58rem 0.56rem !important;
}

.product_b8_2 .selection3 ul li[data-v-557f511c]:nth-child(3) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 0 0 1.04rem;
    background: url(data:image/png;base64,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) no-repeat;
    background-position: 1.9rem 0.2rem !important;
    background-size: 0.5rem 0.57rem !important;
}

#app[state='portrait'] .product_b8_2 .banner > div[data-v-557f511c] {
    left: 0.5rem;
    top: 1.07rem;
}

#app[state='portrait'] .product_b8_2 .tabs div[data-v-557f511c] {
    font-size: 0.27rem;
}

#app[state='portrait'] .product_b8_2 .selection1[data-v-557f511c] {
    width: 8.2rem;
    padding: 0;
}

#app[state='portrait'] .product_b8_2 .selection1 .screen[data-v-557f511c] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#app[state='portrait'] .product_b8_2 .selection1 .screen span[data-v-557f511c] {
    text-align: center;
    font-size: calc(0.2rem * 1.5);
    width: 100%;
    margin-bottom: 0.2rem;
}

#app[state='portrait'] .product_b8_2 .selection1 .screen ul[data-v-557f511c] {
    padding-left: 1.15rem;
}

#app[state='portrait'] .product_b8_2 .selection1 .screen ul li[data-v-557f511c] {
    font-size: calc(0.18rem * 1.5);
    height: calc(0.4rem * 1.5);
    line-height: calc(0.4rem * 1.5);
    border-radius: calc(0.2rem * 1.5);
    margin-bottom: 0.1rem;
}

#app[state='portrait'] .product_b8_2 .selection1 .screen.screen2[data-v-557f511c] {
    padding-top: 0;
}

#app[state='portrait'] .product_b8_2 .selection1 > ul[data-v-557f511c] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#app[state='portrait'] .product_b8_2 .selection1 > ul li[data-v-557f511c] {
    width: 49%;
    margin-right: 0;
    height: auto;
}

#app[state='portrait'] .product_b8_2 .selection1 > ul li .img-wrap[data-v-557f511c] {
    width: 100%;
    height: auto;
}

#app[state='portrait'] .product_b8_2 .selection1 > ul li .text[data-v-557f511c] {
    height: auto;
}

#app[state='portrait'] .product_b8_2 .selection1 > ul li .text .upper[data-v-557f511c] {
    padding: 0.2rem;
    height: auto;
}

#app[state='portrait'] .product_b8_2 .selection1 > ul li .text .upper h4[data-v-557f511c] {
    line-height: 0.35rem;
}

#app[state='portrait'] .product_b8_2 .selection1 > ul li .text .upper h4 span[data-v-557f511c] {
    font-size: calc(0.2rem * 1.5);
    max-width: 100%;
}

#app[state='portrait'] .product_b8_2 .selection1 > ul li .text .upper h4 b[data-v-557f511c] {
    display: block;
    margin: 0.15rem 0;
    font-size: calc(0.14rem * 1.5);
}

#app[state='portrait'] .product_b8_2 .selection1 > ul li .text .upper p[data-v-557f511c] {
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .product_b8_2 .selection1 > ul li .text .lower[data-v-557f511c] {
    display: block;
    padding: 0.2rem;
    height: auto;
}

#app[state='portrait'] .product_b8_2 .selection1 > ul li .text .lower .left img[data-v-557f511c] {
    width: calc(0.6rem * 1.5);
    height: calc(0.6rem * 1.5);
}

#app[state='portrait'] .product_b8_2 .selection1 > ul li .text .lower .left p[data-v-557f511c] {
    line-height: calc(0.3rem * 1.5);
    font-size: calc(0.14rem * 1.5);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 2.6rem;
}

#app[state='portrait'] .product_b8_2 .selection1 > ul li .text .lower .right[data-v-557f511c] {
    margin: 0.2rem auto 0 auto;
    width: 50%;
    font-size: calc(0.16rem * 1.5);
    height: calc(0.3rem * 1.5);
    line-height: calc(0.3rem * 1.5);
    border-radius: calc(0.21rem * 1.5);
}

#app[state='portrait'] .product_b8_2 .selection2[data-v-557f511c] {
    padding: 1rem 0.4rem 0 0.4rem;
}

#app[state='portrait'] .product_b8_2 .selection2 > h2[data-v-557f511c] {
    font-size: calc(0.42rem);
}

#app[state='portrait'] .product_b8_2 .selection2 > p[data-v-557f511c] {
    font-size: calc(0.18rem * 1.2);
}

#app[state='portrait'] .product_b8_2 .selection2 ul[data-v-557f511c] {
    display: block;
}

#app[state='portrait'] .product_b8_2 .selection2 ul li[data-v-557f511c] {
    height: auto;
    width: 100%;
    padding: 0.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#app[state='portrait'] .product_b8_2 .selection2 ul li[data-v-557f511c]:nth-child(2) {
    margin: 0.2rem 0;
}

#app[state='portrait'] .product_b8_2 .selection2 ul li > div[data-v-557f511c]:nth-child(1) {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

#app[state='portrait'] .product_b8_2 .selection2 ul li > div[data-v-557f511c]:nth-child(2) {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#app[state='portrait'] .product_b8_2 .selection2 ul li h2[data-v-557f511c] {
    margin: 0 0 0.24rem 0.4rem;
    font-size: calc(0.24rem * 1.2);
    padding-bottom: 0;
}

#app[state='portrait'] .product_b8_2 .selection2 ul li p[data-v-557f511c] {
    width: 100%;
    text-align: left;
    padding: 0 0.4rem;
    line-height: 0.4rem;
    margin-top: 0.1rem;
    font-size: calc(0.15rem * 1.5);
    -webkit-line-clamp: 2;
}

#app[state='portrait'] .product_b8_2 .selection3[data-v-557f511c] {
    background-size: cover;
    margin-bottom: 3rem;
}

#app[state='portrait'] .product_b8_2 .selection3 h4[data-v-557f511c] {
    font-size: calc(0.42rem);
}

#app[state='portrait'] .product_b8_2 .selection3 h5[data-v-557f511c] {
    padding: 0 0.4rem;
    line-height: 0.4rem;
    font-size: calc(0.18rem * 1.5);
}

#app[state='portrait'] .product_b8_2 .selection3 > div[data-v-557f511c] {
    font-size: calc(0.2rem * 1.5);
}

#app[state='portrait'] .product_b8_2 .selection3 > ul[data-v-557f511c] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
    left: 0;
    right: 0;
    width: 100%;
    -webkit-transform: none;
    transform: none;
    padding: 0.4rem;
}

#app[state='portrait'] .product_b8_2 .selection3 > ul li[data-v-557f511c] {
    width: 45%;
    margin-left: 0.2rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: 0;
    margin-bottom: 0.4rem;
    background-position: center right;
    border-right: none;
}

#app[state='portrait'] .product_b8_2 .selection3 > ul li span[data-v-557f511c] {
    font-size: calc(0.8rem);
}

#app[state='portrait'] .product_b8_2 .selection3 > ul li p[data-v-557f511c] {
    font-size: calc(0.2rem * 1.5);
}

#app[state='portrait'] .product_b8_2 .selection3 > ul li h2[data-v-557f511c] {
    height: 1rem;
}

#app[state='portrait'] .product_b8_2 .selection3 > ul li[data-v-557f511c]:nth-child(1) {
    background-position: 0.7rem 0.2rem !important;
}

#app[state='portrait'] .product_b8_2 .selection3 > ul li:nth-child(1) .span[data-v-557f511c] {
    font-size: calc(0.24rem * 1.5);
}

#app[state='portrait'] .product_b8_2 .selection3 > ul li[data-v-557f511c]:nth-child(2) {
    background-position: 2.1rem 0.2rem !important;
}

#app[state='portrait'] .product_b8_2 .selection3 > ul li[data-v-557f511c]:nth-child(3) {
    margin-top: 0.4rem;
    background-position: 0.78rem 0.2rem !important;
}@-webkit-keyframes slide-right-in-data-v-1d38de84 {
     0% {
         -webkit-transform: translateX(0.4rem);
         transform: translateX(0.4rem);
     }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
 }

@keyframes slide-right-in-data-v-1d38de84 {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-1d38de84 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-1d38de84 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-1d38de84 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-1d38de84 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-1d38de84 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-1d38de84 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-1d38de84 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-1d38de84 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#app[state='web'] .search .selection1 .screen[data-v-1d38de84] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-1d38de84 1s, fade-in-data-v-1d38de84 1s;
    animation: slide-up-in-data-v-1d38de84 1s, fade-in-data-v-1d38de84 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.search[data-v-1d38de84] {
    padding-top: 1rem;
}

.search .nodata[data-v-1d38de84] {
    text-align: center;
    font-size: 0.4rem;
    color: #666;
    padding-top: 1rem;
}

.search .selection1[data-v-1d38de84] {
    width: 15.2rem;
    margin: 0 auto;
    padding: 0.25rem 0 0 0;
}

.search .selection1 .screen[data-v-1d38de84] {
    border-bottom: 0.01rem solid #eeeeee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.24rem 0;
}

.search .selection1 .screen span[data-v-1d38de84] {
    font-size: 0.2rem;
    font-weight: 600;
    color: #000000;
    margin: 0 0.6rem 0 0;
    white-space: nowrap;
}

.search .selection1 .screen ul[data-v-1d38de84] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.search .selection1 .screen ul li[data-v-1d38de84] {
    margin-right: 0.1rem;
    padding: 0 0.26rem;
    height: 0.4rem;
    line-height: 0.38rem;
    font-size: 0.18rem;
    font-weight: 400;
    color: #555555;
    cursor: pointer;
    border: 0.02rem solid transparent;
    -webkit-transition: color 0.3s, border 0.3s;
    transition: color 0.3s, border 0.3s;
    border-radius: 0.2rem;
}

.search .selection1 .screen ul li.active[data-v-1d38de84] {
    border: 0.02rem solid #0044b0;
    border-radius: 0.2rem;
    color: #0044b0;
}

.search .selection1 .screen ul li[data-v-1d38de84]:hover {
    background: #0044b0;
    border: 0.02rem solid #0044b0;
    color: #fff;
}

.search .selection1 > ul[data-v-1d38de84] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0.83rem 0 0 0;
}

.search .selection1 > ul li[data-v-1d38de84] {
    width: 4.87rem;
    height: 5.7rem;
    overflow: hidden;
    margin: 0 0.29rem 0.6rem 0;
    background: #ffffff;
    -webkit-box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.15);
    box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.15);
    border-radius: 0.08rem;
}

.search .selection1 > ul li .img-wrap[data-v-1d38de84] {
    width: 4.87rem;
    height: 3.2rem;
    overflow: hidden;
}

.search .selection1 > ul li .img-wrap img[data-v-1d38de84] {
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
}

.search .selection1 > ul li .img-wrap img[data-v-1d38de84]:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.search .selection1 > ul li .text[data-v-1d38de84] {
    height: 2.48rem;
}

.search .selection1 > ul li .text .upper[data-v-1d38de84] {
    border-bottom: 0.01rem solid #eeeeee;
    padding: 0.39rem 0.4rem;
    height: 1.47rem;
}

.search .selection1 > ul li .text .upper h4[data-v-1d38de84] {
    font-size: 0.26rem;
    font-weight: bold;
    color: #111111;
    line-height: 0.26rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 0.27rem 0;
}

.search .selection1 > ul li .text .upper h4 span[data-v-1d38de84] {
    margin-right: 0.19rem;
    max-width: 68%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.search .selection1 > ul li .text .upper h4 b[data-v-1d38de84] {
    height: 0.28rem;
    background: rgba(255, 95, 0, 0.08);
    border-radius: 0.14rem;
    padding: 0 0.12rem;
    font-size: 0.14rem;
    font-weight: 400;
    color: #ff6000;
    line-height: 0.28rem;
}

.search .selection1 > ul li .text .upper p[data-v-1d38de84] {
    font-size: 0.16rem;
    font-weight: 400;
    color: #666666;
    line-height: 0.32rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.search .selection1 > ul li .text .lower[data-v-1d38de84] {
    height: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0.4rem;
}

.search .selection1 > ul li .text .lower .left[data-v-1d38de84] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.search .selection1 > ul li .text .lower .left > div[data-v-1d38de84]:nth-child(1) {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.search .selection1 > ul li .text .lower .left img[data-v-1d38de84] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0.14rem 0 0;
}

.search .selection1 > ul li .text .lower .left p[data-v-1d38de84] {
    font-size: 0.14rem;
    font-weight: 400;
    color: #999999;
    line-height: 0.2rem;
    margin-top: 0.04rem;
}

.search .selection1 > ul li .text .lower .right[data-v-1d38de84] {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1.15rem;
    height: 0.42rem;
    border: 0.02rem solid #0044b0;
    border-radius: 0.21rem;
    text-align: center;
    font-size: 0.16rem;
    font-weight: 400;
    color: #0044b0;
    line-height: 0.38rem;
    cursor: pointer;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
}

.search .selection1 > ul li .text .lower .right[data-v-1d38de84]:hover {
    background: #0044b0;
    color: #fff;
}

.search .selection1 > ul li[data-v-1d38de84]:nth-child(3n) {
    margin-right: 0;
}

.search .selection1 .pagination-wrap[data-v-1d38de84] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 0.45rem;
    margin-bottom: 0.8rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.search .selection2[data-v-1d38de84] {
    height: 5.3rem;
    background: url(assets/e63a5001f09b7cadbd1ab46479647368.jpg) no-repeat;
    background-size: cover !important;
    position: relative;
    padding: 0.99rem 0 0 0;
}

.search .selection2 h4[data-v-1d38de84] {
    font-size: 0.42rem;
    font-weight: 400;
    color: #ffffff;
    line-height: 0.42rem;
    text-align: center;
}

.search .selection2 h5[data-v-1d38de84] {
    font-size: 0.18rem;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    line-height: 0.19rem;
    margin: 0.29rem 0 0.45rem 0;
}

.search .selection2 div[data-v-1d38de84] {
    width: 2.15rem;
    height: 0.56rem;
    border: 0.02rem solid #ffffff;
    border-radius: 0.28rem;
    font-size: 0.2rem;
    font-weight: 400;
    color: #ffffff;
    line-height: 0.56rem;
    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;
    margin: 0 auto;
    cursor: pointer;
}

.search .selection2 div i[data-v-1d38de84] {
    width: 0.3rem;
    height: 0.25rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAZCAYAAAAmNZ4aAAADBElEQVRIibWWW4iWVRSGnzkwHvMQSCUSaKNjBuWhoS6UAsGLJMgSVNILRb3QCKK8iPDCi7oTSaHEI5VUhEp2nSXdFaljmSlqFOUBjZI8JjpP7HH9w3bz+c80jgsW/7/fvdZ+117fXmvvBpU60g68AEwH2oAHwvQG8DtwCPgK2AWcrrdQKXcifh5YA0yJ8W/AfuAccAkYCYwBngaGAzeBncBq4HivmBNxpiPVXd6SM+pb6tjCJtcm9Sl1k3pd/Vd9Q22o49Ol+WCM+nOQrlOH9ORc6Dh1b/h/EEH1SDxU/TGinvs/CXNtVN8N8g2BD1SXqSOqiDeG8cK7IK1pSvNHsd5s9VH1pno0stpNPFHtVD/tB9I8g3+oRyKQFyObh2Oui3htRNfWj8RJX4l1n4nx/Bi/XyNOURwsnAar7WpzxU6erDg46eS3FtioIHonw3ZEdiekwQ11a+H0bTh9UuCHA8/t22ON9B1nFvan1J3ZuDX81zYCTcDVorzb4ndShrUArfF/QoaPjzUaM7+aXAAGZeMTwPfArGbgIvBQ4fASMBfYkmHXgTnR1d7L8M+ARyKw7cU6o4GDBXYAWJK2/416rqeC74M+Fml9vfBdn8CUns+BUcDseq21D7IsXPYUrg92ZTk6ygX1mDqgn3abSvOauqeis51Wv64BSyMt23rT4HvQ4epP6qWKEnsueF7Nwe0BrrwL0ofVjiitsue3REB/qsPyiaYAv+gDYUsE/HekeF4xn7K4JTa22OJaTPqDui/7HrPC8PGKU59unWfVt6MvGx1wckVgy2N+cw0rDTqivF5WT3i7XA2CY1F+ndnsd+qCihZb093RxbqDby6O+jDgCWAGcDJK4lC8vRJ+PzA4Ot2p7M31a/g3ABOBqcBZYB/QGX7n44l0S4rILqr/qK/Vib6m96m/RBbSJzoZJzmXdC0uiix25P75jocCXwIrgDO96BeXgY+BcfHguwL8FVlI/Xga8CbwYdjf/gjs5zZZddpXRSZTxXTP3WvimqYnT+piqRJQ+Q8hbv6jcvuKJwAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
    margin-right: 0.13rem;
}

.search .selection2 ul[data-v-1d38de84] {
    width: 15.2rem;
    height: 2.8rem;
    position: absolute;
    border-radius: 0.08rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 3.87rem;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 10;
}

.search .selection2 ul li[data-v-1d38de84] {
    height: 1.14rem;
}

.search .selection2 ul li h2[data-v-1d38de84] {
    line-height: 0.8rem;
    font-family: Gilroy-Bold;
    color: #0044b0;
    font-size: 0.8rem;
    font-size: 0.8rem;
    text-shadow: 0.03rem 0.06rem 0.03rem rgba(0, 68, 176, 0.11);
}

.search .selection2 ul li h2 span[data-v-1d38de84]::nth-child(2) {
    font-size: 0.48rem;
}

.search .selection2 ul li p[data-v-1d38de84] {
    font-size: 0.2rem;
    font-weight: 500;
    color: #333333;
    line-height: 0.2rem;
    margin-top: 0.2rem;
}

.search .selection2 ul li[data-v-1d38de84]:nth-child(1) {
    width: 5.01rem;
    border-right: 0.01rem solid #eeeeee;
    padding: 0 0 0 1.99rem;
    background: url(data:image/png;base64,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) no-repeat;
    background-position: 2.6rem 0.2rem !important;
    background-size: 0.54rem 0.55rem !important;
}

.search .selection2 ul li:nth-child(1) h2[data-v-1d38de84] {
    height: 0.76rem;
}

.search .selection2 ul li:nth-child(1) h2 .span[data-v-1d38de84] {
    font-size: 0.24rem;
    font-weight: bold;
}

.search .selection2 ul li[data-v-1d38de84]:nth-child(2) {
    width: 5.16rem;
    border-right: 0.01rem solid #eeeeee;
    padding: 0 0 0 1.63rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA5CAYAAAB9E9gIAAADxElEQVRoge2aW4hNURjHf8y43xok90uTDCJKzYMxTBRJrg3GpciLBw/kjcIbyoPy4kmeKGLknhDJtdyiSCj3mVFuY4xxb9X/6Myevc/a5+y9z9mH+ddu7c5ee+3vd9ba3/ettXaburo6YqrRwHJgKXAIWA/89Gtq3MD6AVUCGue4dhJYDNT7aSgOYF2BecAyYBrQNkXd+8As4Jmt0VyBFQjC9MxcoEsa99bpnqupKmUbbLxgzHDr63L9G3AGOAAUA5s92mkCVgL7vR5UGJ7NnhokB2CARrlUagROAQeB48Bn/b42RZsdgH1ACbAF+O2sEBVYD2CBYCabkeG4Xi9ncFBlY4bP2aSyRc+GCdYOmC6Y2UBHx/X3wAkNszMaTmFoiFsbYYCVCmYR0Ntx7S1wTD1zDvgeEoxVQcF2AWscv70BjgrmQjpBNUwFBeum8gVwRDCXgV9JdcYosF4CTucL2GFgN3Dd4ZmKBVOl1Cgh05PrgKcBn2tVULCjSef9gUrBlHrUny0HswPYCjSExNFCqdIXPyoCVskxmOG4MwVUQiYGbQQeqlcjUSY91ln/vOmZGUD7DA0bqMxhurKIUOUXLBGjDMwcS253T9OMJg03m4aFDYUFzAzTcg2XhRp2bjJO45ocSTXwRHXmRmGwX7mBTVDPLJZDcNMPxahDciCvcwnhpgSYSSaXCGa4R92vikOHlRq9y53ZdhmwW5pOuOmTUqJqZeBfYszSTIUuULXKIo6kkd/1kVO5CDyK2GZfcr5j24ENjpTIS/3l9k1QniJnUxFXsBoL1ECtTxgvOdFlnhUb+Yljg9UrlT6yirwBMxl5WZZsCVW2XHFMnvH8VdAkOFkPNGOOhYJMW4yjOZt0vIoLFGmCNSiNSsDcj9CuwLKBXQFuCOR6NhdjgsoGNtNn+4UKBU80RHOuTN+xAqVi05R1lGmOVpFvYMZ7jgWmyvhJQPeIbQskG9hqTf/LU0w0Yykb2Datw+edwgzQsVJYmxJmAnpXm3KxUCZgH4Dbmnknyke5WqP3kg2sRmvxd4CbKiNfng5DNrCSfIBwU1jOw7QzNE4eNN13rFA7KSO1i1KSVHZS8L4Qka1pyQY2XxmHMX6EANply7ggsoHtaQ3QMVNr5mHRJ8W8z4FaCVE2sOdKl2pluNeR6QcoOQMbmyU7QlfrO+aQiWU9k44inZ8HXkZmbRqygZmvAAYkAfRS6bUHXZEvYCvyNUBn43vFqGVWyPb+i2DFOprpv/WKJkCns35ovixI6KPWQWx67FHB7Nz4ub+lgD8byrwVv0l7hAAAAABJRU5ErkJggg==) no-repeat;
    background-position: 3rem 0.2rem !important;
    background-size: 0.54rem 0.57rem !important;
}

.search .selection2 ul li:nth-child(2) h2[data-v-1d38de84] {
    height: 0.76rem;
}

.search .selection2 ul li:nth-child(2) h2 .span[data-v-1d38de84] {
    font-size: 0.48rem;
    font-weight: bold;
}

.search .selection2 ul li[data-v-1d38de84]:nth-child(3) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 0 0 1.04rem;
    background: url(data:image/png;base64,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) no-repeat;
    background-position: 1.9rem 0.2rem !important;
    background-size: 0.7rem 0.51rem !important;
}

.search .selection2 ul li:nth-child(3) h2[data-v-1d38de84] {
    height: 0.76rem;
}

.search .selection2 ul li:nth-child(3) h2 .span[data-v-1d38de84] {
    font-size: 0.48rem;
    font-weight: bold;
}

.search .selection3[data-v-1d38de84] {
    background: #f8f9fc;
    padding: 2.36rem 0 1rem 0;
}

.search .selection3 h2[data-v-1d38de84] {
    font-size: 0.42rem;
    font-weight: 400;
    color: #111111;
    text-align: center;
}

.search .selection3 p[data-v-1d38de84] {
    text-align: center;
    font-size: 0.18rem;
    font-weight: 400;
    color: #666666;
    margin-top: 0.25rem;
}

.search .selection3 ul[data-v-1d38de84] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0.6rem 0 0 0;
}

.search .selection3 ul li[data-v-1d38de84] {
    width: 4.87rem;
    height: 4.6rem;
    background: #ffffff;
    border-radius: 0.08rem;
    padding: 0.6rem 0 0 0;
}

.search .selection3 ul li > div[data-v-1d38de84]:nth-child(1) {
    width: 1.4rem;
    height: 1.4rem;
    background: #f3f4f8;
    border-radius: 50%;
    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;
    margin: 0 auto;
}

.search .selection3 ul li > div:nth-child(1) img[data-v-1d38de84] {
    max-height: 0.66rem;
}

.search .selection3 ul li h2[data-v-1d38de84] {
    font-size: 0.24rem;
    font-weight: bold;
    color: #000000;
    text-align: center;
    padding-bottom: 0.25rem;
    border-bottom: 0.02rem solid #dedede;
    margin: 0.4rem auto 0.23rem auto;
    width: 0.45rem;
    white-space: nowrap;
}

.search .selection3 ul li p[data-v-1d38de84] {
    width: 3.18rem;
    font-size: 0.16rem;
    font-weight: 500;
    line-height: 0.32rem;
    color: #666666;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.search .selection3 ul li[data-v-1d38de84]:nth-child(2) {
    margin: 0 0.29rem;
}

#app[state='portrait'] .search .selection1[data-v-1d38de84] {
    width: 100%;
}

#app[state='portrait'] .search .selection1 .screen[data-v-1d38de84] {
    display: block;
}

#app[state='portrait'] .search .selection1 .screen span[data-v-1d38de84] {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 0.2rem;
    font-size: calc(0.2rem * 1.5);
}

#app[state='portrait'] .search .selection1 .screen ul[data-v-1d38de84] {
    padding: 0 0.4rem;
}

#app[state='portrait'] .search .selection1 .screen ul li[data-v-1d38de84] {
    margin-bottom: 0.2rem;
    font-size: calc(0.18rem * 1.5);
}

#app[state='portrait'] .search .selection1 > ul[data-v-1d38de84] {
    padding: 0 0.4rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#app[state='portrait'] .search .selection1 > ul li[data-v-1d38de84] {
    width: 49%;
    margin-right: 0;
    height: auto;
}

#app[state='portrait'] .search .selection1 > ul li .img-wrap[data-v-1d38de84] {
    width: 100%;
    height: auto;
}

#app[state='portrait'] .search .selection1 > ul li .text[data-v-1d38de84] {
    height: auto;
}

#app[state='portrait'] .search .selection1 > ul li .text .upper[data-v-1d38de84] {
    padding: 0.2rem;
    height: auto;
}

#app[state='portrait'] .search .selection1 > ul li .text .upper h4[data-v-1d38de84] {
    line-height: 0.35rem;
}

#app[state='portrait'] .search .selection1 > ul li .text .upper h4 span[data-v-1d38de84] {
    font-size: calc(0.2rem * 1.5);
    max-width: 100%;
}

#app[state='portrait'] .search .selection1 > ul li .text .upper h4 b[data-v-1d38de84] {
    display: block;
    margin: 0.15rem 0;
    font-size: calc(0.14rem * 1.5);
}

#app[state='portrait'] .search .selection1 > ul li .text .upper p[data-v-1d38de84] {
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .search .selection1 > ul li .text .lower[data-v-1d38de84] {
    display: block;
    padding: 0.2rem;
    height: auto;
}

#app[state='portrait'] .search .selection1 > ul li .text .lower .left img[data-v-1d38de84] {
    width: calc(0.6rem * 1.5);
    height: calc(0.6rem * 1.5);
}

#app[state='portrait'] .search .selection1 > ul li .text .lower .left p[data-v-1d38de84] {
    line-height: calc(0.3rem * 1.5);
    font-size: calc(0.14rem * 1.5);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 2.6rem;
}

#app[state='portrait'] .search .selection1 > ul li .text .lower .right[data-v-1d38de84] {
    margin: 0.2rem auto 0 auto;
    width: 50%;
    font-size: calc(0.16rem * 1.5);
    height: calc(0.3rem * 1.5);
    line-height: calc(0.3rem * 1.5);
    border-radius: calc(0.21rem * 1.5);
}@-webkit-keyframes slide-right-in-data-v-df195072 {
     0% {
         -webkit-transform: translateX(0.4rem);
         transform: translateX(0.4rem);
     }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
 }

@keyframes slide-right-in-data-v-df195072 {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-df195072 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-df195072 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-df195072 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-df195072 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-df195072 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-df195072 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-df195072 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-df195072 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.service[data-v-df195072] {
    max-width: 19.2rem;
    margin: 0 auto;
}

.service .banner[data-v-df195072] {
    position: relative;
    height: 6.8rem;
}

.service .banner > img[data-v-df195072] {
    width: 100%;
    height: 100%;
}

.service .banner .banner-text[data-v-df195072] {
    position: absolute;
    top: 3.26rem;
    left: 2rem;
    color: #fff;
}

.service .banner .banner-text h3[data-v-df195072] {
    font-size: 0.56rem;
    font-weight: 500;
}

.service .banner .banner-text p[data-v-df195072] {
    margin-top: 0.34rem;
    font-size: 0.28rem;
    font-weight: 400;
}

#app[state='portrait'] .service .banner[data-v-df195072] {
    height: 3.1rem;
}

#app[state='portrait'] .service .banner-text[data-v-df195072] {
    top: 0.9rem;
    left: 0.5rem;
}@-webkit-keyframes slide-right-in-data-v-2e521fa2 {
     0% {
         -webkit-transform: translateX(0.4rem);
         transform: translateX(0.4rem);
     }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
 }

@keyframes slide-right-in-data-v-2e521fa2 {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-2e521fa2 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-2e521fa2 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-2e521fa2 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-2e521fa2 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-2e521fa2 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-2e521fa2 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-2e521fa2 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-2e521fa2 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#app[state='web'] .service-list .nav-box[data-v-2e521fa2] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-2e521fa2 1s, fade-in-data-v-2e521fa2 1s;
    animation: slide-up-in-data-v-2e521fa2 1s, fade-in-data-v-2e521fa2 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .service-list .item-list li[data-v-2e521fa2] {
    opacity: 0;
    -webkit-animation: fade-in-data-v-2e521fa2 1s;
    animation: fade-in-data-v-2e521fa2 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.service-list[data-v-2e521fa2] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 2rem;
}

.service-list .nav-box[data-v-2e521fa2] {
    padding-top: 0.5rem;
    padding-bottom: 0.35rem;
    margin-bottom: 0.8rem;
    font-size: 0.18rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 0.01rem solid #eeeeee;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.service-list .nav-box span[data-v-2e521fa2] {
    line-height: 0.4rem;
    margin-bottom: 0.2rem;
}

.service-list .nav-box > span[data-v-2e521fa2]:nth-child(1) {
    width: 1.2rem;
    -ms-flex-item-align: center;
    align-self: center;
    font-size: 0.2rem;
    font-weight: 600;
    color: #000000;
}

.service-list .nav-box .open[data-v-2e521fa2] {
    margin-left: 0.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    color: #0044b0;
}

.service-list .nav-box .open:hover img[data-v-2e521fa2] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.service-list .nav-box .open .img-box-x[data-v-2e521fa2] {
    margin-right: 0.12rem;
    width: 0.21rem;
    height: 0.21rem;
}

.service-list .nav-box .open .img-box-x img[data-v-2e521fa2] {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.service-list .nav-box .nav-bar[data-v-2e521fa2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
}

.service-list .nav-box .nav-bar li[data-v-2e521fa2] {
    margin: 0.05rem;
    padding: 0 0.2rem;
    line-height: 0.38rem;
    text-align: center;
    border: 0.02rem solid transparent;
    border-radius: 0.2rem;
    font-size: 0.18rem;
    color: #555555;
    height: 0.4rem;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin-bottom: 0.2rem;
}

.service-list .nav-box .nav-bar li.active[data-v-2e521fa2] {
    color: #0044b0;
    border-color: #0044b0;
}
.service-list .nav-box .nav-bar li.active[data-v-2e521fa2] a{
    color: #0044b0;
}

.service-list .nav-box .nav-bar li[data-v-2e521fa2]:hover{
    color: #fff;
    background: #0044b0;
}
.service-list .nav-box .nav-bar li[data-v-2e521fa2]:hover a {
    color: #fff;
}

.service-list .item-list[data-v-2e521fa2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.service-list .item-list li[data-v-2e521fa2] {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.2rem 0.25rem 0.33rem 0.2rem;
    width: 4.8rem;
    background: #f9f9f9;
    border: 0.01rem solid #eeeeee;
    border-radius: 0 0 0.3rem 0;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.service-list .item-list li .top-line[data-v-2e521fa2] {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 0.01rem;
    border: 0.01rem solid #0044b0;
    background: #0044b0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.service-list .item-list li[data-v-2e521fa2]:hover {
    border: 0.01rem solid #0044b0;
}

.service-list .item-list li:hover .top-line[data-v-2e521fa2] {
    border-color: #0044b0;
    border: 0.01rem solid #0044b0;
}

.service-list .item-list li:hover .img-box img[data-v-2e521fa2] {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.service-list .item-list li:hover h2[data-v-2e521fa2] {
    color: #0044b0;
}

.service-list .item-list li[data-v-2e521fa2]:not(:nth-child(3n)) {
    margin-right: 0.38rem;
}

.service-list .item-list li[data-v-2e521fa2]:nth-child(n+4) {
    margin-top: 0.4rem;
}

.service-list .item-list li .img-box[data-v-2e521fa2] {
    margin-right: 0;
    width: 4.4rem;
    height: 3.15rem;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.service-list .item-list li .img-box img[data-v-2e521fa2] {
    width: 4.4rem;
    height: 3.15rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.service-list .item-list li h2[data-v-2e521fa2] {
    margin-top: 0.28rem;
    margin-left: 0.09rem;
    margin-bottom: 0.31rem;
    font-size: 0.24rem;
    font-weight: bold;
    color: #111111;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.service-list .item-list li p[data-v-2e521fa2] {
    margin-left: 0.09rem;
    font-size: 0.16rem;
    font-weight: 500;
    color: #666666;
    line-height: 0.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.service-list .item-list li .more[data-v-2e521fa2] {
    margin-top: 0.4rem;
    margin-left: 0.09rem;
    font-size: 0.16rem;
    font-family: SourceHanSansCN;
    color: #0044b0;
}

.service-list .item-list li .more:hover img[data-v-2e521fa2] {
    -webkit-transform: translateX(0.05rem);
    transform: translateX(0.05rem);
}

.service-list .item-list li .more img[data-v-2e521fa2] {
    vertical-align: middle;
    margin-left: 0.09rem;
    width: 0.071rem;
    height: 0.12rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.service-list .pagination-box[data-v-2e521fa2] {
    margin-top: 0.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 0.45rem;
    margin-bottom: 0.8rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#app[state='portrait'] .nav-box[data-v-2e521fa2] {
    padding: 0.2rem;
    padding-top: 0.4rem;
    margin-bottom: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#app[state='portrait'] .nav-box > span[data-v-2e521fa2] {
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: calc(0.2rem * 1.5);
}

#app[state='portrait'] .nav-box > span[data-v-2e521fa2],
#app[state='portrait'] .nav-box .open[data-v-2e521fa2] {
    margin: 0;
    width: auto;
    height: 0.4rem;
    font-size: calc(0.18rem * 1.5);
}

#app[state='portrait'] .nav-box > span:hover .nav-box[data-v-2e521fa2],
#app[state='portrait'] .nav-box .open:hover .nav-box[data-v-2e521fa2] {
    padding: 0.2rem;
    height: auto;
    overflow: initial;
}

#app[state='portrait'] .nav-box > span .img-box-x[data-v-2e521fa2],
#app[state='portrait'] .nav-box .open .img-box-x[data-v-2e521fa2] {
    width: calc(0.21rem * 1.5);
    height: calc(0.21rem * 1.5);
}

#app[state='portrait'] .nav-box .nav-bar[data-v-2e521fa2] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#app[state='portrait'] .nav-box .nav-bar li[data-v-2e521fa2] {
    padding: 0;
    width: 18%;
    margin-top: 0;
    text-align: center;
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .nav-box .nav-bar li[data-v-2e521fa2]:nth-child(n+6) {
    margin-top: 0.2rem;
}

#app[state='portrait'] .service-list[data-v-2e521fa2] {
    width: 100%;
    padding: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#app[state='portrait'] .service-list .item-list[data-v-2e521fa2] {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

#app[state='portrait'] .service-list .item-list li[data-v-2e521fa2] {
    margin: 0;
    width: 4.3rem;
    margin-top: 0.3rem;
}

#app[state='portrait'] .service-list .item-list li .img-box[data-v-2e521fa2] {
    width: auto;
}

#app[state='portrait'] .service-list .item-list li h2[data-v-2e521fa2] {
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
    font-size: calc(0.24rem * 1.2);
}

#app[state='portrait'] .service-list .item-list li p[data-v-2e521fa2] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: calc(0.16rem * 1.5);
    line-height: calc(0.3rem * 1.5);
}

#app[state='portrait'] .service-list .item-list li .more[data-v-2e521fa2] {
    margin-top: 0.2rem;
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .service-list .item-list li .more img[data-v-2e521fa2] {
    width: calc(0.07rem * 1.5);
    height: calc(0.12rem * 1.5);
}@-webkit-keyframes slide-right-in-data-v-303abbe5 {
     0% {
         -webkit-transform: translateX(0.4rem);
         transform: translateX(0.4rem);
     }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
 }

@keyframes slide-right-in-data-v-303abbe5 {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-303abbe5 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-303abbe5 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-303abbe5 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-303abbe5 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-303abbe5 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-303abbe5 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-303abbe5 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-303abbe5 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#app[state='web'] .service-detail .fanyi-dianzi .left[data-v-303abbe5] {
    opacity: 0;
    -webkit-animation: slide-left-in-data-v-303abbe5 1s, fade-in-data-v-303abbe5 1s;
    animation: slide-left-in-data-v-303abbe5 1s, fade-in-data-v-303abbe5 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .service-detail .fanyi-dianzi .right-img-box[data-v-303abbe5] {
    opacity: 0;
    -webkit-animation: slide-right-in-data-v-303abbe5 1s, fade-in-data-v-303abbe5 1s;
    animation: slide-right-in-data-v-303abbe5 1s, fade-in-data-v-303abbe5 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .service-detail .nav-box[data-v-303abbe5] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-303abbe5 1s, fade-in-data-v-303abbe5 1s;
    animation: slide-up-in-data-v-303abbe5 1s, fade-in-data-v-303abbe5 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .service-detail .project-descption .img-box[data-v-303abbe5] {
    opacity: 0;
    -webkit-animation: slide-left-in-data-v-303abbe5 1s, fade-in-data-v-303abbe5 1s;
    animation: slide-left-in-data-v-303abbe5 1s, fade-in-data-v-303abbe5 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .service-detail .project-descption .right-content[data-v-303abbe5] {
    opacity: 0;
    -webkit-animation: slide-right-in-data-v-303abbe5 1s, fade-in-data-v-303abbe5 1s;
    animation: slide-right-in-data-v-303abbe5 1s, fade-in-data-v-303abbe5 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .service-detail .content-design .img-box[data-v-303abbe5] {
    opacity: 0;
    -webkit-animation: slide-left-in-data-v-303abbe5 1s, fade-in-data-v-303abbe5 1s;
    animation: slide-left-in-data-v-303abbe5 1s, fade-in-data-v-303abbe5 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .service-detail .content-design .right-content[data-v-303abbe5] {
    opacity: 0;
    -webkit-animation: slide-right-in-data-v-303abbe5 1s, fade-in-data-v-303abbe5 1s;
    animation: slide-right-in-data-v-303abbe5 1s, fade-in-data-v-303abbe5 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .service-detail .implementation-situation .img-box[data-v-303abbe5],
#app[state='web'] .service-detail .response .img-box[data-v-303abbe5] {
    opacity: 0;
    -webkit-animation: slide-left-in-data-v-303abbe5 1s, fade-in-data-v-303abbe5 1s;
    animation: slide-left-in-data-v-303abbe5 1s, fade-in-data-v-303abbe5 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .service-detail .implementation-situation .right-content[data-v-303abbe5],
#app[state='web'] .service-detail .response .right-content[data-v-303abbe5] {
    opacity: 0;
    -webkit-animation: slide-right-in-data-v-303abbe5 1s, fade-in-data-v-303abbe5 1s;
    animation: slide-right-in-data-v-303abbe5 1s, fade-in-data-v-303abbe5 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.service-detail[data-v-303abbe5] {
    max-width: 19.2rem;
    margin: 0 auto;
    padding: 0 2rem 0 2rem;
}

.service-detail .head-nav-box[data-v-303abbe5] {
    padding-left: 0.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.16rem;
    color: #999999;
    height: 0.8rem;
    border-bottom: 0.01rem solid #eee;
}

.service-detail .head-nav-box > span[data-v-303abbe5] {
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.service-detail .head-nav-box > span.active[data-v-303abbe5] {
    color: #0044b0;
}

.service-detail .head-nav-box > span[data-v-303abbe5]:hover {
    color: #0044b0;
}

.service-detail .head-nav-box .img-box[data-v-303abbe5] {
    margin-right: 0.2rem;
    width: 0.25rem;
    height: 0.22rem;
}

.service-detail .head-nav-box .img-box img[data-v-303abbe5] {
    width: 100%;
    height: 100%;
}

.service-detail .fanyi-dianzi[data-v-303abbe5] {
    margin-top: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.service-detail .fanyi-dianzi .left[data-v-303abbe5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.service-detail .fanyi-dianzi .left > h2[data-v-303abbe5] {
    font-size: 0.42rem;
    font-weight: 600;
    color: #111111;
}

.service-detail .fanyi-dianzi .left > h3[data-v-303abbe5] {
    margin-top: 0.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.16rem;
    color: #999999;
}

.service-detail .fanyi-dianzi .left > h3 span[data-v-303abbe5]:nth-of-type(1) {
    margin-right: 0.5rem;
}

.service-detail .fanyi-dianzi .left > h3 i[data-v-303abbe5] {
    margin-right: 0.1rem;
    width: 0.18rem;
    height: 0.18rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAACJElEQVQ4T52UvWsUURTFz5kRbLONlSaggiIIYhWDIMRIUEllWEErcTN3smBKwcLWwj9gd97LQiCgyBorIUQkERFCbEQU/EBF1M4iCTa6ws6RJ7th3WyQ5JV37v3Nee/ec4keZ3p6ejjP84sAhgH0t1K+AliSVE/TdLG7jJ0B59xhklVJQwAeAlgA8KmVc0DSOZLnSS5LmjSzd+36DZD3/pSkUPw8juPJUqn0sZfaWq12MM/ziqRBkmNJkjwNeX9BQQmAFQD3C4VCWiwWm70g7Vi9Xo/X19edpHEAg0EZJdE5t0zyZ6FQOPM/SCdsbW1tCcCuJElO0ns/IukRgGNm9rpTSbVa3RNF0U0zu9ZLYaVSORTH8RuSo8yyzJMcMLPR7mTn3FEAr8zsn6Z05nnvn+R5/iFcKzyqN7PbOwTdkHQ1gBqSLqdpOrcTkHPuEoCZAPoBIDWzu1uBAFjnt0ajcW9qairUIcuycZJ3AigM1ayZ3eoG1Wq1gWaz+aA7HsfxhVKp9KU1OtfDjwJoFsBeMwt22PbJsmyB5PfQ/lFJ881m80i5XH6/HVKrqy8BnN0YyCiKfvX19Y1scyAXJe02s6EdW2R1dbVKshhF0YmJiYm3m0xLciWKovJWpnXO9UsKQzy0ybTtdwnmlTRD8nhYIyTnJX3O81xxHO8PawTAmKQXJK/0XCNtWDCx9/5McDbJ0wD2AfgN4JukZyTnkiR5TFKdjfkDC8oh57D6OaAAAAAASUVORK5CYII=) no-repeat center center;
    background-size: 100% 100%;
}

.service-detail .fanyi-dianzi .left > p[data-v-303abbe5] {
    margin-top: 0.18rem;
    width: 7.23rem;
    font-size: 0.18rem;
    color: #333333;
    line-height: 0.36rem;
}

.service-detail .fanyi-dianzi .left > button[data-v-303abbe5] {
    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;
    margin-top: 0.45rem;
    width: 2.4rem;
    height: 0.56rem;
    background: #0044b0;
    border-radius: 0.28rem;
    border: none;
    cursor: pointer;
    font-size: 0.18rem;
    color: #ffffff;
}

.service-detail .fanyi-dianzi .left > button i[data-v-303abbe5] {
    margin-right: 0.2rem;
    width: 0.3rem;
    height: 0.25rem;
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2OC4yMyAxNDIuODQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO3N0cm9rZTojZmZmO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDozLjNweDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTc4LjIzLDEzNy4yM2E0NSw0NSwwLDAsMS0xMi41NCwxNS4zOUwxNjguNTgsMTY1YTMuOTIsMy45MiwwLDAsMS0xLjIzLDMuODcsMy42OCwzLjY4LDAsMCwxLTMuOTEuNmwtMTYuNTEtNy4zNWE1Ni44OSw1Ni44OSwwLDAsMS0xNS42OCwyLDU0LjE4LDU0LjE4LDAsMCwxLTM1LjY2LTEzLjI3LDQ1LjI3LDQ1LjI3LDAsMCwxLTExLjM3LTE1LjM4LDY4LjI0LDY4LjI0LDAsMCwxLTIwLjktMS4xM2MtMS42OS0uMzYtMS42OS0uMzYtMy44Ny0uNzFsLTIxLjA4LDlhNC40Nyw0LjQ3LDAsMCwxLTQuNy0uNzksNC43NCw0Ljc0LDAsMCwxLTEuNC00LjY3bDMuODctMTUuNDVxLTIuMjUtMi4zLTQuNDYtNC42NGgwYTUxLjgsNTEuOCwwLDAsMS05LjMzLTEzLjMsNDcuMjcsNDcuMjcsMCwwLDEsMC00MS42LDUyLjg1LDUyLjg1LDAsMCwxLDEzLTE2Ljc4QzQ2LjYsMzUuNjQsNjEuNTUsMzAuMjMsNzcuNDIsMzAuMjNzMzAuODMsNS40MSw0Mi4xLDE1LjIzYTUyLjg4LDUyLjg4LDAsMCwxLDEzLDE2Ljc4LDQ4LDQ4LDAsMCwxLDQsMTIsNTMuNiw1My42LDAsMCwxLDMxLjA4LDEzLjA2LDQ1LjEsNDUuMSwwLDAsMSwxMC45MywxNC40QTQwLjUxLDQwLjUxLDAsMCwxLDE3OC4yMywxMzcuMjNaTTc3LjQyLDM4LjQ2Yy0yOC42LDAtNTEuODgsMjAtNTEuODgsNDQuNThhNDAuMzgsNDAuMzgsMCwwLDAsMTAuMTMsMjYuNDMsNjQuMyw2NC4zLDAsMCwwLDQuNzQsNC42NWMxLjM5LDEuMjIsMy4xOSwyLDQuMzEsMy41M2E2LjMxLDYuMzEsMCwwLDEsLjQuNjV2MGwuMDYuMTJhNC42OSw0LjY5LDAsMCwxLC40MiwyLjUzLDksOSwwLDAsMS0uMTcsMS4zN2MtLjQyLDIuMDctMS4yLDQuNDktMS40Niw1LjM4bC0uNzEsMi43OSwxMy4zMS01LjY2YTQuMzgsNC4zOCwwLDAsMSw0LjA3LjMyYy44LjI1LDEuNTkuNDksMi4zOS42OWgwYTU5LjQ5LDU5LjQ5LDAsMCwwLDE4LjU2LDEuNTlBNDAuNDksNDAuNDksMCwwLDEsODQuOTMsMTAxLDQ1LjI0LDQ1LjI0LDAsMCwxLDk2LjA3LDg2Ljc1YTUzLjU4LDUzLjU4LDAsMCwxLDMyLjItMTIuNjFDMTIzLjQ2LDUzLjgxLDEwMi40OSwzOC40Niw3Ny40MiwzOC40NlptNTQuNDQsNDMuMzNjLTIzLjkxLS4xOS00My40OCwxNi4zOS00My42MywzN3MxOS4xNywzNy40Nyw0My4wNywzNy42NmE0NC40NSw0NC40NSwwLDAsMCwxMy44My0xLjgyLDMuNjUsMy42NSwwLDAsMSwzLjM4LS4yMWwxMSw0Ljg5LS41NC0yLjM0Yy0uMjItLjc0LS44My0yLjc3LTEuMTYtNC40OWE3LjM1LDcuMzUsMCwwLDEtLjEyLTEuMTQsMy45LDMuOSwwLDAsMSwuNzgtMi43NmMuOTUtMS4yNiwyLjQ2LTEuODksMy42My0yLjg5LDcuODYtNi42OSwxMi43Ni0xNiwxMi44NS0yNi4yQzE3NS4xLDk4Ljg4LDE1NS43OCw4MiwxMzEuODYsODEuNzlaTTE0Ny40NywxMTJhNi4xMSw2LjExLDAsMSwxLDUuOTItNi4xMUE2LDYsMCwwLDEsMTQ3LjQ3LDExMlptLTMxLjg1LS4yNmE2LjExLDYuMTEsMCwxLDEsNS45My02LjFBNiw2LDAsMCwxLDExNS42MiwxMTEuNzVaTTg5LjUzLDY1LjI1YTcuMjYsNy4yNiwwLDEsMSw3LjI2LDcuNDgsNy4zNyw3LjM3LDAsMCwxLTcuMjYtNy40OFpNNTQuMTgsNzEuNDJhNy41OSw3LjU5LDAsMCwxLDAtMTMsNy4wOSw3LjA5LDAsMCwxLDcuMjUsMCw3LjYsNy42LDAsMCwxLDAsMTNBNy4wOSw3LjA5LDAsMCwxLDU0LjE4LDcxLjQyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE1Ljg5IC0yOC41OCkiLz48L3N2Zz4=) no-repeat;
    background-size: 100% 100%;
}

.service-detail .fanyi-dianzi .right-img-box[data-v-303abbe5] {
    width: 6.34rem;
}

.service-detail .fanyi-dianzi .right-img-box[data-v-303abbe5] .swiper-container {
    border-radius: 0.08rem;
}

.service-detail .fanyi-dianzi .right-img-box[data-v-303abbe5] .swiper {
    width: 6.34rem;
    height: 3.83rem;
}

.service-detail .fanyi-dianzi .right-img-box[data-v-303abbe5] .swiper-slide {
    cursor: pointer;
    width: 6.34rem;
    height: 3.83rem;
    border-radius: 0.08rem;
}

.service-detail .fanyi-dianzi .right-img-box[data-v-303abbe5] .swiper-slide img {
    border-radius: 0.08rem;
}

.service-detail .fanyi-dianzi .right-img-box img[data-v-303abbe5] {
    width: 6.34rem;
    height: 3.83rem;
}

.service-detail .fanyi-dianzi .right-img-box .navgaition-box[data-v-303abbe5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 0.56rem;
}

.service-detail .fanyi-dianzi .right-img-box .navgaition-box .pres1[data-v-303abbe5],
.service-detail .fanyi-dianzi .right-img-box .navgaition-box .nexts1[data-v-303abbe5] {
    cursor: pointer;
    width: 0.1rem;
    height: 0.1rem;
    border-left: 0.02rem solid #bfbfbf;
    border-bottom: 0.02rem solid #bfbfbf;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.service-detail .fanyi-dianzi .right-img-box .navgaition-box .nexts1[data-v-303abbe5] {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.service-detail .fanyi-dianzi .right-img-box .navgaition-box .pagination[data-v-303abbe5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 0.8rem;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.service-detail .fanyi-dianzi .right-img-box .navgaition-box .pagination span[data-v-303abbe5] {
    width: 0.07rem;
    height: 0.07rem;
    background: #bbbbbb;
    border-radius: 50%;
}

.service-detail .fanyi-dianzi .right-img-box .navgaition-box .pagination[data-v-303abbe5] .swiper-pagination-bullet-active {
    -webkit-transform: scale(1.5) translateZ(0);
    transform: scale(1.5) translateZ(0);
    border: 0.02rem solid #0044b0;
    background-color: #fff;
    border-radius: 50%;
}

.service-detail .fanyi-dianzi .right-img-box .swiper-pagination[data-v-303abbe5] {
    bottom: -0.54rem;
}

.service-detail .fanyi-dianzi .right-img-box .swiper-button-prev[data-v-303abbe5] {
    left: 0;
    top: auto;
    bottom: -0.64rem;
}

.service-detail .fanyi-dianzi .right-img-box .swiper-button-prev[data-v-303abbe5]::after {
    color: #cecece;
}

.service-detail .fanyi-dianzi .right-img-box .swiper-button-next[data-v-303abbe5] {
    right: 0;
    top: auto;
    bottom: -0.64rem;
}

.service-detail .fanyi-dianzi .right-img-box .swiper-button-next[data-v-303abbe5]::after {
    color: #cecece;
}

.service-detail .nav-box[data-v-303abbe5] {
    margin-top: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #f8f9fc;
    border-radius: 0.08rem;
}

.service-detail .nav-box .nav-bar[data-v-303abbe5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.service-detail .nav-box .nav-bar li[data-v-303abbe5] {
    position: relative;
    padding: 0.3rem 0;
    margin-left: 0.8rem;
    font-size: 0.2rem;
    font-weight: 600;
    color: #333333;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.service-detail .nav-box .nav-bar li .bottom-line[data-v-303abbe5] {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0.02rem;
    background-color: #0044b0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.service-detail .nav-box .nav-bar li[data-v-303abbe5]:first-child {
    margin-left: 1.02rem;
}

.service-detail .nav-box .nav-bar li[data-v-303abbe5]:hover {
    color: #0044b0;
}

.service-detail .nav-box .nav-bar li:hover .bottom-line[data-v-303abbe5] {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.service-detail .nav-box .nav-bar li.active[data-v-303abbe5] {
    color: #0044b0;
}

.service-detail .nav-box .nav-bar li.active .bottom-line[data-v-303abbe5] {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.service-detail .nav-box .right-tel[data-v-303abbe5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0.8rem;
    font-size: 0.18rem;
    font-family: Gilroy;
    font-weight: 900;
    color: #0044b0;
}

.service-detail .nav-box .right-tel .img-box[data-v-303abbe5] {
    margin-right: 0.15rem;
    width: 0.24rem;
    height: 0.24rem;
}

.service-detail .project-descption[data-v-303abbe5] {
    margin-top: 0.78rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 0.9rem;
}

.service-detail .project-descption > .img-box[data-v-303abbe5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 0.674rem;
    height: 0.65rem;
    background-color: #0044b0;
    border-radius: 50%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAZCAYAAADNAiUZAAABoElEQVRIS82WvStHYRTHP1/lrSwWGWQQ2YjB4g+glDD5DywGkQWZGA0WK/+BRbEok8VAZBCLXULk3dHh3rrJz32e6yVP3brDOedzznnOOc+RmY0Dc0A14ecFOAFWgAVJD+GqIDO7BQyYBC6A8hwDlUAj0At0Alv+L+k+FOxQB+5Lag9VSuXMbB6YAuYlzYTqp9A9SR2hShmoZ+UUqAEaJF2F2EihfkdR95IxXgGUAdfAUw70EphNoe7hdoiXBWXcqWagCbj5VnpjHDAzB+8CbX8GdQfNbA3o+2vo+lt7JS1TqHpj0ptE+jk0yb1XpMU0fIgDZlYSOgCs+nSSVJvpyS5gMMR4RsZbaFHSWV6kpaAjwFgB6LCkwzzo23QBniUdR0K+FC+Z3p+EfLT1v6BmVpc8WY+SNn8y8iLVOwpMRDrh1Tsk6SCvkPxxXgauJLVmWsafvv5I6COwJMmXAx+D/2giRUYSJf4x0kLrShTxPb0bQE868M+Bekl+B79yzEzAEdCSboNVwE7yFV1bvnLWN8g2oBu4c2iRvbdoNnzdnX4FpfMXk9y2aRUAAAAASUVORK5CYII=);
    background-size: 0.3rem 0.24rem;
    background-repeat: no-repeat;
    background-position: center;
}

.service-detail .project-descption .right-content[data-v-303abbe5] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 0.28rem;
}

.service-detail .project-descption .right-content h2[data-v-303abbe5] {
    font-family: PingFangSC;
    font-weight: 400;
    font-size: 0.36rem;
    color: #111111;
}

.service-detail .project-descption .right-content .english[data-v-303abbe5] {
    margin-top: 0.1rem;
    font-size: 0.16rem;
    color: #666666;
}

.service-detail .project-descption .right-content .text-box[data-v-303abbe5] {
    margin-top: 0.56rem;
}

.service-detail .project-descption .right-content .text-box p[data-v-303abbe5] {
    font-size: 0.17rem;
    color: #333333;
    line-height: 0.4rem;
    white-space: pre-wrap;
}

.service-detail .content-design[data-v-303abbe5] {
    margin-top: 0.78rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
    padding-top: 0.78rem;
    padding-bottom: 0.9rem;
    border-top: 0.01rem solid #eee;
}

.service-detail .content-design > .img-box[data-v-303abbe5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 0.674rem;
    height: 0.65rem;
    background-color: #0044b0;
    border-radius: 50%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAZCAYAAADNAiUZAAABoElEQVRIS82WvStHYRTHP1/lrSwWGWQQ2YjB4g+glDD5DywGkQWZGA0WK/+BRbEok8VAZBCLXULk3dHh3rrJz32e6yVP3brDOedzznnOOc+RmY0Dc0A14ecFOAFWgAVJD+GqIDO7BQyYBC6A8hwDlUAj0At0Alv+L+k+FOxQB+5Lag9VSuXMbB6YAuYlzYTqp9A9SR2hShmoZ+UUqAEaJF2F2EihfkdR95IxXgGUAdfAUw70EphNoe7hdoiXBWXcqWagCbj5VnpjHDAzB+8CbX8GdQfNbA3o+2vo+lt7JS1TqHpj0ptE+jk0yb1XpMU0fIgDZlYSOgCs+nSSVJvpyS5gMMR4RsZbaFHSWV6kpaAjwFgB6LCkwzzo23QBniUdR0K+FC+Z3p+EfLT1v6BmVpc8WY+SNn8y8iLVOwpMRDrh1Tsk6SCvkPxxXgauJLVmWsafvv5I6COwJMmXAx+D/2giRUYSJf4x0kLrShTxPb0bQE868M+Bekl+B79yzEzAEdCSboNVwE7yFV1bvnLWN8g2oBu4c2iRvbdoNnzdnX4FpfMXk9y2aRUAAAAASUVORK5CYII=);
    background-size: 0.3rem 0.24rem;
    background-repeat: no-repeat;
    background-position: center;
}

.service-detail .content-design .right-content[data-v-303abbe5] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 0.28rem;
}

.service-detail .content-design .right-content h2[data-v-303abbe5] {
    font-family: PingFangSC;
    font-weight: 400;
    font-size: 0.36rem;
    color: #111111;
}

.service-detail .content-design .right-content .english[data-v-303abbe5] {
    margin-top: 0.1rem;
    font-size: 0.16rem;
    color: #666666;
}

.service-detail .content-design .right-content .text-box[data-v-303abbe5] {
    margin-top: 0.56rem;
}

.service-detail .content-design .right-content .text-box p[data-v-303abbe5] {
    font-size: 0.17rem;
    color: #333333;
    line-height: 0.4rem;
    white-space: pre-wrap;
}

.service-detail .content-design .img-box[data-v-303abbe5] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAgCAYAAAD5VeO1AAADlklEQVRIS42WWayeUxSGn9cQRcRQbrSGiAtEB0GbJg2VImZBRJu4EYk0YggaU7RIzZyIKeFGXJiCSEyJoWIKF6dCUbQUqZpuUDFreOX9s7+T73xnf+fvuvr/vdd+9vrWfvdaW/SY7a2AY4AzgHnAfsAOwB/Al8A7wFPASkmuYVQbtH08cAdwUN/mrfGPgcskvdT1HQe3vQ1wF3B+cfwPeAN4EQjkV2An4GDgOOAIIF8Yuwe4RNK/zSZjcNtbA08Cp5XJl4vzJ5OkLpvcCRxdfJKmRc0GbfgIcGlxWibphjbUdnwPBNa1oyvjy4Dri/+IpKX5PYDbPhJ4rfxfLmlFN1rbWXA7sELS8sr8tcB1wQELJL3ZwEeBw4FXo5Du6RflfAHsC1wt6eYKPKysPwoYlTRXtiOzyCo7zpL0UWXhCcALwOZsIOm7HpXNBFaXDMwLvMn165Ky6wSz/QxwCvC0pOi+12wnvQuAkcCblCyVlI3Gme29gK+AqOlYSa8MgTdnMxr4T8CufQttRwU5wN+A80r6ksLVktZVgoksE8CmwJure4ik5Ksb+efA/pVoNwG7VQ5/NvB+ggj8H2BbYK6kpKgLvw84vTWYr9wOWCNpRsU/qgtnc+BfA8nrWZKeGJLPQDcCewAXSrq3Aj8TCGdD4M8CJ6c2SLpoCHwx8CjwOzBN0i8VeGpTOM8FfkEpOt8D+0iKlqtmO0UsxepBSedWwCl8G4A9B19me/fyqVOAJZIeqJFtp/yuKRdkjqRVFXjUlPV/JdXN9W8+JbKcLSl57R7sNakrwHuSDq3MTwc+iIKAuyVd3MCjgFz7acVhoaQf2wDbh5XCdaOklZ25qelICQz4Fpgh6ed2yZ1fHAYyA+bXDqwS8c7AWwECfwMJ7O34dTvRqcBjwPbALZKumkw9mbN9ExC/P0ujiPoGNqGH2r4cuBV4V1IuxMBsLwTuLyU3HasZz8EmZVdIuq0dTA2+qES/VlI6TwNJDb8SeEjSOa3xT4EDgMWSHh8GPxF4Hlglac4WwJuqepKk1Pwxq0Webn52SctYc7bdF3n0n7Q8LCmvhX54K9L0yyxqLI+ivYEfgLWt8c/yFGk37Wau71EUtaR+N2+SdkC13ykbKYDjrAqPh+3IMpdimK2X9EjNqRc+jLgl85NFnlKQOj/MNkrKlZ9gfTnfBfgG2HEYudT26ZLS9obn3HYO9MOe3tllrAdmSsr1H2f/AwKeiJikz4E4AAAAAElFTkSuQmCC);
    background-size: 0.24rem 0.32rem;
}

.service-detail .content-design .content-list[data-v-303abbe5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 0.59rem;
    font-size: 0.18rem;
}

.service-detail .content-design .content-list li[data-v-303abbe5] {
    width: 30%;
}

.service-detail .content-design .content-list li img[data-v-303abbe5] {
    margin-right: 0.14rem;
    vertical-align: middle;
}

.service-detail .content-design .content-list li b[data-v-303abbe5] {
    font-family: 'Gilroy-Black';
    color: #0044b0;
}

.service-detail .content-design .content-list li span[data-v-303abbe5] {
    font-family: PingFangSC;
    font-weight: 600;
    color: #333333;
}

.service-detail .content-design .content-list li[data-v-303abbe5]:nth-child(n+4) {
    margin-top: 0.6rem;
}

.service-detail .implementation-situation[data-v-303abbe5],
.service-detail .response[data-v-303abbe5] {
    margin-top: 0.78rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 0.9rem;
    margin-top: 0;
    padding-top: 0.78rem;
    border-top: 0.01rem solid #eee;
}

.service-detail .implementation-situation > .img-box[data-v-303abbe5],
.service-detail .response > .img-box[data-v-303abbe5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 0.674rem;
    height: 0.65rem;
    background-color: #0044b0;
    border-radius: 50%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAZCAYAAADNAiUZAAABoElEQVRIS82WvStHYRTHP1/lrSwWGWQQ2YjB4g+glDD5DywGkQWZGA0WK/+BRbEok8VAZBCLXULk3dHh3rrJz32e6yVP3brDOedzznnOOc+RmY0Dc0A14ecFOAFWgAVJD+GqIDO7BQyYBC6A8hwDlUAj0At0Alv+L+k+FOxQB+5Lag9VSuXMbB6YAuYlzYTqp9A9SR2hShmoZ+UUqAEaJF2F2EihfkdR95IxXgGUAdfAUw70EphNoe7hdoiXBWXcqWagCbj5VnpjHDAzB+8CbX8GdQfNbA3o+2vo+lt7JS1TqHpj0ptE+jk0yb1XpMU0fIgDZlYSOgCs+nSSVJvpyS5gMMR4RsZbaFHSWV6kpaAjwFgB6LCkwzzo23QBniUdR0K+FC+Z3p+EfLT1v6BmVpc8WY+SNn8y8iLVOwpMRDrh1Tsk6SCvkPxxXgauJLVmWsafvv5I6COwJMmXAx+D/2giRUYSJf4x0kLrShTxPb0bQE868M+Bekl+B79yzEzAEdCSboNVwE7yFV1bvnLWN8g2oBu4c2iRvbdoNnzdnX4FpfMXk9y2aRUAAAAASUVORK5CYII=);
    background-size: 0.3rem 0.24rem;
    background-repeat: no-repeat;
    background-position: center;
}

.service-detail .implementation-situation .right-content[data-v-303abbe5],
.service-detail .response .right-content[data-v-303abbe5] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 0.28rem;
}

.service-detail .implementation-situation .right-content h2[data-v-303abbe5],
.service-detail .response .right-content h2[data-v-303abbe5] {
    font-family: PingFangSC;
    font-weight: 400;
    font-size: 0.36rem;
    color: #111111;
}

.service-detail .implementation-situation .right-content .english[data-v-303abbe5],
.service-detail .response .right-content .english[data-v-303abbe5] {
    margin-top: 0.1rem;
    font-size: 0.16rem;
    color: #666666;
}

.service-detail .implementation-situation .right-content .text-box[data-v-303abbe5],
.service-detail .response .right-content .text-box[data-v-303abbe5] {
    margin-top: 0.56rem;
}

.service-detail .implementation-situation .right-content .text-box p[data-v-303abbe5],
.service-detail .response .right-content .text-box p[data-v-303abbe5] {
    font-size: 0.17rem;
    color: #333333;
    line-height: 0.4rem;
    white-space: pre-wrap;
}

.service-detail .implementation-situation .img-box[data-v-303abbe5],
.service-detail .response .img-box[data-v-303abbe5] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAYAAAAPtVbGAAABfElEQVRIS73WP2sVURCG8d8QjX4AsbGwsEqjjVamCNHCwtrCkMYYSMrY2wgWQUiVJtZaWKhNwIBY2dkIEbGw1MJAeon5M3LgJFyuN7C713u322XPPGfmfWfOCUM8mXkFa7iDI7zBo4jY6Q0bXRmZeQGfcQl7KLHO4StuRMTv49iRmTMdQfN4gLe4j0lsYhrP8K4Xkh0hZdkBbkbEp/KSmffwqj9eyeQFDjuArmMKyxGxUSFP8LiW8UuNOTGMJrN4j308x3ks1A1fi4hvJ+XqkMHJksxcwSrO1o9F7MWIePlf3HUcJDMvVwsXfTb77Vv+O7VcmXkVD6tFv2M9In52yXwgJDPv4nW1ZTHFBHZxKyK224L+gWTmGfzARTzFFpYwh48R0bqvioX/DChbAX2IiNvVmiWTXyhdXmrf5snxQPq3NJJyDcp75ML3+H+0Fm6l6jDN2AQ08rGSmc0H5FhGfWaO5dBqPSaqXs2P3yYCn9JLzS8SXSF1pjW6Ev0FHTC7u4ZD3gMAAAAASUVORK5CYII=);
}

.service-detail .implementation-situation .info-text[data-v-303abbe5],
.service-detail .response .info-text[data-v-303abbe5] {
    margin-top: 0.26rem;
    font-size: 0.17rem;
    color: #333333;
}

.service-detail .implementation-situation .big-img-box[data-v-303abbe5],
.service-detail .response .big-img-box[data-v-303abbe5] {
    margin-top: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4.2rem;
}

.service-detail .implementation-situation .big-img-box > div[data-v-303abbe5],
.service-detail .response .big-img-box > div[data-v-303abbe5] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 4.2rem;
    overflow: hidden;
    cursor: pointer;
    border-radius: 0.08rem;
}

.service-detail .implementation-situation .big-img-box > div:hover img[data-v-303abbe5],
.service-detail .response .big-img-box > div:hover img[data-v-303abbe5] {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}

.service-detail .implementation-situation .big-img-box > div img[data-v-303abbe5],
.service-detail .response .big-img-box > div img[data-v-303abbe5] {
    width: 100%;
    height: 100%;
    border-radius: 0.08rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.service-detail .implementation-situation .big-img-box > div[data-v-303abbe5]:first-child,
.service-detail .response .big-img-box > div[data-v-303abbe5]:first-child {
    margin-right: 0.4rem;
}

.service-detail .response .img-box[data-v-303abbe5] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAACX0lEQVRIS72XTYjNYRTGfw8JCdmgKEL5WPhKTY1k4aswKF9FyEaGhWYlCwtfZSliIYUFO8OIsVAiWWDHjrKwUjMjCvl+dK73TnfGZO79v/fOqdut233f3/895zznef+y/QMQYOoXsV8XcAE4LSkYfUK2fyZwd/24DAfGQ+m7U9L6gcDxNO8lTaojGNtzgNvADGCzpI7K/ePEDQEHxPZu4CpwVtKhoQQvBp4B7ZK2/RdsexqwNtW9aPbfSWq3vRB4DnRI2jIY+AqwpygxrYvyRY3H1QJeBKzLBH8AzgMLqgZnAvssrzXVo4DpmQ/QI6mrVvDN1Fw57K/AVGBm1am2vQvYkUMF3gKtwPyqwZnA3uW2RwJzhxRsex5wBzgMXK9Kx7kntj0ZeAzMSimfAtwadIDkgG2PAR4CS4BosFBIxI2GgW2HBd4F1gBPgZjNj5I0H0ha0RCTsH0J2Au8ApZJ6rbdlOAjgBZJnWV4XWzR9hHgBNCToAEvRZJnzP+PQJOk1/F7Ntj2zuS5YQwrJT3p3ye2zwEHgZdAs6TPWWDby4H7wDBgq6SYepVaXg3sAyLVYTzRB2GRm3LBp5JW2yTFqfqbxIHkUr+B+AQ4MnMsFxzTabakFwPJ0HYZfBG4XPGfX1ngfmmdCFwDzkgKWUVjlcFHJZ1slJw2RP0SuK0a8HfgW1xTJBW+1NveGKOxFnBMl6XAfkkxBApFEfAq4F66VUZt3hQi/724t1R94lSL7antJyRNFmSXln0BPqUNRgNjgX+bq2K0hTSagbC1IhGX91JTVbwAll8Gj0uKkdobfwDWR3PX7hefSwAAAABJRU5ErkJggg==);
}

.service-detail .response .big-img-box[data-v-303abbe5] {
    margin-top: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4.2rem;
}

.service-detail .response .big-img-box > div[data-v-303abbe5] {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 3.69rem;
    border-radius: 0%;
    background-color: #fff !important;
}

.service-detail .response .big-img-box > div img[data-v-303abbe5] {
    border-radius: 0%;
    width: 6rem;
    height: 100%;
}

.service-detail .response .big-img-box > div[data-v-303abbe5]:first-child {
    margin-right: 0.4rem;
}

#app[state='portrait'] .service-detail[data-v-303abbe5] {
    padding: 0;
}

#app[state='portrait'] .service-detail .head-nav-box[data-v-303abbe5] {
    padding-left: calc(0.2rem * 1.5);
}

#app[state='portrait'] .service-detail .head-nav-box .img-box[data-v-303abbe5] {
    width: calc(0.2rem * 1.5);
    height: calc(0.16rem * 1.5);
}

#app[state='portrait'] .service-detail .head-nav-box span[data-v-303abbe5] {
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .service-detail .fanyi-dianzi[data-v-303abbe5] {
    margin-top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0.5rem;
    position: relative;
    padding-bottom: 0;
}

#app[state='portrait'] .service-detail .fanyi-dianzi .left > h2[data-v-303abbe5] {
    font-size: calc(0.42rem * 1);
}

#app[state='portrait'] .service-detail .fanyi-dianzi .left > h3 i[data-v-303abbe5] {
    width: calc(0.18rem * 1.5);
    height: calc(0.18rem * 1.5);
    background-size: 100%, 100%;
}

#app[state='portrait'] .service-detail .fanyi-dianzi .left > h3 span[data-v-303abbe5] {
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .service-detail .fanyi-dianzi .left > p[data-v-303abbe5] {
    width: auto;
    font-size: calc(0.18rem * 1.5);
    color: #333333;
    line-height: calc(0.36rem * 1.5);
}

#app[state='portrait'] .service-detail .fanyi-dianzi .left > button[data-v-303abbe5] {
    width: calc(2.4rem * 1.2);
    height: calc(0.56rem * 1.2);
    border-radius: calc(2.8rem * 1.2);
    font-size: calc(0.18rem * 1.5);
}

#app[state='portrait'] .service-detail .fanyi-dianzi .left > button i[data-v-303abbe5] {
    width: calc(0.3rem * 1.5);
    height: calc(0.25rem * 1.5);
}

#app[state='portrait'] .service-detail .fanyi-dianzi .right-img-box[data-v-303abbe5] {
    margin-top: 0.3rem;
    width: 100%;
}

#app[state='portrait'] .service-detail .fanyi-dianzi .right-img-box img[data-v-303abbe5] {
    width: 100%;
}

#app[state='portrait'] .service-detail .fanyi-dianzi .swiper-button-prev[data-v-303abbe5] {
    left: 0.4rem;
}

#app[state='portrait'] .service-detail .fanyi-dianzi .swiper-button-next[data-v-303abbe5] {
    right: 0.4rem;
}

#app[state='portrait'] .service-detail .nav-box[data-v-303abbe5] {
    padding: 0 0.2rem;
    margin-top: 1.1rem;
}

#app[state='portrait'] .service-detail .nav-box .nav-bar[data-v-303abbe5] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

#app[state='portrait'] .service-detail .nav-box .nav-bar li[data-v-303abbe5] {
    margin: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-size: calc(0.2rem * 1.5);
}

#app[state='portrait'] .service-detail .nav-box .nav-bar li[data-v-303abbe5]:hover {
    color: #0044b0;
}

#app[state='portrait'] .service-detail .nav-box .right-tel[data-v-303abbe5] {
    margin: 0;
}

#app[state='portrait'] .service-detail .project-descption[data-v-303abbe5] {
    padding: 0 0.2rem;
    padding-bottom: 0.4rem;
}

#app[state='portrait'] .service-detail .project-descption .img-box[data-v-303abbe5] {
    width: calc(0.674rem * 1.5);
    height: calc(0.65rem * 1.5);
    background-size: calc(0.3rem * 1.5) calc(0.24rem * 1.5);
}

#app[state='portrait'] .service-detail .project-descption h2[data-v-303abbe5] {
    font-size: calc(0.36rem * 1);
}

#app[state='portrait'] .service-detail .project-descption .english[data-v-303abbe5] {
    font-size: calc(0.16rem * 1.2);
}

#app[state='portrait'] .service-detail .project-descption p[data-v-303abbe5] {
    font-size: calc(0.17rem * 1.5);
    line-height: calc(0.4rem * 1.5);
}

#app[state='portrait'] .service-detail .content-design[data-v-303abbe5] {
    padding: 0.4rem 0.2rem;
}

#app[state='portrait'] .service-detail .content-design .img-box[data-v-303abbe5] {
    width: calc(0.674rem * 1.5);
    height: calc(0.65rem * 1.5);
    background-size: calc(0.24rem * 1.5) calc(0.32rem * 1.5);
}

#app[state='portrait'] .service-detail .content-design .english[data-v-303abbe5] {
    font-size: calc(0.16rem * 1.2);
}

#app[state='portrait'] .service-detail .content-design .content-list[data-v-303abbe5] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#app[state='portrait'] .service-detail .content-design .content-list li[data-v-303abbe5] {
    margin: 0.1rem 0;
    width: 100%;
    font-size: calc(0.18rem * 1.5);
}

#app[state='portrait'] .service-detail .content-design .content-list li img[data-v-303abbe5] {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

#app[state='portrait'] .service-detail .implementation-situation[data-v-303abbe5],
#app[state='portrait'] .service-detail .response[data-v-303abbe5] {
    padding: 0.4rem 0.2rem;
}

#app[state='portrait'] .service-detail .implementation-situation .img-box[data-v-303abbe5],
#app[state='portrait'] .service-detail .response .img-box[data-v-303abbe5] {
    width: calc(0.674rem * 1.5);
    height: calc(0.65rem * 1.5);
    background-size: calc(0.3rem * 1.5) calc(0.24rem * 1.5);
}

#app[state='portrait'] .service-detail .implementation-situation h2[data-v-303abbe5],
#app[state='portrait'] .service-detail .response h2[data-v-303abbe5] {
    font-size: calc(0.36rem * 1);
}

#app[state='portrait'] .service-detail .implementation-situation .english[data-v-303abbe5],
#app[state='portrait'] .service-detail .response .english[data-v-303abbe5] {
    font-size: calc(0.16rem * 1.2);
}

#app[state='portrait'] .service-detail .implementation-situation p[data-v-303abbe5],
#app[state='portrait'] .service-detail .response p[data-v-303abbe5] {
    font-size: calc(0.17rem * 1.5);
    line-height: calc(0.4rem * 1.5);
}

#app[state='portrait'] .service-detail .implementation-situation .big-img-box[data-v-303abbe5],
#app[state='portrait'] .service-detail .response .big-img-box[data-v-303abbe5] {
    height: auto;
}

#app[state='portrait'] .service-detail .implementation-situation .big-img-box .left-img-box[data-v-303abbe5],
#app[state='portrait'] .service-detail .response .big-img-box .left-img-box[data-v-303abbe5] {
    background-color: #fff;
    height: 2.11rem;
}

#app[state='portrait'] .service-detail .implementation-situation .big-img-box .right-img-box[data-v-303abbe5],
#app[state='portrait'] .service-detail .response .big-img-box .right-img-box[data-v-303abbe5] {
    height: 2.11rem;
}

#app[state='portrait'] .service-detail .implementation-situation img[data-v-303abbe5],
#app[state='portrait'] .service-detail .response img[data-v-303abbe5] {
    height: auto;
}

#app[state='portrait'] .service-detail .response .big-img-box[data-v-303abbe5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#app[state='portrait'] .service-detail .response .big-img-box > div[data-v-303abbe5] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #fff !important;
}@-webkit-keyframes slide-right-in-data-v-7d77e344 {
     0% {
         -webkit-transform: translateX(0.4rem);
         transform: translateX(0.4rem);
     }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
 }

@keyframes slide-right-in-data-v-7d77e344 {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-7d77e344 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-7d77e344 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-7d77e344 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-7d77e344 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-7d77e344 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-7d77e344 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-7d77e344 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-7d77e344 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#app[state='web'] .tab[data-v-7d77e344] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-7d77e344 1s, fade-in-data-v-7d77e344 1s;
    animation: slide-up-in-data-v-7d77e344 1s, fade-in-data-v-7d77e344 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .teacher ul li[data-v-7d77e344] {
    opacity: 0;
    -webkit-animation: fade-in-data-v-7d77e344 1s;
    animation: fade-in-data-v-7d77e344 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.list[data-v-7d77e344] {
    padding: 0 2rem;
}

.list .tab ul[data-v-7d77e344] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 0.96rem;
    margin-bottom: 0.6rem;
    height: 0.45rem;
}

.list .tab ul li[data-v-7d77e344] {
    width: 1.7rem;
    height: 0.48rem;
    border: 0.02rem solid #0044b0;
    border-radius: 0.24rem;
    font-size: 0.18rem;
    font-weight: 500;
    color: #0044b0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 0.3rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.list .tab ul li.active[data-v-7d77e344] {
    color: #fff;
    background-color: #0044b0;
}

.list .tab ul li[data-v-7d77e344]:last-of-type {
    margin-right: 0;
}

.list .tab ul li[data-v-7d77e344]:hover {
    background-color: #0044b0;
    color: #fff !important;
    cursor: pointer;
}
.list .tab ul li.active[data-v-7d77e344] a,.list .tab ul li[data-v-7d77e344]:hover a{
    color: #fff;
}

.list .teacher ul[data-v-7d77e344] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.list .teacher ul li[data-v-7d77e344] {
    width: 4.8rem;
    height: 5.75rem;
    background: #ffffff;
    -webkit-box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.15);
    box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.15);
    border-radius: 0.08rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.6rem 0.64rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0.4rem;
    -webkit-transition: background 0.3s, -webkit-transform 0.3s;
    transition: background 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, background 0.3s;
    transition: transform 0.3s, background 0.3s, -webkit-transform 0.3s;
}

.list .teacher ul li[data-v-7d77e344]:hover {
    background-color: #0044b0;
    cursor: pointer;
}

.list .teacher ul li:hover p[data-v-7d77e344] {
    color: #fff !important;
}

.list .teacher ul li:hover img[data-v-7d77e344] {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
}

.list .teacher ul li:hover img .img-box[data-v-7d77e344] {
    border-radius: 100%;
}

.list .teacher ul li:hover .btn img[data-v-7d77e344] {
    -webkit-transform: scale(1.08) translateX(0.05rem);
    transform: scale(1.08) translateX(0.05rem);
}

.list .teacher ul li .img-box[data-v-7d77e344] {
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    overflow: hidden;
}

.list .teacher ul li .img-box img[data-v-7d77e344] {
    -webkit-transform: scale(1);
    transform: scale(1);
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.list .teacher ul li p[data-v-7d77e344] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.list .teacher ul li p[data-v-7d77e344]:nth-of-type(1) {
    font-size: 0.24rem;
    font-weight: 600;
    color: #333333;
}

.list .teacher ul li p[data-v-7d77e344]:nth-of-type(2) {
    font-size: 0.16rem;
    color: #0044b0;
    font-family: PingFangSC;
    font-weight: 400;
}

.list .teacher ul li p[data-v-7d77e344]:nth-of-type(3) {
    width: 3.38rem;
    font-size: 0.16rem;
    color: #666666;
    text-align: center;
}

.list .teacher ul li .btn[data-v-7d77e344] {
    width: 1.7rem;
    height: 0.48rem;
    border: 0.02rem solid #0044b0;
    border-radius: 0.24rem;
    color: #0044b0;
    font-size: 0.16rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    font-size: 0.16rem;
    font-weight: 600;
}

.list .teacher ul li .btn img[data-v-7d77e344] {
    width: 0.09rem;
    height: 0.14rem;
    margin-left: 0.15rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.list .teacher ul .clear-flex[data-v-7d77e344] {
    height: 0;
    padding: 0;
    margin: 0;
    border: none;
}

.list .pagination-wrap[data-v-7d77e344] {
    margin-top: 0.1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 0.45rem;
    margin-bottom: 0.8rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#app[state='portrait'] .list[data-v-7d77e344] {
    padding: 0;
    width: 9rem;
}

#app[state='portrait'] .list .tab ul li[data-v-7d77e344] {
    width: calc(1.7rem * 1.5);
    height: calc(0.48rem * 1.5);
    border-radius: calc(0.24rem * 1.5);
    font-size: calc(0.25rem * 1.2);
}

#app[state='portrait'] .list .teacher ul li[data-v-7d77e344] {
    width: 48%;
    height: auto;
    padding: 0.6rem 0.3rem;
}

#app[state='portrait'] .list .teacher ul li .img-box[data-v-7d77e344] {
    border-radius: 50%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

#app[state='portrait'] .list .teacher ul li .img-box img[data-v-7d77e344] {
    width: 100%;
    height: 100%;
    -webkit-transform: none !important;
    transform: none !important;
}

#app[state='portrait'] .list .teacher ul li p[data-v-7d77e344] {
    margin: calc(0.1rem * 1.5) 0;
    width: auto;
    line-height: calc(0.28rem * 1.5);
    line-clamp: 2;
}

#app[state='portrait'] .list .teacher ul li p[data-v-7d77e344]:first-of-type {
    font-size: calc(0.24rem * 1.2);
}

#app[state='portrait'] .list .teacher ul li p[data-v-7d77e344]:nth-of-type(2),
#app[state='portrait'] .list .teacher ul li p[data-v-7d77e344]:nth-of-type(3) {
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .list .teacher ul li p[data-v-7d77e344]:nth-of-type(3) {
    text-align: start;
}

#app[state='portrait'] .list .teacher ul li .btn[data-v-7d77e344] {
    margin-top: 0.2rem;
    width: calc(1.7rem * 1.2);
    height: calc(0.48rem * 1.2);
    border-radius: calc(0.24rem * 1.5);
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .list .teacher ul li .btn img[data-v-7d77e344] {
    vertical-align: middle;
    width: calc(0.09rem * 1.5);
    height: calc(0.14rem * 1.5);
}

#app[state='portrait'] .list .teacher ul .clear-flex[data-v-7d77e344] {
    display: none;
}@-webkit-keyframes slide-right-in-data-v-46546206 {
     0% {
         -webkit-transform: translateX(0.4rem);
         transform: translateX(0.4rem);
     }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
 }

@keyframes slide-right-in-data-v-46546206 {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-46546206 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-46546206 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-46546206 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-46546206 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-46546206 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-46546206 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-46546206 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-46546206 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#app[state='web'] .detail .teacher_info .left[data-v-46546206] {
    opacity: 0;
    -webkit-animation: slide-left-in-data-v-46546206 1s, fade-in-data-v-46546206 1s;
    animation: slide-left-in-data-v-46546206 1s, fade-in-data-v-46546206 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .detail .teacher_info .right[data-v-46546206] {
    opacity: 0;
    -webkit-animation: slide-right-in-data-v-46546206 1s, fade-in-data-v-46546206 1s;
    animation: slide-right-in-data-v-46546206 1s, fade-in-data-v-46546206 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .detail .curriculum > h3[data-v-46546206],
#app[state='web'] .detail .curriculum > p[data-v-46546206],
#app[state='web'] .detail .curriculum .list[data-v-46546206] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-46546206 1s, fade-in-data-v-46546206 1s;
    animation: slide-up-in-data-v-46546206 1s, fade-in-data-v-46546206 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#app[state='web'] .detail .witness > h3[data-v-46546206],
#app[state='web'] .detail .witness > p[data-v-46546206],
#app[state='web'] .detail .witness .list[data-v-46546206] {
    opacity: 0;
    -webkit-animation: slide-up-in-data-v-46546206 1s, fade-in-data-v-46546206 1s;
    animation: slide-up-in-data-v-46546206 1s, fade-in-data-v-46546206 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

h3[data-v-46546206] {
    text-align: center;
    font-size: 0.42rem !important;
    font-weight: 900;
    color: #111111;
}

.eng[data-v-46546206] {
    margin-top: 0.15rem;
    font-size: 0.18rem;
    color: #666666;
    margin-bottom: 0.59rem;
    text-align: center;
}

.detail .head-nav-box[data-v-46546206] {
    padding-left: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.16rem;
    color: #999999;
    height: 0.8rem;
    border-bottom: 0.01rem solid #eee;
}

.detail .head-nav-box > span[data-v-46546206] {
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.detail .head-nav-box > span.active[data-v-46546206] {
    color: #0044b0;
}

.detail .head-nav-box > span[data-v-46546206]:hover {
    color: #0044b0;
}

.detail .head-nav-box .img-box[data-v-46546206] {
    margin-right: 0.2rem;
    width: 0.25rem;
    height: 0.22rem;
}

.detail .head-nav-box .img-box img[data-v-46546206] {
    width: 100%;
    height: 100%;
}

.detail .box.pos[data-v-46546206] {
    position: relative;
}

.detail .teacher_info[data-v-46546206] {
    padding: 1rem 2.06rem 1.07rem 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.detail .teacher_info .left[data-v-46546206] {
    width: 4.8rem;
    height: 5.75rem;
    background: #ffffff;
    -webkit-box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.15);
    box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.15);
    border-radius: 0.08rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.7rem 0.6rem;
    -webkit-transition: .3s;
    transition: .3s;
}

.detail .teacher_info .left > img[data-v-46546206] {
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
}

.detail .teacher_info .left p[data-v-46546206]:nth-of-type(1) {
    font-size: 0.28rem;
    font-weight: 600;
    color: #333333;
}

.detail .teacher_info .left p[data-v-46546206]:nth-of-type(2) {
    font-size: 0.16rem;
    color: #999999;
}

.detail .teacher_info .left p[data-v-46546206]:nth-of-type(3) {
    font-size: 0.16rem;
    color: #666666;
    margin: 0.29rem 0 0.49rem 0;
}

.detail .teacher_info .left .btn[data-v-46546206] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.detail .teacher_info .left .btn .btn_left[data-v-46546206] {
    width: 1.7rem;
    height: 0.48rem;
    border-radius: 0.24rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 0.2rem;
    cursor: pointer;
    border: 0.02rem solid #0044b0;
    color: #0044b0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.detail .teacher_info .left .btn .btn_left div[data-v-46546206] {
    width: 0.25rem;
    height: 0.25rem;
}

.detail .teacher_info .left .btn .btn_left div[data-v-46546206]:first-child {
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2OC4yMyAxNDIuODQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMDA0NEIwO3N0cm9rZTojMDA0NEIwO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDozLjNweDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTc4LjIzLDEzNy4yM2E0NSw0NSwwLDAsMS0xMi41NCwxNS4zOUwxNjguNTgsMTY1YTMuOTIsMy45MiwwLDAsMS0xLjIzLDMuODcsMy42OCwzLjY4LDAsMCwxLTMuOTEuNmwtMTYuNTEtNy4zNWE1Ni44OSw1Ni44OSwwLDAsMS0xNS42OCwyLDU0LjE4LDU0LjE4LDAsMCwxLTM1LjY2LTEzLjI3LDQ1LjI3LDQ1LjI3LDAsMCwxLTExLjM3LTE1LjM4LDY4LjI0LDY4LjI0LDAsMCwxLTIwLjktMS4xM2MtMS42OS0uMzYtMS42OS0uMzYtMy44Ny0uNzFsLTIxLjA4LDlhNC40Nyw0LjQ3LDAsMCwxLTQuNy0uNzksNC43NCw0Ljc0LDAsMCwxLTEuNC00LjY3bDMuODctMTUuNDVxLTIuMjUtMi4zLTQuNDYtNC42NGgwYTUxLjgsNTEuOCwwLDAsMS05LjMzLTEzLjMsNDcuMjcsNDcuMjcsMCwwLDEsMC00MS42LDUyLjg1LDUyLjg1LDAsMCwxLDEzLTE2Ljc4QzQ2LjYsMzUuNjQsNjEuNTUsMzAuMjMsNzcuNDIsMzAuMjNzMzAuODMsNS40MSw0Mi4xLDE1LjIzYTUyLjg4LDUyLjg4LDAsMCwxLDEzLDE2Ljc4LDQ4LDQ4LDAsMCwxLDQsMTIsNTMuNiw1My42LDAsMCwxLDMxLjA4LDEzLjA2LDQ1LjEsNDUuMSwwLDAsMSwxMC45MywxNC40QTQwLjUxLDQwLjUxLDAsMCwxLDE3OC4yMywxMzcuMjNaTTc3LjQyLDM4LjQ2Yy0yOC42LDAtNTEuODgsMjAtNTEuODgsNDQuNThhNDAuMzgsNDAuMzgsMCwwLDAsMTAuMTMsMjYuNDMsNjQuMyw2NC4zLDAsMCwwLDQuNzQsNC42NWMxLjM5LDEuMjIsMy4xOSwyLDQuMzEsMy41M2E2LjMxLDYuMzEsMCwwLDEsLjQuNjV2MGwuMDYuMTJhNC42OSw0LjY5LDAsMCwxLC40MiwyLjUzLDksOSwwLDAsMS0uMTcsMS4zN2MtLjQyLDIuMDctMS4yLDQuNDktMS40Niw1LjM4bC0uNzEsMi43OSwxMy4zMS01LjY2YTQuMzgsNC4zOCwwLDAsMSw0LjA3LjMyYy44LjI1LDEuNTkuNDksMi4zOS42OWgwYTU5LjQ5LDU5LjQ5LDAsMCwwLDE4LjU2LDEuNTlBNDAuNDksNDAuNDksMCwwLDEsODQuOTMsMTAxLDQ1LjI0LDQ1LjI0LDAsMCwxLDk2LjA3LDg2Ljc1YTUzLjU4LDUzLjU4LDAsMCwxLDMyLjItMTIuNjFDMTIzLjQ2LDUzLjgxLDEwMi40OSwzOC40Niw3Ny40MiwzOC40NlptNTQuNDQsNDMuMzNjLTIzLjkxLS4xOS00My40OCwxNi4zOS00My42MywzN3MxOS4xNywzNy40Nyw0My4wNywzNy42NmE0NC40NSw0NC40NSwwLDAsMCwxMy44My0xLjgyLDMuNjUsMy42NSwwLDAsMSwzLjM4LS4yMWwxMSw0Ljg5LS41NC0yLjM0Yy0uMjItLjc0LS44My0yLjc3LTEuMTYtNC40OWE3LjM1LDcuMzUsMCwwLDEtLjEyLTEuMTQsMy45LDMuOSwwLDAsMSwuNzgtMi43NmMuOTUtMS4yNiwyLjQ2LTEuODksMy42My0yLjg5LDcuODYtNi42OSwxMi43Ni0xNiwxMi44NS0yNi4yQzE3NS4xLDk4Ljg4LDE1NS43OCw4MiwxMzEuODYsODEuNzlaTTE0Ny40NywxMTJhNi4xMSw2LjExLDAsMSwxLDUuOTItNi4xMUE2LDYsMCwwLDEsMTQ3LjQ3LDExMlptLTMxLjg1LS4yNmE2LjExLDYuMTEsMCwxLDEsNS45My02LjFBNiw2LDAsMCwxLDExNS42MiwxMTEuNzVaTTg5LjUzLDY1LjI1YTcuMjYsNy4yNiwwLDEsMSw3LjI2LDcuNDgsNy4zNyw3LjM3LDAsMCwxLTcuMjYtNy40OFpNNTQuMTgsNzEuNDJhNy41OSw3LjU5LDAsMCwxLDAtMTMsNy4wOSw3LjA5LDAsMCwxLDcuMjUsMCw3LjYsNy42LDAsMCwxLDAsMTNBNy4wOSw3LjA5LDAsMCwxLDU0LjE4LDcxLjQyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE1Ljg5IC0yOC41OCkiLz48L3N2Zz4=) no-repeat;
    background-size: 100% 100%;
}

.detail .teacher_info .left .btn .btn_left span[data-v-46546206] {
    font-size: 0.16rem;
    margin-left: 0.13rem;
}

.detail .teacher_info .left .btn .btn_left:hover div[data-v-46546206] {
    -webkit-filter: grayscale(200%) brightness(600%);
    filter: grayscale(200%) brightness(600%);
}

.detail .teacher_info .left .btn .btn_right[data-v-46546206] {
    width: 1.7rem;
    height: 0.48rem;
    border: 0.02rem solid #0044b0;
    border-radius: 0.24rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.detail .teacher_info .left .btn .btn_right div[data-v-46546206] {
    width: 0.25rem;
    height: 0.25rem;
    background-color: red;
}

.detail .teacher_info .left .btn .btn_right span[data-v-46546206] {
    font-size: 0.16rem;
    color: #0044b0;
    margin-left: 0.13rem;
    font-weight: 400;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.detail .teacher_info .left .btn .btn_right:hover span[data-v-46546206] {
    color: #fff;
}

.detail .teacher_info .left .btn .btn_right:hover img[data-v-46546206] {
    -webkit-filter: grayscale(200%) brightness(600%);
    filter: grayscale(200%) brightness(600%);
}

.detail .teacher_info .left .btn div[data-v-46546206]:hover {
    background: #0044b0;
    color: #fff !important;
}

.detail .teacher_info .left.active[data-v-46546206] {
    position: fixed;
    top: 1.05rem;
    left: 2rem;
    background: #fff;
    z-index: 9;
}

.detail .teacher_info .left.active2[data-v-46546206] {
    position: absolute;
    top: auto;
    bottom: 1.19rem;
    left: 2rem;
    background: #fff;
    z-index: 9;
}

.detail .teacher_info .rwrap[data-v-46546206] {
    width: 4.8rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.detail .teacher_info .right[data-v-46546206] {
    margin-left: 0.9rem;
    position: relative;
    z-index: 9;
    min-height: 12rem;
}

.detail .teacher_info .right .cery[data-v-46546206] {
    position: absolute;
    right: 0;
    bottom: -1.07rem;
    width: calc(100% + 7rem);
    height: 1.07rem;
    z-index: 10;
    background: #fff;
}

.detail .teacher_info .right .p1[data-v-46546206] {
    font-size: 0.32rem;
    font-family: PingFangSC;
    font-weight: 600;
    color: #333333;
}

.detail .teacher_info .right .p2[data-v-46546206] {
    font-size: 0.16rem;
    color: #666666;
    margin-top: 0.1rem;
    margin-bottom: 0.17rem;
}

.detail .teacher_info .right .p3[data-v-46546206] {
    font-size: 0.16rem;
    color: #666666;
    line-height: 0.36rem;
}

.detail .teacher_info .right .lecturer[data-v-46546206] {
    margin-bottom: 0.48rem;
}

.detail .teacher_info .right .experience_info[data-v-46546206] {
    margin-bottom: 0.4rem;
}

.detail .teacher_info .right .experience_info div[data-v-46546206] {
    font-size: 0.18rem;
    font-weight: 600;
    color: #333333;
    margin-bottom: 0.12rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.detail .teacher_info .right .experience_info div img[data-v-46546206] {
    margin-right: 0.12rem;
}

.detail .curriculum[data-v-46546206] {
    height: 9.3rem;
    background: #f8f9fc;
    padding: 0.9rem 2rem 0.88rem 2rem;
    position: relative;
    z-index: 9;
}

.detail .curriculum .eng[data-v-46546206] {
    margin-bottom: 0.35rem;
}

.detail .curriculum .list ul[data-v-46546206] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0.18rem;
    font-weight: 600;
    color: #666666;
    margin-bottom: 0.5rem;
}

.detail .curriculum .list ul li[data-v-46546206] {
    padding: 0 0.28rem;
    height: 0.45rem;
    border: 0.02rem solid transparent;
    border-radius: 0.23rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 0.12rem;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.detail .curriculum .list ul li.active[data-v-46546206] {
    border: 0.02rem solid #1c43b0;
    color: #0044b0;
}

.detail .curriculum .list ul li[data-v-46546206]:hover {
    border: 0.02rem solid #1c43b0;
    color: #0044b0;
    cursor: pointer;
}

.detail .curriculum .list ul li[data-v-46546206]:last-of-type {
    margin-right: 0;
}

.detail .curriculum .swiper-box[data-v-46546206] {
    position: relative;
    margin-top: 0.54rem;
}

.detail .curriculum .swiper-box ul[data-v-46546206] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 0.2rem;
}

.detail .curriculum .swiper-box ul li[data-v-46546206] {
    width: 4.87rem;
    height: 4.8rem;
    background: #ffffff;
    -webkit-box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.15);
    box-shadow: 0 0 0.07rem 0 rgba(25, 69, 134, 0.15);
    border-radius: 0.08rem;
    overflow: hidden;
    cursor: pointer;
}

.detail .curriculum .swiper-box ul li[data-v-46546206]:not(:first-child) {
    margin-left: 0.3rem;
}

.detail .curriculum .swiper-box ul li img[data-v-46546206] {
    width: 100%;
    height: 3.2rem;
}

.detail .curriculum .swiper-box ul li .main[data-v-46546206] {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
}

.detail .curriculum .swiper-box ul li .main div[data-v-46546206] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.detail .curriculum .swiper-box ul li .main div p[data-v-46546206] {
    max-width: 3rem;
    font-size: 0.26rem;
    font-weight: 600;
    color: #111111;
    max-width: 68%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.detail .curriculum .swiper-box ul li .main div span[data-v-46546206] {
    margin-top: 0.05rem;
    padding: 0 0.1rem;
    height: 0.28rem;
    background: #ff5f00;
    background-color: rgba(255, 95, 0, 0.08);
    border-radius: 0.24rem;
    font-size: 0.14rem;
    color: #ff6000;
    margin-left: 0.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.detail .curriculum .swiper-box ul li .main > p[data-v-46546206] {
    font-size: 0.16rem;
    color: #666666;
    margin-top: 0.27rem;
}

.detail .curriculum .swiper-box .navgaition-box[data-v-46546206] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 0.4rem;
}

.detail .curriculum .swiper-box .navgaition-box .pre[data-v-46546206],
.detail .curriculum .swiper-box .navgaition-box .next[data-v-46546206] {
    cursor: pointer;
    width: 0.15rem;
    height: 0.15rem;
    border-left: 0.03rem solid #bfbfbf;
    border-bottom: 0.03rem solid #bfbfbf;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.detail .curriculum .swiper-box .navgaition-box .next[data-v-46546206] {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.detail .curriculum .swiper-box .navgaition-box .pagination-team1[data-v-46546206] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 0.8rem;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.detail .curriculum .swiper-box .navgaition-box .pagination-team1 span[data-v-46546206] {
    width: 0.07rem;
    height: 0.07rem;
    background: #bbbbbb;
    border-radius: 50%;
}

.detail .curriculum .swiper-box .navgaition-box .pagination-team1[data-v-46546206] .swiper-pagination-bullet-active {
    -webkit-transform: scale(1.5) translateZ(0);
    transform: scale(1.5) translateZ(0);
    border: 0.02rem solid #0044b0;
    background-color: #fff;
    border-radius: 50%;
}

.detail .curriculum .swiper-box .swiper-pagination[data-v-46546206] {
    bottom: -0.54rem;
}

.detail .curriculum .swiper-box .swiper-button-prev[data-v-46546206] {
    left: 0;
    top: auto;
    bottom: -0.77rem;
}

.detail .curriculum .swiper-box .swiper-button-prev[data-v-46546206]::after {
    color: #cecece;
}

.detail .curriculum .swiper-box .swiper-button-next[data-v-46546206] {
    right: 0;
    top: auto;
    bottom: -0.77rem;
}

.detail .curriculum .swiper-box .swiper-button-next[data-v-46546206]::after {
    color: #cecece;
}

.detail .witness[data-v-46546206] {
    height: 8.95rem;
    padding: 0.98rem 2rem 0.88rem 2rem;
    position: relative;
    z-index: 9;
}

.detail .witness .swiper-box[data-v-46546206] {
    position: relative;
    margin-top: 0.6rem;
}

.detail .witness .swiper-box[data-v-46546206] .swiper-container {
    height: 5.05rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.detail .witness .swiper-box[data-v-46546206] .swiper-container .swiper-wrapper {
    height: auto;
}

.detail .witness .swiper-box ul[data-v-46546206] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.detail .witness .swiper-box ul li[data-v-46546206] {
    width: 4.8rem;
    height: 4.2rem;
    border-radius: 0.08rem;
    background: #ffffff;
    border: 0.01rem solid #eeeeee;
    position: relative;
    z-index: 1;
    padding: 0 0.7rem 0 0.7rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.detail .witness .swiper-box ul li[data-v-46546206]:hover {
    background-color: #0044b0;
}

.detail .witness .swiper-box ul li:hover p[data-v-46546206] {
    color: #fff !important;
}

.detail .witness .swiper-box ul li[data-v-46546206]:not(:first-child) {
    margin-left: 0.3rem;
}

.detail .witness .swiper-box ul li .circle[data-v-46546206] {
    width: 1.6rem;
    height: 1.6rem;
    -webkit-box-shadow: 0 0 0.21rem 0 rgba(25, 69, 134, 0.1);
    box-shadow: 0 0 0.21rem 0 rgba(25, 69, 134, 0.1);
    border-radius: 50%;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden;
    background: #fff;
}

.detail .witness .swiper-box ul li p[data-v-46546206]:nth-of-type(1) {
    font-size: 0.16rem;
    color: #333333;
    margin-top: 1.3rem;
    margin-bottom: 0.6rem;
    line-height: 0.32rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    height: 1.56rem;
    overflow-y: auto;
    padding-right: 0.1rem;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
}

.detail .witness .swiper-box ul li p[data-v-46546206]:nth-of-type(1)::-webkit-scrollbar {
    width: 0.02rem;
    height: 0.02rem;
}

.detail .witness .swiper-box ul li p[data-v-46546206]:nth-of-type(1)::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0.01rem rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0.01rem rgba(0, 0, 0, 0);
    border-radius: 0.08rem;
    background-color: transparent;
}

.detail .witness .swiper-box ul li p[data-v-46546206]:nth-of-type(1)::-webkit-scrollbar-thumb {
    border-radius: 0.08rem;
    -webkit-box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, 0.3);
    background: #dad6d6;
}

.detail .witness .swiper-box ul li p[data-v-46546206]:nth-of-type(2) {
    font-size: 0.18rem;
    font-weight: 600;
    color: #0044b0;
    text-align: center;
}

.detail .witness .swiper-box .navgaition-box[data-v-46546206] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-top: 0.6rem;
}

.detail .witness .swiper-box .navgaition-box .pre[data-v-46546206],
.detail .witness .swiper-box .navgaition-box .next[data-v-46546206] {
    cursor: pointer;
    width: 0.15rem;
    height: 0.15rem;
    border-left: 0.03rem solid #bfbfbf;
    border-bottom: 0.03rem solid #bfbfbf;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.detail .witness .swiper-box .navgaition-box .next[data-v-46546206] {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.detail .witness .swiper-box .navgaition-box .pagination-team2[data-v-46546206] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 0.8rem;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.detail .witness .swiper-box .navgaition-box .pagination-team2 span[data-v-46546206] {
    width: 0.07rem;
    height: 0.07rem;
    background: #bbbbbb;
    border-radius: 50%;
}

.detail .witness .swiper-box .navgaition-box .pagination-team2[data-v-46546206] .swiper-pagination-bullet-active {
    -webkit-transform: scale(1.5) translateZ(0);
    transform: scale(1.5) translateZ(0);
    border: 0.02rem solid #0044b0;
    background-color: #fff;
    border-radius: 50%;
}

.detail .witness .swiper-box .swiper-pagination[data-v-46546206] {
    bottom: -0.54rem;
}

.detail .witness .swiper-box .swiper-button-prev[data-v-46546206] {
    left: 0;
    top: auto;
    bottom: -0.77rem;
}

.detail .witness .swiper-box .swiper-button-prev[data-v-46546206]::after {
    color: #cecece;
}

.detail .witness .swiper-box .swiper-button-next[data-v-46546206] {
    right: 0;
    top: auto;
    bottom: -0.77rem;
}

.detail .witness .swiper-box .swiper-button-next[data-v-46546206]::after {
    color: #cecece;
}

#app[state='portrait'] .detail .head-nav-box[data-v-46546206] {
    padding-left: calc(0.2rem * 1.5);
}

#app[state='portrait'] .detail .head-nav-box .img-box[data-v-46546206] {
    width: calc(0.2rem * 1.5);
    height: calc(0.16rem * 1.5);
}

#app[state='portrait'] .detail .head-nav-box span[data-v-46546206] {
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .detail .crumbs[data-v-46546206] {
    padding: 0;
    padding-left: 0.4rem;
}

#app[state='portrait'] .detail .teacher_info[data-v-46546206] {
    padding: 0.4rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#app[state='portrait'] .detail .teacher_info .left[data-v-46546206] {
    width: 100%;
    padding: calc(0.2rem * 1.5);
    height: calc(4.5rem * 1.5);
}

#app[state='portrait'] .detail .teacher_info .left > img[data-v-46546206] {
    width: calc(2rem * 1.5);
    height: calc(2rem * 1.5);
}

#app[state='portrait'] .detail .teacher_info .left p[data-v-46546206] {
    margin: 0;
    font-size: calc(0.16rem * 1.5);
}

#app[state='portrait'] .detail .teacher_info .left p[data-v-46546206]:first-of-type {
    font-size: calc(0.28rem * 1.5);
}

#app[state='portrait'] .detail .teacher_info .left .btn > div[data-v-46546206] {
    width: calc(1.7rem * 1.2);
    height: calc(0.48rem * 1.2);
    border-radius: calc(0.24rem * 1.5);
}

#app[state='portrait'] .detail .teacher_info .left .btn > div > div[data-v-46546206] {
    width: calc(0.25rem * 1.5);
    height: calc(0.25rem * 1.5);
}

#app[state='portrait'] .detail .teacher_info .left .btn > div > img[data-v-46546206] {
    width: calc(0.18rem * 1.5);
    height: calc(0.2rem * 1.5);
}

#app[state='portrait'] .detail .teacher_info .left .btn > div > span[data-v-46546206] {
    font-size: calc(0.16rem * 1.5);
    margin-left: calc(0.13rem * 1.5);
}

#app[state='portrait'] .detail .teacher_info .right[data-v-46546206] {
    margin: 0;
    margin-top: calc(0.3rem * 1.5);
    height: auto;
}

#app[state='portrait'] .detail .teacher_info .right .lecturer .p1[data-v-46546206] {
    font-size: calc(0.32rem * 1.2);
}

#app[state='portrait'] .detail .teacher_info .right .lecturer .p2[data-v-46546206] {
    font-size: calc(0.16rem * 1.5);
    margin-top: calc(0.1rem * 1.5);
    margin-bottom: calc(0.17rem * 1.5);
}

#app[state='portrait'] .detail .teacher_info .right .lecturer .p3[data-v-46546206] {
    font-size: calc(0.16rem * 1.5);
    line-height: calc(0.36rem * 1.5);
}

#app[state='portrait'] .detail .teacher_info .right .experience .p1[data-v-46546206],
#app[state='portrait'] .detail .teacher_info .right .experience_info .p1[data-v-46546206],
#app[state='portrait'] .detail .teacher_info .right .honor .p1[data-v-46546206] {
    font-size: calc(0.32rem * 1.2);
}

#app[state='portrait'] .detail .teacher_info .right .experience .p2[data-v-46546206],
#app[state='portrait'] .detail .teacher_info .right .experience_info .p2[data-v-46546206],
#app[state='portrait'] .detail .teacher_info .right .honor .p2[data-v-46546206] {
    font-size: calc(0.16rem * 1.5);
    margin-top: calc(0.1rem * 1.5);
    margin-bottom: calc(0.17rem * 1.5);
}

#app[state='portrait'] .detail .teacher_info .right .experience .p3[data-v-46546206],
#app[state='portrait'] .detail .teacher_info .right .experience_info .p3[data-v-46546206],
#app[state='portrait'] .detail .teacher_info .right .honor .p3[data-v-46546206] {
    font-size: calc(0.16rem * 1.5);
    line-height: calc(0.36rem * 1.5);
}

#app[state='portrait'] .detail .teacher_info .right .experience > div[data-v-46546206],
#app[state='portrait'] .detail .teacher_info .right .experience_info > div[data-v-46546206],
#app[state='portrait'] .detail .teacher_info .right .honor > div[data-v-46546206] {
    font-size: calc(0.2rem * 1.2);
    margin-bottom: calc(0.12rem * 1.5);
}

#app[state='portrait'] .detail .teacher_info .right .experience > div > img[data-v-46546206],
#app[state='portrait'] .detail .teacher_info .right .experience_info > div > img[data-v-46546206],
#app[state='portrait'] .detail .teacher_info .right .honor > div > img[data-v-46546206] {
    width: calc(0.15rem * 1.5);
    height: calc(0.18rem * 1.5);
}

#app[state='portrait'] .detail .teacher_info .right .experience_info[data-v-46546206] {
    margin-top: 0.46rem;
}

#app[state='portrait'] .detail .teacher_info .right .honor[data-v-46546206] {
    margin-top: 0.65rem;
}

#app[state='portrait'] .detail .curriculum[data-v-46546206] {
    padding: calc(0.2rem * 1.5);
    padding-bottom: 1.2rem;
    height: auto;
}

#app[state='portrait'] .detail .curriculum > h3[data-v-46546206] {
    font-size: calc(0.42rem * 1.2) !important;
}

#app[state='portrait'] .detail .curriculum > p[data-v-46546206] {
    font-size: calc(0.18rem * 1.2) !important;
}

#app[state='portrait'] .detail .curriculum .list ul[data-v-46546206] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: calc(0.18rem * 1.5);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#app[state='portrait'] .detail .curriculum .list ul li[data-v-46546206] {
    padding: 0 calc(0.28rem * 1.5);
    height: calc(0.45rem * 1.5);
    border: calc(0.02rem * 1.5) solid transparent;
    border-radius: calc(0.23rem * 1.5);
}

#app[state='portrait'] .detail .curriculum .list ul li.active[data-v-46546206] {
    border: calc(0.02rem * 1.5) solid #0044b0;
}

#app[state='portrait'] .detail .curriculum .swiper-box ul li[data-v-46546206] {
    height: auto;
}

#app[state='portrait'] .detail .curriculum .swiper-box ul li .main[data-v-46546206] {
    padding: 0;
}

#app[state='portrait'] .detail .curriculum .swiper-box ul li .main > div[data-v-46546206] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#app[state='portrait'] .detail .curriculum .swiper-box ul li .main > div p[data-v-46546206] {
    height: auto;
    width: 100%;
    max-width: 100%;
    margin-left: 0.2rem;
    font-size: calc(0.24rem * 1.2);
}

#app[state='portrait'] .detail .curriculum .swiper-box ul li .main > div span[data-v-46546206] {
    border-radius: calc(0.24rem * 1.5);
    font-size: calc(0.14rem * 1.3);
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
}

#app[state='portrait'] .detail .curriculum .swiper-box ul li .main > p[data-v-46546206] {
    height: 0.6rem;
    margin-left: 0.2rem;
    margin-bottom: calc(0.2rem * 1.5);
    font-size: calc(0.16rem * 1.5);
    margin-top: 0.1rem;
}

#app[state='portrait'] .detail .witness[data-v-46546206] {
    padding: 0;
}

#app[state='portrait'] .detail .witness .eng[data-v-46546206] {
    margin: 0;
}

#app[state='portrait'] .detail .witness h3[data-v-46546206] {
    margin-top: calc(0.2rem * 1.5);
    font-size: calc(0.42rem * 1) !important;
}

#app[state='portrait'] .detail .witness > p[data-v-46546206] {
    font-size: calc(0.18rem * 1.2);
}

#app[state='portrait'] .detail .witness .swiper-box[data-v-46546206] {
    margin-top: 1.2rem;
    height: 5.3rem;
}

#app[state='portrait'] .detail .witness .swiper-box .navgaition-box[data-v-46546206] {
    margin-top: -0.4rem;
}

#app[state='portrait'] .detail .witness .swiper-box ul li[data-v-46546206] {
    padding: 0;
    width: calc(4.8rem * 1.5);
}

#app[state='portrait'] .detail .witness .swiper-box ul li > p[data-v-46546206]:first-of-type {
    margin-top: 0.9rem;
    font-size: calc(0.16rem * 1.5);
    line-height: calc(0.32rem * 1.5);
    height: 3rem;
}

#app[state='portrait'] .detail .witness .swiper-box ul li > p[data-v-46546206]:nth-of-type(2) {
    font-size: calc(0.18rem * 1.5);
}

#app[state='portrait'] .detail .witness .swiper-box[data-v-46546206] .swiper-container {
    height: 6.1rem;
    padding-bottom: 0.1rem;
    -webkit-transform: translateY(-1rem);
    transform: translateY(-1rem);
}

#app[state='portrait'] .detail .witness .swiper-box[data-v-46546206] .swiper-slide ul li {
    height: auto;
    padding: 0.2rem;
}

#app[state='portrait'] .detail .witness .swiper-box[data-v-46546206] .swiper-slide ul li .circle {
    -webkit-transform: translate(-50%, -60%);
    transform: translate(-50%, -60%);
}

#app[state='portrait'] .detail .witness .swiper-box .swiper-button-prev[data-v-46546206] {
    left: 0.4rem;
}

#app[state='portrait'] .detail .witness .swiper-box .swiper-button-next[data-v-46546206] {
    right: 0.4rem;
}@-webkit-keyframes slide-right-in-data-v-e2fc4c72 {
     0% {
         -webkit-transform: translateX(0.4rem);
         transform: translateX(0.4rem);
     }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
 }

@keyframes slide-right-in-data-v-e2fc4c72 {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-e2fc4c72 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-e2fc4c72 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-e2fc4c72 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-e2fc4c72 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-e2fc4c72 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-e2fc4c72 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-e2fc4c72 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-e2fc4c72 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.team[data-v-e2fc4c72] {
    max-width: 19.2rem;
    margin: 0 auto;
}

.team .bannner[data-v-e2fc4c72] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin: 0 auto;
    height: auto;
}

.team .bannner img[data-v-e2fc4c72] {
    width: 100%;
    height: 100%;
}

.team .bannner .banner-text[data-v-e2fc4c72] {
    position: absolute;
    top: 3rem;
    right: 1.85rem;
    color: #fff;
}

.team .bannner .banner-text h3[data-v-e2fc4c72] {
    font-size: 0.56rem;
    font-weight: 500;
    text-align: right;
}

.team .bannner .banner-text p[data-v-e2fc4c72] {
    margin-top: 0.34rem;
    font-size: 0.28rem;
    font-weight: 400;
}

#app[state='portrait'] .team[data-v-e2fc4c72] {
    max-width: calc(9rem * 1.5);
}

#app[state='portrait'] .team .bannner[data-v-e2fc4c72] {
    height: auto;
}

#app[state='portrait'] .team .banner-text[data-v-e2fc4c72] {
    top: 1.26rem;
    right: 1rem;
}@-webkit-keyframes slide-right-in-data-v-da698bb4 {
     0% {
         -webkit-transform: translateX(0.4rem);
         transform: translateX(0.4rem);
     }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
 }

@keyframes slide-right-in-data-v-da698bb4 {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in-data-v-da698bb4 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in-data-v-da698bb4 {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in-data-v-da698bb4 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in-data-v-da698bb4 {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in-data-v-da698bb4 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in-data-v-da698bb4 {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in-data-v-da698bb4 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in-data-v-da698bb4 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#app[state='web'] .map .map-warp .right ul li[data-v-da698bb4] {
    width: 1.8rem;
}

#app[state='portrait'] .map[data-v-da698bb4] {
    padding-top: 1.5rem;
    width: 9rem;
}

#app[state='portrait'] .map .map-warp[data-v-da698bb4] {
    width: 100%;
}

#app[state='portrait'] .map .map-warp .right[data-v-da698bb4] {
    padding-bottom: 1.5rem;
}

#app[state='portrait'] .map .map-warp .right ul[data-v-da698bb4] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
}

#app[state='portrait'] .map .map-warp .right ul li[data-v-da698bb4] {
    width: 50%;
    margin: 0;
}

#app[state='portrait'] .map .map-warp .right ul li h4[data-v-da698bb4] {
    font-size: 0.38rem;
    margin-top: 0.4rem;
    text-align: center;
    margin-bottom: 0.4rem;
}

#app[state='portrait'] .map .map-warp .right ul li a[data-v-da698bb4] {
    text-align: center;
    font-size: 0.28rem;
    line-height: 0.46rem;
}

#app[state='portrait'] .map .map-warp .right ul li p.line[data-v-da698bb4] {
    width: 0.2rem;
    height: 0.02rem;
    background: #999;
    border-radius: 0.01rem;
    margin: 0.3rem auto;
    cursor: default;
}

.map[data-v-da698bb4] {
    padding-top: 2.5rem;
}

.map .map-warp[data-v-da698bb4] {
    width: 15.2rem;
    margin: 0 auto;
}

.map .map-warp .right ul[data-v-da698bb4] {
    padding: 0 0.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.map .map-warp .right ul li[data-v-da698bb4]:nth-child(2),
.map .map-warp .right ul li[data-v-da698bb4]:nth-child(4) {
    margin-left: 1.06rem;
}

.map .map-warp .right ul li[data-v-da698bb4]:nth-child(3) {
    margin-left: 1.06rem;
}

.map .map-warp .right ul li[data-v-da698bb4]:nth-child(5),
.map .map-warp .right ul li[data-v-da698bb4]:nth-child(6) {
    margin-left: 1.09rem;
}

.map .map-warp .right ul li h4[data-v-da698bb4] {
    font-size: 0.25rem;
    color: #333;
    font-weight: 600;
    line-height: 0.29rem;
}

.map .map-warp .right ul li a[data-v-da698bb4] {
    font-size: 0.2rem;
    line-height: 0.32rem;
    color: #000;
    margin: 0.16rem 0 0 0;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    cursor: pointer;
    display: block;
}

.map .map-warp .right ul li a[data-v-da698bb4]:hover {
    color: #8490a3;
}

.map .map-warp .right ul li p.line[data-v-da698bb4] {
    width: 0.2rem;
    height: 0.02rem;
    background: #999;
    border-radius: 0.01rem;
    margin: 0.2rem 0 0.1rem 0;
    cursor: default;
}@-webkit-keyframes slide-right-in {
     0% {
         -webkit-transform: translateX(0.4rem);
         transform: translateX(0.4rem);
     }

     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
 }

@keyframes slide-right-in {
    0% {
        -webkit-transform: translateX(0.4rem);
        transform: translateX(0.4rem);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-in {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-in {
    0% {
        -webkit-transform: translateX(-0.4rem);
        transform: translateX(-0.4rem);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-up-in {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-in {
    0% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-in {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down-in {
    0% {
        -webkit-transform: translateY(0.4rem);
        transform: translateY(0.4rem);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/*! minireset.css v0.0.7 | MIT License | github.com/jgthms/minireset.css */

html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

ul {
    list-style: none;
}

button,
input,
select {
    margin: 0;
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

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

img,
video {
    height: auto;
    max-width: 100%;
}

iframe {
    border: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}@-webkit-keyframes slide-right-in {
     0% {
         -webkit-transform: translateX(40px);
         transform: translateX(40px)
     }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0)
     }
 }

@keyframes slide-right-in {
    0% {
        -webkit-transform: translateX(40px);
        transform: translateX(40px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slide-left-in {
    0% {
        -webkit-transform: translateX(-40px);
        transform: translateX(-40px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slide-left-in {
    0% {
        -webkit-transform: translateX(-40px);
        transform: translateX(-40px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slide-up-in {
    0% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slide-up-in {
    0% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slide-down-in {
    0% {
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slide-down-in {
    0% {
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

html {
    font-size: calc(100vw / 1920 * 100)
}

@media (min-width: 1920px) {
    html {
        font-size: 100px
    }
}

@media (orientation: portrait) and (max-device-width: 900px), (max-width: 900px) {
    html {
        font-size: calc(100vw / 900 * 100)
    }
}
@keyframes slide-right-in {
    0% {
        transform: translateX(0.4rem);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes slide-left-in {
    0% {
        transform: translateX(-0.4rem);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes slide-up-in {
    0% {
        transform: translateY(-0.4rem);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes slide-down-in {
    0% {
        transform: translateY(0.4rem);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@font-face {
    font-family: 'swiper-icons';
    src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");
    font-weight: 400;
    font-style: normal;
}

:root {
    --swiper-theme-color: #007aff;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}

.swiper-container-3d {
    perspective: 12rem;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}

:root {
    --swiper-navigation-size: 0.44rem;
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 0.1rem;
    right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: 'prev';
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 0.1rem;
    left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: 'next';
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
    --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
    --swiper-navigation-color: #000000;
}

.swiper-button-lock {
    display: none;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 0.1rem;
    left: 0;
    width: 100%;
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: 0.08rem;
    height: 0.08rem;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 0.1rem;
    top: 50%;
    transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0.06rem 0;
    display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 0.08rem;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.04rem;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right;
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 0.04rem;
    left: 0;
    top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 0.04rem;
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
    display: none;
}

.swiper-scrollbar {
    border-radius: 0.1rem;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 0.03rem;
    z-index: 50;
    height: 0.05rem;
    width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 0.03rem;
    top: 1%;
    z-index: 50;
    width: 0.05rem;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 0.1rem;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.swiper-slide-zoomed {
    cursor: move;
}

.swiper-lazy-preloader {
    width: 0.42rem;
    height: 0.42rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -0.21rem;
    margin-top: -0.21rem;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 0.04rem solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg);
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube {
    overflow: visible;
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(0.5rem);
    filter: blur(0.5rem);
    z-index: 0;
}

.swiper-container-flip {
    overflow: visible;
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}/* 滚动条 scrollbar */
.ec--cs-wrapper {
    z-index: 99999;
    /* body */
    margin: 0;
    /* 1 */
    padding: 0;
    font-family: 'sans-serif', 'Arial', 'Microsoft YaHei';
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -webkit-overflow-scrolling: touch;
    /* 0 */
    /* Turn on single button up on top, and down on bottom */
    /* Turn off the down area up on top, and up area on bottom */
    /*竖向滚动条-下方按钮*/
    /*竖向滚动条-下方按钮-悬浮样式*/
    /*竖向滚动条-上方按钮*/
    /*竖向滚动条-上方按钮-悬浮样式*/
    /*竖向滚动条顶部背景 */
    /* 竖向滚动条底部背景 */
    /* 竖向滚动条*/
    /* 竖向滚动条-悬浮样式*/
    /* Place The scroll down button at the bottom */
    /*横向滚动条-右边按钮 */
    /*横向滚动条-左边边按钮*/
    /*横向滚动条-左边边按钮-悬浮样式*/
    /* 横向滚动条背景-左边背景 */
    /* 横向滚动条背景-右边背景 */
    /* The thumb itself */
}

.ec--cs-wrapper div,
.ec--cs-wrapper p,
.ec--cs-wrapper ul,
.ec--cs-wrapper ol,
.ec--cs-wrapper li,
.ec--cs-wrapper a,
.ec--cs-wrapper span,
.ec--cs-wrapper i {
    margin: 0;
    padding: 0;
    float: none;
    position: static;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    width: auto;
    height: auto;
    font-size: 12px;
    font-family: 'sans-serif', 'Arial', 'Microsoft YaHei';
    /* 1 */
    font-weight: normal;
    font-style: normal;
    color: #262626;
    background: none;
    border: none;
    border-radius: 0;
    text-decoration: none;
    text-align: left;
    vertical-align: baseline;
    overflow: visible;
    box-sizing: content-box;
}

.ec--cs-wrapper ul,
.ec--cs-wrapper ol {
    list-style: none outside none;
}

.ec--cs-wrapper a {
    color: #262626;
    text-decoration: none;
}

.ec--cs-wrapper a:link,
.ec--cs-wrapper a:visited,
.ec--cs-wrapper a:hover,
.ec--cs-wrapper a:active {
    color: #262626;
    text-decoration: none;
}

.ec--cs-wrapper a:visited,
.ec--cs-wrapper a:focus {
    text-decoration: none;
}

.ec--cs-wrapper ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.ec--cs-wrapper ::-webkit-scrollbar-button:start:decrement,
.ec--cs-wrapper ::-webkit-scrollbar-button:end:increment {
    display: block;
}

.ec--cs-wrapper ::-webkit-scrollbar-button:vertical:start:increment,
.ec--cs-wrapper ::-webkit-scrollbar-button:vertical:end:decrement {
    display: none;
}

.ec--cs-wrapper ::-webkit-scrollbar-button:vertical:end:increment,
.ec--cs-wrapper ::-webkit-scrollbar-button:vertical:start:decrement,
.ec--cs-wrapper ::-webkit-scrollbar-button:horizontal:end:decrement,
.ec--cs-wrapper ::-webkit-scrollbar-button:horizontal:end:increment,
.ec--cs-wrapper ::-webkit-scrollbar-button:horizontal:start:decrement {
    display: none;
    background: url(//www.staticec.com/api/images/scrollbar/scroll.png) no-repeat;
}

.ec--cs-wrapper ::-webkit-scrollbar-button:vertical:end:increment {
    width: 6px;
    height: 6px;
    background-position: -2px -10px;
}

.ec--cs-wrapper ::-webkit-scrollbar-button:vertical:end:hover {
    background-position: -1px 0px;
}

.ec--cs-wrapper ::-webkit-scrollbar-button:vertical:start:decrement {
    background-position: -12px -12px;
    height: 6px;
    width: 6px;
}

.ec--cs-wrapper ::-webkit-scrollbar-button:vertical:start:hover {
    background-position: -12px -2px;
}

.ec--cs-wrapper ::-webkit-scrollbar-track-piece:vertical:start {
    background: #fff;
}

.ec--cs-wrapper ::-webkit-scrollbar-track-piece:vertical:end {
    background: #fff;
}

.ec--cs-wrapper ::-webkit-scrollbar-thumb:vertical {
    background: #e6e9f0;
    border-radius: 4px;
}

.ec--cs-wrapper ::-webkit-scrollbar-thumb:vertical:hover {
    background: #a8afbd;
}

.ec--cs-wrapper ::-webkit-scrollbar-button:horizontal:end:decrement {
    background-position: -30px -11px;
    height: 6px;
}

.ec--cs-wrapper ::-webkit-scrollbar-button:horizontal:end:hover {
    background-position: -30px -1px;
}

.ec--cs-wrapper ::-webkit-scrollbar-button:horizontal:end:increment {
    background-position: -31px -11px;
    height: 6px;
    width: 6px;
}

.ec--cs-wrapper ::-webkit-scrollbar-button:horizontal:start:decrement {
    background-position: -23px -11px;
    width: 6px;
}

.ec--cs-wrapper ::-webkit-scrollbar-button:horizontal:start:hover {
    background-position: -23px -1px;
}

.ec--cs-wrapper ::-webkit-scrollbar-track-piece:horizontal:start {
    background: #fff;
}

.ec--cs-wrapper ::-webkit-scrollbar-track-piece:horizontal:end {
    background: #fff;
}

.ec--cs-wrapper ::-webkit-scrollbar-thumb:horizontal {
    background: #e6e9f0;
    border-radius: 4px;
}

.ec--cs-wrapper ::-webkit-scrollbar-thumb:horizontal:hover {
    background: #a8afbd;
}

@font-face {
    font-family: "ec--iconfont";
    src: url('//at.alicdn.com/t/font_256629_8gim64zt8fpkqpvi.eot?t=1519612452000');
    /* IE9*/
    src: url('//at.alicdn.com/t/font_256629_8gim64zt8fpkqpvi.eot?t=1519612452000#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'), url('//at.alicdn.com/t/font_256629_8gim64zt8fpkqpvi.ttf?t=1519612452000') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/font_256629_8gim64zt8fpkqpvi.svg?t=1519612452000#iconfont') format('svg');
    /* iOS 4.1- */
}

.ec--cs-wrapper .ec--icon {
    font-family: "ec--iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    line-height: 1;
    vertical-align: baseline;
    text-align: center;
    text-transform: none;
    display: inline-block;
}

.ec--cs-wrapper .ec--icon:before {
    display: block;
    font-family: "ec--iconfont" !important;
}

.ec--cs-wrapper .ec--icon-close-small:before {
    content: "\E722";
}

.ec--cs-wrapper .ec--icon-arrow-right:before {
    content: "\E631";
}

.ec--cs-wrapper .ec--icon-down:before {
    content: "\E61E";
}

.ec--cs-wrapper .ec--icon-customer-service:before {
    content: "\E61D";
}

.ec--cs-wrapper .ec--cs-root {
    width: 260px;
    height: auto;
}

.ec--cs-wrapper .ec--cs-root .ec--unread-num {
    position: absolute;
    min-width: 16px;
    width: auto;
    height: 16px;
    line-height: 16px;
    padding: 0 4px;
    border-radius: 8px;
    background: #ff5946;
    color: #fff;
    font-weight: normal;
    font-size: 12px;
    box-sizing: border-box;
    margin: 0;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list {
    display: inline-block;
    vertical-align: bottom;
    min-width: 224px;
    max-width: 260px;
    margin: 0;
    position: relative;
    border: none;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main {
    background: #fff;
    border-radius: 2px;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--title {
    width: auto;
    height: 38px;
    line-height: 38px;
    padding-left: 10px;
    background-color: #2580e6;
    border-bottom: none;
    border-radius: 2px 2px 0 0;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--title .ec--title-main {
    width: auto;
    height: 38px;
    line-height: 38px;
    position: relative;
    color: #fff;
    z-index: 1;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--title .ec--title-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--title .ec--close {
    position: absolute;
    top: 12px;
    right: 12px;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    cursor: pointer;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main {
    overflow-y: auto;
    padding: 10px 6px;
    border-radius: 0 0 2px 2px;
    background-size: cover;
    min-height: 160px;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group {
    line-height: 24px;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--group-name {
    max-width: 232px;
    position: relative;
    margin-left: 10px;
    display: block;
    word-break: break-word;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--group-name .ec--icon {
    font-size: 10px;
    margin-right: 6px;
    -webkit-transform: scale(0.7);
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--group-name .ec--lefts {
    margin-right: 5px;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list {
    overflow: hidden;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list .ec--cs-item {
    position: relative;
    display: block;
    width: 100%;
    height: 38px;
    padding-left: 10px;
    margin-bottom: 4px;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list .ec--cs-item:hover {
    background: #F0F1F5;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list .ec--cs-item .ec--cs-name {
    display: inline-block;
    width: auto;
    height: 38px;
    line-height: 38px;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 8px;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list .ec--cs-item .ec--unread-num {
    font-size: 10px;
    -webkit-transform: scale(0.8);
    left: 8px;
    top: -5px;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list .ec--cs-item i {
    display: inline-block;
    top: 4.5px;
    font-family: 'iconfont' !important;
    vertical-align: top;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list .ec--cs-item i.ec--cs-icon-right {
    margin-right: 26px;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list .ec--cs-item.ec--offline:before,
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list .ec--cs-item.ec--offline i.ec--icon-cs1-2 {
    opacity: .3;
    filter: alpha(opacity=30);
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list .ec--cs-item.ec--selected {
    background: rgba(0, 0, 0, 0.2);
    font-weight: 600;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--offline .ec--cs-name {
    opacity: .3;
    filter: alpha(opacity=30);
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--list-main {
    position: relative;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--main .ec--group .ec--group-name {
    color: #fff;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--main .ec--group .ec--group-name .ec--icon {
    color: #fff;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--main .ec--group .ec--list .ec--cs-item .ec--cs-name {
    color: #fff;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--main .ec--group .ec--list .ec--cs-item:hover {
    background: rgba(255, 255, 255, 0.2);
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--main .ec--group .ec--list .ec--cs-item.ec--selected {
    background: rgba(255, 255, 255, 0.2);
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--main .ec--group .ec--list .ec--cs-item .ec--unread-num {
    left: 18px;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--chat-tools.ec--inlist.ec--vertical li a span {
    color: #fff;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--chat-tools.ec--inlist.ec--vertical li:hover {
    background: rgba(255, 255, 255, 0.2);
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--title,
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--main,
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--tools-wrapper {
    z-index: 1;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--cloud {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 78px;
    background: url(data:image/png;base64,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) 100% no-repeat;
    opacity: .25;
    filter: alpha(opacity=25);
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--icon-cs1-2 {
    width: 29px;
    height: 29px;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--icon-cs1-2.ec--male {
    background: url(data:image/png;base64,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) center no-repeat;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--icon-cs1-2.ec--female {
    background: url(data:image/png;base64,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) center no-repeat;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--border .ec--list-main {
    border: 5px solid;
    border-radius: 5px;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--border .ec--list-main .ec--title {
    color: #262626;
    border-radius: 0;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--border .ec--list-main .ec--title .ec--title-main {
    color: #262626;
    font-weight: bold;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--border .ec--list-main .ec--title .ec--close {
    color: #262626;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--theme-custom .ec--list-main {
    background: none;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--theme-custom .ec--main .ec--group .ec--list .ec--cs-item.ec--offline .ec--cs-name {
    opacity: .3;
    filter: alpha(opacity=30);
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--theme-custom .ec--main .ec--group .ec--list .ec--cs-item:hover {
    background: rgba(0, 0, 0, 0.2);
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--theme-custom .ec--main .ec--group .ec--group-name {
    color: #2580e6;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--theme-custom .ec--main .ec--group .ec--group-name .ec--group-arrow {
    color: #2580e6;
    border-left: 4px solid #2580e6;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--theme-custom .ec--main .ec--group .ec--list .ec--cs-item .ec--cs-name {
    color: #2d2b31;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--theme-custom .ec--main .ec--group .ec--list .ec--cs-item:before,
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--theme-custom .ec--main .ec--group .ec--list .ec--cs-item i {
    color: #2d2b31;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-btn {
    display: inline-block;
    vertical-align: top;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--tools-wrapper {
    background: none;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--unread-num {
    left: -7px;
    top: -5px;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--unread-num.ec--top {
    top: -5px;
    bottom: auto;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--unread-num.ec--bottom {
    top: auto;
    bottom: -5px;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--unread-num.ec--left {
    left: -7px;
    right: auto;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--unread-num.ec--right {
    left: auto;
    right: -7px;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #fff;
    box-sizing: border-box;
    position: relative;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape .ec--shape-ele {
    border-radius: 5px;
    width: 100%;
    height: 100%;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-square {
    width: 66px;
    height: 66px;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-square .ec--shape-ele {
    text-align: center;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-square .ec--icon-customer-service {
    margin-top: 13px;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-h {
    text-align: left;
    width: 178px;
    height: 56px;
    line-height: 56px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-h .ec--shape-ele {
    line-height: 56px;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-h .ec--shape-ele .ec--zh,
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-h .ec--shape-ele .ec--en {
    font-size: 16px;
    color: #fff;
    margin-left: 10px;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-h .ec--icon-customer-service {
    margin-left: 15px;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-h .ec--zh {
    letter-spacing: 6px;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-v {
    width: 56px;
    height: 165px;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-v .ec--shape-ele {
    text-align: center;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-v .ec--text {
    -ms-writing-mode: tb-rl;
    writing-mode: tb-rl;
    writing-mode: vertical-rl;
    margin-top: 10px;
    text-align: justify;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-v .ec--text.ec--zh {
    letter-spacing: 6px;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-v .ec--text.ec--en {
    margin-top: 4px;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-v .ec--text p {
    height: 105px;
    line-height: 56px;
    font-size: 16px;
    color: #fff;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-v .ec--icon-customer-service {
    margin-top: 8px;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-circle {
    width: 66px;
    height: 66px;
    margin: 0 auto;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-circle .ec--shape-ele {
    text-align: center;
    border-radius: 50%;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-circle .ec--icon-customer-service {
    margin-top: 14px;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-circle .ec--unread-num {
    top: 4px;
    left: 2px;
    right: auto;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-custom {
    width: auto;
    height: auto;
    border-radius: 0px;
    text-align: left;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper.ec--pc-cs-shape-wrapper .ec--cs-shape.ec--shape-square,
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper.ec--pc-cs-shape-wrapper .ec--cs-shape.ec--shape-rect-h,
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper.ec--pc-cs-shape-wrapper .ec--cs-shape.ec--shape-rect-v,
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper.ec--pc-cs-shape-wrapper .ec--cs-shape.ec--shape-custom {
    margin: 0;
}

.ec--cs-wrapper .ec--cs-root .ec--icon-customer-service {
    display: inline-block;
    vertical-align: middle;
    font-size: 38px;
    color: #fff;
}

.ec--cs-wrapper .ec--cs-root .ec--icon-cs1-2 {
    position: relative;
    display: inline-block;
    vertical-align: text-bottom;
    width: 20px;
    height: 25px;
}

.ec--cs-wrapper .ec--cs-root .ec--icon-cs1-2.ec--male {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAcCAYAAACUJBTQAAAAAXNSR0IArs4c6QAABENJREFUSA3dVVtMHFUY/s7swu7OsixUINBCKsillBaF2oJtk9aEhrRq0mhsjBqjiSHaB5998GFNY30gvpjUNtG0vHgraTQhaorRKJiuBVG5VIrU5dayhRURGHf2MnOO52wzm9lhdtvEN0+ye/7L9/3fuQ/wf2nkXibS0dHh31ATb4ChjQGNAOMdmZTAfigs8Jzu7+//J1edu4rs33/oEZ2xXga2zbYQQcjhJMeDAwPjtnkelLIlRLyrqytPA+3JKiBADDU0yd5njGUdcE6RsYmpl3mRelErV+Nr19Z+4NGnsmFyilDGDmcjbooTmhXr3AQ2BYr83oNUp7RtT5M2uxCWpkM3M/Cyx8VamuuS4fCKtLquHDJRM8wMUkaGO9ForLQ7cFJ6aFddvsjNzIUxOT0HJaqivHQL9rU0Erc7Pz+qxvHcK2/eZ+Ubvq3IycCZAqyuN0bCv0S4wFYDXL29AuJnbXxGaKirnqipf3tvWbF3KhB4bd2Msd2TCnnLeU2nQxVVO6kZnMsuKqkkguMrqfnYirMV4Ue2UgBllydmJWTz3S5v9E6ObbdibEU4KHWD3bKcMW0r2ex7vfKa8BmIYo4L23ZPaCJxCgTxvU1bhzmm1Uqy8+NRdSkeV+Pra6unrPmst1QA2cp4VUzX560kqz89G2Gvn75E4HC0f3npzFVrPqeIAKvLo4Nc7qBBnLi+wI/xLRT6fNAoxdWREOZurcZVNXas77Nz3xo4c2+7XGYA8vECSeJX/u4WivgnnwcRHJlG64O1aKjdhseONCvRaLLt2PETv2XwTM5dZyKwschog5aMf+Nw5qdeYk3T4XQ6QGky5PDInW5/0w1TzU1mttOVBgYCTOruW3lyRXWX/fXnPJTVRcQ2liDslahc3N0beUJg0gQbI2fy6AXWPpC8MvX1F4NvKbo/L+ndDTVJoCaApLwbawm5uP+r794ZSAz+LrA29VMhW5GnLzJP53n2nq7RK5qyVMtASe/lcUgOD/vj5wGERoOQnB7We3kMoDrRlNsPCKzgCK5VbJNIZw9r2lAwzG/Vq0SSiLO0VhRCcHiSlZYUk5sLM3ypliHsH3+a4p8SBkdxNQRWcARX1DALZYgc7WEHiI4hfpLSIP32ZAof3VgjI9fm8XBjJZp3VGFobBaqsp46OHTpDkYABVfUELUMoQwRRnGWD002kqLPqzsMePyp0LmPvqcV/Ikqcyn44CK/PrwRlw95DUdStvEnaohahp8pAlQZCaN3FJTBve95TvNjPjRHFhaXsbAYxlxoHnD74OI5R2G5AU/3XChdy3oZ3+WoZ/ka1HBQegCSrxyu1mcQH/mUnB3bpTDJwZjb7XPtOQHJn/7cpAQ4l/J3b4bzPzQUbS/jixeYexnYwUE7deB+DvJx26dFbhTlTfe1UEaoXv/4KD8Uf/M9UPhoNviQZgnDtTLges9L5J4/EcZA/nP/L7dPrLEOLpZVAAAAAElFTkSuQmCC) center no-repeat;
}

.ec--cs-wrapper .ec--cs-root .ec--icon-cs1-2.ec--female {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAcCAYAAACUJBTQAAAAAXNSR0IArs4c6QAABKdJREFUSA3dVmtMHFUU/u7s7MJ2oTx2EWyWKhiWIoVWfAB1Ma34wKhotNSYFozRpvwxQkzUojXE2MZoYjDaaNLYmqYx/rCxWltsgkBRxNZiqtVCwVYWumF5LlCWhdmZe72zMMs+RmziP28ye8983znn495z5l6A/8sg17MQp7PcIStSLSXkVoDlEYZZEHKBgHTGm8hH7e3t8kp5VhRhjJFi5+Y6QuleBph1ExFyzkgMOzo72y7p8hxcUaTk7nu2U8qO/FNwCCe4bE1KyG9ubl4IYWGGIcyOMEurqsx0xneMg0kRhP5Lql+S/e4h1/d6tKAHqhh1j24FY5lLPC8Hr8RKg7KXGxsbdfPpgsFchBVqOR3ZmcJr9dXEbI7TIJ2ZJZ1qbc3XISDqgSrGKFuvcTVPVaCspBC3F+biux+60XNpAN7pWQyPTmBk1AtKadCVyaSEGxe0OG2OKXx9/XtmwWT61OXqeWzQ9Vtc9dYH8Hz1o5p/zOzhQgc/O4FTbT8jK/u2EbvdcdqWnFK7e/d2r+YcsxLRbMojRNyWaluDDKuyooCaJOMGKxrqahAIUEz609INoriNmMwnOHVYE4mpiUwMIeFHHtyk+f3rfP/mO0I+/PuKD71wI0aEMWGIEMhUUZgoxtDhsRG2IBDejFRWY3knngknY7I07ds1vDDrX9v7R4dvYmwq3HdFu6v7L3g8HtE7Orbu1Zee+DXcObQ14eDcXM+4JC1Yev8cRGU4oWOPjM2g42w/fjrvxvhof8vxo/svR7vpivT29mZwR9LRdR7P7XgY1pTlj/7AkVa0/XgRFksCRKMR8wsy8nMyMDc9ABqQEqIF1HddkUCA3aiS12b9ePeDz7Hv9Z0QhMWdLchbC0mSkZdrx/rcTP4HrELDWwcwc009mIlNjYseMd+J6lC8qexJRvGF5pznuBlv79mJ5KTVGhScJ71TaNj7CXr6BpZw4jvTdTox+gjSXQlXLgo/qEZ4A0gzV+H1x0E0LXanLM1jeGQcbs9kmDCzOJ33OjgQcezHdJcawRjuCkaKcXi69hV8c/xLpNg3QqEKFvwzwYfypeZu3IJvT36Fymfq+MYvnmsBSouCsWE/MUd9aWmVmV98TUZ7cVziQ+9gIrEIziwCW2oa5FXZmJ6TWMBoJak3lWF1cjoGpwgOu/iFmXUf6PQg2Ix72n3V9XWYRuyl5azc9aKxoKrJlF0e8rPzUrzPe9li4vtw8RdJFI3CLY4CccoPvMDTjflCrpCutMkknq1r3VMeauWIwlccYncyRW4BESMrzHNsyQY288fb/sa82mjp5W/GH/0dODu0LLBssQmDkVScrCHnVCyy8Az79QRUx7YrQNcgUAWbAQrwcQvgkyiYElDp4BCW6sI/Masi40MOqkd/lAgQukOCUVE/8/x/kinRRigEMsdzM0XBrKdfvXxgMMbDkqE21uLg92iBZkeshLdtHyc2aKTePMWsRGZicJsF0QhLeg4UaQ5Gc+QOMxLMFUwRURMVefwQS5YFOBSGHKbwB1jD28PCHS2ctuST7jQFIutlG8b5u4/zPs7NgmGYGNBvIOgXKfqOPUuu/3RVhf/r+BtMF6Sc2mZ9rwAAAABJRU5ErkJggg==) center no-repeat;
}

.ec--cs-wrapper .ec--cs-root .ec--icon-cs1-2 .ec--icon-cell-phone {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 8px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAAAXNSR0IArs4c6QAAAEZJREFUGBljVCi7sZWB4b8XA1bAuI0FJHm4SgOrtG3bDS8mrDJIgsNDAaNC2fX/SL7CYKJ4836nBgMIIwOgCbiDmpGRYSsAdTQSfTtw7sYAAAAASUVORK5CYII=) center no-repeat;
}

.ec--cs-wrapper .ec--cs-root .ec--icon-qq1-2 {
    position: relative;
    display: inline-block;
    vertical-align: text-bottom;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAZCAYAAAAxFw7TAAAAAXNSR0IArs4c6QAAA+NJREFUOBHNVEtMXFUY/u5z5g4zzAOmw0gfrooO1RopBLUtRuOiGY0PsBAXatzUBjUxaeLGpWm6si5sfDQxxoWxsRHd2HRg0RJhoZZYECnGVjqALe0MM4UZeof7OP7nTu/ghZpq4sI/+e5/zv/4zvnPf84F/mOR7sAXkmX5sVAo9CzFdViWFSJ9jbB6h7yNbkmSXiTrBQJbh0ma9xD+lbxK0euJ/jq3yH/gnzLeR4FlTtjb28sGBwdZIpFgyWSSDQ0NOTbuEwSBx6QIHhE9s+rkIKkAH/b392NmZgapVApdXV1QVRXpdBqiKIIxFiDNYz2ynjBI3n1uxJWrVxGoC2JpuYz8YhH33JuCruuczAmxbZvHOou7Oeu73EqOQwRaSMC5sfNIxusxevYUri9kUS6V8OHxT1Eo5N18voEvCDnXILgDrqmz3XQ1TgqCiINpDX17TET8FUTDGp0aQ2FJR1H34fOzCj46VXZ3+gSlDrk8npKJzM8dvKSJrIkrRQkN0QDiYWBTWEQsEsAfBZl8hkvGw8m7JvLaEDieTMTP6RX8SPh53ETfuIVovYhEjJ+ZgIVFvkuGKNW1S9PQofmwM+BrPjC3UKOplcza2pSlYv6MXxQeLtqUaNnI2RYWTRvLVrUJIUlATBbRKEmIUqejooAVZg2HN2cfF87A5Kw1wnebGjr2+rSRrbIko1KBoKjO9RCpfMF0Yp0yqbOwCOQE/D5ctmzju9LNzjdzuTFOWCv50LVCT0goyq2hID5+43U0ff0VzKVlIBiEuGULjwWoTDEag2/bVszRgq8cPoKplRWlZLE+8jqEThx9eDP4G2X+cJj9NjHB8p272MJdCZbrfobZhlEFdcuVS/PzTK2rc58jz3Ua6nZ5BxlaCNAUBQqdHVu5CbrFgGFAkOUqeMAtUekoNLLfku2knXzX8iAZ+CUvGpVKxKBjVJ7rBi5dhNzK19ooFTpngxYjKRCiBB54ngD+Rm+Q+p7wNj16NjI66lRmu/XdRg8PD/MfBC+5n/BDJBKZJs2fmCMf0PclwgnKrWROn3aMtSvgzLyfTCbDu14i6wDhZXoUn3gj1mbHEk3NbHZ29jb7qpouZ7MsvinJd/feWtrfjJ5/qD7WslmZbu/cw6Yu/LqBdHJqmrW1P8K2N8u/pHeH+dl5xFOV/k2oxScan5UrwgOHT6yqmclGtO9+EqkdO+n3zeg5/oSxkW+x7/4c3tqvmgFVHF+1xRf8Ty8758eZPYSFgcjdgfC2I4rIegV9Htf1Brw/8PvRY18aF+lt4J3X4o/u39vQ0+jLw1pV5kzzxlEmqie1pwpZzzb/15M/Af7O1dGOIu43AAAAAElFTkSuQmCC) center no-repeat;
    width: 20px;
    height: 25px;
    margin-top: 2px;
}

.ec--cs-wrapper .ec--cs-root .ec--icon-qq1-3 {
    position: relative;
    display: inline-block;
    vertical-align: text-bottom;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAZCAYAAAAxFw7TAAAAAXNSR0IArs4c6QAAA+NJREFUOBHNVEtMXFUY/u5z5g4zzAOmw0gfrooO1RopBLUtRuOiGY0PsBAXatzUBjUxaeLGpWm6si5sfDQxxoWxsRHd2HRg0RJhoZZYECnGVjqALe0MM4UZeof7OP7nTu/ghZpq4sI/+e5/zv/4zvnPf84F/mOR7sAXkmX5sVAo9CzFdViWFSJ9jbB6h7yNbkmSXiTrBQJbh0ma9xD+lbxK0euJ/jq3yH/gnzLeR4FlTtjb28sGBwdZIpFgyWSSDQ0NOTbuEwSBx6QIHhE9s+rkIKkAH/b392NmZgapVApdXV1QVRXpdBqiKIIxFiDNYz2ynjBI3n1uxJWrVxGoC2JpuYz8YhH33JuCruuczAmxbZvHOou7Oeu73EqOQwRaSMC5sfNIxusxevYUri9kUS6V8OHxT1Eo5N18voEvCDnXILgDrqmz3XQ1TgqCiINpDX17TET8FUTDGp0aQ2FJR1H34fOzCj46VXZ3+gSlDrk8npKJzM8dvKSJrIkrRQkN0QDiYWBTWEQsEsAfBZl8hkvGw8m7JvLaEDieTMTP6RX8SPh53ETfuIVovYhEjJ+ZgIVFvkuGKNW1S9PQofmwM+BrPjC3UKOplcza2pSlYv6MXxQeLtqUaNnI2RYWTRvLVrUJIUlATBbRKEmIUqejooAVZg2HN2cfF87A5Kw1wnebGjr2+rSRrbIko1KBoKjO9RCpfMF0Yp0yqbOwCOQE/D5ctmzju9LNzjdzuTFOWCv50LVCT0goyq2hID5+43U0ff0VzKVlIBiEuGULjwWoTDEag2/bVszRgq8cPoKplRWlZLE+8jqEThx9eDP4G2X+cJj9NjHB8p272MJdCZbrfobZhlEFdcuVS/PzTK2rc58jz3Ua6nZ5BxlaCNAUBQqdHVu5CbrFgGFAkOUqeMAtUekoNLLfku2knXzX8iAZ+CUvGpVKxKBjVJ7rBi5dhNzK19ooFTpngxYjKRCiBB54ngD+Rm+Q+p7wNj16NjI66lRmu/XdRg8PD/MfBC+5n/BDJBKZJs2fmCMf0PclwgnKrWROn3aMtSvgzLyfTCbDu14i6wDhZXoUn3gj1mbHEk3NbHZ29jb7qpouZ7MsvinJd/feWtrfjJ5/qD7WslmZbu/cw6Yu/LqBdHJqmrW1P8K2N8u/pHeH+dl5xFOV/k2oxScan5UrwgOHT6yqmclGtO9+EqkdO+n3zeg5/oSxkW+x7/4c3tqvmgFVHF+1xRf8Ty8758eZPYSFgcjdgfC2I4rIegV9Htf1Brw/8PvRY18aF+lt4J3X4o/u39vQ0+jLw1pV5kzzxlEmqie1pwpZzzb/15M/Af7O1dGOIu43AAAAAElFTkSuQmCC) center no-repeat;
    width: 20px;
    height: 25px;
    margin-top: 2px;
    opacity: 0;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-qrcode {
    position: relative;
    display: inline-block;
    vertical-align: text-bottom;
    width: 20px;
    height: 20px;
    margin-right: 15px;
    margin-top: 4px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAdhJREFUOBGtU78vBUEQntnzOxKFfwAJ0eglCo1KQU/B0XiJFzRHJzrvNYhC5T2F+ANEodCIKFUaEZX+SRRIuJsxs243+05eNDbZ25n5vv1udmcW4J8Gqs7uXo1b6RnAZcUI+LgVZ2tjCdsciAZLMu+drytlfAbuF4jPJsK5EGfiMZlHGjMOsCLEfZDSjIBTSXnxFoE/PC62xhRTDgg3/LHPyG4gniSARLJoiL/jRMKVGcqSZL8h+Ro8d1iTEBt8VxG5uBdHKK6KMUquCO/2gnNCk9DmWqxZ6Gw5NtfjEQdWD08mnO2F9GIr+zV/JzlhyBGZcVDwB+frKnu6nW+FbIltdcJkc4qBG7UMQUnPE44f7+frqxYS/rLJRFfJRlzDrujCcW1GttmkT8Jy54QhJFxRO2xIZJqV0DOnNJzHa/6OtNmScnybC9ileCchVrS9kAKVg/q29omc+iWsTr7pqbc9Gn/7yh6B6XR3v/5JKfn93lAyEvdos2mfFIeEstXVhUb1oD4vFeywjIDXfNkGryVQFfywKOT8ZC2+NIgRGvPa3ol3UshRxbyQPkBp+VdoM+fyhq602RjQ94kT0pU4W4QsnU5THgCiisb80fQVy9RYYfw+ZoHwv+431BS4sJgn1AUAAAAASUVORK5CYII=) center no-repeat;
    z-index: 200;
    cursor: pointer;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-qrcode:active {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAdBJREFUOBGtU69PI1EQnpk2hJ5BgKB7hMAlEAx/AQKDQoAHQ4Kh4iz2ggSLQIEi/AEEEgSGECQKQwiqoa+IowmmJTk6czOvnW13KShe8vJm5vtmdn4twDcdtDjj5UQ+i0cIm4axwOFnnOd6wKKDSFhBKdy5bq/A+4nriFBFKK65HnFszwvLgcnkgAVh4hGG9xW9SyFUbwCw5bjJZjMscpTb/+E0o+jAvKhpbCPii+o7vSA9CQF/i8goMKuRTh3JBgJodoM0nDDgbShHvyfNfiwT6DkEy2JgJu5UD7VZl5NkcsHlNJA1tpz87OuJNRt+xbF22NOK37ujvepTcj0G8hFHV0f0tSBEdG0mZq7Ymz9aZTzp1PKEr/XhyxDCUalUOnNezMiWzfYkO+5OaZrKlpH7F5LwbVVN1Vbr30zXfpT2yJatszv+DYB8T3rIRylT2niS/FHnv3ofPlARHwuEYzr6hmZxbDyG9rnz0oy6hh+2bLYn+aOWdq1WeylPTKwTy5AVHlkDm010peieLtt+PpDr9aenCxEqMNGrTvRW5zpnWFqa6A9IrCAUT/VedpZN0j3xQPYKyoYOYZmZplh412xpafYX64KZLXMGVJnBv135D62IqvUk3NbvAAAAAElFTkSuQmCC) center no-repeat;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-qrcode2 {
    position: relative;
    display: inline-block;
    vertical-align: text-bottom;
    width: 20px;
    height: 20px;
    margin-right: 15px;
    margin-top: 4px;
    opacity: 0;
    visibility: hidden;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAdhJREFUOBGtU78vBUEQntnzOxKFfwAJ0eglCo1KQU/B0XiJFzRHJzrvNYhC5T2F+ANEodCIKFUaEZX+SRRIuJsxs243+05eNDbZ25n5vv1udmcW4J8Gqs7uXo1b6RnAZcUI+LgVZ2tjCdsciAZLMu+drytlfAbuF4jPJsK5EGfiMZlHGjMOsCLEfZDSjIBTSXnxFoE/PC62xhRTDgg3/LHPyG4gniSARLJoiL/jRMKVGcqSZL8h+Ro8d1iTEBt8VxG5uBdHKK6KMUquCO/2gnNCk9DmWqxZ6Gw5NtfjEQdWD08mnO2F9GIr+zV/JzlhyBGZcVDwB+frKnu6nW+FbIltdcJkc4qBG7UMQUnPE44f7+frqxYS/rLJRFfJRlzDrujCcW1GttmkT8Jy54QhJFxRO2xIZJqV0DOnNJzHa/6OtNmScnybC9ileCchVrS9kAKVg/q29omc+iWsTr7pqbc9Gn/7yh6B6XR3v/5JKfn93lAyEvdos2mfFIeEstXVhUb1oD4vFeywjIDXfNkGryVQFfywKOT8ZC2+NIgRGvPa3ol3UshRxbyQPkBp+VdoM+fyhq602RjQ94kT0pU4W4QsnU5THgCiisb80fQVy9RYYfw+ZoHwv+431BS4sJgn1AUAAAAASUVORK5CYII=) center no-repeat;
    z-index: 200;
    cursor: pointer;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-qrcode2:active {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAdBJREFUOBGtU69PI1EQnpk2hJ5BgKB7hMAlEAx/AQKDQoAHQ4Kh4iz2ggSLQIEi/AEEEgSGECQKQwiqoa+IowmmJTk6czOvnW13KShe8vJm5vtmdn4twDcdtDjj5UQ+i0cIm4axwOFnnOd6wKKDSFhBKdy5bq/A+4nriFBFKK65HnFszwvLgcnkgAVh4hGG9xW9SyFUbwCw5bjJZjMscpTb/+E0o+jAvKhpbCPii+o7vSA9CQF/i8goMKuRTh3JBgJodoM0nDDgbShHvyfNfiwT6DkEy2JgJu5UD7VZl5NkcsHlNJA1tpz87OuJNRt+xbF22NOK37ujvepTcj0G8hFHV0f0tSBEdG0mZq7Ymz9aZTzp1PKEr/XhyxDCUalUOnNezMiWzfYkO+5OaZrKlpH7F5LwbVVN1Vbr30zXfpT2yJatszv+DYB8T3rIRylT2niS/FHnv3ofPlARHwuEYzr6hmZxbDyG9rnz0oy6hh+2bLYn+aOWdq1WeylPTKwTy5AVHlkDm010peieLtt+PpDr9aenCxEqMNGrTvRW5zpnWFqa6A9IrCAUT/VedpZN0j3xQPYKyoYOYZmZplh412xpafYX64KZLXMGVJnBv135D62IqvUk3NbvAAAAAElFTkSuQmCC) center no-repeat;
}

.ec--cs-wrapper .ec--cs-root .ec--cs-qrcode-info {
    display: none;
    position: fixed;
    left: 0;
    width: 232px;
    height: 303px;
    background: #ffffff;
    border: 1px solid #E6E9F0;
    border-radius: 3px;
}

.ec--cs-wrapper .ec--cs-root .side-left .ec--info-arrow,
.ec--cs-wrapper .ec--cs-root .side-right .ec--info-arrow {
    position: absolute;
    top: 30px;
    right: 0px;
}

.ec--cs-wrapper .ec--cs-root .side-left .ec--info-arrow::after,
.ec--cs-wrapper .ec--cs-root .side-right .ec--info-arrow::after {
    content: '';
    display: block;
    position: absolute;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 10px solid white;
    border-bottom: 10px solid transparent;
}

.ec--cs-wrapper .ec--cs-root .side-left .ec--info-arrow::before,
.ec--cs-wrapper .ec--cs-root .side-right .ec--info-arrow::before {
    content: '';
    display: block;
    position: absolute;
    height: 0;
    border-top: 11px solid transparent;
    border-left: 11px solid #E6E9F0;
    border-bottom: 11px solid transparent;
}

.ec--cs-wrapper .ec--cs-root .side-left .ec--info-arrow {
    left: -12px;
    right: auto;
}

.ec--cs-wrapper .ec--cs-root .side-left .ec--info-arrow::after {
    margin-left: 2px;
    border-left: unset;
    border-right: 10px solid white;
}

.ec--cs-wrapper .ec--cs-root .side-left .ec--info-arrow::before {
    border-left: unset;
    border-right: 11px solid #E6E9F0;
}

.ec--cs-wrapper .ec--cs-root .ec--info-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 17px;
    height: 17px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAOtJREFUOBHtkr0KwjAUhc+Nk4/ha7j4t/szWAXBZ1DwCVxcdXBwcHCrcbB0b8XFV3KxiVwhJS0JHQUxS05yDx835wb4r+8mEEaJlHHacnUh43vjHCWpfDzqdl3YB6OFoL3OcCnDGKKy7KYhzkGz+TR+3sk+2JohDKMaxkG/ezcQEG2mw87B9rL2grh4ud7aClpqwgoaax+kEsSGMErn0PpEAtvJoLfkO9dyZmSM/JxPJ8AOimblzIyPdy+okMmot+CsXAMwMGdGBYgVbHkABuLtSKvX0RUsT0+AApXhWP5HNjTXVaaqeg76DfEGr2VwnDIloegAAAAASUVORK5CYII=) center no-repeat;
    cursor: pointer;
    opacity: 0.8;
}

.ec--cs-wrapper .ec--cs-root .ec--info-close:hover {
    opacity: 1;
}

.ec--cs-wrapper .ec--cs-root .ec--info-title {
    font-size: 14px;
    color: #41444B;
    text-align: center;
    line-height: 20px;
    text-overflow: ellipsis;
    margin-bottom: 2px;
    margin-top: 29px;
    padding: 0 25px;
    overflow: hidden;
}

.ec--cs-wrapper .ec--cs-root .ec--info-tip {
    font-size: 12px;
    color: #888F9E;
    text-align: center;
}

.ec--cs-wrapper .ec--cs-root .ec--info-qrcode {
    display: block;
    width: 160px;
    height: 160px;
    margin: 0 auto;
    margin-top: 14px;
}

.ec--cs-wrapper .ec--cs-root .ec--info-qrcode-tip {
    font-size: 12px;
    color: #D0D4DB;
    text-align: center;
    margin-top: 9px;
}

.ec--cs-wrapper .ec--cs-root .ec--tools-wrapper {
    border-radius: 0 0 2px 2px;
}

.ec--cs-wrapper .ec--cs-root .ec--chat-tools li a {
    display: block;
    height: 100%;
}

.ec--cs-wrapper .ec--cs-root .ec--chat-tools li a img {
    display: block;
    width: 100%;
    height: 100%;
}

.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inlist {
    margin: 0 13px;
    padding: 0 7px 10px;
    border-top: 1px dashed #eee;
}

.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inlist.ec--vertical li {
    margin-top: 10px;
}

.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inlist.ec--vertical li a {
    position: relative;
    padding-left: 40px;
    height: 30px;
    line-height: 30px;
}

.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inlist.ec--vertical li a img {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
}

.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inlist.ec--vertical li:hover {
    background: rgba(0, 0, 0, 0.2);
}

.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inlist.ec--horizen {
    overflow: hidden;
    padding-top: 10px;
}

.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inlist.ec--horizen li {
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 15px;
}

.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inlist.ec--horizen li .ec--name {
    display: none;
}

.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inbtn li {
    margin-top: 14px;
}

.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inbtn li .ec--name {
    display: none;
}

.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inbtn.ec--shape-square li {
    width: 66px;
    height: 66px;
}

.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inbtn.ec--shape-rect-h li {
    width: 178px;
    height: 56px;
}

.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inbtn.ec--shape-rect-v li {
    width: 56px;
    height: 56px;
}

.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inbtn.ec--shape-circle li {
    width: 66px;
    height: 66px;
}
#ec--cs-wrapper {
    /* width:160px;
    height: 260px; */
    background: transparent !important;
}

#ec--cs-wrapper iframe {
    border: none !important;
    background: transparent !important;
}

#ec--cs-invite {
    cursor: pointer;
    z-index: 99999;
    font: normal 12px/24px -apple-system, BlinkMacSystemFont, SF UI, PingFang SC, Roboto, '\601D\6E90\9ED1\4F53', Helvetica Neue, Helvetica, Microsoft YaHei, Arial, sans-serif;
}

#ec--cs-invite.ec--cs-invite-center {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto auto auto auto;
    position: fixed;
}

#ec--cs-invite.ec--cs-invite-right {
    position: fixed;
    right: 0;
    bottom: 0;
}

#ec--cs-invite.ec--cs-invite-left {
    position: fixed;
    left: 0;
    bottom: 0;
}

#ec--cs-invite.ec--cs-invite-bottom {
    position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
}

#ec--cs-invite.ec--cs-invite-envelope {
    max-width: 95%;
}

#ec--cs-invite.ec--cs-invite-envelope img {
    max-width: 100%;
}

#ec--cs-invite.ec--cs-invite-note {
    max-width: 95%;
}

#ec--cs-invite.ec--cs-invite-note img {
    max-width: 100%;
}

#ec--cs-invite .invite-wrapper {
    position: relative;
}

#ec--cs-invite .invite-wrapper .content-text {
    position: absolute;
    line-height: 2;
    width: 205px;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #65727b;
}

#ec--cs-invite .invite-wrapper img {
    vertical-align: middle;
}

#ec--cs-invite .invite-wrapper.envelope-invite .content-text {
    top: 32px;
    left: 67px;
    overflow: hidden;
    line-height: 38px;
    max-height: 114px;
    text-align: justify;
    margin-right: -1em;
    padding-right: 1em;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#ec--cs-invite .invite-wrapper.envelope-invite .content-text:before {
    content: '...';
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}

#ec--cs-invite .invite-wrapper.envelope-invite .content-text:after,
#ec--cs-invite .invite-wrapper.envelope-invite .content-text span {
    z-index: 2;
    content: ' ';
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: 19px;
    background: #fffef2;
}

#ec--cs-invite .invite-wrapper.envelope-invite img {
    max-width: 100%;
}

#ec--cs-invite .invite-wrapper.note-invite .content-text {
    top: 47px;
    left: 35px;
    overflow: hidden;
    line-height: 30px;
    max-height: 150px;
    text-align: justify;
    margin-right: -1em;
    padding-right: 1em;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#ec--cs-invite .invite-wrapper.note-invite .content-text:before {
    content: '...';
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}

#ec--cs-invite .invite-wrapper.note-invite .content-text:after,
#ec--cs-invite .invite-wrapper.note-invite .content-text span {
    z-index: 2;
    content: ' ';
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: 15px;
    background: #fcf677;
}

#ec--cs-invite .invite-wrapper.note-invite img {
    max-width: 100%;
}

#ec--cs-invite .invite-wrapper.dialog-invite {
    width: 420px;
    max-width: 100%;
    cursor: auto;
}

#ec--cs-invite .invite-wrapper.dialog-invite .invite-title {
    color: #fff;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    padding-left: 14px;
    background: #2580E8;
    border: 1px solid #2580E8;
    border-bottom: none;
    border-radius: 3px 3px 0 0;
}

#ec--cs-invite .invite-wrapper.dialog-invite .invite-main {
    height: 176px;
    position: relative;
    padding-left: 122px;
    border: 1px solid #DEE2E6;
    border-top: none;
    background: #fff;
    border-radius: 0 0 3px 3px;
}

#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .ec-avatar {
    position: absolute;
    top: 14%;
    left: 7%;
    width: 70px;
    height: 70px;
    border: 1px solid #e1e5ea;
    border-radius: 5px;
}

#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .content-wrapper {
    width: 95%;
    height: 120px;
    position: relative;
}

#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .content-text {
    top: 50%;
    width: 100%;
    font-size: 16px;
    color: #3C3C3C;
    overflow: hidden;
    line-height: 24px;
    max-height: 72px;
    text-align: justify;
    margin-right: -1em;
    padding-right: 1em;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .content-text:before {
    content: '...';
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}

#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .content-text:after,
#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .content-text span {
    z-index: 2;
    content: ' ';
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: 12px;
    background: #fff;
}

#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .ec-btns {
    position: absolute;
    bottom: 20px;
    right: 10px;
}

#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .ec-btns .ec-btn-blue {
    display: inline-block;
    color: #fff;
    line-height: 12px;
    width: auto;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    text-align: center;
    min-width: 70px;
    margin-right: 10px;
    transition: all .3s;
    cursor: pointer;
    background: #2580E8;
    border: 1px solid #2580E8;
}

#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .ec-btns .ec-btn-blue:hover {
    border: 1px solid #5199ed;
    background: #5199ed;
}

#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .ec-btns .ec-btn-blue:active {
    border: 1px solid #1e66ba;
    background: #1e66ba;
}

#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .ec-btns .ec-btn-white {
    display: inline-block;
    color: #383838;
    line-height: 12px;
    width: auto;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    text-align: center;
    min-width: 70px;
    margin-right: 10px;
    transition: all .3s;
    cursor: pointer;
    background: #fff;
    border: 1px solid #b8bfcc;
}

#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .ec-btns .ec-btn-white:hover {
    border: 1px solid #c6ccd6;
    background: #ffffff;
}

#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .ec-btns .ec-btn-white:active {
    border: 1px solid #9399a3;
    background: #cccccc;
}

#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .ec-btns .ec-btn-white:hover {
    border-color: #8c919c;
}

#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .ec-btns .ec-btn {
    width: 90px;
    font-size: 14px;
}

#ec--cs-invite .invite-wrapper.dialog-invite .close-invite {
    width: 35px;
    height: 35px;
    top: 0;
    right: 0;
    line-height: 35px;
    font-size: 20px;
    text-align: center;
    background: none;
    color: #fff;
    opacity: .8;
    text-decoration: none;
}

#ec--cs-invite .invite-wrapper.dialog-invite .close-invite:hover {
    opacity: 1;
    background: rgba(0, 0, 0, 0.2);
}

#ec--cs-invite .invite-wrapper.custom-invite .close-invite {
    background: none;
    width: auto;
    height: auto;
}

#ec--cs-invite .invite-wrapper .close-invite {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    cursor: pointer;
    z-index: 1;
}

#ec--cs-invite .invite-wrapper .close-invite i {
    color: #8f8f8f;
}

.mobile #ec--cs-invite .envelope .close-invite,
.mobile #ec--cs-invite .note .close-invite,
.mobile #ec--cs-invite .custom-invite .close-invite {
    top: auto;
    bottom: -35px;
    left: 0;
    width: 100%;
    text-align: center;
}

.mobile #ec--cs-invite .envelope .close-invite img,
.mobile #ec--cs-invite .note .close-invite img,
.mobile #ec--cs-invite .custom-invite .close-invite img {
    max-height: 30px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    #ec--cs-invite .mobile #ec--cs-invite .close-invite {
        background-image: url(data:image/png;base64,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);
        background-size: 24px;
    }
}

.ec--full-html {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
}

.ec--full-body {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
}



/* 滚动条 scrollbar */
.ec--cs-wrapper {
    z-index: 99999;
    /* body */
    margin: 0;
    /* 1 */
    padding: 0;
    font-family: 'sans-serif', 'Arial', 'Microsoft YaHei';
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -webkit-overflow-scrolling: touch;/* 0 */
  /* Turn on single button up on top, and down on bottom */
  /* Turn off the down area up on top, and up area on bottom */
  /*竖向滚动条-下方按钮*/
  /*竖向滚动条-下方按钮-悬浮样式*/
  /*竖向滚动条-上方按钮*/
  /*竖向滚动条-上方按钮-悬浮样式*/
  /*竖向滚动条顶部背景 */
  /* 竖向滚动条底部背景 */
  /* 竖向滚动条*/
  /* 竖向滚动条-悬浮样式*/
  /* Place The scroll down button at the bottom */
  /*横向滚动条-右边按钮 */
  /*横向滚动条-左边边按钮*/
  /*横向滚动条-左边边按钮-悬浮样式*/
  /* 横向滚动条背景-左边背景 */
  /* 横向滚动条背景-右边背景 */
  /* The thumb itself */
}
.ec--cs-wrapper div, .ec--cs-wrapper p, .ec--cs-wrapper ul, .ec--cs-wrapper ol, .ec--cs-wrapper li, .ec--cs-wrapper a, .ec--cs-wrapper span, .ec--cs-wrapper i {
    margin: 0;
    padding: 0;
    float: none;
    position: static;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    width: auto;
    height: auto;
    font-size: 12px;
    font-family: 'sans-serif', 'Arial', 'Microsoft YaHei';
    /* 1 */
    font-weight: normal;
    font-style: normal;
    color: #262626;
    background: none;
    border: none;
    border-radius: 0;
    text-decoration: none;
    text-align: left;
    vertical-align: baseline;
    overflow: visible;
    box-sizing: content-box;
}
.ec--cs-wrapper ul, .ec--cs-wrapper ol {
    list-style: none outside none;
}
.ec--cs-wrapper a {
    color: #262626;
    text-decoration: none;
}
.ec--cs-wrapper a:link, .ec--cs-wrapper a:visited, .ec--cs-wrapper a:hover, .ec--cs-wrapper a:active {
    color: #262626;
    text-decoration: none;
}
.ec--cs-wrapper a:visited, .ec--cs-wrapper a:focus {
    text-decoration: none;
}
.ec--cs-wrapper ::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.ec--cs-wrapper ::-webkit-scrollbar-button:start:decrement, .ec--cs-wrapper ::-webkit-scrollbar-button:end:increment {
display: block;
}
.ec--cs-wrapper ::-webkit-scrollbar-button:vertical:start:increment, .ec--cs-wrapper ::-webkit-scrollbar-button:vertical:end:decrement {
display: none;
}
.ec--cs-wrapper ::-webkit-scrollbar-button:vertical:end:increment, .ec--cs-wrapper ::-webkit-scrollbar-button:vertical:start:decrement, .ec--cs-wrapper ::-webkit-scrollbar-button:horizontal:end:decrement, .ec--cs-wrapper ::-webkit-scrollbar-button:horizontal:end:increment, .ec--cs-wrapper ::-webkit-scrollbar-button:horizontal:start:decrement {
display: none;
background: url(//www.staticec.com/api/images/scrollbar/scroll.png) no-repeat;
}
.ec--cs-wrapper ::-webkit-scrollbar-button:vertical:end:increment {
width: 6px;
height: 6px;
background-position: -2px -10px;
}
.ec--cs-wrapper ::-webkit-scrollbar-button:vertical:end:hover {
background-position: -1px 0px;
}
.ec--cs-wrapper ::-webkit-scrollbar-button:vertical:start:decrement {
background-position: -12px -12px;
height: 6px;
width: 6px;
}
.ec--cs-wrapper ::-webkit-scrollbar-button:vertical:start:hover {
background-position: -12px -2px;
}
.ec--cs-wrapper ::-webkit-scrollbar-track-piece:vertical:start {
background: #fff;
}
.ec--cs-wrapper ::-webkit-scrollbar-track-piece:vertical:end {
background: #fff;
}
.ec--cs-wrapper ::-webkit-scrollbar-thumb:vertical {
background: #e6e9f0;
border-radius: 4px;
}
.ec--cs-wrapper ::-webkit-scrollbar-thumb:vertical:hover {
background: #a8afbd;
}
.ec--cs-wrapper ::-webkit-scrollbar-button:horizontal:end:decrement {
background-position: -30px -11px;
height: 6px;
}
.ec--cs-wrapper ::-webkit-scrollbar-button:horizontal:end:hover {
background-position: -30px -1px;
}
.ec--cs-wrapper ::-webkit-scrollbar-button:horizontal:end:increment {
background-position: -31px -11px;
height: 6px;
width: 6px;
}
.ec--cs-wrapper ::-webkit-scrollbar-button:horizontal:start:decrement {
background-position: -23px -11px;
width: 6px;
}
.ec--cs-wrapper ::-webkit-scrollbar-button:horizontal:start:hover {
background-position: -23px -1px;
}
.ec--cs-wrapper ::-webkit-scrollbar-track-piece:horizontal:start {
background: #fff;
}
.ec--cs-wrapper ::-webkit-scrollbar-track-piece:horizontal:end {
background: #fff;
}
.ec--cs-wrapper ::-webkit-scrollbar-thumb:horizontal {
background: #e6e9f0;
border-radius: 4px;
}
.ec--cs-wrapper ::-webkit-scrollbar-thumb:horizontal:hover {
background: #a8afbd;
}
.ec--cs-wrapper .ec--icon {
    font-family: "ec--iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    line-height: 1;
    vertical-align: baseline;
    text-align: center;
    text-transform: none;
    display: inline-block;
}
.ec--cs-wrapper .ec--icon:before {
    display: block;
    font-family: "ec--iconfont" !important;
}
.ec--cs-wrapper .ec--icon-close-small:before {
    content: "\E722";
}
.ec--cs-wrapper .ec--icon-arrow-right:before {
    content: "\E631";
}
.ec--cs-wrapper .ec--icon-down:before {
    content: "\E61E";
}
.ec--cs-wrapper .ec--icon-customer-service:before {
    content: "\E61D";
}
.ec--cs-wrapper .ec--cs-root {
    width: 260px;
    height: auto;
}
.ec--cs-wrapper .ec--cs-root .ec--unread-num {
    position: absolute;
    min-width: 16px;
    width: auto;
    height: 16px;
    line-height: 16px;
    padding: 0 4px;
    border-radius: 8px;
    background: #ff5946;
    color: #fff;
    font-weight: normal;
    font-size: 12px;
    box-sizing: border-box;
    margin: 0;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list {
    display: inline-block;
    vertical-align: bottom;
    min-width: 224px;
    max-width: 260px;
    margin: 0;
    position: relative;
    border: none;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main {
    background: #fff;
    border-radius: 2px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--title {
    width: auto;
    height: 38px;
    line-height: 38px;
    padding-left: 10px;
    background-color: #2580e6;
    border-bottom: none;
    border-radius: 2px 2px 0 0;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--title .ec--title-main {
    width: auto;
    height: 38px;
    line-height: 38px;
    position: relative;
    color: #fff;
    z-index: 1;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--title .ec--title-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--title .ec--close {
    position: absolute;
    top: 12px;
    right: 12px;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    cursor: pointer;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main {
    overflow-y: auto;
    padding: 10px 6px;
    border-radius: 0 0 2px 2px;
    background-size: cover;
    min-height: 160px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group {
    line-height: 24px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--group-name {
    max-width: 232px;
    position: relative;
    margin-left: 10px;
    display: block;
    word-break: break-word;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--group-name .ec--icon {
    font-size: 10px;
    margin-right: 6px;
    -webkit-transform: scale(0.7);
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--group-name .ec--lefts {
    margin-right: 5px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list {
    overflow: hidden;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list .ec--cs-item {
    position: relative;
    display: block;
    width: 100%;
    height: 38px;
    padding-left: 10px;
    margin-bottom: 4px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list .ec--cs-item:hover {
    background: #F0F1F5;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list .ec--cs-item .ec--cs-name {
    display: inline-block;
    width: auto;
    height: 38px;
    line-height: 38px;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 8px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list .ec--cs-item .ec--unread-num {
    font-size: 10px;
    -webkit-transform: scale(0.8);
    left: 8px;
    top: -5px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list .ec--cs-item i {
    display: inline-block;
    top: 4.5px;
    font-family: 'iconfont' !important;
    vertical-align: top;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list .ec--cs-item i.ec--cs-icon-right {
    margin-right: 26px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list .ec--cs-item.ec--offline:before, .ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list .ec--cs-item.ec--offline i.ec--icon-cs1-2 {
    opacity: .3;
    filter: alpha(opacity=30);
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list .ec--cs-item.ec--selected {
    background: rgba(0, 0, 0, 0.2);
    font-weight: 600;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--offline .ec--cs-name {
    opacity: .3;
    filter: alpha(opacity=30);
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--list-main {
    position: relative;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--main .ec--group .ec--group-name {
    color: #fff;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--main .ec--group .ec--group-name .ec--icon {
    color: #fff;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--main .ec--group .ec--list .ec--cs-item .ec--cs-name {
    color: #fff;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--main .ec--group .ec--list .ec--cs-item:hover {
    background: rgba(255, 255, 255, 0.2);
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--main .ec--group .ec--list .ec--cs-item.ec--selected {
    background: rgba(255, 255, 255, 0.2);
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--main .ec--group .ec--list .ec--cs-item .ec--unread-num {
    left: 18px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--chat-tools.ec--inlist.ec--vertical li a span {
    color: #fff;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--chat-tools.ec--inlist.ec--vertical li:hover {
    background: rgba(255, 255, 255, 0.2);
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--title, .ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--main, .ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--tools-wrapper {
    z-index: 1;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--cloud {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 78px;
    background: url(data:image/png;base64,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) 100% no-repeat;
    opacity: .25;
    filter: alpha(opacity=25);
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--icon-cs1-2 {
    width: 29px;
    height: 29px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--icon-cs1-2.ec--male {
    background: url(index_files/kf.png) center no-repeat;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--icon-cs1-2.ec--female {
    background: url(index_files/kf.png) center no-repeat;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--border .ec--list-main {
    border: 5px solid;
    border-radius: 5px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--border .ec--list-main .ec--title {
    color: #262626;
    border-radius: 0;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--border .ec--list-main .ec--title .ec--title-main {
    color: #262626;
    font-weight: bold;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--border .ec--list-main .ec--title .ec--close {
    color: #262626;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--theme-custom .ec--list-main {
    background: none;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--theme-custom .ec--main .ec--group .ec--list .ec--cs-item.ec--offline .ec--cs-name {
    opacity: .3;
    filter: alpha(opacity=30);
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--theme-custom .ec--main .ec--group .ec--list .ec--cs-item:hover {
    background: rgba(0, 0, 0, 0.2);
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--theme-custom .ec--main .ec--group .ec--group-name {
    color: #2580e6;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--theme-custom .ec--main .ec--group .ec--group-name .ec--group-arrow {
    color: #2580e6;
    border-left: 4px solid #2580e6;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--theme-custom .ec--main .ec--group .ec--list .ec--cs-item .ec--cs-name {
    color: #2d2b31;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--theme-custom .ec--main .ec--group .ec--list .ec--cs-item:before, .ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--theme-custom .ec--main .ec--group .ec--list .ec--cs-item i {
    color: #2d2b31;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn {
    display: inline-block;
    vertical-align: top;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--tools-wrapper {
    background: none;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--unread-num {
    left: -7px;
    top: -5px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--unread-num.ec--top {
    top: -5px;
    bottom: auto;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--unread-num.ec--bottom {
    top: auto;
    bottom: -5px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--unread-num.ec--left {
    left: -7px;
    right: auto;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--unread-num.ec--right {
    left: auto;
    right: -7px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #fff;
    box-sizing: border-box;
    position: relative;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape .ec--shape-ele {
    border-radius: 5px;
    width: 100%;
    height: 100%;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-square {
    width: 66px;
    height: 66px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-square .ec--shape-ele {
    text-align: center;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-square .ec--icon-customer-service {
    margin-top: 13px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-h {
    text-align: left;
    width: 178px;
    height: 56px;
    line-height: 56px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-h .ec--shape-ele {
    line-height: 56px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-h .ec--shape-ele .ec--zh, .ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-h .ec--shape-ele .ec--en {
    font-size: 16px;
    color: #fff;
    margin-left: 10px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-h .ec--icon-customer-service {
    margin-left: 15px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-h .ec--zh {
    letter-spacing: 6px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-v {
    width: 56px;
    height: 165px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-v .ec--shape-ele {
    text-align: center;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-v .ec--text {
    -ms-writing-mode: tb-rl;
    writing-mode: tb-rl;
    writing-mode: vertical-rl;
    margin-top: 10px;
    text-align: justify;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-v .ec--text.ec--zh {
    letter-spacing: 6px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-v .ec--text.ec--en {
    margin-top: 4px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-v .ec--text p {
    height: 105px;
    line-height: 56px;
    font-size: 16px;
    color: #fff;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-v .ec--icon-customer-service {
    margin-top: 8px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-circle {
    width: 66px;
    height: 66px;
    margin: 0 auto;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-circle .ec--shape-ele {
    text-align: center;
    border-radius: 50%;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-circle .ec--icon-customer-service {
    margin-top: 14px;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-circle .ec--unread-num {
    top: 4px;
    left: 2px;
    right: auto;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-custom {
    width: auto;
    height: auto;
    border-radius: 0px;
    text-align: left;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper.ec--pc-cs-shape-wrapper .ec--cs-shape.ec--shape-square, .ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper.ec--pc-cs-shape-wrapper .ec--cs-shape.ec--shape-rect-h, .ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper.ec--pc-cs-shape-wrapper .ec--cs-shape.ec--shape-rect-v, .ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper.ec--pc-cs-shape-wrapper .ec--cs-shape.ec--shape-custom {
    margin: 0;
}
.ec--cs-wrapper .ec--cs-root .ec--icon-customer-service {
    display: inline-block;
    vertical-align: middle;
    font-size: 38px;
    color: #fff;
}
.ec--cs-wrapper .ec--cs-root .ec--icon-cs1-2 {
    position: relative;
    display: inline-block;
    vertical-align: text-bottom;
    width: 20px;
    height: 25px;
}
.ec--cs-wrapper .ec--cs-root .ec--icon-cs1-2.ec--male {
    background: url(index_files/kf.png) center no-repeat;
}
.ec--cs-wrapper .ec--cs-root .ec--icon-cs1-2.ec--female {
    background: url(index_files/kf.png) center no-repeat;
}
.ec--cs-wrapper .ec--cs-root .ec--icon-cs1-2 .ec--icon-cell-phone {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 8px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAAAXNSR0IArs4c6QAAAEZJREFUGBljVCi7sZWB4b8XA1bAuI0FJHm4SgOrtG3bDS8mrDJIgsNDAaNC2fX/SL7CYKJ4836nBgMIIwOgCbiDmpGRYSsAdTQSfTtw7sYAAAAASUVORK5CYII=) center no-repeat;
}
.ec--cs-wrapper .ec--cs-root .ec--icon-qq1-2 {
    position: relative;
    display: inline-block;
    vertical-align: text-bottom;
    background: url(index_files/1.png) center no-repeat;
    width: 20px;
    height: 25px;
    margin-top: 2px;
}
.ec--cs-wrapper .ec--cs-root .ec--icon-qq1-3 {
    position: relative;
    display: inline-block;
    vertical-align: text-bottom;
    background: url(index_files/1.png) center no-repeat;
    width: 20px;
    height: 25px;
    margin-top: 2px;
    opacity: 0;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-qrcode {
    position: relative;
    display: inline-block;
    vertical-align: text-bottom;
    width: 20px;
    height: 20px;
    margin-right: 15px;
    margin-top: 4px;
    background: url(index_files/2.png) center no-repeat;
    z-index: 200;
    cursor: pointer;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-qrcode:active {
    background: url(index_files/22.png) center no-repeat;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-qrcode2 {
    position: relative;
    display: inline-block;
    vertical-align: text-bottom;
    width: 20px;
    height: 20px;
    margin-right: 15px;
    margin-top: 4px;
    opacity: 0;
    visibility: hidden;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAdhJREFUOBGtU78vBUEQntnzOxKFfwAJ0eglCo1KQU/B0XiJFzRHJzrvNYhC5T2F+ANEodCIKFUaEZX+SRRIuJsxs243+05eNDbZ25n5vv1udmcW4J8Gqs7uXo1b6RnAZcUI+LgVZ2tjCdsciAZLMu+drytlfAbuF4jPJsK5EGfiMZlHGjMOsCLEfZDSjIBTSXnxFoE/PC62xhRTDgg3/LHPyG4gniSARLJoiL/jRMKVGcqSZL8h+Ro8d1iTEBt8VxG5uBdHKK6KMUquCO/2gnNCk9DmWqxZ6Gw5NtfjEQdWD08mnO2F9GIr+zV/JzlhyBGZcVDwB+frKnu6nW+FbIltdcJkc4qBG7UMQUnPE44f7+frqxYS/rLJRFfJRlzDrujCcW1GttmkT8Jy54QhJFxRO2xIZJqV0DOnNJzHa/6OtNmScnybC9ileCchVrS9kAKVg/q29omc+iWsTr7pqbc9Gn/7yh6B6XR3v/5JKfn93lAyEvdos2mfFIeEstXVhUb1oD4vFeywjIDXfNkGryVQFfywKOT8ZC2+NIgRGvPa3ol3UshRxbyQPkBp+VdoM+fyhq602RjQ94kT0pU4W4QsnU5THgCiisb80fQVy9RYYfw+ZoHwv+431BS4sJgn1AUAAAAASUVORK5CYII=) center no-repeat;
    z-index: 200;
    cursor: pointer;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-qrcode2:active {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAdBJREFUOBGtU69PI1EQnpk2hJ5BgKB7hMAlEAx/AQKDQoAHQ4Kh4iz2ggSLQIEi/AEEEgSGECQKQwiqoa+IowmmJTk6czOvnW13KShe8vJm5vtmdn4twDcdtDjj5UQ+i0cIm4axwOFnnOd6wKKDSFhBKdy5bq/A+4nriFBFKK65HnFszwvLgcnkgAVh4hGG9xW9SyFUbwCw5bjJZjMscpTb/+E0o+jAvKhpbCPii+o7vSA9CQF/i8goMKuRTh3JBgJodoM0nDDgbShHvyfNfiwT6DkEy2JgJu5UD7VZl5NkcsHlNJA1tpz87OuJNRt+xbF22NOK37ujvepTcj0G8hFHV0f0tSBEdG0mZq7Ymz9aZTzp1PKEr/XhyxDCUalUOnNezMiWzfYkO+5OaZrKlpH7F5LwbVVN1Vbr30zXfpT2yJatszv+DYB8T3rIRylT2niS/FHnv3ofPlARHwuEYzr6hmZxbDyG9rnz0oy6hh+2bLYn+aOWdq1WeylPTKwTy5AVHlkDm010peieLtt+PpDr9aenCxEqMNGrTvRW5zpnWFqa6A9IrCAUT/VedpZN0j3xQPYKyoYOYZmZplh412xpafYX64KZLXMGVJnBv135D62IqvUk3NbvAAAAAElFTkSuQmCC) center no-repeat;
}
.ec--cs-wrapper .ec--cs-root .ec--cs-qrcode-info {
    display: none;
    position: fixed;
    left: 0;
    width: 232px;
    height: 303px;
    background: #ffffff;
    border: 1px solid #E6E9F0;
    border-radius: 3px;
}
.ec--cs-wrapper .ec--cs-root .side-left .ec--info-arrow, .ec--cs-wrapper .ec--cs-root .side-right .ec--info-arrow {
    position: absolute;
    top: 30px;
    right: 0px;
}
.ec--cs-wrapper .ec--cs-root .side-left .ec--info-arrow::after, .ec--cs-wrapper .ec--cs-root .side-right .ec--info-arrow::after {
    content: '';
    display: block;
    position: absolute;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 10px solid white;
    border-bottom: 10px solid transparent;
}
.ec--cs-wrapper .ec--cs-root .side-left .ec--info-arrow::before, .ec--cs-wrapper .ec--cs-root .side-right .ec--info-arrow::before {
    content: '';
    display: block;
    position: absolute;
    height: 0;
    border-top: 11px solid transparent;
    border-left: 11px solid #E6E9F0;
    border-bottom: 11px solid transparent;
}
.ec--cs-wrapper .ec--cs-root .side-left .ec--info-arrow {
    left: -12px;
    right: auto;
}
.ec--cs-wrapper .ec--cs-root .side-left .ec--info-arrow::after {
    margin-left: 2px;
    border-left: unset;
    border-right: 10px solid white;
}
.ec--cs-wrapper .ec--cs-root .side-left .ec--info-arrow::before {
    border-left: unset;
    border-right: 11px solid #E6E9F0;
}
.ec--cs-wrapper .ec--cs-root .ec--info-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 17px;
    height: 17px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAOtJREFUOBHtkr0KwjAUhc+Nk4/ha7j4t/szWAXBZ1DwCVxcdXBwcHCrcbB0b8XFV3KxiVwhJS0JHQUxS05yDx835wb4r+8mEEaJlHHacnUh43vjHCWpfDzqdl3YB6OFoL3OcCnDGKKy7KYhzkGz+TR+3sk+2JohDKMaxkG/ezcQEG2mw87B9rL2grh4ud7aClpqwgoaax+kEsSGMErn0PpEAtvJoLfkO9dyZmSM/JxPJ8AOimblzIyPdy+okMmot+CsXAMwMGdGBYgVbHkABuLtSKvX0RUsT0+AApXhWP5HNjTXVaaqeg76DfEGr2VwnDIloegAAAAASUVORK5CYII=) center no-repeat;
    cursor: pointer;
    opacity: 0.8;
}
.ec--cs-wrapper .ec--cs-root .ec--info-close:hover {
    opacity: 1;
}
.ec--cs-wrapper .ec--cs-root .ec--info-title {
    font-size: 14px;
    color: #41444B;
    text-align: center;
    line-height: 20px;
    text-overflow: ellipsis;
    margin-bottom: 2px;
    margin-top: 29px;
    padding: 0 25px;
    overflow: hidden;
}
.ec--cs-wrapper .ec--cs-root .ec--info-tip {
    font-size: 12px;
    color: #888F9E;
    text-align: center;
}
.ec--cs-wrapper .ec--cs-root .ec--info-qrcode {
    display: block;
    width: 160px;
    height: 160px;
    margin: 0 auto;
    margin-top: 14px;
}
.ec--cs-wrapper .ec--cs-root .ec--info-qrcode-tip {
    font-size: 12px;
    color: #D0D4DB;
    text-align: center;
    margin-top: 9px;
}
.ec--cs-wrapper .ec--cs-root .ec--tools-wrapper {
    border-radius: 0 0 2px 2px;
}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools li a {
    display: block;
    height: 100%;
}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools li a img {
    display: block;
    width: 100%;
    height: 100%;
}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inlist {
    margin: 0 13px;
    padding: 0 7px 10px;
    border-top: 1px dashed #eee;
}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inlist.ec--vertical li {
    margin-top: 10px;
}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inlist.ec--vertical li a {
    position: relative;
    padding-left: 40px;
    height: 30px;
    line-height: 30px;
}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inlist.ec--vertical li a img {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inlist.ec--vertical li:hover {
    background: rgba(0, 0, 0, 0.2);
}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inlist.ec--horizen {
    overflow: hidden;
    padding-top: 10px;
}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inlist.ec--horizen li {
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 15px;
}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inlist.ec--horizen li .ec--name {
    display: none;
}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inbtn li {
    margin-top: 14px;
}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inbtn li .ec--name {
    display: none;
}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inbtn.ec--shape-square li {
    width: 66px;
    height: 66px;
}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inbtn.ec--shape-rect-h li {
    width: 178px;
    height: 56px;
}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inbtn.ec--shape-rect-v li {
    width: 56px;
    height: 56px;
}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inbtn.ec--shape-circle li {
    width: 66px;
    height: 66px;
}
</style>
<style type="text/css">
#ec--cs-wrapper {
  /* width:160px;
    height: 260px; */
  background: transparent!important;
}
#ec--cs-wrapper iframe {
  border: none!important;
  background: transparent!important;
}
#ec--cs-invite {
  cursor: pointer;
  z-index: 99999;
  font: normal 12px/24px -apple-system, BlinkMacSystemFont, SF UI, PingFang SC, Roboto, '\601D\6E90\9ED1\4F53', Helvetica Neue, Helvetica, Microsoft YaHei, Arial, sans-serif;
}
#ec--cs-invite.ec--cs-invite-center {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto auto auto auto;
  position: fixed;
}
#ec--cs-invite.ec--cs-invite-right {
  position: fixed;
  right: 0;
  bottom: 0;
}
#ec--cs-invite.ec--cs-invite-left {
  position: fixed;
  left: 0;
  bottom: 0;
}
#ec--cs-invite.ec--cs-invite-bottom {
  position: fixed;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
}
#ec--cs-invite.ec--cs-invite-envelope {
  max-width: 95%;
}
#ec--cs-invite.ec--cs-invite-envelope img {
  max-width: 100%;
}
#ec--cs-invite.ec--cs-invite-note {
  max-width: 95%;
}
#ec--cs-invite.ec--cs-invite-note img {
  max-width: 100%;
}
#ec--cs-invite .invite-wrapper {
  position: relative;
}
#ec--cs-invite .invite-wrapper .content-text {
  position: absolute;
  line-height: 2;
  width: 205px;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  color: #65727b;
}
#ec--cs-invite .invite-wrapper img {
  vertical-align: middle;
}
#ec--cs-invite .invite-wrapper.envelope-invite .content-text {
  top: 32px;
  left: 67px;
  overflow: hidden;
  line-height: 38px;
  max-height: 114px;
  text-align: justify;
  margin-right: -1em;
  padding-right: 1em;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#ec--cs-invite .invite-wrapper.envelope-invite .content-text:before {
  content: '...';
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}
#ec--cs-invite .invite-wrapper.envelope-invite .content-text:after,
#ec--cs-invite .invite-wrapper.envelope-invite .content-text span {
  z-index: 2;
  content: ' ';
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  margin-top: 19px;
  background: #fffef2;
}
#ec--cs-invite .invite-wrapper.envelope-invite img {
  max-width: 100%;
}
#ec--cs-invite .invite-wrapper.note-invite .content-text {
  top: 47px;
  left: 35px;
  overflow: hidden;
  line-height: 30px;
  max-height: 150px;
  text-align: justify;
  margin-right: -1em;
  padding-right: 1em;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#ec--cs-invite .invite-wrapper.note-invite .content-text:before {
  content: '...';
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}
#ec--cs-invite .invite-wrapper.note-invite .content-text:after,
#ec--cs-invite .invite-wrapper.note-invite .content-text span {
  z-index: 2;
  content: ' ';
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  margin-top: 15px;
  background: #fcf677;
}
#ec--cs-invite .invite-wrapper.note-invite img {
  max-width: 100%;
}
#ec--cs-invite .invite-wrapper.dialog-invite {
  width: 420px;
  max-width: 100%;
  cursor: auto;
}
#ec--cs-invite .invite-wrapper.dialog-invite .invite-title {
  color: #fff;
  font-size: 14px;
  height: 34px;
  line-height: 34px;
  padding-left: 14px;
  background: #2580E8;
  border: 1px solid #2580E8;
  border-bottom: none;
  border-radius: 3px 3px 0 0;
}
#ec--cs-invite .invite-wrapper.dialog-invite .invite-main {
  height: 176px;
  position: relative;
  padding-left: 122px;
  border: 1px solid #DEE2E6;
  border-top: none;
  background: #fff;
  border-radius: 0 0 3px 3px;
}
#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .ec-avatar {
  position: absolute;
  top: 14%;
  left: 7%;
  width: 70px;
  height: 70px;
  border: 1px solid #e1e5ea;
  border-radius: 5px;
}
#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .content-wrapper {
  width: 95%;
  height: 120px;
  position: relative;
}
#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .content-text {
  top: 50%;
  width: 100%;
  font-size: 16px;
  color: #3C3C3C;
  overflow: hidden;
  line-height: 24px;
  max-height: 72px;
  text-align: justify;
  margin-right: -1em;
  padding-right: 1em;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .content-text:before {
  content: '...';
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}
#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .content-text:after,
#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .content-text span {
  z-index: 2;
  content: ' ';
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  margin-top: 12px;
  background: #fff;
}
#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .ec-btns {
  position: absolute;
  bottom: 20px;
  right: 10px;
}
#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .ec-btns .ec-btn-blue {
  display: inline-block;
  color: #fff;
  line-height: 12px;
  width: auto;
  height: 30px;
  line-height: 30px;
  border-radius: 2px;
  text-align: center;
  min-width: 70px;
  margin-right: 10px;
  transition: all .3s;
  cursor: pointer;
  background: #2580E8;
  border: 1px solid #2580E8;
}
#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .ec-btns .ec-btn-blue:hover {
  border: 1px solid #5199ed;
  background: #5199ed;
}
#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .ec-btns .ec-btn-blue:active {
  border: 1px solid #1e66ba;
  background: #1e66ba;
}
#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .ec-btns .ec-btn-white {
  display: inline-block;
  color: #383838;
  line-height: 12px;
  width: auto;
  height: 30px;
  line-height: 30px;
  border-radius: 2px;
  text-align: center;
  min-width: 70px;
  margin-right: 10px;
  transition: all .3s;
  cursor: pointer;
  background: #fff;
  border: 1px solid #b8bfcc;
}
#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .ec-btns .ec-btn-white:hover {
  border: 1px solid #c6ccd6;
  background: #ffffff;
}
#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .ec-btns .ec-btn-white:active {
  border: 1px solid #9399a3;
  background: #cccccc;
}
#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .ec-btns .ec-btn-white:hover {
  border-color: #8c919c;
}
#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .ec-btns .ec-btn {
  width: 90px;
  font-size: 14px;
}
#ec--cs-invite .invite-wrapper.dialog-invite .close-invite {
  width: 35px;
  height: 35px;
  top: 0;
  right: 0;
  line-height: 35px;
  font-size: 20px;
  text-align: center;
  background: none;
  color: #fff;
  opacity: .8;
  text-decoration: none;
}
#ec--cs-invite .invite-wrapper.dialog-invite .close-invite:hover {
  opacity: 1;
  background: rgba(0, 0, 0, 0.2);
}
#ec--cs-invite .invite-wrapper.custom-invite .close-invite {
  background: none;
  width: auto;
  height: auto;
}
#ec--cs-invite .invite-wrapper .close-invite {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  cursor: pointer;
  z-index: 1;
}
#ec--cs-invite .invite-wrapper .close-invite i {
  color: #8f8f8f;
}
.mobile #ec--cs-invite .envelope .close-invite,
.mobile #ec--cs-invite .note .close-invite,
.mobile #ec--cs-invite .custom-invite .close-invite {
  top: auto;
  bottom: -35px;
  left: 0;
  width: 100%;
  text-align: center;
}
.mobile #ec--cs-invite .envelope .close-invite img,
.mobile #ec--cs-invite .note .close-invite img,
.mobile #ec--cs-invite .custom-invite .close-invite img {
  max-height: 30px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  #ec--cs-invite .mobile #ec--cs-invite .close-invite {
    background-image: url(data:image/png;base64,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);
    background-size: 24px;
  }
}
.ec--full-html {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}
.ec--full-body {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}