body,
html {
    background-color: #fff;
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    line-height: 1.5;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

:focus,
body,
html {
    outline: none
}

body,
dd,
dl,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
img,
input,
li,
ol,
p,
table,
textarea,
ul {
    margin: 0;
    padding: 0
}

dd,
dl,
dt,
li,
ol,
ul {
    list-style-type: none
}

img {
    vertical-align: middle;
    font-size: 0;
    line-height: 0
}

button,
input,
table,
textarea {
    background: 0;
    border: 0
}

button,
input[type=text],
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none
}

figcaption,
figure,
menu,
nav,
section {
    margin: 0;
    padding: 0
}

figcaption,
figure,
section {
    display: block
}

.dib {
    display: inline-block
}

.df {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.visible {
    display: block
}

.hidden {
    display: none
}

.shidden {
    display: none !important
}

.m0a {
    margin: 0 auto
}

.incWrap {
    height: auto;
    overflow: hidden
}

.incScreen {
    width: 100%;
    height: 100%
}

.fl {
    float: left
}

.fr {
    float: right
}

.pa,
.pf,
.pn,
.pr {
    z-index: 1
}

.pf {
    position: fixed
}

.pr {
    position: relative
}

.pa {
    position: absolute
}

.pz-1 {
    z-index: -1
}

.pmc {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.wsno {
    white-space: nowrap
}

.oys {
    overflow: hidden;
    overflow-y: auto
}

.oxs {
    overflow: hidden;
    overflow-x: auto
}

.oh {
    overflow: hidden
}

.pen {
    pointer-events: none
}

.pea {
    pointer-events: auto
}

.nostyle {
    font-weight: 400;
    font-style: normal
}

.bgf {
    background-color: #fff
}

.cred {
    color: red
}

.c0 {
    color: #000
}

.c3 {
    color: #333
}

.c8 {
    color: #888
}

.cf {
    color: #fff
}

.tal {
    text-align: left
}

.tar {
    text-align: right
}

.tac {
    text-align: center
}

.toe {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.nws {
    font-weight: 400;
    font-style: normal
}

.f20 {
    font-size: 1rem
}

.f16 {
    font-size: .8rem
}

.f14 {
    font-size: .7rem
}

.f12 {
    font-size: .6rem
}

.radiusBox {
    margin-left: 0;
    margin-right: 0;
    margin-top: .5rem;
    border-radius: .35rem;
    padding: 1rem .5rem 0;
    -webkit-box-shadow: 0 .3rem 1.5rem 0 rgba(0, 43, 128, .07);
    box-shadow: 0 .3rem 1.5rem 0 rgba(0, 43, 128, .07)
}

.toem {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul {
    margin: 0;
    padding: 0;
    color: inherit
}

.elemUICommon .el-button--primary {
    background-color: #d13825;
    border-color: #d13825
}

.elemUICommon .el-button--default:focus,
.elemUICommon .el-button--default:hover {
    color: #d13825;
    border-color: #d13825;
    background-color: #fff
}

.elemUICommon .el-button--primary:focus,
.elemUICommon .el-button--primary:hover {
    color: #fff;
    background-color: #d13825;
    border-color: #d13825
}

.elemUICommon .el-radio__input .el-radio__inner {
    border: 1px solid #dcdfe6;
    background-color: #fff
}

.elemUICommon .el-radio__input.is-checked .el-radio__inner {
    border: 1px solid #d13825
}

.elemUICommon .el-radio__input.is-checked .el-radio__inner:after {
    background-color: #d13825
}

.elemUICommon .el-cascader-node.in-active-path,
.elemUICommon .el-cascader-node.is-active,
.elemUICommon .el-cascader-node.is-selectable.in-checked-path,
.elemUICommon .el-radio__input.is-checked+.el-radio__label {
    color: #d13825
}

.elemUICommon .el-select .el-input.is-focus .el-input__inner,
.elemUICommon .el-select .el-input__inner:focus {
    border-color: #d13825
}

.elemUICommon .el-dialog__headerbtn:focus .el-dialog__close,
.elemUICommon .el-dialog__headerbtn:hover .el-dialog__close,
.elemUICommon .el-select-dropdown__item.selected {
    color: #d13825
}

.elemUICommon .el-cascader .el-input .el-input__inner:focus,
.elemUICommon .el-cascader .el-input.is-focus .el-input__inner,
.elemUICommon .el-input.is-active .el-input__inner,
.elemUICommon .el-input__inner:focus {
    border-color: #d13825
}

.w-e-menu-panel,
.w-e-text-container,
.w-e-toolbar {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
}

.w-e-menu-panel h1,
.w-e-text-container h1,
.w-e-toolbar h1 {
    font-size: 1.6rem !important
}

.w-e-menu-panel h2,
.w-e-text-container h2,
.w-e-toolbar h2 {
    font-size: 1.2rem !important
}

.w-e-menu-panel h3,
.w-e-text-container h3,
.w-e-toolbar h3 {
    font-size: .936rem !important
}

.w-e-menu-panel h4,
.w-e-text-container h4,
.w-e-toolbar h4 {
    font-size: .8rem !important
}

.w-e-menu-panel h5,
.w-e-text-container h5,
.w-e-toolbar h5 {
    font-size: .664rem !important
}

.w-e-menu-panel p,
.w-e-text-container p,
.w-e-toolbar p {
    font-size: .8rem !important
}

.w-e-menu-panel .eleImg,
.w-e-text-container .eleImg,
.w-e-toolbar .eleImg {
    cursor: pointer;
    display: inline-block;
    font-size: .9rem;
    padding: 0 .15rem
}

.w-e-menu-panel *,
.w-e-text-container *,
.w-e-toolbar * {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.w-e-menu-panel hr,
.w-e-text-container hr,
.w-e-toolbar hr {
    cursor: pointer;
    display: block;
    height: 0;
    border: 0;
    border-top: .15rem solid #ccc;
    margin: 1rem 0
}

.w-e-clear-fix:after {
    content: "";
    display: table;
    clear: both
}

.w-e-drop-list-item {
    position: relative;
    top: 1px;
    padding-right: .35rem;
    color: #333 !important
}

.w-e-drop-list-tl {
    padding-left: .5rem;
    text-align: left
}

@media only screen and (max-width:51.2rem) {
    .w-e-text-container h1 {
        font-size: 3.2rem !important
    }

    .w-e-text-container h2 {
        font-size: 2.4rem !important
    }

    .w-e-text-container h3 {
        font-size: 1.872rem !important
    }

    .w-e-text-container h4 {
        font-size: 1.6rem !important
    }

    .w-e-text-container h5 {
        font-size: 1.328rem !important
    }

    .w-e-text-container p {
        font-size: 1.6rem !important
    }
}

@media only screen and (max-width:37.5rem) {
    .w-e-text-container h1 {
        font-size: 3.2rem !important
    }

    .w-e-text-container h2 {
        font-size: 2.4rem !important
    }

    .w-e-text-container h3 {
        font-size: 1.872rem !important
    }

    .w-e-text-container h4 {
        font-size: 1.6rem !important
    }

    .w-e-text-container h5 {
        font-size: 1.328rem !important
    }

    .w-e-text-container p {
        font-size: 1.6rem !important
    }
}

.w-e-text-container {
    position: relative;
    height: 100%
}

.w-e-text-container .w-e-progress {
    position: absolute;
    background-color: #1e88e5;
    top: 0;
    left: 0;
    height: 1px
}

.w-e-text-container .placeholder {
    color: #d4d4d4;
    position: absolute;
    font-size: 11pt;
    line-height: 1.1rem;
    left: .5rem;
    top: .5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: -1
}

.w-e-text {
    padding: 0 .5rem;
    overflow-y: auto
}

.w-e-text h1,
.w-e-text h2,
.w-e-text h3,
.w-e-text h4,
.w-e-text h5,
.w-e-text p,
.w-e-text pre,
.w-e-text table {
    margin: .5rem 0;
    line-height: 1.5
}

.w-e-text ol,
.w-e-text ul {
    margin: .5rem 0 .5rem 1rem
}

.w-e-text blockquote {
    display: block;
    border-left: .4rem solid #d0e5f2;
    padding: .25rem .5rem;
    margin: .5rem 0;
    line-height: 1.4;
    font-size: 100%;
    background-color: #f1f1f1
}

.w-e-text code {
    display: inline-block;
    background-color: #f1f1f1;
    border-radius: .15rem;
    padding: .15rem .25rem;
    margin: 0 .15rem
}

.w-e-text pre code {
    display: block
}

.w-e-text table {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc
}

.w-e-text table td,
.w-e-text table th {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: .15rem .25rem;
    min-height: 1.5rem;
    height: 1.5rem
}

.w-e-text table th {
    border-bottom: .1rem solid #ccc;
    text-align: center;
    background-color: #f1f1f1
}

.w-e-text:focus {
    outline: none
}

.w-e-text img {
    cursor: pointer
}

.w-e-text img:hover {
    -webkit-box-shadow: 0 0 .25rem #333;
    box-shadow: 0 0 .25rem #333
}

.w-e-text .w-e-todo {
    margin: 0 0 0 1rem
}

.w-e-text .w-e-todo li {
    list-style: none;
    font-size: 1em
}

.w-e-text .w-e-todo li span:first-child {
    position: relative;
    left: -.9rem
}

.w-e-text .w-e-todo li span:first-child input {
    position: absolute;
    margin-right: .15rem
}

.w-e-text .w-e-todo li span:first-child input[type=checkbox] {
    top: 50%;
    margin-top: -.3rem
}

.w-e-tooltip {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #f1f1f1;
    background-color: rgba(0, 0, 0, .75);
    -webkit-box-shadow: 0 .1rem .4rem 0 rgba(0, 0, 0, .15);
    box-shadow: 0 .1rem .4rem 0 rgba(0, 0, 0, .15);
    border-radius: .2rem;
    padding: .2rem .25rem .3rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.w-e-tooltip-up:after {
    top: 100%;
    border: .25rem solid transparent;
    border-top-color: rgba(0, 0, 0, .73)
}

.w-e-tooltip-down:after,
.w-e-tooltip-up:after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -.25rem
}

.w-e-tooltip-down:after {
    bottom: 100%;
    border: .25rem solid transparent;
    border-bottom-color: rgba(0, 0, 0, .73)
}

.w-e-tooltip-item-wrapper {
    cursor: pointer;
    font-size: .7rem;
    margin: 0 .25rem
}

.w-e-tooltip-item-wrapper:hover {
    color: #ccc;
    text-decoration: underline
}

@media only screen and (max-width:51.2rem) {
    .w-e-text {
        padding: 0 1rem;
        overflow-y: auto
    }

    .w-e-text h1,
    .w-e-text h2,
    .w-e-text h3,
    .w-e-text h4,
    .w-e-text h5,
    .w-e-text p,
    .w-e-text pre,
    .w-e-text table {
        margin: 1rem 0;
        line-height: 1.5
    }

    .w-e-text ol,
    .w-e-text ul {
        margin: 1rem 0 1rem 2rem
    }

    .w-e-text blockquote {
        display: block;
        border-left: .4rem solid #d0e5f2;
        padding: .5rem 1rem;
        margin: 1rem 0;
        line-height: 1.4;
        font-size: 100%;
        background-color: #f1f1f1
    }

    .w-e-text code {
        display: inline-block;
        background-color: #f1f1f1;
        border-radius: .3rem;
        padding: .3rem .5rem;
        margin: 0 .3rem
    }

    .w-e-text pre code {
        display: block
    }

    .w-e-text table {
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc
    }

    .w-e-text table td,
    .w-e-text table th {
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
        padding: .3rem .5rem;
        min-height: 3rem;
        height: 3rem
    }

    .w-e-text table th {
        border-bottom: .1rem solid #ccc;
        text-align: center;
        background-color: #f1f1f1
    }

    .w-e-text:focus {
        outline: none
    }

    .w-e-text img {
        cursor: pointer
    }

    .w-e-text img:hover {
        -webkit-box-shadow: 0 0 .25rem #333;
        box-shadow: 0 0 .25rem #333
    }

    .w-e-text .w-e-todo {
        margin: 0 0 0 2rem
    }

    .w-e-text .w-e-todo li {
        list-style: none;
        font-size: 1em
    }

    .w-e-text .w-e-todo li span:first-child {
        position: relative;
        left: -.9rem
    }

    .w-e-text .w-e-todo li span:first-child input {
        position: absolute;
        margin-right: .15rem
    }

    .w-e-text .w-e-todo li span:first-child input[type=checkbox] {
        top: 50%;
        margin-top: -.3rem
    }
}

@media only screen and (max-width:37.5rem) {
    .w-e-text {
        padding: 0 1rem;
        overflow-y: auto
    }

    .w-e-text h1,
    .w-e-text h2,
    .w-e-text h3,
    .w-e-text h4,
    .w-e-text h5,
    .w-e-text p,
    .w-e-text pre,
    .w-e-text table {
        margin: 1rem 0;
        line-height: 1.5
    }

    .w-e-text ol,
    .w-e-text ul {
        margin: 1rem 0 1rem 2rem
    }

    .w-e-text blockquote {
        display: block;
        border-left: .4rem solid #d0e5f2;
        padding: .5rem 1rem;
        margin: 1rem 0;
        line-height: 1.4;
        font-size: 100%;
        background-color: #f1f1f1
    }

    .w-e-text code {
        display: inline-block;
        background-color: #f1f1f1;
        border-radius: .3rem;
        padding: .3rem .5rem;
        margin: 0 .3rem
    }

    .w-e-text pre code {
        display: block
    }

    .w-e-text table {
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc
    }

    .w-e-text table td,
    .w-e-text table th {
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
        padding: .3rem .5rem;
        min-height: 3rem;
        height: 3rem
    }

    .w-e-text table th {
        border-bottom: .1rem solid #ccc;
        text-align: center;
        background-color: #f1f1f1
    }

    .w-e-text:focus {
        outline: none
    }

    .w-e-text img {
        cursor: pointer
    }

    .w-e-text img:hover {
        -webkit-box-shadow: 0 0 .25rem #333;
        box-shadow: 0 0 .25rem #333
    }

    .w-e-text .w-e-todo {
        margin: 0 0 0 2rem
    }

    .w-e-text .w-e-todo li {
        list-style: none;
        font-size: 1em
    }

    .w-e-text .w-e-todo li span:first-child {
        position: relative;
        left: -.9rem
    }

    .w-e-text .w-e-todo li span:first-child input {
        position: absolute;
        margin-right: .15rem
    }

    .w-e-text .w-e-todo li span:first-child input[type=checkbox] {
        top: 50%;
        margin-top: -.3rem
    }
}

@font-face {
    font-family: iconfont;
    src: url(../fonts/iconfont.woff2) format("woff2"), url(../fonts/iconfont.woff) format("woff"), url(../fonts/iconfont.ttf) format("truetype")
}

.iconfont {
    font-family: iconfont !important;
    font-size: .8rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-yuanxing:before {
    content: "\e638"
}

.icon-xingxing:before {
    content: "\e637"
}

.icon-zhengfangxing1:before {
    content: "\e633"
}

.icon-a-aixin1:before {
    content: "\e634"
}

.icon-qingchu:before {
    content: "\e628"
}

.icon-sanjiaoxing:before {
    content: "\e62d"
}

.icon-bianji2:before {
    content: "\e62e"
}

.icon-zhezhao:before {
    content: "\e630"
}

.icon-changfangxing1:before {
    content: "\e631"
}

.icon-aixin:before {
    content: "\e632"
}

.icon-zitixieti:before {
    content: "\ec86"
}

.icon-zihao1:before {
    content: "\e626"
}

.icon-liuyanfill:before {
    content: "\e743"
}

.icon-video-fill:before {
    content: "\e63e"
}

.icon-tupian:before {
    content: "\e7ff"
}

.icon-chanpin:before {
    content: "\e6a5"
}

.icon-wenjian:before {
    content: "\e655"
}

.icon-tuichu:before {
    content: "\e67f"
}

.icon-tishifill:before {
    content: "\e72a"
}

.icon-wenjianjia:before {
    content: "\e6ea"
}

.icon-fangda:before {
    content: "\e613"
}

.icon-shipin1:before {
    content: "\e62b"
}

.icon-shipin11:before {
    content: "\e640"
}

.icon-shangsheng1:before {
    content: "\e616"
}

.icon-fanhui1:before {
    content: "\e61e"
}

.icon-excel:before {
    content: "\e641"
}

.icon-MP3:before {
    content: "\e643"
}

.icon-ppt:before {
    content: "\e644"
}

.icon-zip:before {
    content: "\e645"
}

.icon-wenjianleixing-biaozhuntu-Wordwendang:before {
    content: "\e6a7"
}

.icon-WBS-jinru:before {
    content: "\e672"
}

.icon-lianjie1:before {
    content: "\e828"
}

.icon-chehui:before {
    content: "\e691"
}

.icon-yanzhengyanzhengma:before {
    content: "\e624"
}

.icon-jiagou:before {
    content: "\e64e"
}

.icon-shejiwenzhang:before {
    content: "\e614"
}

.icon-gongzuotai:before {
    content: "\e670"
}

.icon-chanpin1:before {
    content: "\e61f"
}

.icon-biaoqian:before {
    content: "\e63d"
}

.icon-shipinbofang:before {
    content: "\e618"
}

.icon-shuoming:before {
    content: "\e627"
}

.icon-wj-wjj:before {
    content: "\e7b8"
}

.icon-yinzhang:before {
    content: "\e733"
}

.icon-dui:before {
    content: "\e64d"
}

.icon--zuo:before {
    content: "\e62c"
}

.icon-115-lanmuguanli:before {
    content: "\e87f"
}

.icon-ziyuantuozhan:before {
    content: "\e619"
}

.icon-shangsheng11:before {
    content: "\e650"
}

.icon-xiajiang1:before {
    content: "\e64f"
}

.icon-xiazai:before {
    content: "\e7bb"
}

.icon-kaiguan:before {
    content: "\e872"
}

.icon-chenggong1:before {
    content: "\e62f"
}

.icon-shibai-yin:before {
    content: "\e68f"
}

.icon-processing:before {
    content: "\e61a"
}

.icon-daochu:before {
    content: "\e61c"
}

.icon-24gf-folderOpen:before {
    content: "\eac5"
}

.icon-24gf-tags2:before {
    content: "\e887"
}

.icon-liulanjilu:before {
    content: "\e688"
}

.icon-rifangwenqushi:before {
    content: "\e818"
}

.icon-huoyue:before {
    content: "\e6a8"
}

.icon-rank_and_window:before {
    content: "\e620"
}

.icon-RAR:before {
    content: "\e621"
}

.icon-f-zip:before {
    content: "\e622"
}

.icon-bangzhu:before {
    content: "\e8ac"
}

.icon-tishi:before {
    content: "\e689"
}

.icon-UNKNOW:before {
    content: "\e623"
}

.icon-huiyuan:before {
    content: "\e642"
}

.icon-bianji1:before {
    content: "\e601"
}

.icon-shanchutianchong:before {
    content: "\e68e"
}

.icon-shanchu1:before {
    content: "\e74b"
}

.icon-weibiaoti5:before {
    content: "\e617"
}

.icon-gerenyonghutouxiang2:before {
    content: "\e7e5"
}

.icon-wenzhang2:before {
    content: "\e681"
}

.icon-caozuochenggong:before {
    content: "\e7f9"
}

.icon-weibiaoti103:before {
    content: "\e60f"
}

.icon-jinggao:before {
    content: "\e6b6"
}

.icon-bianjishuru:before {
    content: "\e8cc"
}

.icon-sousuoxiao:before {
    content: "\e8d6"
}

.icon-yuyinguanbi1:before {
    content: "\e903"
}

.icon-shouye-:before {
    content: "\e66b"
}

.icon-tianjia:before {
    content: "\e65f"
}

.icon-chenggong:before {
    content: "\e8c3"
}

.icon-caidanshouqi:before {
    content: "\e611"
}

.icon-icon_huabanfuben:before {
    content: "\e636"
}

.icon-paixu-:before {
    content: "\e615"
}

.icon-tubiaozhizuomoban:before {
    content: "\e649"
}

.icon-kaisuo:before {
    content: "\e6c7"
}

.icon-caidan2:before {
    content: "\e604"
}

.icon-shangchuan:before {
    content: "\e610"
}

.icon-liebiao:before {
    content: "\e612"
}

.icon-diannao-mianxing:before {
    content: "\e629"
}

.icon-xiala-:before {
    content: "\e65d"
}

.icon-shouye--copy:before {
    content: "\e904"
}

.icon-liebiao-copy:before {
    content: "\e905"
}

.icon-icon_huabanfuben-copy:before {
    content: "\e906"
}

.icon-weibiaoti103-copy:before {
    content: "\e907"
}

.icon-xiayibu:before {
    content: "\e605"
}

.icon-liebiao-copy1:before {
    content: "\e908"
}

.icon-a-tianjia:before {
    content: "\e60d"
}

.icon-bianji:before {
    content: "\e60e"
}

.icon-fenlei:before {
    content: "\e625"
}

.icon-shangsheng:before {
    content: "\e606"
}

.icon-a-fanhui1:before {
    content: "\e607"
}

.icon-fanhui:before {
    content: "\e608"
}

.icon-shipin:before {
    content: "\e609"
}

.icon-yuyinguanbi:before {
    content: "\e60a"
}

.icon-xiajiang:before {
    content: "\e60b"
}

.icon-lianjie:before {
    content: "\e60c"
}

.icon-caidan1:before {
    content: "\e790"
}

.icon-ziti:before {
    content: "\e61d"
}

.icon-zitijiacu:before {
    content: "\ec83"
}

.icon-zitixiahuaxian:before {
    content: "\ec85"
}

.icon-font-colors:before {
    content: "\eaef"
}

.icon-guanbi:before {
    content: "\e764"
}

.icon-shanchu:before {
    content: "\e635"
}

.icon-right:before {
    content: "\e603"
}

.icon-next:before {
    content: "\e600"
}

.icon-piliangshangchuan:before {
    content: "\e7be"
}

.icon-piliangshanchucopy:before {
    content: "\e61b"
}

.icon-files:before {
    content: "\e669"
}

.icon-tupianku:before {
    content: "\e68d"
}

.icon-caidan:before {
    content: "\e68c"
}

.icon-lunbotu:before {
    content: "\e62a"
}

.icon-iphone:before {
    content: "\e69c"
}

.icon-diannao1:before {
    content: "\e6b1"
}

.icon-ipad:before {
    content: "\e602"
}

.icon-iPhone12:before {
    content: "\e7f8"
}

.icon-icon-system-fi-skin:before {
    content: "\e685"
}

.icon-zihao:before {
    content: "\e6eb"
}

.icon-yanse:before {
    content: "\e67e"
}

.icon-youqitong:before {
    content: "\e65e"
}

@media only screen and (max-width:1024PX) {
    .el-dialog__header {
        padding: 1.5rem 1.5rem .75rem
    }

    .el-dialog__headerbtn,
    .el-dialog__title {
        font-size: 1.6rem
    }

    .el-dialog__body {
        padding: 1.5rem 2rem
    }

    .form-create .el-form-item {
        margin-bottom: 1.5rem
    }

    .form-create .el-form-item__label {
        font-size: 1.4rem;
        padding-right: 1.2rem
    }

    .form-create .el-input__inner {
        height: 2.5rem
    }

    .form-create .el-radio__label {
        padding-left: .5rem;
        font-size: 1.4rem
    }

    .form-create .el-radio {
        font-size: 1.4rem;
        display: block;
        margin-bottom: 1rem
    }

    .form-create .el-radio__inner {
        width: 1.4rem;
        height: 1.4rem
    }

    .form-create .el-radio__inner:after {
        width: .5rem;
        height: .5rem
    }

    .form-create .el-button {
        font-size: 1.4rem;
        padding: 1rem 1.5rem
    }
}

body,
html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.Component__Carousel__wrapper {
    width: 100%;
    height: inherit
}

.Component__Carousel__wrapper .CarouselTextTitleBox {
    display: none;
    height: auto
}

.Component__Carousel__wrapper .CarouselTextTitleBox .title {
    padding: 0 0 2rem
}

.Component__Carousel__wrapper .CarouselTextTitleBox .titWrap .entit {
    color: grey
}

.Component__Carousel__wrapper .inserCarouselWrapper,
.Component__Carousel__wrapper .inserCarouselWrapper .el-carousel__container {
    height: inherit
}

.Component__Carousel__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox {
    width: 60rem;
    height: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.Component__Carousel__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardWrapper {
    width: 21.5rem;
    height: inherit;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 3rem;
    background-color: hsla(0, 0%, 100%, .95);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.Component__Carousel__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardBox {
    width: 100%;
    color: #211714
}

.Component__Carousel__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardBox .cardTitle .title {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: .5rem
}

.Component__Carousel__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardBox .cardTitle .description {
    padding-top: 2.1rem;
    max-height: 10rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.Component__Carousel__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardBox .cardTitle .MoreButtonWrap {
    margin-top: 2.1rem
}

@media only screen and (min-width:1025PX) {
    .Component__Carousel__wrapper .MoreButtonWrap {
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease
    }

    .Component__Carousel__wrapper .MoreButtonWrap:hover {
        -webkit-transform: translateX(.5rem);
        transform: translateX(.5rem)
    }
}

.Component__Carousel__style1 .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.Component__Carousel__style1 .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardWrapper {
    background-color: hsla(0, 0%, 100%, .95)
}

.Component__Carousel__style1 .inserCarouselWrapper .el-carousel__container .el-carousel__item .cardBox .cardTitle .title .entit {
    color: grey
}

.Component__Carousel__style2 .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.Component__Carousel__style2 .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardWrapper {
    background-color: hsla(0, 0%, 100%, .95)
}

.Component__Carousel__style2 .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardBox .cardTitle .MoreButtonWrap {
    background-color: #bf134e
}

.Component__Carousel__style3 .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.Component__Carousel__style3 .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardWrapper {
    background-color: rgba(0, 0, 0, .69)
}

.Component__Carousel__style3 .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardBox .cardTitle {
    color: #fff
}

.Component__Carousel__style3 .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardBox .cardTitle .MoreButtonWrap {
    background-color: #58b9fb
}

.Component__Carousel__style4 .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.Component__Carousel__style4 .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardWrapper {
    background-color: rgba(244, 75, 45, .95)
}

.Component__Carousel__style4 .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardBox .cardTitle {
    color: #fff
}

.Component__Carousel__style4 .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardBox .cardTitle .MoreButtonWrap {
    color: #e23b1d;
    background-color: #fff
}

.Component__Carousel__style5 .CarouselTextTitleBox {
    display: block
}

.Component__Carousel__style5 .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.Component__Carousel__style5 .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardWrapper {
    background-color: hsla(0, 0%, 100%, .95)
}

.Component__Carousel__style5 .inserCarouselWrapper .el-carousel__container .el-carousel__item .cardBox .cardTitle .title .entit {
    color: grey
}

.Component__Carousel__style5 .inserCarouselWrapper .el-carousel__container .el-carousel__item .cardBox .cardTitle .MoreButtonWrap {
    display: none
}

@media only screen and (max-width:1024PX) {
    .Component__Carousel__wrapper .CarouselTextTitleBox {
        height: auto
    }

    .Component__Carousel__wrapper .CarouselTextTitleBox .title {
        font-size: 2.3rem;
        padding: 0 0 2rem
    }

    .Component__Carousel__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox {
        width: 51.2rem;
        height: 25.75rem;
        top: auto;
        left: 0;
        bottom: 3.25rem;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    .Component__Carousel__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardWrapper {
        width: 100%;
        height: inherit;
        font-size: 1.2rem
    }

    .Component__Carousel__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardWrapper .title {
        font-size: 1.8rem
    }

    .Component__Carousel__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardWrapper .entit,
    .Component__Carousel__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardWrapper .subtitle {
        font-size: 1.1rem
    }

    .Component__Carousel__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardWrapper .description {
        max-height: 10rem
    }

    .Component__Carousel__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardWrapper .MoreButtonWrap {
        width: 15rem;
        height: 4rem;
        line-height: 4rem
    }

    .Component__Carousel__style5 .CarouselTextTitleBox {
        display: block
    }

    .Component__Carousel__style5 .CarouselTextTitleBox .title {
        padding-left: 3.1rem
    }
}

@media only screen and (max-width:750PX) {
    .Component__Carousel__wrapper .CarouselTextTitleBox {
        height: auto
    }

    .Component__Carousel__wrapper .CarouselTextTitleBox .title {
        padding: 0 0 2.3rem
    }

    .Component__Carousel__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox {
        width: 37.5rem;
        height: 25.75rem;
        top: auto;
        left: 0;
        bottom: 5.8rem;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    .Component__Carousel__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardWrapper {
        width: 100%;
        padding: 0 3rem;
        height: inherit;
        font-size: 1.2rem
    }

    .Component__Carousel__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardWrapper .title {
        font-size: 1.8rem
    }

    .Component__Carousel__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardWrapper .entit,
    .Component__Carousel__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardWrapper .subtitle {
        font-size: 1.1rem
    }

    .Component__Carousel__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardWrapper .description {
        max-height: 9.8rem
    }

    .Component__Carousel__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardWrapper .MoreButtonWrap {
        width: 31.5rem;
        height: 4rem;
        line-height: 4rem
    }

    .Component__Carousel__style5 .CarouselTextTitleBox {
        display: block
    }

    .Component__Carousel__style5 .CarouselTextTitleBox .title {
        padding-left: 3rem
    }
}

.Component__Parters__wrapper {
    max-width: 67.6rem;
    height: inherit;
    margin: auto
}

.Component__Parters__wrapper .carouselWrapper,
.Component__Parters__wrapper .carouselWrapper .el-carousel__container {
    height: 4.5rem
}

.Component__Parters__wrapper .carouselWrapper .el-carousel__container .el-carousel__arrow--left {
    left: 0
}

.Component__Parters__wrapper .carouselWrapper .el-carousel__container .el-carousel__arrow--right {
    right: 0
}

.Component__Parters__wrapper .partersUlBox {
    max-width: 60rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.Component__Parters__wrapper .partersUlBox a {
    width: 9rem;
    height: 4.5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 1.2rem
}

.Component__Parters__wrapper .partersUlBox a:last-child {
    margin-right: 0
}

.Component__Parters__wrapper .partersUlBox a .imgBox {
    width: auto;
    height: auto
}

.Component__Parters__wrapper .partersUlBox a .imgBox img {
    max-width: 100%;
    max-height: 100%
}

@media only screen and (max-width:1024PX) {
    .Component__Parters__wrapper {
        max-width: 45rem
    }

    .Component__Parters__wrapper .carouselWrapper,
    .Component__Parters__wrapper .carouselWrapper .el-carousel__container {
        height: 10rem
    }

    .Component__Parters__wrapper .partersUlBox {
        max-width: 45rem
    }

    .Component__Parters__wrapper .partersUlBox a {
        width: 12.5rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: .75rem;
        margin-bottom: 1rem
    }

    .Component__Parters__wrapper .partersUlBox a:nth-child(3n) {
        margin-right: 0
    }

    .Component__Parters__wrapper .partersUlBox a:nth-child(4),
    .Component__Parters__wrapper .partersUlBox a:nth-child(5),
    .Component__Parters__wrapper .partersUlBox a:nth-child(6) {
        margin-bottom: 0
    }
}

@media only screen and (max-width:750PX) {
    .Component__Parters__wrapper {
        max-width: 31.5rem
    }

    .Component__Parters__wrapper .carouselWrapper,
    .Component__Parters__wrapper .carouselWrapper .el-carousel__container {
        height: 10rem
    }

    .Component__Parters__wrapper .partersUlBox {
        max-width: 31.5rem
    }

    .Component__Parters__wrapper .partersUlBox a {
        width: 8.5rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: .75rem;
        margin-bottom: 1rem
    }

    .Component__Parters__wrapper .partersUlBox a:nth-child(3n) {
        margin-right: 0
    }

    .Component__Parters__wrapper .partersUlBox a:nth-child(4),
    .Component__Parters__wrapper .partersUlBox a:nth-child(5),
    .Component__Parters__wrapper .partersUlBox a:nth-child(6) {
        margin-bottom: 0
    }
}

.Component__siteMap1__wrapper {
    max-width: 60rem;
    padding: 4rem 0;
    background: #fff
}

.Component__siteMap1__wrapper .siteMapTitle {
    font-size: 1.8rem;
    color: #2f2e3f;
    line-height: 2.8rem;
    text-align: center
}

.Component__siteMap1__wrapper .companyInfoList {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2.8rem
}

.Component__siteMap1__wrapper .companyInfoList .companyInfoItem {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.Component__siteMap1__wrapper .companyInfoList .companyInfoItem .companyInfoItemImage {
    width: 3.6rem;
    height: 3.6rem;
    margin: auto
}

.Component__siteMap1__wrapper .companyInfoList .companyInfoItem .companyInfoItemTitle {
    font-size: .8rem;
    color: #18294c;
    line-height: 1.1rem;
    margin-top: 1.2rem;
    text-align: center
}

.Component__siteMap1__wrapper .mapWrapper {
    width: 50rem;
    height: 18.4rem;
    margin: 3.5rem auto 0
}

@media only screen and (max-width:1024PX) {
    .Component__siteMap1__wrapper {
        max-width: 45rem
    }

    .Component__siteMap1__wrapper .siteMapTitle {
        font-size: 1.6rem;
        color: #211714;
        line-height: 2.4rem
    }

    .Component__siteMap1__wrapper .companyInfoList {
        margin-top: 3rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .Component__siteMap1__wrapper .companyInfoList .companyInfoItem {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .Component__siteMap1__wrapper .companyInfoList .companyInfoItem:nth-child(3),
    .Component__siteMap1__wrapper .companyInfoList .companyInfoItem:nth-child(4) {
        margin-top: 2.4rem
    }

    .Component__siteMap1__wrapper .companyInfoList .companyInfoItem .companyInfoItemImage {
        width: 5rem;
        height: 5rem
    }

    .Component__siteMap1__wrapper .companyInfoList .companyInfoItem .companyInfoItemTitle {
        font-size: 1.2rem;
        line-height: 1.6rem
    }

    .Component__siteMap1__wrapper .mapWrapper {
        width: 40.2rem;
        height: 26rem;
        margin: 4rem auto 0
    }
}

@media only screen and (max-width:750PX) {
    .Component__siteMap1__wrapper {
        max-width: 31.5rem
    }

    .Component__siteMap1__wrapper .siteMapTitle {
        font-size: 1.6rem;
        color: #211714;
        line-height: 2.4rem
    }

    .Component__siteMap1__wrapper .companyInfoList {
        margin-top: 3rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .Component__siteMap1__wrapper .companyInfoList .companyInfoItem {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .Component__siteMap1__wrapper .companyInfoList .companyInfoItem:nth-child(3),
    .Component__siteMap1__wrapper .companyInfoList .companyInfoItem:nth-child(4) {
        margin-top: 2.4rem
    }

    .Component__siteMap1__wrapper .companyInfoList .companyInfoItem .companyInfoItemImage {
        width: 5rem;
        height: 5rem
    }

    .Component__siteMap1__wrapper .companyInfoList .companyInfoItem .companyInfoItemTitle {
        font-size: 1.2rem;
        line-height: 1.6rem
    }

    .Component__siteMap1__wrapper .mapWrapper {
        width: 28.5rem;
        margin: 4rem auto 0
    }
}

.Component__detailsPage__wrapper {
    width: 100%
}

.Component__detailsPage__wrapper .detailsPageWrapper {
    max-width: 50rem;
    margin: 0 auto;
    position: relative
}

.Component__detailsPage__wrapper .detailsPageWrapper .tagsList {
    margin-bottom: 1rem
}

.Component__detailsPage__wrapper .detailsPageWrapper .tagsList .el-tag {
    background-color: #f9f9f9;
    border-color: rgba(0, 0, 0, .1);
    color: #999 !important;
    border-radius: 1.2rem !important;
    margin: .75rem .4rem .75rem 0
}

.Component__detailsPage__wrapper .detailsPageWrapper .detailTitle {
    font-size: 2rem;
    font-weight: 400;
    color: #211714;
    line-height: 2.8rem
}

.Component__detailsPage__wrapper .detailsPageWrapper .detailTimeWrapper {
    padding-top: 1.2rem
}

.Component__detailsPage__wrapper .detailsPageWrapper .detailTimeWrapper .iconfont_small {
    width: .8rem;
    height: .8rem;
    fill: grey;
    vertical-align: -.24em;
    overflow: hidden
}

.Component__detailsPage__wrapper .detailsPageWrapper .detailTimeWrapper .detailTime {
    font-size: .7rem;
    color: grey;
    line-height: 1.4rem
}

.Component__detailsPage__wrapper .detailsPageWrapper .detailTimeWrapper .detailAuthor {
    font-size: .7rem;
    color: grey;
    line-height: 1.4rem;
    margin-left: 1.2rem
}

.Component__detailsPage__wrapper .detailsPageWrapper .detailTimeWrapper .detailPageviews {
    display: inline-block;
    float: right;
    font-size: .7rem;
    color: grey;
    line-height: 1.4rem
}

.Component__detailsPage__wrapper .detailsPageWrapper .line {
    width: 100%;
    height: 1px;
    background: #e4e7ee;
    margin: .4rem 0 0
}

.Component__detailsPage__wrapper .detailsPageWrapper .detailOperateBtnStyle1 {
    position: absolute;
    right: -3.9rem;
    bottom: 1.5rem
}

.Component__detailsPage__wrapper .detailsPageWrapper .detailOperateBtnStyle2 {
    margin-top: 4.5rem;
    width: 100%;
    height: 2.6rem;
    background: #f4f7fb
}

.Component__detailsPage__wrapper .detailsPageWrapper .downLoad {
    margin: 1.5rem 0;
    height: 5.6rem
}

.Component__detailsPage__wrapper .detailsPageWrapper .downLoad .file_type {
    margin-right: 2%;
    -webkit-box-shadow: 0 0 .25rem rgba(0, 0, 0, .2);
    box-shadow: 0 0 .25rem rgba(0, 0, 0, .2);
    width: 48%;
    height: 5.6rem;
    background-color: transparent;
    display: inline-block;
    float: left;
    overflow: hidden
}

.Component__detailsPage__wrapper .detailsPageWrapper .downLoad .file_type .show_fileImg {
    display: inline-block;
    margin: 1.6rem .8rem 1.7rem 1.6rem;
    width: 2.3rem;
    height: 2.3rem
}

.Component__detailsPage__wrapper .detailsPageWrapper .downLoad .file_type .show_fileImg .iconfont_fileType {
    width: 2.3rem;
    height: 2.3rem;
    vertical-align: middle
}

.Component__detailsPage__wrapper .detailsPageWrapper .downLoad .file_type .show_text {
    height: 2.6rem;
    display: inline-block;
    margin: 1.5rem 0;
    vertical-align: top
}

.Component__detailsPage__wrapper .detailsPageWrapper .downLoad .file_type .show_text .text_title {
    height: 1.3rem;
    width: 12.5rem;
    font-size: .8rem;
    line-height: 1.3rem;
    color: #63626d
}

.Component__detailsPage__wrapper .detailsPageWrapper .downLoad .file_type .show_text .text_title span {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    display: block
}

.Component__detailsPage__wrapper .detailsPageWrapper .downLoad .file_type .show_text .text_size {
    height: 1.3rem;
    font-size: .6rem;
    color: #b0afb7;
    line-height: 1.3rem
}

.Component__detailsPage__wrapper .detailsPageWrapper .downLoad .file_type .downloadImg {
    display: inline-block;
    margin: 1.6rem 1.6rem 1.7rem .8rem;
    width: 2.3rem;
    height: 2.3rem;
    line-height: 2.3rem;
    text-align: center;
    float: right;
    background-color: #222;
    border-radius: 1.2rem;
    cursor: pointer
}

.Component__detailsPage__wrapper .detailsPageWrapper .downLoad .file_type .downloadImg .el-icon-download {
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    vertical-align: -.06em
}

.Component__detailsPage__wrapper .detailsPageWrapper .comments {
    margin-top: 3.2rem
}

.Component__detailsPage__wrapper .detailsPageWrapper .comments .comment-detail {
    width: 100%
}

.Component__detailsPage__wrapper .detailsPageWrapper .comments .comment-detail .view-more-wrap,
.Component__detailsPage__wrapper .detailsPageWrapper .comments .wrapper {
    background-color: #fff
}

.Component__detailsPage__style1 .detailsPageWrapper {
    background: #fff;
    padding: 3.8rem 4.8rem;
    border-radius: .5rem
}

.Component__detailsPage__style2 {
    background: #fff
}

.Component__detailsPage__style2 .detailsPageWrapper {
    width: 50rem;
    padding: 5rem 0 7rem
}

@media only screen and (max-width:1024PX) {
    .Component__detailsPage__wrapper {
        background: #fff
    }

    .Component__detailsPage__wrapper .downLoad {
        margin: 1.5rem 0 6rem !important;
        height: 5.6rem
    }

    .Component__detailsPage__wrapper .downLoad .file_type {
        -webkit-box-shadow: 0 0 .25rem rgba(0, 0, 0, .2);
        box-shadow: 0 0 .25rem rgba(0, 0, 0, .2);
        width: 100% !important;
        height: 5.6rem;
        background-color: transparent;
        display: block;
        clear: both;
        overflow: hidden;
        margin: 0 0 .8rem !important
    }

    .Component__detailsPage__wrapper .downLoad .file_type .downloadImg {
        display: inline-block;
        margin: 1.6rem 1.6rem 1.7rem .8rem;
        width: 2.3rem;
        height: 2.3rem;
        float: right
    }

    .Component__detailsPage__wrapper .detailsPageWrapper {
        width: 45rem;
        padding: 5rem 0
    }

    .Component__detailsPage__wrapper .detailsPageWrapper .detailTitle {
        font-size: 2.4rem;
        line-height: 3.35rem
    }

    .Component__detailsPage__wrapper .detailsPageWrapper .detailTimeWrapper .detailTime {
        font-size: 1.2rem;
        line-height: 2.4rem
    }

    .Component__detailsPage__wrapper .detailsPageWrapper .detailTimeWrapper .detailAuthor {
        font-size: 1.2rem;
        line-height: 2.4rem;
        margin-left: 2rem
    }

    .Component__detailsPage__wrapper .detailsPageWrapper .detailTimeWrapper .detailPageviews {
        display: inline-block;
        float: right;
        font-size: 1.2rem;
        line-height: 2.4rem
    }

    .Component__detailsPage__wrapper .detailsPageWrapper .detailOperateBtn {
        display: none
    }
}

@media only screen and (max-width:750PX) {
    .Component__detailsPage__wrapper {
        background: #fff
    }

    .Component__detailsPage__wrapper .detailsPageWrapper {
        width: 31.5rem;
        padding: 5rem 0
    }

    .Component__detailsPage__wrapper .detailsPageWrapper .detailTitle {
        font-size: 2.4rem;
        line-height: 3.35rem
    }

    .Component__detailsPage__wrapper .detailsPageWrapper .detailTimeWrapper {
        overflow: hidden
    }

    .Component__detailsPage__wrapper .detailsPageWrapper .detailTimeWrapper .detailTime {
        font-size: 1.2rem;
        line-height: 2.4rem
    }

    .Component__detailsPage__wrapper .detailsPageWrapper .detailTimeWrapper .detailAuthor {
        font-size: 1.2rem;
        line-height: 2.4rem;
        margin-left: 2rem
    }

    .Component__detailsPage__wrapper .detailsPageWrapper .detailTimeWrapper .detailPageviews {
        float: left;
        margin-right: 1rem;
        font-size: 1.2rem;
        line-height: 2.4rem;
        margin-left: 0
    }

    .Component__detailsPage__wrapper .detailsPageWrapper .detailOperateBtn {
        display: none
    }
}

.Component__ImageText__wrapper {
    width: inherit;
    height: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    font-family: Arial-Black, Arial, PingFangSC-Medium, PingFang SC;
    background-color: #fff;
    padding-top: 6rem
}

.Component__ImageText__wrapper .TextWrap {
    width: 31rem;
    height: auto;
    padding: 2.5rem 6rem 0 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.Component__ImageText__wrapper .TextWrap .introduction .titText {
    font-size: 2.4rem;
    line-height: 1
}

.Component__ImageText__wrapper .TextWrap .introduction .tip {
    font-size: 1.2rem;
    letter-spacing: 0
}

.Component__ImageText__wrapper .TextWrap .introduction .description {
    padding-top: 1.95rem;
    color: #63626d
}

.Component__ImageText__wrapper .TopImageWrap {
    display: none
}

.Component__ImageText__wrapper .TopImageWrap .decorate {
    background-color: #211714;
    z-index: -1
}

.Component__ImageText__wrapper .ImageWrap {
    width: 23rem;
    height: 28.5rem;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.Component__ImageText__wrapper .ImageWrap .decorate {
    width: 3rem;
    height: 3rem;
    left: -1.5rem;
    bottom: -1.5rem;
    background-color: #211714;
    z-index: -1
}

.Component__ImageText__style2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.Component__ImageText__style2 .ImageWrap .decorate {
    left: auto;
    right: -1.5rem
}

@media only screen and (max-width:1024PX) {
    .Component__ImageText__wrapper {
        max-width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .Component__ImageText__wrapper .TextWrap {
        width: 45rem;
        height: auto;
        padding: 2.5rem 0 0;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    .Component__ImageText__wrapper .TextWrap .introduction .titText {
        font-size: 2.4rem;
        line-height: 1
    }

    .Component__ImageText__wrapper .TextWrap .introduction .tip {
        font-size: 1.2rem;
        letter-spacing: 0
    }

    .Component__ImageText__wrapper .TextWrap .introduction .description {
        padding-top: 1.95rem;
        color: #63626d
    }

    .Component__ImageText__wrapper .ImageWrap {
        display: none
    }

    .Component__ImageText__wrapper .TopImageWrap {
        display: initial;
        width: 45rem;
        height: 30rem;
        -ms-flex-item-align: center;
        align-self: center
    }

    .Component__ImageText__wrapper .TopImageWrap .decorate {
        width: 2rem;
        height: 2rem;
        left: -1rem;
        bottom: -1rem
    }
}

@media only screen and (max-width:750PX) {
    .Component__ImageText__wrapper {
        max-width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .Component__ImageText__wrapper .TextWrap {
        width: 31.5rem;
        height: auto;
        padding: 2.5rem 0 0;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    .Component__ImageText__wrapper .TextWrap .introduction .titText {
        font-size: 3rem
    }

    .Component__ImageText__wrapper .TextWrap .introduction .tip {
        font-size: 1.8rem
    }

    .Component__ImageText__wrapper .TextWrap .introduction .description {
        padding-top: 1.95rem;
        color: #63626d
    }

    .Component__ImageText__wrapper .ImageWrap {
        display: none
    }

    .Component__ImageText__wrapper .TopImageWrap {
        display: initial;
        width: 31.5rem;
        height: 21rem;
        -ms-flex-item-align: center;
        align-self: center
    }

    .Component__ImageText__wrapper .TopImageWrap .decorate {
        width: 2rem;
        height: 2rem;
        left: -1rem;
        bottom: -1rem
    }
}

.Component__Introduction1__wrapper {
    width: 100%;
    height: inherit;
    background-color: #fff
}

.Component__Introduction1__wrapper * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.Component__Introduction1__wrapper .Introduction1_Wrapper {
    position: relative;
    width: 100%
}

.Component__Introduction1__wrapper .Introduction1_Wrapper .container {
    width: 60rem;
    text-align: center;
    position: relative;
    padding-top: .5rem;
    padding-bottom: 5.4rem
}

.Component__Introduction1__wrapper .Introduction1_Wrapper .container.pd60 {
    width: 54rem
}

.Component__Introduction1__wrapper .Introduction1_Wrapper .container .containerText .titWrap {
    text-align: center
}

.Component__Introduction1__wrapper .Introduction1_Wrapper .container .containerText .tip {
    width: 100%;
    color: #f4f5f6
}

.Component__Introduction1__wrapper .Introduction1_Wrapper .container .containerText .description {
    padding: 2.8rem 0;
    color: #211714;
    line-height: 2
}

.Component__Introduction1__wrapper .Introduction1_Wrapper .container .cardBox {
    background: #fff;
    -webkit-box-shadow: 0 .5rem 2rem 0 rgba(32, 35, 38, .1);
    box-shadow: 0 .5rem 2rem 0 rgba(32, 35, 38, .1);
    position: relative;
    padding: 2.25rem 0;
    position: absolute;
    left: 0;
    right: 0
}

.Component__Introduction1__wrapper .Introduction1_Wrapper .container .cardBox li {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    padding: 0 1rem;
    overflow: hidden
}

.Component__Introduction1__wrapper .Introduction1_Wrapper .container .cardBox li .title {
    font-size: 3rem;
    font-weight: 700
}

.Component__Introduction1__wrapper .Introduction1_Wrapper .container .cardBox li .subtitle {
    font-size: .8rem
}

.Component__Introduction1__wrapper .Introduction1_Wrapper .container .cardBox li+li {
    position: relative
}

.Component__Introduction1__wrapper .Introduction1_Wrapper .container .cardBox li+li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 20%;
    bottom: 20%;
    width: 1px;
    background: #e7e6f4
}

.Component__Introduction1__wrapper .Introduction1_Wrapper .container-bg {
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: -5rem;
    z-index: -1
}

.Component__introduction1__style1 .Introduction1_Wrapper .container .cardBox li .title {
    color: #0a57fa
}

.Component__introduction1__style2 .Introduction1_Wrapper .container .cardBox li .title {
    color: #58b9fb
}

@media only screen and (max-width:1024PX) {
    .Component__Introduction1__wrapper .Introduction1_Wrapper .container {
        width: 100%;
        padding: 0 3rem 9.45rem
    }

    .Component__Introduction1__wrapper .Introduction1_Wrapper .container.pd60 {
        width: auto
    }

    .Component__Introduction1__wrapper .Introduction1_Wrapper .container .containerText .description {
        font-size: 1.2rem;
        padding: 2rem 0;
        text-align: left
    }

    .Component__Introduction1__wrapper .Introduction1_Wrapper .container .cardBox {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        left: 3rem;
        right: 3rem
    }

    .Component__Introduction1__wrapper .Introduction1_Wrapper .container .cardBox li {
        width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        margin-bottom: 1.5rem
    }

    .Component__Introduction1__wrapper .Introduction1_Wrapper .container .cardBox li:nth-child(3):before {
        content: none
    }

    .Component__Introduction1__wrapper .Introduction1_Wrapper .container .cardBox li .title {
        font-size: 3rem;
        font-weight: 700
    }

    .Component__Introduction1__wrapper .Introduction1_Wrapper .container .cardBox li .subtitle {
        font-size: 1.2rem
    }
}

@media only screen and (max-width:750PX) {
    .Component__Introduction1__wrapper .Introduction1_Wrapper .container {
        width: 100%;
        padding: 0 3rem 11.05rem
    }

    .Component__Introduction1__wrapper .Introduction1_Wrapper .container.pd60 {
        width: auto
    }

    .Component__Introduction1__wrapper .Introduction1_Wrapper .container .containerText .description {
        font-size: 1.2rem;
        padding: 2rem 0;
        text-align: left
    }

    .Component__Introduction1__wrapper .Introduction1_Wrapper .container .cardBox {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        left: 3rem;
        right: 3rem
    }

    .Component__Introduction1__wrapper .Introduction1_Wrapper .container .cardBox li {
        width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        margin-bottom: 1.5rem
    }

    .Component__Introduction1__wrapper .Introduction1_Wrapper .container .cardBox li:nth-child(3):before {
        content: none
    }

    .Component__Introduction1__wrapper .Introduction1_Wrapper .container .cardBox li .title {
        font-size: 3rem;
        font-weight: 700
    }

    .Component__Introduction1__wrapper .Introduction1_Wrapper .container .cardBox li .subtitle {
        font-size: 1.2rem
    }
}

.Component__contactMap__wrapper {
    max-width: 60rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.Component__contactMap__wrapper .mapControl {
    width: 37.7rem;
    height: 23.9rem;
    border: 1px solid #fe6a00
}

@media only screen and (max-width:1024PX) {
    .Component__contactMap__wrapper {
        max-width: 100%
    }

    .Component__contactMap__wrapper .mapControl {
        width: 37.7rem;
        height: 23.9rem
    }
}

@media only screen and (max-width:750PX) {
    .Component__contactMap__wrapper .mapControl {
        width: 15rem;
        height: 15rem
    }
}

.Component__ImageText1__wrapper {
    background: #fff
}

.Component__ImageText1__wrapper .imageText1Wrapper {
    width: 60rem;
    margin: auto
}

.Component__ImageText1__wrapper .imageText1Wrapper .imageText1Title {
    padding-top: .5rem
}

.Component__ImageText1__wrapper .imageText1Wrapper .imageText1Title .titWrap {
    text-align: center;
    padding-top: .5rem
}

.Component__ImageText1__wrapper .imageText1Wrapper .imageText1Title .titText {
    font-size: 1.8rem;
    color: #211714;
    line-height: 2.5rem
}

.Component__ImageText1__wrapper .imageText1Wrapper .imageText1Title .tip {
    font-size: 3.6rem;
    color: #e5e8eb;
    line-height: 3.6rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.Component__ImageText1__wrapper .imageText1Wrapper .imageTextList {
    width: 100%;
    height: 39.75rem;
    position: relative;
    margin-top: 3.5rem
}

.Component__ImageText1__wrapper .imageText1Wrapper .imageTextList .imageTextItem {
    width: 29.5rem;
    position: absolute;
    overflow: hidden
}

.Component__ImageText1__wrapper .imageText1Wrapper .imageTextList .imageTextItem:first-child {
    height: 22.1rem;
    left: 0;
    top: 0
}

.Component__ImageText1__wrapper .imageText1Wrapper .imageTextList .imageTextItem:nth-child(2) {
    height: 16.6rem;
    right: 0;
    top: 0
}

.Component__ImageText1__wrapper .imageText1Wrapper .imageTextList .imageTextItem:nth-child(3) {
    height: 16.6rem;
    left: 0;
    bottom: 0
}

.Component__ImageText1__wrapper .imageText1Wrapper .imageTextList .imageTextItem:nth-child(4) {
    height: 22.1rem;
    right: 0;
    bottom: 0
}

.Component__ImageText1__wrapper .imageText1Wrapper .imageTextList .imageTextItem .imageTextTitle {
    position: absolute;
    top: 1.8rem;
    left: 1.8rem;
    font-size: 1.2rem;
    color: #fff;
    line-height: 1.65rem;
    z-index: 3
}

.Component__ImageText1__wrapper .imageText1Wrapper .imageTextList .imageTextItem .imageTextSubTitle {
    position: absolute;
    top: 4.1rem;
    left: 1.8rem;
    font-size: .8rem;
    color: #fff;
    line-height: 1.1rem
}

.Component__ImageText1__wrapper .imageText1Wrapper .imageTextList .imageTextItem .imageTextMore {
    position: absolute;
    top: 6.8rem;
    left: 1.8rem;
    height: 1.6rem;
    padding: 0 .8rem;
    border: 1px solid #fff;
    border-radius: .8rem;
    font-size: .7rem;
    line-height: 1.6rem;
    color: #fff
}

.Component__ImageText1__wrapper .imageText1Wrapper .imageTextList .imageTextItem .imageHoverWrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.2, 0, .2, 1);
    transition: -webkit-transform .5s cubic-bezier(.2, 0, .2, 1);
    transition: transform .5s cubic-bezier(.2, 0, .2, 1);
    transition: transform .5s cubic-bezier(.2, 0, .2, 1), -webkit-transform .5s cubic-bezier(.2, 0, .2, 1);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    background: rgba(0, 0, 0, .3)
}

.Component__ImageText1__wrapper .imageText1Wrapper .imageTextList .imageTextItem .imageHoverWrapper .imageTextDescription {
    display: none;
    position: absolute;
    width: 25.9rem;
    top: 4.65rem;
    left: 1.8rem;
    font-size: .7rem;
    color: #fff;
    line-height: 1.2rem
}

.Component__ImageText1__wrapper .imageText1Wrapper .imageTextList .imageTextItem:hover .imageHoverWrapper {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.Component__ImageText1__wrapper .imageText1Wrapper .imageTextList .imageTextItem:hover .imageHoverWrapper .imageTextDescription {
    display: block
}

@media only screen and (max-width:1024PX) {
    .Component__ImageText1__wrapper .imageText1Wrapper {
        width: 45rem
    }

    .Component__ImageText1__wrapper .imageText1Wrapper .imageTextList {
        height: 30rem;
        margin-top: 4rem
    }

    .Component__ImageText1__wrapper .imageText1Wrapper .imageTextList .imageTextItem {
        width: 22rem
    }

    .Component__ImageText1__wrapper .imageText1Wrapper .imageTextList .imageTextItem:first-child,
    .Component__ImageText1__wrapper .imageText1Wrapper .imageTextList .imageTextItem:nth-child(4) {
        height: 16.5rem
    }

    .Component__ImageText1__wrapper .imageText1Wrapper .imageTextList .imageTextItem:nth-child(2),
    .Component__ImageText1__wrapper .imageText1Wrapper .imageTextList .imageTextItem:nth-child(3) {
        height: 12.4rem
    }

    .Component__ImageText1__wrapper .imageText1Wrapper .imageTextList .imageTextItem .imageTextTitle {
        font-size: 1.8rem;
        line-height: 2.5rem
    }

    .Component__ImageText1__wrapper .imageText1Wrapper .imageTextList .imageTextItem .imageTextSubTitle {
        top: 4.4rem;
        font-size: 1.1rem
    }

    .Component__ImageText1__wrapper .imageText1Wrapper .imageTextList .imageTextItem .imageTextMore {
        top: 7.1rem;
        height: 2.2rem;
        padding: 0 1rem;
        border-radius: 1.1rem;
        font-size: 1.05rem;
        line-height: 2.2rem
    }

    .Component__ImageText1__wrapper .imageText1Wrapper .imageTextList .imageTextItem .imageHoverWrapper {
        display: none
    }
}

@media only screen and (max-width:750PX) {
    .Component__ImageText1__wrapper .imageText1Wrapper {
        width: 31.5rem
    }

    .Component__ImageText1__wrapper .imageText1Wrapper .imageTextList {
        height: auto;
        margin-top: 4rem
    }

    .Component__ImageText1__wrapper .imageText1Wrapper .imageTextList .imageTextItem {
        position: relative;
        width: 31.5rem;
        margin-top: 2rem
    }

    .Component__ImageText1__wrapper .imageText1Wrapper .imageTextList .imageTextItem:first-child,
    .Component__ImageText1__wrapper .imageText1Wrapper .imageTextList .imageTextItem:nth-child(4) {
        height: 23.6rem
    }

    .Component__ImageText1__wrapper .imageText1Wrapper .imageTextList .imageTextItem:nth-child(2),
    .Component__ImageText1__wrapper .imageText1Wrapper .imageTextList .imageTextItem:nth-child(3) {
        height: 17.75rem
    }

    .Component__ImageText1__wrapper .imageText1Wrapper .imageTextList .imageTextItem .imageTextTitle {
        font-size: 1.8rem;
        line-height: 2.5rem
    }

    .Component__ImageText1__wrapper .imageText1Wrapper .imageTextList .imageTextItem .imageTextSubTitle {
        top: 4.4rem;
        font-size: 1.1rem
    }

    .Component__ImageText1__wrapper .imageText1Wrapper .imageTextList .imageTextItem .imageTextMore {
        top: 7.1rem;
        height: 2.2rem;
        padding: 0 1rem;
        border-radius: 1.1rem;
        font-size: 1.05rem;
        line-height: 2.2rem
    }

    .Component__ImageText1__wrapper .imageText1Wrapper .imageTextList .imageTextItem .imageHoverWrapper {
        display: none
    }
}

.Component__Enlist__wrapper {
    font-family: PingFangSC-Semibold\, PingFang SC;
    width: inherit;
    height: inherit
}

.Component__Enlist__wrapper .enListBox {
    width: inherit;
    height: 17.5rem
}

.Component__Enlist__wrapper .enListBox .imgBox {
    position: absolute;
    width: 100%;
    height: 100%
}

.Component__Enlist__wrapper .enListBox .contentBox {
    width: 25.7rem;
    text-align: center
}

.Component__Enlist__wrapper .enListBox .contentBox .enlistTitle .titWrap {
    text-align: center
}

.Component__Enlist__wrapper .enListBox .contentBox .enlistTitle .titText {
    font-family: inherit;
    font-size: 1.8rem;
    font-weight: 700;
    color: #fff
}

.Component__Enlist__wrapper .enListBox .contentBox .enlistTitle .subtitle {
    margin-top: .4rem;
    font-family: HelveticaNeue;
    font-size: .7rem;
    color: #fff;
    letter-spacing: .5rem
}

.Component__Enlist__wrapper .enListBox .contentBox .buttonBox {
    background-color: #0a57fa;
    width: 9rem;
    height: 2.4rem;
    margin-top: 2rem
}

.Component__Enlist__wrapper .enListBox .contentBox .buttonBox .buttonText {
    cursor: pointer;
    height: inherit
}

.Component__Enlist__wrapper .enListBox .contentBox .buttonBox .buttonText .titWrap {
    position: relative;
    top: .2rem;
    text-align: center;
    font-size: .7rem;
    font-weight: 500;
    color: #fff
}

@media only screen and (max-width:750PX) {
    .Component__Enlist__wrapper .enListBox .contentBox .enlistTitle .titText {
        font-size: 2.4rem
    }

    .Component__Enlist__wrapper .enListBox .contentBox .enlistTitle .subtitle {
        font-size: 1.2rem;
        letter-spacing: .9rem
    }
}

.Component__Introduction3__wrapper *,
.Component__Introduction3__wrapper :after,
.Component__Introduction3__wrapper :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.Component__Introduction3__wrapper {
    width: 100%;
    height: inherit
}

.Component__Introduction3__wrapper .Introduction_Wrapper {
    position: relative;
    width: 100%;
    background-color: #f1f1f1
}

.Component__Introduction3__wrapper .Introduction_Wrapper .container {
    width: 60rem;
    position: relative
}

.Component__Introduction3__wrapper .Introduction_Wrapper .container .containerText {
    margin-bottom: .9rem
}

.Component__Introduction3__wrapper .Introduction_Wrapper .container .containerText .title {
    font-size: 2.4rem;
    font-weight: 900
}

.Component__Introduction3__wrapper .Introduction_Wrapper .container .containerText .tip {
    font-size: 1.2rem
}

.Component__Introduction3__wrapper .Introduction_Wrapper .container .cardList li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2.4rem 0
}

.Component__Introduction3__wrapper .Introduction_Wrapper .container .cardList li .img {
    width: 15.5rem;
    height: 15.5rem;
    margin: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden
}

.Component__Introduction3__wrapper .Introduction_Wrapper .container .cardList li .content {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    padding-left: 5rem;
    margin: auto 0
}

.Component__Introduction3__wrapper .Introduction_Wrapper .container .cardList li .content .title {
    font-size: 1.2rem
}

.Component__Introduction3__wrapper .Introduction_Wrapper .container .cardList li .content .subtitle {
    font-size: .7rem;
    color: #878787
}

.Component__Introduction3__wrapper .Introduction_Wrapper .container .cardList li .content .description {
    margin-top: 1.6rem;
    font-size: .7rem;
    color: #494949
}

.Component__Introduction3__wrapper .Introduction_Wrapper .container .cardList li+li {
    border-top: 1px solid #dfdfdf
}

@media only screen and (min-width:1025PX) {
    .Component__Introduction3__wrapper .imgInner {
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease
    }

    .Component__Introduction3__wrapper .imgInner:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@media only screen and (max-width:1024PX) {
    .Component__Introduction3__wrapper .Introduction_Wrapper .container {
        width: 100%;
        position: relative;
        padding: 0 3rem
    }

    .Component__Introduction3__wrapper .Introduction_Wrapper .container .containerText {
        margin-bottom: 1.3rem
    }

    .Component__Introduction3__wrapper .Introduction_Wrapper .container .containerText .title {
        font-size: 3rem;
        font-weight: 900
    }

    .Component__Introduction3__wrapper .Introduction_Wrapper .container .containerText .tip {
        font-size: 1.2rem
    }

    .Component__Introduction3__wrapper .Introduction_Wrapper .container .cardList li {
        display: block;
        padding: 2.8rem 0
    }

    .Component__Introduction3__wrapper .Introduction_Wrapper .container .cardList li .img {
        width: 45rem;
        height: 45rem;
        margin: 0 auto 2.4rem
    }

    .Component__Introduction3__wrapper .Introduction_Wrapper .container .cardList li .content {
        padding-left: 0
    }

    .Component__Introduction3__wrapper .Introduction_Wrapper .container .cardList li .content .title {
        font-size: 1.8rem
    }

    .Component__Introduction3__wrapper .Introduction_Wrapper .container .cardList li .content .subtitle {
        font-size: 1.2rem
    }

    .Component__Introduction3__wrapper .Introduction_Wrapper .container .cardList li .content .description {
        margin-top: 1.2rem;
        font-size: .7rem
    }

    .Component__Introduction3__wrapper .Introduction_Wrapper .container .cardList li+li {
        border-top: 1px solid #dfdfdf
    }
}

@media only screen and (max-width:750PX) {
    .Component__Introduction3__wrapper .Introduction_Wrapper .container {
        width: 100%;
        position: relative;
        padding: 0 3rem
    }

    .Component__Introduction3__wrapper .Introduction_Wrapper .container .containerText {
        margin-bottom: 1rem
    }

    .Component__Introduction3__wrapper .Introduction_Wrapper .container .containerText .title {
        font-size: 3rem;
        font-weight: 900
    }

    .Component__Introduction3__wrapper .Introduction_Wrapper .container .containerText .tip {
        font-size: 1.2rem
    }

    .Component__Introduction3__wrapper .Introduction_Wrapper .container .cardList li {
        display: block;
        padding: 2.8rem 0
    }

    .Component__Introduction3__wrapper .Introduction_Wrapper .container .cardList li .img {
        width: 31.5rem;
        height: 31.5rem;
        margin: 0 auto 2.4rem
    }

    .Component__Introduction3__wrapper .Introduction_Wrapper .container .cardList li .content {
        padding-left: 0
    }

    .Component__Introduction3__wrapper .Introduction_Wrapper .container .cardList li .content .title {
        font-size: 1.8rem
    }

    .Component__Introduction3__wrapper .Introduction_Wrapper .container .cardList li .content .subtitle {
        font-size: 1.2rem
    }

    .Component__Introduction3__wrapper .Introduction_Wrapper .container .cardList li .content .description {
        margin-top: 1.2rem;
        font-size: .7rem
    }

    .Component__Introduction3__wrapper .Introduction_Wrapper .container .cardList li+li {
        border-top: 1px solid #dfdfdf
    }
}

.Component__Introduction2__wrapper {
    width: 100%;
    height: inherit
}

.Component__Introduction2__wrapper *,
.Component__Introduction2__wrapper :after,
.Component__Introduction2__wrapper :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.Component__Introduction2__wrapper .Introduction2_Wrapper {
    position: relative;
    width: 100%;
    background-color: #f2f2f2
}

.Component__Introduction2__wrapper .Introduction2_Wrapper .container {
    width: 60rem;
    position: relative
}

.Component__Introduction2__wrapper .Introduction2_Wrapper .container .containerText .title {
    padding-right: 5rem
}

.Component__Introduction2__wrapper .Introduction2_Wrapper .container .containerText .tip {
    color: #5b5b5b
}

.Component__Introduction2__wrapper .Introduction2_Wrapper .container .containerText .description {
    padding: 1.3rem 0 3rem;
    color: #5b5b5b;
    line-height: 2
}

.Component__Introduction2__wrapper .Introduction2_Wrapper .container .cardBox {
    margin: 0 -.5rem
}

.Component__Introduction2__wrapper .Introduction2_Wrapper .container .cardBox li {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin: 0 .5rem;
    overflow: hidden;
    background: #fff;
    padding: 2.4rem 1.8rem;
    position: relative;
    cursor: pointer
}

.Component__Introduction2__wrapper .Introduction2_Wrapper .container .cardBox li:hover {
    -webkit-box-shadow: 0 .5rem 1.5rem 0 rgba(0, 94, 79, .1);
    box-shadow: 0 .5rem 1.5rem 0 rgba(0, 94, 79, .1)
}

.Component__Introduction2__wrapper .Introduction2_Wrapper .container .cardBox li .img {
    width: 4.5rem;
    height: 4.5rem;
    margin: auto;
    position: relative;
    z-index: 2
}

.Component__Introduction2__wrapper .Introduction2_Wrapper .container .cardBox li .title {
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.3rem;
    padding: .3rem .5rem;
    background: #feda4a;
    margin: 1.5rem 0 1.2rem;
    position: relative;
    z-index: 2
}

.Component__Introduction2__wrapper .Introduction2_Wrapper .container .cardBox li .subtitle {
    font-size: .8rem;
    position: relative;
    z-index: 2
}

.Component__Introduction2__wrapper .Introduction2_Wrapper .container .cardBox li .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.Component__Introduction2__wrapper .Introduction2_Wrapper .container .cardBox li .bg .Component__ImageLayout__wrapper {
    background-size: 100% 100%
}

.Component__Introduction2__wrapper .Introduction2_Wrapper .container .moreBtn {
    position: absolute;
    right: 0;
    top: 1em;
    background-color: #feda4a;
    cursor: pointer;
    padding: 0;
    outline: none;
    border: none
}

.Component__Introduction2__wrapper .Introduction2_Wrapper .container .moreBtn:hover:after {
    background-position-x: 2rem
}

.Component__Introduction2__wrapper .Introduction2_Wrapper .container .moreBtn:after {
    content: "";
    display: block;
    width: 2rem;
    height: 2rem;
    margin: .2rem;
    background-size: 100%;
    background-position: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABSCAMAAADAfmKIAAAAAXNSR0IArs4c6QAAAIRQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////INvm0QAAACt0Uk5TAAEEBQgJDg8VFh4fKCk0QU9VY2p9kKChsbbAw83P2Nri5Ovs8vX4+fz9/rCKIJsAAAB7SURBVBgZ7cHXEcIwAETBI2ebnMEEk/z6748S5EH6YeZ2ZWZmZma/m+dKYvYpMyWQveA2VrzWDrgMFa9zAM59xeudgGNX8QYFsG8r3ugKbJuKN7kDm4biZSWwUgL5E1gqgekbWCjkEVYBlUKoSSHUpJB1TTIzMzOzP/MFNy8fFevNIhcAAAAASUVORK5CYII=);
    -webkit-transition: background-position .2s ease-in-out;
    transition: background-position .2s ease-in-out
}

.Component__Introduction2__wrapper .Introduction2_Wrapper .container-bg {
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1;
    background: #f2f2f2
}

@media only screen and (min-width:1025PX) {
    .Component__Introduction2__wrapper .cardBoxItem {
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease
    }

    .Component__Introduction2__wrapper .cardBoxItem:hover {
        -webkit-transform: translateY(-.5rem);
        transform: translateY(-.5rem)
    }
}

.Component__introduction2__style1 .Introduction2_Wrapper .container .cardBox li:hover {
    -webkit-box-shadow: 0 .5rem 1.5rem 0 rgba(0, 94, 79, .1);
    box-shadow: 0 .5rem 1.5rem 0 rgba(0, 94, 79, .1)
}

.Component__introduction2__style1 .Introduction2_Wrapper .container .cardBox li .title {
    background: #feda4a
}

.Component__introduction2__style1 .Introduction2_Wrapper .container .moreBtn {
    background-color: #feda4a
}

.Component__introduction2__style2 .Introduction2_Wrapper .container .cardBox li:hover {
    -webkit-box-shadow: 0 .7rem 2rem 0 rgba(0, 84, 177, .1);
    box-shadow: 0 .7rem 2rem 0 rgba(0, 84, 177, .1)
}

.Component__introduction2__style2 .Introduction2_Wrapper .container .cardBox li .title {
    color: #fff;
    background: #04aaf9
}

.Component__introduction2__style2 .Introduction2_Wrapper .container .moreBtn {
    background-color: #04aaf9
}

.Component__introduction2__style3 .Introduction2_Wrapper .container .cardBox li:hover {
    background-color: #222;
    -webkit-box-shadow: 0 .5rem 1.5rem 0 rgba(0, 94, 79, .1);
    box-shadow: 0 .5rem 1.5rem 0 rgba(0, 94, 79, .1)
}

.Component__introduction2__style3 .Introduction2_Wrapper .container .cardBox li .title {
    color: #fff;
    background: #f99455
}

.Component__introduction2__style3 .Introduction2_Wrapper .container .cardBox li .subtitle {
    color: #63626d
}

.Component__introduction2__style3 .Introduction2_Wrapper .container .moreBtn {
    background-color: #f99455
}

.Component__introduction2__style4 .Introduction2_Wrapper .container .cardBox li {
    background: #eee;
    border-radius: .5rem
}

.Component__introduction2__style4 .Introduction2_Wrapper .container .cardBox li:hover {
    -webkit-box-shadow: 0 .3rem 0 0 rgba(0, 0, 0, .4);
    box-shadow: 0 .3rem 0 0 rgba(0, 0, 0, .4)
}

.Component__introduction2__style4 .Introduction2_Wrapper .container .cardBox li .title {
    color: #b1e720;
    background: #fff
}

.Component__introduction2__style4 .Introduction2_Wrapper .container .cardBox li .sutitle {
    color: #fff
}

.Component__introduction2__style4 .Introduction2_Wrapper .container .moreBtn {
    background-color: #b1e720
}

@media only screen and (max-width:1024PX) {
    .Component__Introduction2__wrapper .Introduction2_Wrapper .container {
        width: 100%;
        padding: 0 3rem
    }

    .Component__Introduction2__wrapper .Introduction2_Wrapper .container .containerText .title {
        font-size: 2.4rem
    }

    .Component__Introduction2__wrapper .Introduction2_Wrapper .container .containerText .tip {
        font-size: 1.2rem
    }

    .Component__Introduction2__wrapper .Introduction2_Wrapper .container .containerText .description {
        font-size: 1.2rem;
        padding: 2.4rem 0 4rem
    }

    .Component__Introduction2__wrapper .Introduction2_Wrapper .container .cardBox {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -.5rem
    }

    .Component__Introduction2__wrapper .Introduction2_Wrapper .container .cardBox li {
        width: 22.1rem;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        padding: 3.2rem 2.4rem;
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
        margin: 0 .5rem 1rem
    }

    .Component__Introduction2__wrapper .Introduction2_Wrapper .container .cardBox li:hover {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .Component__Introduction2__wrapper .Introduction2_Wrapper .container .cardBox li .img {
        width: 6.5rem;
        height: 6.5rem
    }

    .Component__Introduction2__wrapper .Introduction2_Wrapper .container .cardBox li .title {
        font-size: 1.6rem;
        font-weight: 600;
        line-height: 2.2rem;
        padding: .9rem 1rem;
        margin: 2.4rem 0 1.6rem
    }

    .Component__Introduction2__wrapper .Introduction2_Wrapper .container .cardBox li .subtitle {
        font-size: 1.2rem
    }

    .Component__Introduction2__wrapper .Introduction2_Wrapper .container .moreBtn {
        right: 3.1rem
    }

    .Component__Introduction2__wrapper .Introduction2_Wrapper .container .moreBtn:hover:after {
        background-position-x: 0
    }

    .Component__Introduction2__wrapper .Introduction2_Wrapper .container .moreBtn:after {
        content: "";
        display: block;
        width: 2.4rem;
        height: 2.4rem;
        margin: .8rem
    }

    .Component__introduction2__style3 .Introduction2_Wrapper .container .cardBox li:hover {
        background-color: #fff
    }
}

@media only screen and (max-width:750PX) {
    .Component__Introduction2__wrapper .Introduction2_Wrapper .container {
        width: 100%;
        padding: 0 3rem
    }

    .Component__Introduction2__wrapper .Introduction2_Wrapper .container .containerText .title {
        font-size: 2.4rem
    }

    .Component__Introduction2__wrapper .Introduction2_Wrapper .container .containerText .tip {
        font-size: 1.2rem
    }

    .Component__Introduction2__wrapper .Introduction2_Wrapper .container .containerText .description {
        font-size: 1.2rem;
        padding: 2.4rem 0 4rem
    }

    .Component__Introduction2__wrapper .Introduction2_Wrapper .container .cardBox {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0
    }

    .Component__Introduction2__wrapper .Introduction2_Wrapper .container .cardBox li {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        padding: 3.2rem 4.75rem;
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
        margin: 0 0 1rem
    }

    .Component__Introduction2__wrapper .Introduction2_Wrapper .container .cardBox li:hover {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .Component__Introduction2__wrapper .Introduction2_Wrapper .container .cardBox li .img {
        width: 6.5rem;
        height: 6.5rem
    }

    .Component__Introduction2__wrapper .Introduction2_Wrapper .container .cardBox li .title {
        font-size: 1.6rem;
        font-weight: 600;
        line-height: 2.2rem;
        padding: .9rem 1rem;
        margin: 2.4rem 0 1.6rem
    }

    .Component__Introduction2__wrapper .Introduction2_Wrapper .container .cardBox li .subtitle {
        font-size: 1.2rem
    }

    .Component__Introduction2__wrapper .Introduction2_Wrapper .container .moreBtn:hover:after {
        background-position-x: 0
    }

    .Component__Introduction2__wrapper .Introduction2_Wrapper .container .moreBtn:after {
        content: "";
        display: block;
        width: 2.4rem;
        height: 2.4rem;
        margin: .8rem
    }

    .Component__introduction2__style3 .Introduction2_Wrapper .container .cardBox li:hover {
        background-color: #fff
    }
}

.Component__Carousel1__wrapper {
    width: 100%;
    height: inherit
}

.Component__Carousel1__wrapper .inserCarouselWrapper,
.Component__Carousel1__wrapper .inserCarouselWrapper .el-carousel__container {
    height: inherit
}

.Component__Carousel1__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox {
    width: 60rem;
    height: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.Component__Carousel1__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardWrapper {
    width: 18.9rem;
    height: inherit;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    background-color: transparent
}

.Component__Carousel1__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardBox {
    width: 100%;
    color: #1b1b1b
}

.Component__Carousel1__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardBox .cardTitle .title {
    padding-bottom: .5rem;
    font-size: 2.7rem;
    line-height: 3.4rem
}

.Component__Carousel1__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardBox .cardTitle .title .tip {
    color: rgba(33, 23, 20, .04);
    top: -3rem;
    font-size: 5rem
}

.Component__Carousel1__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardBox .cardTitle .summary {
    color: grey;
    font-size: .9rem;
    padding-top: 0
}

.Component__Carousel1__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardBox .cardTitle .MoreButtonWrap {
    margin-top: 1.8rem
}

@media only screen and (min-width:1025PX) {
    .Component__Carousel1__wrapper .MoreButtonWrap {
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease
    }

    .Component__Carousel1__wrapper .MoreButtonWrap:hover {
        -webkit-transform: translateX(.5rem);
        transform: translateX(.5rem)
    }
}

.Component__Carousel1__style1 .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.Component__Carousel1__style1 .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardWrapper {
    background-color: transparent
}

.Component__Carousel1__style2 .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox {
    display: none
}

@media only screen and (max-width:1024PX) {
    .Component__Carousel1__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox {
        width: 100%;
        height: auto;
        display: initial;
        top: 0;
        left: 0;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    .Component__Carousel1__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardWrapper {
        width: auto;
        height: auto;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 7.5rem 0 0 7.5rem;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    .Component__Carousel1__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardBox {
        width: auto
    }

    .Component__Carousel1__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardBox .cardTitle .title {
        padding-bottom: .5rem;
        font-size: 2.7rem;
        line-height: 3.4rem
    }

    .Component__Carousel1__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardBox .cardTitle .title .tip {
        top: -3rem;
        font-size: 5rem
    }

    .Component__Carousel1__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardBox .cardTitle .summary {
        font-size: 1.2rem
    }

    .Component__Carousel1__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardBox .cardTitle .MoreButtonWrap {
        width: 13.2rem;
        height: 4rem;
        line-height: 4rem;
        margin-top: 1.8rem;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    .Component__Carousel1__style2 .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox {
        display: none
    }
}

@media only screen and (max-width:750PX) {
    .Component__Carousel1__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox {
        width: 37.5rem;
        display: initial;
        top: 6.5rem;
        left: 0;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    .Component__Carousel1__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardWrapper {
        width: auto;
        height: auto;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 1.5rem 0 0 4.5rem;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    .Component__Carousel1__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardBox .cardTitle .title {
        padding-bottom: .5rem;
        font-size: 2.7rem;
        line-height: 3.4rem
    }

    .Component__Carousel1__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardBox .cardTitle .title .tip {
        top: -3rem;
        font-size: 5rem
    }

    .Component__Carousel1__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardBox .cardTitle .summary {
        font-size: 1.2rem
    }

    .Component__Carousel1__wrapper .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox .cardBox .cardTitle .MoreButtonWrap {
        width: 13.2rem;
        height: 4rem;
        margin-top: 1.8rem;
        font-size: 1.2rem
    }

    .Component__Carousel1__style2 .inserCarouselWrapper .el-carousel__container .el-carousel__item .descSummaryBox {
        display: none
    }
}

.Component__PoweredBy__wrapper {
    height: inherit
}

.Component__PoweredBy__wrapper .Container {
    width: 60rem;
    margin: 0 auto;
    font-size: .6rem;
    color: #989898;
    padding: .5rem 0
}

.Component__PoweredBy__wrapper .Container .link {
    color: #989898
}

.Component__PoweredBy__wrapper .Container .cell {
    display: inline
}

.Component__PoweredBy__wrapper .Container .cell:first-child:after {
    content: "|";
    padding: 0 .3rem
}

.Component__PoweredBy__wrapper .Container .cell .iconsvg {
    -webkit-transform: translateY(.1rem);
    transform: translateY(.1rem);
    height: .6rem;
    width: 2.5rem
}

.Component__PoweredBy__wrapper .Container .divider {
    padding: 0 .3rem
}

.Component__PoweredBy__wrapper .Container .PoweredBy {
    text-align: center;
    padding: .25rem 0
}

.Component__PoweredBy__wrapper .Container .IPv6 {
    color: #989898;
    border: 1px solid #989898;
    border-radius: .2rem;
    padding: 1px .1rem;
    margin-left: .3rem;
    font-weight: 400
}

@media only screen and (max-width:1024PX) {
    .Component__PoweredBy__wrapper .Container {
        width: 100%;
        font-size: 1.2rem;
        padding: 1rem 0;
        line-height: 2
    }

    .Component__PoweredBy__wrapper .Container .cell {
        display: block
    }

    .Component__PoweredBy__wrapper .Container .cell:first-child:after {
        content: none
    }

    .Component__PoweredBy__wrapper .Container .cell .iconsvg {
        height: 1.2rem;
        width: 5rem
    }

    .Component__PoweredBy__wrapper .Container .IPv6 {
        padding: .1rem .2rem;
        border-radius: .4rem
    }
}

@media only screen and (max-width:750PX) {
    .Component__PoweredBy__wrapper .Container {
        width: 100%;
        font-size: 1.4rem;
        padding: 1.5rem 0;
        line-height: 2
    }

    .Component__PoweredBy__wrapper .Container .cell {
        display: block
    }

    .Component__PoweredBy__wrapper .Container .cell:first-child:after {
        content: none
    }

    .Component__PoweredBy__wrapper .Container .cell .iconsvg {
        height: 1.2rem;
        width: 5rem
    }

    .Component__PoweredBy__wrapper .Container .IPv6 {
        padding: .1rem .2rem;
        border-radius: .4rem
    }
}

.Component__Carousel3__wrapper {
    width: 100%;
    background: #fff
}

.Component__Carousel3__wrapper .carouselWrapper {
    width: 60rem;
    margin: auto
}

.Component__Carousel3__wrapper .carouselWrapper .carouselTitle .titleStyle {
    padding: 0
}

.Component__Carousel3__wrapper .carouselWrapper .carouselTitle .titWrap {
    font-size: 1.8rem;
    color: #211714
}

.Component__Carousel3__wrapper .carouselWrapper .carouselTitle .titWrap .entit {
    font-size: .7rem;
    color: grey
}

.Component__Carousel3__wrapper .carouselWrapper .carousel {
    width: 60rem;
    height: 19.4rem;
    position: relative;
    margin-top: 2.4rem
}

.Component__Carousel3__wrapper .carouselWrapper .carousel .el-carousel__container,
.Component__Carousel3__wrapper .carouselWrapper .carousel .el-carousel__container .carouselItem {
    height: 19.4rem
}

.Component__Carousel3__wrapper .carouselWrapper .carousel .el-carousel__container .carouselItem .carouselImageWrapper {
    position: absolute;
    width: 15.5rem;
    height: 15.5rem;
    top: 0;
    left: 3.4rem
}

.Component__Carousel3__wrapper .carouselWrapper .carousel .el-carousel__container .carouselItem .carouselImageWrapper .imageBackground {
    position: absolute;
    right: -1.5rem;
    bottom: -1.5rem;
    width: 15.5rem;
    height: 15.5rem;
    border: 1px solid #ccc;
    z-index: -1
}

.Component__Carousel3__wrapper .carouselWrapper .carousel .el-carousel__container .carouselItem .carouselTitleWrapper {
    position: absolute;
    left: 23.9rem;
    top: 4.3rem
}

.Component__Carousel3__wrapper .carouselWrapper .carousel .el-carousel__container .carouselItem .carouselTitleWrapper .titleStyle {
    padding: 0
}

.Component__Carousel3__wrapper .carouselWrapper .carousel .el-carousel__container .carouselItem .carouselTitleWrapper .titWrap {
    font-size: 1.2rem;
    color: #211714
}

.Component__Carousel3__wrapper .carouselWrapper .carousel .el-carousel__container .carouselItem .carouselTitleWrapper .subtitle {
    font-size: .7rem;
    color: #878787;
    padding: .5rem 0 0
}

.Component__Carousel3__wrapper .carouselWrapper .carousel .el-carousel__container .carouselItem .carouselTitleWrapper .description {
    width: 32.5rem;
    font-size: .7rem;
    color: #494949;
    line-height: 1.3rem;
    padding: 1.6rem 0 0
}

.Component__Carousel3__wrapper .carouselWrapper .carousel .el-carousel__indicator {
    padding: 0 .4rem
}

.Component__Carousel3__wrapper .carouselWrapper .carousel .el-carousel__indicator .el-carousel__button {
    width: .5rem;
    height: .5rem;
    background: #e1e1e1;
    opacity: 1
}

.Component__Carousel3__wrapper .carouselWrapper .carousel .is-active.el-carousel__indicator .el-carousel__button {
    background: #777
}

@media only screen and (max-width:1024PX) {
    .Component__Carousel3__wrapper .carouselWrapper {
        width: 45rem
    }

    .Component__Carousel3__wrapper .carouselWrapper .carouselTitle .titWrap {
        font-size: 2.4rem
    }

    .Component__Carousel3__wrapper .carouselWrapper .carouselTitle .titWrap .entit {
        font-size: 1.2rem
    }

    .Component__Carousel3__wrapper .carouselWrapper .carousel {
        width: 45rem;
        height: 42.5rem;
        margin-top: 2.5rem
    }

    .Component__Carousel3__wrapper .carouselWrapper .carousel .el-carousel__container,
    .Component__Carousel3__wrapper .carouselWrapper .carousel .el-carousel__container .carouselItem {
        height: 42.5rem
    }

    .Component__Carousel3__wrapper .carouselWrapper .carousel .el-carousel__container .carouselItem .carouselImageWrapper {
        position: unset;
        width: 45rem;
        height: 22.15rem
    }

    .Component__Carousel3__wrapper .carouselWrapper .carousel .el-carousel__container .carouselItem .carouselImageWrapper .imageBackground {
        display: none
    }

    .Component__Carousel3__wrapper .carouselWrapper .carousel .el-carousel__container .carouselItem .carouselTitleWrapper {
        position: unset
    }

    .Component__Carousel3__wrapper .carouselWrapper .carousel .el-carousel__container .carouselItem .carouselTitleWrapper .titleStyle {
        padding-top: 2.4rem
    }

    .Component__Carousel3__wrapper .carouselWrapper .carousel .el-carousel__container .carouselItem .carouselTitleWrapper .titWrap {
        font-size: 1.8rem;
        line-height: 1
    }

    .Component__Carousel3__wrapper .carouselWrapper .carousel .el-carousel__container .carouselItem .carouselTitleWrapper .subtitle {
        font-size: 1.2rem;
        padding: 1.2rem 0 0
    }

    .Component__Carousel3__wrapper .carouselWrapper .carousel .el-carousel__container .carouselItem .carouselTitleWrapper .description {
        width: 45rem;
        font-size: 1.2rem;
        line-height: 2.2rem;
        padding: 1.6rem 0 0
    }

    .Component__Carousel3__wrapper .carouselWrapper .carousel .el-carousel__container .el-carousel__arrow {
        display: none
    }

    .Component__Carousel3__wrapper .carouselWrapper .carousel .el-carousel__indicator {
        padding: 0 .75rem
    }

    .Component__Carousel3__wrapper .carouselWrapper .carousel .el-carousel__indicator .el-carousel__button {
        width: .8rem;
        height: .8rem
    }
}

@media only screen and (max-width:750PX) {
    .Component__Carousel3__wrapper .carouselWrapper {
        width: 31.5rem
    }

    .Component__Carousel3__wrapper .carouselWrapper .carouselTitle .titWrap {
        font-size: 2.4rem
    }

    .Component__Carousel3__wrapper .carouselWrapper .carouselTitle .titWrap .entit {
        font-size: 1.2rem
    }

    .Component__Carousel3__wrapper .carouselWrapper .carousel {
        width: 31.5rem;
        height: 37.5rem;
        margin-top: 2.5rem
    }

    .Component__Carousel3__wrapper .carouselWrapper .carousel .el-carousel__container,
    .Component__Carousel3__wrapper .carouselWrapper .carousel .el-carousel__container .carouselItem {
        height: 37.5rem
    }

    .Component__Carousel3__wrapper .carouselWrapper .carousel .el-carousel__container .carouselItem .carouselImageWrapper {
        position: unset;
        width: 31.5rem;
        height: 15.5rem
    }

    .Component__Carousel3__wrapper .carouselWrapper .carousel .el-carousel__container .carouselItem .carouselImageWrapper .imageBackground {
        display: none
    }

    .Component__Carousel3__wrapper .carouselWrapper .carousel .el-carousel__container .carouselItem .carouselTitleWrapper {
        position: unset
    }

    .Component__Carousel3__wrapper .carouselWrapper .carousel .el-carousel__container .carouselItem .carouselTitleWrapper .titleStyle {
        padding-top: 2.4rem
    }

    .Component__Carousel3__wrapper .carouselWrapper .carousel .el-carousel__container .carouselItem .carouselTitleWrapper .titWrap {
        font-size: 1.8rem;
        line-height: 1
    }

    .Component__Carousel3__wrapper .carouselWrapper .carousel .el-carousel__container .carouselItem .carouselTitleWrapper .subtitle {
        font-size: 1.2rem;
        padding: 1.2rem 0 0
    }

    .Component__Carousel3__wrapper .carouselWrapper .carousel .el-carousel__container .carouselItem .carouselTitleWrapper .description {
        width: 31.5rem;
        font-size: 1.2rem;
        line-height: 2.2rem;
        padding: 1.6rem 0 0
    }

    .Component__Carousel3__wrapper .carouselWrapper .carousel .el-carousel__container .el-carousel__arrow {
        display: none
    }

    .Component__Carousel3__wrapper .carouselWrapper .carousel .el-carousel__indicator {
        padding: 0 .75rem
    }

    .Component__Carousel3__wrapper .carouselWrapper .carousel .el-carousel__indicator .el-carousel__button {
        width: .8rem;
        height: .8rem
    }
}

.dropdownNavsWrapper {
    width: 100%;
    max-height: 25rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
    padding-top: 2.5rem;
    background-color: rgba(0, 0, 0, .1);
    z-index: 1900
}

.dropdownNavsWrapper .secondNavsWrapper {
    max-width: 60rem;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.dropdownNavsWrapper .secondNavsWrapper .secondNavsItem {
    width: 11.1rem;
    margin-right: 1rem;
    padding-bottom: 2.5rem
}

.dropdownNavsWrapper .secondNavsWrapper .secondNavsItem:nth-child(5n) {
    margin-right: 0
}

.dropdownNavsWrapper .secondNavsWrapper .secondNavsItem .navsItemTitle {
    font-size: .7rem;
    font-weight: 600;
    color: #fff;
    line-height: 1rem;
    font-family: PingFangSC-Semibold, PingFang SC
}

.dropdownNavsWrapper .secondNavsWrapper .secondNavsItem .navsItemTitle:hover {
    color: #fff;
    text-decoration: underline
}

.dropdownNavsWrapper .secondNavsWrapper .secondNavsItem .thirdNavsItem {
    margin-bottom: .8rem
}

.dropdownNavsWrapper .secondNavsWrapper .secondNavsItem .thirdNavsItem:nth-child(2) {
    margin-top: 1.2rem
}

.dropdownNavsWrapper .secondNavsWrapper .secondNavsItem .thirdNavsItem:last-child {
    margin-bottom: 0
}

.dropdownNavsWrapper .secondNavsWrapper .secondNavsItem .thirdNavsItem .navsItemTitle {
    font-size: .7rem;
    font-weight: 400;
    color: #c9c9c9;
    line-height: 1rem;
    font-family: PingFangSC-Regular, PingFang SC
}

.dropdownNavsWrapper .secondNavsWrapper .secondNavsItem .thirdNavsItem .navsItemTitle:hover {
    color: #222;
    text-decoration: underline
}

.dropdownNavsWrapper .secondNavsWrapper .secondNavsItem .thirdNavsItem .fourthNavsItem {
    margin-bottom: .8rem;
    margin-left: .6rem;
    text-decoration: none
}

.dropdownNavsWrapper .secondNavsWrapper .secondNavsItem .thirdNavsItem .fourthNavsItem:nth-child(2) {
    margin-top: .8rem
}

.dropdownNavsWrapper .secondNavsWrapper .secondNavsItem .thirdNavsItem .fourthNavsItem .navsItemTitle {
    font-size: .6rem;
    font-weight: 400;
    color: #7f7f7f;
    line-height: .85rem;
    font-family: PingFangSC-Regular, PingFang SC
}

.dropdownNavsWrapper .secondNavsWrapper .secondNavsItem .thirdNavsItem .fourthNavsItem .navsItemTitle:hover {
    color: #222;
    text-decoration: underline
}

.Component__Navigation__wrapper {
    width: inherit;
    height: auto;
    font-family: AvenirNext-HeavyItalic, AvenirNext, PingFangSC-Regular, PingFang SC;
    z-index: 9
}

.Component__Navigation__wrapper .NavigationWrapper {
    width: inherit;
    height: inherit;
    z-index: 999
}

.Component__Navigation__wrapper .main {
    max-width: 60rem;
    height: 4rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Component__Navigation__wrapper .main .menu-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Component__Navigation__wrapper .main .menu-right .login .el-dropdown-link {
    font-size: .8rem
}

.Component__Navigation__wrapper .main .blogo,
.Component__Navigation__wrapper .main .logo {
    display: none;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.Component__Navigation__wrapper .main .blogo .box,
.Component__Navigation__wrapper .main .logo .box {
    /*width: 1.6rem;
    height: 1.6rem*/
}

.Component__Navigation__wrapper .main .blogo .logoText,
.Component__Navigation__wrapper .main .logo .logoText {
    padding-left: .45rem;
    font-size: .95rem;
    font-weight: 400;
    color: #5b5b5b
}

.Component__Navigation__wrapper .main .blogo {
    display: block
}

.Component__Navigation__wrapper .main .blogo .box {
    width: 260px;
    /*max-height: 1.6rem*/
}

.Component__Navigation__wrapper .main .firstNavs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    height: 100%;
    max-width: 40rem;
    overflow-x: auto;
    margin-right: 3.2rem
}

.Component__Navigation__wrapper .main .firstNavs li {
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: .2rem solid transparent;
    line-height: 4rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 3.5rem;
    cursor: pointer
}

.Component__Navigation__wrapper .main .firstNavs li:last-child {
    margin-right: 0
}

.Component__Navigation__wrapper .main .firstNavs li:hover {
    border-bottom: .2rem solid #222
}

.Component__Navigation__wrapper .main .firstNavs li:hover .tit {
    color: #222
}

.Component__Navigation__wrapper .main .firstNavs li .tit {
    font-size: .8rem;
    color: #5b5b5b;
    font-weight: 400
}

.Component__Navigation__wrapper .main .firstNavs li .tit a {
    color: inherit
}

.Component__Navigation__wrapper .main .firstNavs .active {
    border-bottom: .2rem solid #222
}

.Component__Navigation__wrapper .main .firstNavs .active .tit {
    color: #222;
    font-weight: 700
}

a {
    text-decoration: none;
    color: #666
}

.Component__Navigation__style1 {
    background-color: #fff
}

.Component__Navigation__style2 {
    background-color: rgba(0, 0, 0, .5)
}

.Component__Navigation__style3 {
    background-color: transparent
}

@media only screen and (max-width:1024PX) {
    .Component__Navigation__wrapper .main {
        height: 6.8rem;
        max-width: 45rem;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 3rem
    }

    .Component__Navigation__wrapper .main .menu-right .login .el-dropdown-link i {
        font-size: 1.2rem
    }

    .Component__Navigation__wrapper .main .menu-right .login .el-dropdown-link .login-text {
        display: none
    }

    .Component__Navigation__wrapper .main .blogo .box,
    .Component__Navigation__wrapper .main .logo .box {
        /*width: 1.6rem;
        height: 1.6rem*/
    }

    .Component__Navigation__wrapper .main .blogo .logoText,
    .Component__Navigation__wrapper .main .logo .logoText {
        padding-left: .45rem;
        font-size: .95rem
    }

    .Component__Navigation__wrapper .main .blogo .box {
        width: 10.2rem;
        height: auto;
        max-height: 2.8rem
    }

    .Component__Navigation__wrapper .main .firstNavs {
        display: none
    }

    .Component__Navigation__wrapper .main .mobileNavs {
        display: block;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: .8rem
    }

    .Component__Navigation__wrapper .main .mobileNavs .menuBtn {
        width: 2.3rem;
        height: 2.3rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .Component__Navigation__wrapper .main .mobileNavs .menuBtn .iconfont {
        font-size: 1.5rem;
        color: #333
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, .5);
        z-index: 9
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl .menuWrapper {
        margin-left: 7.5rem;
        background-color: #222;
        height: 100%
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl .menuWrapper .closeBtn {
        width: auto;
        height: auto;
        font-size: 2.8rem;
        color: #636363;
        padding: 2.5rem 3rem 0 0;
        cursor: pointer
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl .menuWrapper .navsListWrapper {
        font-family: PingFangSC-Regular, PingFang SC;
        border-color: currentcolor #333 #333;
        border-top: #333
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl .menuWrapper .navsListWrapper .hiddenArrow .el-collapse-item__arrow {
        display: none
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl .menuWrapper .navsListWrapper .el-collapse {
        border: none
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl .menuWrapper .navsListWrapper .el-collapse-item__header {
        background-color: #222;
        height: 6.6rem;
        border-color: #333;
        margin: 0 3rem
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl .menuWrapper .navsListWrapper .el-collapse-item__header.is-active {
        border-bottom: none
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl .menuWrapper .navsListWrapper .el-collapse-item__arrow {
        font-size: 1.6rem;
        color: #636363
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl .menuWrapper .navsListWrapper .el-collapse-item__wrap {
        background-color: #222;
        border-color: #333
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl .menuWrapper .navsListWrapper .el-collapse-item__wrap .el-collapse-item__content {
        padding: 0
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl .menuWrapper .navsListWrapper .tit {
        font-size: 1.7rem;
        font-weight: 400;
        color: #a3a3a3
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl .menuWrapper .navsListWrapper .secondNavsListWrapper .el-collapse-item__header {
        height: 5.8rem
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl .menuWrapper .navsListWrapper .secondNavsListWrapper .tit {
        font-size: 1.5rem;
        font-weight: 600;
        color: #d1d1d1;
        padding-left: 2rem;
        font-family: PingFangSC-Semibold, PingFang SC
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl .menuWrapper .navsListWrapper .secondNavsListWrapper .thirdNavsListWrapper .el-collapse-item__header {
        height: 5.8rem
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl .menuWrapper .navsListWrapper .secondNavsListWrapper .thirdNavsListWrapper .tit {
        font-size: 1.3rem;
        font-weight: 600;
        color: #d1d1d1;
        padding-left: 3.5rem;
        font-family: PingFangSC-Semibold, PingFang SC
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl .menuWrapper .navsListWrapper .secondNavsListWrapper .thirdNavsListWrapper .fourthNavsListWrapper {
        background: #2d2d2d;
        padding: 0 3rem
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl .menuWrapper .navsListWrapper .secondNavsListWrapper .thirdNavsListWrapper .fourthNavsListWrapper li {
        font-size: 1.2rem;
        font-weight: 400;
        color: #9f9f9f;
        line-height: 5.8rem;
        height: 5.8rem;
        padding-left: 3.5rem;
        border-bottom: 1px solid #333
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl .menuWrapper .navsListWrapper .secondNavsListWrapper .thirdNavsListWrapper .fourthNavsListWrapper li:last-child {
        border-bottom: none
    }

    .el-dropdown-menu__item {
        font-size: 1rem;
        padding: .3rem 1.5rem
    }
}

@media only screen and (max-width:750PX) {
    .Component__Navigation__wrapper .main {
        height: 6.8rem;
        max-width: 37.5rem;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 3rem
    }

    .Component__Navigation__wrapper .main .blogo .box,
    .Component__Navigation__wrapper .main .logo .box {
        width: 2.8rem;
        height: 2.8rem
    }

    .Component__Navigation__wrapper .main .blogo .logoText,
    .Component__Navigation__wrapper .main .logo .logoText {
        padding-left: .85rem;
        font-size: 1.65rem
    }

    .Component__Navigation__wrapper .main .blogo .box {
        width: 10.2rem;
        height: auto;
        max-height: 2.8rem
    }

    .Component__Navigation__wrapper .main .firstNavs {
        display: none
    }

    .Component__Navigation__wrapper .main .mobileNavs {
        display: block;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .Component__Navigation__wrapper .main .mobileNavs .menuBtn {
        width: 2.3rem;
        height: 2.3rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .Component__Navigation__wrapper .main .mobileNavs .menuBtn .iconfont {
        font-size: 1.5rem;
        color: #333
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, .5);
        z-index: 9
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl .menuWrapper {
        margin-left: 7.5rem;
        background-color: #222;
        height: 100%
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl .menuWrapper .closeBtn {
        width: auto;
        height: auto;
        font-size: 2.8rem;
        color: #636363;
        padding: 2.5rem 3rem 0 0;
        cursor: pointer
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl .menuWrapper .navsListWrapper {
        font-family: PingFangSC-Regular, PingFang SC;
        border-color: currentcolor #333 #333;
        border-top: #333
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl .menuWrapper .navsListWrapper .hiddenArrow .el-collapse-item__arrow {
        display: none
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl .menuWrapper .navsListWrapper .el-collapse {
        border: none
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl .menuWrapper .navsListWrapper .el-collapse-item__header {
        background-color: #222;
        height: 6.6rem;
        border-color: #333;
        margin: 0 3rem
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl .menuWrapper .navsListWrapper .el-collapse-item__header.is-active {
        border-bottom: none
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl .menuWrapper .navsListWrapper .el-collapse-item__arrow {
        font-size: 1.6rem;
        color: #636363
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl .menuWrapper .navsListWrapper .el-collapse-item__wrap {
        background-color: #222;
        border-color: #333
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl .menuWrapper .navsListWrapper .el-collapse-item__wrap .el-collapse-item__content {
        padding: 0
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl .menuWrapper .navsListWrapper .tit {
        font-size: 1.7rem;
        font-weight: 400;
        color: #a3a3a3
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl .menuWrapper .navsListWrapper .secondNavsListWrapper .el-collapse-item__header {
        height: 5.8rem
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl .menuWrapper .navsListWrapper .secondNavsListWrapper .tit {
        font-size: 1.5rem;
        font-weight: 600;
        color: #d1d1d1;
        padding-left: 2rem;
        font-family: PingFangSC-Semibold, PingFang SC
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl .menuWrapper .navsListWrapper .secondNavsListWrapper .thirdNavsListWrapper .el-collapse-item__header {
        height: 5.8rem
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl .menuWrapper .navsListWrapper .secondNavsListWrapper .thirdNavsListWrapper .tit {
        font-size: 1.3rem;
        font-weight: 600;
        color: #d1d1d1;
        padding-left: 3.5rem;
        font-family: PingFangSC-Semibold, PingFang SC
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl .menuWrapper .navsListWrapper .secondNavsListWrapper .thirdNavsListWrapper .fourthNavsListWrapper {
        background: #2d2d2d;
        padding: 0 3rem
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl .menuWrapper .navsListWrapper .secondNavsListWrapper .thirdNavsListWrapper .fourthNavsListWrapper li {
        font-size: 1.2rem;
        font-weight: 400;
        color: #9f9f9f;
        line-height: 5.8rem;
        height: 5.8rem;
        padding-left: 3.5rem;
        border-bottom: 1px solid #333
    }

    .Component__Navigation__wrapper .main .mobileNavs .popupUl .menuWrapper .navsListWrapper .secondNavsListWrapper .thirdNavsListWrapper .fourthNavsListWrapper li:last-child {
        border-bottom: none
    }

    .el-dropdown-menu__item {
        font-size: 1.4rem;
        padding: .4rem 2rem
    }
}

.Component__Carousel2__wrapper {
    width: 100%;
    height: 27.5rem;
    background-color: #f1f1f3
}

.Component__Carousel2__wrapper .CarouselWrapper {
    height: inherit;
    overflow-x: visible
}

.Component__Carousel2__wrapper .CarouselWrapper .el-carousel__container {
    height: inherit
}

.Component__Carousel2__wrapper .CarouselWrapper .el-carousel__container .el-carousel__item {
    overflow: visible
}

.Component__Carousel2__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox {
    width: 60rem;
    height: 100%;
    z-index: 10
}

.Component__Carousel2__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper {
    width: 100%;
    height: 100%;
    padding: 0;
    background-color: transparent
}

.Component__Carousel2__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox {
    width: 29.5rem;
    color: #211714;
    padding-top: 7rem
}

.Component__Carousel2__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title {
    padding-bottom: .5rem
}

.Component__Carousel2__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .description {
    padding-top: 1.1rem
}

.Component__Carousel2__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .MoreButtonWrap {
    margin-top: 2.1rem
}

.Component__Carousel2__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .extensionImageWrapper {
    right: 0;
    bottom: -5rem;
    z-index: 10;
    width: 25.5rem;
    height: 27.5rem
}

.Component__Carousel2__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper {
    display: none;
    width: 60rem;
    height: 8.65rem;
    left: 50%;
    margin-left: -30rem;
    bottom: -4.35rem;
    z-index: 11100;
    -webkit-box-shadow: 0 .5rem 2rem 0 rgba(29, 23, 23, .06);
    box-shadow: 0 .5rem 2rem 0 rgba(29, 23, 23, .06)
}

.Component__Carousel2__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    height: 100%
}

.Component__Carousel2__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Component__Carousel2__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .imgbox {
    width: 2.5rem;
    height: 2.5rem;
    background-color: #f3f6ff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Component__Carousel2__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .textbox {
    padding: 0 0 0 1.2rem
}

.Component__Carousel2__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .textbox .title {
    font-size: .9rem;
    font-weight: 600;
    padding: .25rem 0
}

.Component__Carousel2__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .textbox .subtitle {
    font-size: .7rem;
    padding-top: .1rem;
    color: #60697f
}

.Component__Carousel2__wrapper .CarouselBaseBox .img,
.Component__Carousel2__wrapper .CarouselBaseBox .video {
    display: none
}

@media only screen and (min-width:1025PX) {
    .Component__Carousel2__wrapper .MoreButtonWrap {
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease
    }

    .Component__Carousel2__wrapper .MoreButtonWrap:hover {
        -webkit-transform: translateX(.5rem);
        transform: translateX(.5rem)
    }
}

.Component__Carousel2__style1 .CarouselWrapper .el-carousel__container .descSummaryBox {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.Component__Carousel2__style1 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper {
    background-color: transparent
}

.Component__Carousel2__style1 .CarouselWrapper .el-carousel__container .cardBox .cardTitle .title .entit {
    color: grey
}

.Component__Carousel2__style2 .CarouselWrapper .el-carousel__container .descSummaryBox {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.Component__Carousel2__style2 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper {
    background-color: transparent
}

.Component__Carousel2__style2 .CarouselWrapper .el-carousel__container .cardBox .cardTitle {
    color: #fff
}

.Component__Carousel2__style2 .CarouselWrapper .el-carousel__container .cardBox .cardTitle .title .entit {
    color: #b0b0b0
}

.Component__Carousel2__style2 .CarouselWrapper .el-carousel__container .cardBox .cardTitle .description {
    color: #9f9f9f
}

.Component__Carousel2__style2 .CarouselWrapper .el-carousel__container .cardBox .cardTitle .MoreButtonWrap {
    color: #222;
    background-color: #fff
}

.Component__Carousel2__style2 .CarouselBaseBox .img,
.Component__Carousel2__style2 .CarouselBaseBox .video {
    display: block
}

.Component__Carousel2__style3 {
    height: 45rem
}

.Component__Carousel2__style3 .el-carousel__indicators--horizontal {
    display: none
}

.Component__Carousel2__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper {
    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-flow: row nowrap;
    flex-flow: row nowrap
}

.Component__Carousel2__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox {
    width: 24.5rem;
    padding-top: 0
}

.Component__Carousel2__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle {
    color: #fff
}

.Component__Carousel2__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title {
    font-size: 3rem;
    border-bottom: .4rem solid #fff
}

.Component__Carousel2__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title .entit {
    display: none
}

.Component__Carousel2__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .description {
    color: #fff;
    padding: .95rem 0 0;
    font-size: 1.05rem;
    height: 1.45rem;
    line-height: 1.45rem;
    overflow: hidden;
    letter-spacing: .4rem
}

.Component__Carousel2__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .description .modules__Editable__wrapper {
    height: 1.45rem;
    overflow: hidden
}

.Component__Carousel2__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .MoreButtonWrap {
    background-color: #0a57fa;
    color: #fff;
    font-size: .8rem;
    width: 8.2rem;
    height: 2.7rem;
    line-height: 2.7rem
}

.Component__Carousel2__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .extensionImageWrapper {
    display: none
}

.Component__Carousel2__style3 .CarouselBaseBox .img,
.Component__Carousel2__style3 .CarouselBaseBox .video,
.Component__Carousel2__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper {
    display: block
}

@media only screen and (max-width:1024PX) {
    .Component__Carousel2__wrapper {
        height: 44.4rem
    }

    .Component__Carousel2__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox {
        width: 51.2rem;
        height: 100%
    }

    .Component__Carousel2__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper {
        width: 45rem;
        height: 100%;
        margin: 0 auto
    }

    .Component__Carousel2__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox {
        width: 100%;
        height: auto;
        padding-top: 5rem;
        margin: 0
    }

    .Component__Carousel2__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title {
        padding-top: 0
    }

    .Component__Carousel2__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .description {
        height: auto;
        max-height: 6.6rem;
        padding-top: 1.5rem;
        padding-bottom: 0;
        color: #63626d;
        overflow: hidden
    }

    .Component__Carousel2__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .MoreButtonWrap {
        width: 15rem;
        height: 4rem;
        line-height: 4rem;
        margin-top: 3rem
    }

    .Component__Carousel2__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .extensionImageWrapper {
        width: 25.5rem;
        height: 27.5rem;
        bottom: -5rem
    }

    .Component__Carousel2__style3 {
        height: 40.5rem
    }

    .Component__Carousel2__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .Component__Carousel2__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox {
        width: auto;
        height: auto;
        padding: 0 0 0 7.5rem
    }

    .Component__Carousel2__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle {
        color: #fff
    }

    .Component__Carousel2__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title {
        min-width: 19.55rem;
        max-width: 30rem;
        font-size: 2.4rem
    }

    .Component__Carousel2__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .description {
        width: 27.3rem;
        padding: .95rem 0 0;
        font-size: 1.2rem;
        height: 1.65rem;
        line-height: 1.65rem
    }

    .Component__Carousel2__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .MoreButtonWrap {
        color: #fff;
        font-size: 1.2rem;
        width: 10rem;
        height: 3.5rem;
        line-height: 3.5rem
    }

    .Component__Carousel2__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper {
        display: block;
        width: 45rem;
        margin-left: -22.5rem;
        bottom: -26.25rem;
        height: auto;
        padding: 1rem 0;
        -webkit-box-shadow: 0 .5rem 2rem 0 rgba(29, 23, 23, .06);
        box-shadow: 0 .5rem 2rem 0 rgba(29, 23, 23, .06)
    }

    .Component__Carousel2__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        height: 30.7rem;
        overflow-y: auto
    }

    .Component__Carousel2__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul li {
        height: auto;
        padding: 4rem 0 0 5rem;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .Component__Carousel2__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .imgbox {
        width: 4.9rem;
        height: 4.9rem
    }

    .Component__Carousel2__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .textbox {
        padding: 0 0 0 1.6rem
    }

    .Component__Carousel2__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .textbox .title {
        font-size: 1.5rem;
        font-weight: 600;
        padding: .25rem 0
    }

    .Component__Carousel2__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .textbox .subtitle {
        font-size: 1.2rem;
        padding-top: .65rem;
        color: #60697f
    }
}

@media only screen and (max-width:750PX) {
    .Component__Carousel2__wrapper {
        height: 54rem
    }

    .Component__Carousel2__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox {
        width: 37.5rem;
        height: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }

    .Component__Carousel2__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper {
        width: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .Component__Carousel2__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox {
        width: 31.5rem;
        height: auto;
        margin: 0 auto;
        padding: 5rem 0 0
    }

    .Component__Carousel2__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title {
        padding-top: 0
    }

    .Component__Carousel2__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .description {
        height: auto;
        max-height: 8.6rem;
        line-height: 2.2rem;
        padding-top: 1.5rem;
        padding-bottom: 0;
        color: #63626d;
        overflow: hidden
    }

    .Component__Carousel2__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .MoreButtonWrap {
        width: 31.5rem;
        height: 4rem;
        line-height: 4rem;
        margin-top: 2.5rem
    }

    .Component__Carousel2__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .extensionImageWrapper {
        position: static;
        bottom: auto;
        margin: 0 auto;
        width: 25.5rem;
        height: 27.5rem;
        padding-top: 4.5rem
    }

    .Component__Carousel2__style3 {
        height: 45rem
    }

    .Component__Carousel2__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }

    .Component__Carousel2__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox {
        width: auto;
        padding: 0 0 0 5rem;
        margin: 0
    }

    .Component__Carousel2__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle {
        color: #fff
    }

    .Component__Carousel2__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title {
        min-width: 19.55rem;
        max-width: 27.3rem
    }

    .Component__Carousel2__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .description {
        width: 27.3rem;
        padding: .95rem 0 0;
        height: 1.65rem;
        line-height: 1.65rem
    }

    .Component__Carousel2__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .MoreButtonWrap {
        font-size: 1.2rem;
        width: 11rem;
        height: 3.5rem;
        line-height: 3.5rem
    }

    .Component__Carousel2__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper {
        display: block;
        width: 31.5rem;
        margin-left: -15.75rem;
        bottom: -26.25rem;
        height: auto;
        padding: 1rem 0;
        -webkit-box-shadow: 0 .5rem 2rem 0 rgba(29, 23, 23, .06);
        box-shadow: 0 .5rem 2rem 0 rgba(29, 23, 23, .06)
    }

    .Component__Carousel2__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        height: 30.7rem;
        overflow-y: auto
    }

    .Component__Carousel2__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul li {
        height: auto;
        padding: 4rem 0 0 4rem;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .Component__Carousel2__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .imgbox {
        width: 4.9rem;
        height: 4.9rem
    }

    .Component__Carousel2__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .textbox {
        padding: 0 0 0 1.6rem
    }

    .Component__Carousel2__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .textbox .title {
        font-size: 1.5rem;
        font-weight: 600;
        padding: .25rem 0
    }

    .Component__Carousel2__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .textbox .subtitle {
        font-size: 1.2rem;
        padding-top: .65rem;
        color: #60697f
    }
}

body,
html {
    width: 100%;
    overflow-x: hidden
}

.Component__Carousel4__wrapper {
    width: 100%;
    height: 27.5rem;
    background-color: #f1f1f3
}

.Component__Carousel4__wrapper .CarouselWrapper {
    height: inherit;
    overflow-x: visible
}

.Component__Carousel4__wrapper .CarouselWrapper .el-carousel__container {
    height: inherit
}

.Component__Carousel4__wrapper .CarouselWrapper .el-carousel__container .el-carousel__item {
    overflow: visible
}

.Component__Carousel4__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox {
    width: 60rem;
    height: 100%;
    z-index: 10
}

.Component__Carousel4__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper {
    width: 100%;
    height: 100%;
    padding: 0;
    background-color: transparent
}

.Component__Carousel4__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox {
    width: 29.5rem;
    color: #211714;
    padding-top: 7rem
}

.Component__Carousel4__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title {
    padding-bottom: .5rem
}

.Component__Carousel4__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .description {
    padding-top: 1.1rem
}

.Component__Carousel4__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .MoreButtonWrap {
    margin-top: 2.1rem
}

.Component__Carousel4__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .extensionImageWrapper {
    right: 0;
    bottom: -5rem;
    z-index: 10;
    width: 25.5rem;
    height: 27.5rem
}

.Component__Carousel4__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper {
    display: none;
    width: 60rem;
    height: 8.65rem;
    left: 50%;
    margin-left: -30rem;
    bottom: -4.35rem;
    z-index: 11100;
    -webkit-box-shadow: 0 .5rem 2rem 0 rgba(29, 23, 23, .06);
    box-shadow: 0 .5rem 2rem 0 rgba(29, 23, 23, .06)
}

.Component__Carousel4__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    height: 100%
}

.Component__Carousel4__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Component__Carousel4__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .imgbox {
    width: 2.5rem;
    height: 2.5rem;
    background-color: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Component__Carousel4__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .textbox {
    padding: 0 0 0 1.2rem
}

.Component__Carousel4__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .textbox .title {
    font-size: .9rem;
    font-weight: 600;
    padding: .25rem 0
}

.Component__Carousel4__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .textbox .subtitle {
    font-size: .7rem;
    padding-top: .1rem;
    color: #60697f
}

.Component__Carousel4__wrapper .CarouselBaseBox .img,
.Component__Carousel4__wrapper .CarouselBaseBox .video {
    display: none
}

.Component__Carousel4__style1 {
    height: 100%
}

.Component__Carousel4__style1 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.Component__Carousel4__style1 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox {
    width: 24.5rem;
    padding-top: 0
}

.Component__Carousel4__style1 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .titWrap {
    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: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.Component__Carousel4__style1 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle {
    color: #fff
}

.Component__Carousel4__style1 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title {
    font-size: 5rem;
    letter-spacing: .5rem
}

.Component__Carousel4__style1 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title .entit {
    margin-top: .8rem;
    color: #b9b8b8
}

.Component__Carousel4__style1 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title .entit .italicsLine {
    display: none
}

.Component__Carousel4__style1 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .description {
    color: #fff;
    padding: .95rem 0 0;
    font-size: 1rem;
    height: 1.45rem;
    line-height: 1.45rem;
    overflow: hidden;
    letter-spacing: .8rem
}

.Component__Carousel4__style1 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .description .modules__Editable__wrapper {
    height: 1.45rem;
    overflow: hidden
}

.Component__Carousel4__style1 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .MoreButtonWrap,
.Component__Carousel4__style1 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .summary,
.Component__Carousel4__style1 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .extensionImageWrapper,
.Component__Carousel4__style1 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper {
    display: none
}

.Component__Carousel4__style1 .CarouselBaseBox .img,
.Component__Carousel4__style1 .CarouselBaseBox .video {
    display: block
}

.Component__Carousel4__style2 {
    height: 100%
}

.Component__Carousel4__style2 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper {
    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;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.Component__Carousel4__style2 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox {
    width: 50rem;
    padding-top: 0
}

.Component__Carousel4__style2 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle {
    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;
    color: #fff;
    margin-top: 40%
}

.Component__Carousel4__style2 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title {
    font-size: 2.8rem;
    color: #d60066;
    letter-spacing: 1.2rem
}

.Component__Carousel4__style2 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .summary,
.Component__Carousel4__style2 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title .entit {
    display: none
}

.Component__Carousel4__style2 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .description {
    color: #d60066;
    padding: .95rem 0 0;
    font-size: 1.2rem;
    height: 1.45rem;
    line-height: 1.45rem;
    overflow: hidden;
    letter-spacing: 1.4rem
}

.Component__Carousel4__style2 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .description .modules__Editable__wrapper {
    height: 1.45rem;
    overflow: hidden
}

.Component__Carousel4__style2 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .MoreButtonWrap,
.Component__Carousel4__style2 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .extensionImageWrapper,
.Component__Carousel4__style2 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper {
    display: none
}

.Component__Carousel4__style2 .CarouselBaseBox .img,
.Component__Carousel4__style2 .CarouselBaseBox .video {
    display: block
}

.Component__Carousel4__style3 {
    height: 100%
}

.Component__Carousel4__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper {
    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;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.Component__Carousel4__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox {
    width: 50rem;
    padding-top: 0
}

.Component__Carousel4__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle,
.Component__Carousel4__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .titWrap {
    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
}

.Component__Carousel4__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle {
    color: #fff
}

.Component__Carousel4__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title {
    font-size: 2.3rem;
    letter-spacing: .5rem;
    color: #d86018;
    padding: 0
}

.Component__Carousel4__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title .entit {
    font-size: 3.2rem;
    margin-top: 2rem;
    color: #d86018;
    width: 30rem;
    border-top: 1px solid #d86018;
    padding-top: .8rem;
    text-align: center
}

.Component__Carousel4__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .summary,
.Component__Carousel4__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title .entit .italicsLine {
    display: none
}

.Component__Carousel4__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .description {
    width: 30rem;
    color: #d86018;
    font-size: 1rem;
    overflow: hidden;
    letter-spacing: .4rem;
    border-bottom: 1px solid #d86018;
    padding: 0 0 .8rem;
    text-align: center
}

.Component__Carousel4__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .description .modules__Editable__wrapper {
    height: 1.45rem;
    overflow: hidden
}

.Component__Carousel4__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .MoreButtonWrap,
.Component__Carousel4__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .extensionImageWrapper,
.Component__Carousel4__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper {
    display: none
}

.Component__Carousel4__style3 .CarouselBaseBox .img,
.Component__Carousel4__style3 .CarouselBaseBox .video {
    display: block
}

.Component__Carousel4__style4 {
    height: 100%
}

.Component__Carousel4__style4 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.Component__Carousel4__style4 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox {
    width: 24.5rem;
    padding-top: 0
}

.Component__Carousel4__style4 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .titWrap {
    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: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.Component__Carousel4__style4 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle {
    color: #fff
}

.Component__Carousel4__style4 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title {
    font-size: 1.2rem;
    color: #b6b4b0
}

.Component__Carousel4__style4 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title .entit {
    width: 18rem;
    font-size: 3rem;
    margin-top: 1.2rem;
    color: #363030
}

.Component__Carousel4__style4 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title .entit .italicsLine {
    display: none
}

.Component__Carousel4__style4 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .description {
    color: #222;
    padding: .95rem 0 0;
    font-size: .9rem;
    height: 1.45rem;
    line-height: 1.45rem;
    overflow: hidden;
    letter-spacing: .7rem
}

.Component__Carousel4__style4 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .description .modules__Editable__wrapper {
    height: 1.45rem;
    overflow: hidden
}

.Component__Carousel4__style4 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .MoreButtonWrap,
.Component__Carousel4__style4 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .summary,
.Component__Carousel4__style4 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .extensionImageWrapper,
.Component__Carousel4__style4 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper {
    display: none
}

.Component__Carousel4__style4 .CarouselBaseBox .img,
.Component__Carousel4__style4 .CarouselBaseBox .video {
    display: block
}

.Component__Carousel4__style5 {
    height: 100%
}

.Component__Carousel4__style5 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper {
    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;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.Component__Carousel4__style5 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox {
    width: 50rem;
    padding-top: 0
}

.Component__Carousel4__style5 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle {
    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;
    color: #fff
}

.Component__Carousel4__style5 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title {
    font-size: 2.4rem;
    color: #fff;
    letter-spacing: .8rem
}

.Component__Carousel4__style5 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title .entit {
    display: none
}

.Component__Carousel4__style5 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .description {
    color: #fff;
    padding: .95rem 0 0;
    font-size: 1rem;
    height: 1.45rem;
    line-height: 1.45rem;
    overflow: hidden;
    letter-spacing: 1.4rem
}

.Component__Carousel4__style5 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .description .modules__Editable__wrapper {
    height: 1.45rem;
    overflow: hidden
}

.Component__Carousel4__style5 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .summary {
    display: none
}

.Component__Carousel4__style5 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .MoreButtonWrap {
    background-color: #fff;
    color: #333;
    border-radius: 1.2rem
}

.Component__Carousel4__style5 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .extensionImageWrapper,
.Component__Carousel4__style5 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper {
    display: none
}

.Component__Carousel4__style5 .CarouselBaseBox .img,
.Component__Carousel4__style5 .CarouselBaseBox .video {
    display: block
}

.Component__Carousel4__style6 {
    height: 100%
}

.Component__Carousel4__style6 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper {
    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;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.Component__Carousel4__style6 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox {
    width: 50rem;
    padding-top: 0
}

.Component__Carousel4__style6 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle {
    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;
    color: #fff
}

.Component__Carousel4__style6 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .titWrap {
    padding: 1.6rem 2.8rem;
    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;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .1)), color-stop(50%, #436fc4), to(rgba(0, 0, 0, .1)));
    background: linear-gradient(90deg, rgba(0, 0, 0, .1) 0, #436fc4 50%, rgba(0, 0, 0, .1))
}

.Component__Carousel4__style6 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title {
    font-size: 2.4rem;
    color: #fff;
    letter-spacing: .4rem
}

.Component__Carousel4__style6 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title .entit {
    color: #fff;
    padding-top: 0;
    font-size: .9rem;
    height: 1.45rem;
    line-height: 1.45rem;
    overflow: hidden;
    letter-spacing: .3rem;
    margin-top: 1.2rem
}

.Component__Carousel4__style6 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .description,
.Component__Carousel4__style6 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title .entit .italicsLine {
    display: none
}

.Component__Carousel4__style6 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .description .modules__Editable__wrapper {
    height: 1.45rem;
    overflow: hidden
}

.Component__Carousel4__style6 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .MoreButtonWrap,
.Component__Carousel4__style6 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .summary,
.Component__Carousel4__style6 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .extensionImageWrapper,
.Component__Carousel4__style6 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper {
    display: none
}

.Component__Carousel4__style6 .CarouselBaseBox .img,
.Component__Carousel4__style6 .CarouselBaseBox .video {
    display: block
}

.Component__Carousel4__style7 {
    height: 45rem
}

.Component__Carousel4__style7 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.Component__Carousel4__style7 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox {
    width: 19rem;
    padding: 0 0 1.2rem 1.2rem;
    background: linear-gradient(45deg, hsla(0, 0%, 100%, .1), rgba(0, 0, 0, .3), rgba(254, 218, 74, .8))
}

.Component__Carousel4__style7 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .titWrap {
    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: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-right: 1.2rem
}

.Component__Carousel4__style7 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .titWrap .titText .vtext {
    font-weight: 200
}

.Component__Carousel4__style7 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle {
    color: #eee
}

.Component__Carousel4__style7 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title {
    font-size: 2.4rem;
    padding-top: 1.4rem
}

.Component__Carousel4__style7 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title .entit {
    font-size: 2.4rem;
    color: #fff
}

.Component__Carousel4__style7 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title .entit .italicsLine {
    display: none
}

.Component__Carousel4__style7 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .description {
    position: relative;
    top: -1.6rem;
    margin-right: 1.2rem;
    color: #bdbbbb;
    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: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 0;
    font-size: .9rem;
    overflow: hidden;
    letter-spacing: .5rem
}

.Component__Carousel4__style7 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .description .modules__Editable__wrapper {
    height: 1.45rem;
    overflow: hidden
}

.Component__Carousel4__style7 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .summary {
    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: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    color: hsla(0, 0%, 100%, .3);
    top: -3.7rem;
    right: 1.2rem;
    font-size: 2.7rem
}

.Component__Carousel4__style7 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .summary .vtext {
    font-weight: 800
}

.Component__Carousel4__style7 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .MoreButtonWrap,
.Component__Carousel4__style7 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .extensionImageWrapper {
    display: none
}

.Component__Carousel4__style7 .CarouselBaseBox .img,
.Component__Carousel4__style7 .CarouselBaseBox .video,
.Component__Carousel4__style7 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper {
    display: block
}

.Component__Carousel4__style8 {
    height: 100%
}

.Component__Carousel4__style8 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.Component__Carousel4__style8 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox {
    width: 30rem;
    padding-top: 0
}

.Component__Carousel4__style8 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .titWrap {
    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: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.Component__Carousel4__style8 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle {
    color: #211714;
    position: relative
}

.Component__Carousel4__style8 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title {
    font-size: 2.4rem;
    letter-spacing: .5rem
}

.Component__Carousel4__style8 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title .vtext {
    font-weight: 800
}

.Component__Carousel4__style8 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title .entit {
    margin-top: 1.2rem;
    color: #b9b8b8;
    letter-spacing: .2rem
}

.Component__Carousel4__style8 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .description,
.Component__Carousel4__style8 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title .entit .italicsLine {
    display: none
}

.Component__Carousel4__style8 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .description .modules__Editable__wrapper {
    height: 1.45rem;
    overflow: hidden
}

.Component__Carousel4__style8 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .summary {
    display: none
}

.Component__Carousel4__style8 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .MoreButtonWrap {
    background-color: #ff7327;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.Component__Carousel4__style8 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .MoreButtonWrap:after {
    position: absolute;
    top: 1.2rem;
    left: 7rem;
    content: "";
    display: block;
    width: 5rem;
    height: 1px;
    background-color: #fff
}

.Component__Carousel4__style8 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .extensionImageWrapper,
.Component__Carousel4__style8 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper {
    display: none
}

.Component__Carousel4__style8 .CarouselBaseBox .img,
.Component__Carousel4__style8 .CarouselBaseBox .video {
    display: block
}

.Component__Carousel4__style9 {
    height: 100%
}

.Component__Carousel4__style9 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.Component__Carousel4__style9 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox {
    width: 30rem;
    padding-top: 0
}

.Component__Carousel4__style9 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .titWrap {
    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: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.Component__Carousel4__style9 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle {
    color: #fff
}

.Component__Carousel4__style9 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title {
    font-size: 3.2rem;
    letter-spacing: .3rem;
    color: #c6ebff;
    position: relative
}

.Component__Carousel4__style9 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title .vtext {
    font-weight: 800
}

.Component__Carousel4__style9 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title .entit {
    font-size: 3.6rem;
    color: hsla(0, 0%, 100%, .4);
    position: absolute;
    top: -1.6rem
}

.Component__Carousel4__style9 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title .entit .italicsLine {
    display: none
}

.Component__Carousel4__style9 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .summary {
    font-size: 1.2rem;
    margin-left: .8rem;
    position: relative
}

.Component__Carousel4__style9 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .summary:before {
    position: absolute;
    left: -.8rem;
    content: "";
    height: 2.8rem;
    width: 1px;
    background-color: #fff
}

.Component__Carousel4__style9 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .description {
    font-size: .8rem;
    padding: 0;
    margin-left: .8rem
}

.Component__Carousel4__style9 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .MoreButtonWrap,
.Component__Carousel4__style9 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .extensionImageWrapper,
.Component__Carousel4__style9 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper {
    display: none
}

.Component__Carousel4__style9 .CarouselBaseBox .img,
.Component__Carousel4__style9 .CarouselBaseBox .video {
    display: block
}

.Component__Carousel4__style10 {
    height: 45rem
}

.Component__Carousel4__style10 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.Component__Carousel4__style10 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox {
    width: 30rem;
    padding-top: 0
}

.Component__Carousel4__style10 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .titWrap {
    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: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.Component__Carousel4__style10 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle {
    color: #fff;
    position: relative
}

.Component__Carousel4__style10 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title {
    font-size: 3.2rem;
    letter-spacing: .3rem
}

.Component__Carousel4__style10 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title .vtext {
    font-weight: 800
}

.Component__Carousel4__style10 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title .entit {
    margin-top: 1.8rem;
    letter-spacing: .2rem;
    font-size: 1.8rem
}

.Component__Carousel4__style10 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .MoreButtonWrap,
.Component__Carousel4__style10 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .summary,
.Component__Carousel4__style10 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title .entit .italicsLine,
.Component__Carousel4__style10 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .extensionImageWrapper {
    display: none
}

.Component__Carousel4__style10 .CarouselBaseBox .img,
.Component__Carousel4__style10 .CarouselBaseBox .video,
.Component__Carousel4__style10 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper {
    display: block
}

.Component__Carousel4__style11 {
    height: 100%
}

.Component__Carousel4__style11 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper {
    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;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.Component__Carousel4__style11 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox {
    width: 50rem;
    padding-top: 0
}

.Component__Carousel4__style11 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle {
    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;
    color: #fff
}

.Component__Carousel4__style11 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title {
    font-size: 4.5rem;
    color: #fff;
    letter-spacing: .3rem
}

.Component__Carousel4__style11 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title .vtext {
    font-weight: 700
}

.Component__Carousel4__style11 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title .entit {
    display: none
}

.Component__Carousel4__style11 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .summary {
    color: #fff;
    padding: .95rem 0 0;
    font-size: 1.2rem;
    height: 1.45rem;
    line-height: 1.45rem;
    overflow: hidden;
    letter-spacing: 1rem;
    position: relative
}

.Component__Carousel4__style11 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .description {
    text-indent: -499.95rem;
    margin-top: 2rem;
    height: 5rem;
    width: .1rem;
    background-color: #fff
}

.Component__Carousel4__style11 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .MoreButtonWrap,
.Component__Carousel4__style11 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .extensionImageWrapper,
.Component__Carousel4__style11 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper {
    display: none
}

.Component__Carousel4__style11 .CarouselBaseBox .img,
.Component__Carousel4__style11 .CarouselBaseBox .video {
    display: block
}

.Component__Carousel4__style12 {
    height: 100%
}

.Component__Carousel4__style12 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.Component__Carousel4__style12 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox {
    width: 24.5rem;
    padding-top: 0
}

.Component__Carousel4__style12 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .titWrap {
    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: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.Component__Carousel4__style12 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle {
    color: #fff
}

.Component__Carousel4__style12 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title {
    letter-spacing: 1rem;
    font-size: .9rem;
    color: #f0f0f0;
    position: relative
}

.Component__Carousel4__style12 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title .entit {
    width: 18rem;
    font-size: 3rem;
    margin-top: 1.2rem;
    color: #fff;
    letter-spacing: .3rem
}

.Component__Carousel4__style12 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title .entit .italicsLine {
    display: none
}

.Component__Carousel4__style12 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title:after {
    content: "";
    position: absolute;
    right: -.5rem;
    top: 1rem;
    width: 9rem;
    height: 1px;
    /*background-color: #f4a460*/
}

.Component__Carousel4__style12 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .description {
    color: #999;
    padding: 0;
    font-size: .9rem;
    height: 1.45rem;
    line-height: 1.45rem;
    overflow: hidden;
    letter-spacing: .3rem
}

.Component__Carousel4__style12 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .description .modules__Editable__wrapper {
    height: 1.45rem;
    overflow: hidden
}

.Component__Carousel4__style12 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .MoreButtonWrap,
.Component__Carousel4__style12 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .summary,
.Component__Carousel4__style12 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .extensionImageWrapper,
.Component__Carousel4__style12 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper {
    display: none
}

.Component__Carousel4__style12 .CarouselBaseBox .img,
.Component__Carousel4__style12 .CarouselBaseBox .video {
    display: block
}

.Component__Carousel4__style13 {
    height: 45rem
}

.Component__Carousel4__style13 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin-top: 8rem
}

.Component__Carousel4__style13 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox {
    width: 30rem;
    padding-top: 0
}

.Component__Carousel4__style13 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .titWrap {
    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: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.Component__Carousel4__style13 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle {
    color: #211714;
    position: relative
}

.Component__Carousel4__style13 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title {
    color: #fff;
    font-size: 2.4rem;
    letter-spacing: .5rem
}

.Component__Carousel4__style13 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title .vtext {
    font-weight: 800
}

.Component__Carousel4__style13 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .description,
.Component__Carousel4__style13 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title .entit {
    display: none
}

.Component__Carousel4__style13 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .description .modules__Editable__wrapper {
    height: 1.45rem;
    overflow: hidden
}

.Component__Carousel4__style13 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .summary {
    color: #fff
}

.Component__Carousel4__style13 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .MoreButtonWrap {
    color: #ff7327;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.Component__Carousel4__style13 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .MoreButtonWrap:hover {
    opacity: 1
}

.Component__Carousel4__style13 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .MoreButtonWrap:after {
    content: "";
    position: absolute;
    right: -.5rem;
    top: -.5rem;
    width: 9rem;
    height: 2.2rem;
    border: 1px solid #ccc;
    z-index: -1
}

.Component__Carousel4__style13 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .extensionImageWrapper {
    display: none
}

.Component__Carousel4__style13 .CarouselBaseBox .img,
.Component__Carousel4__style13 .CarouselBaseBox .video,
.Component__Carousel4__style13 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper {
    display: block
}

.Component__Carousel4__style14 {
    height: 45rem
}

.Component__Carousel4__style14 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper {
    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;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.Component__Carousel4__style14 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox {
    background-color: rgba(6, 19, 36, .5);
    width: 50rem;
    padding: 4rem 0
}

.Component__Carousel4__style14 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle {
    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;
    color: #fff
}

.Component__Carousel4__style14 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title {
    font-size: 3rem;
    color: #fff;
    letter-spacing: .5rem;
    border-bottom: 1px solid #fff;
    position: relative
}

.Component__Carousel4__style14 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title .entit {
    display: none
}

.Component__Carousel4__style14 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title:after {
    position: absolute;
    top: 5rem;
    left: 40%;
    content: "";
    display: block;
    width: 3.2rem;
    height: .4rem;
    background-color: #fff
}

.Component__Carousel4__style14 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .summary {
    display: none
}

.Component__Carousel4__style14 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .description {
    color: #7ad5ed;
    padding: .95rem 0 0;
    font-size: .9rem;
    height: 1.45rem;
    line-height: 1.45rem;
    overflow: hidden;
    letter-spacing: 1rem
}

.Component__Carousel4__style14 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .description .modules__Editable__wrapper {
    height: 1.45rem;
    overflow: hidden
}

.Component__Carousel4__style14 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .MoreButtonWrap,
.Component__Carousel4__style14 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .extensionImageWrapper {
    display: none
}

.Component__Carousel4__style14 .CarouselBaseBox .img,
.Component__Carousel4__style14 .CarouselBaseBox .video,
.Component__Carousel4__style14 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper {
    display: block
}

@media only screen and (max-width:1024PX) {
    .Component__Carousel4__wrapper {
        height: 44.4rem
    }

    .Component__Carousel4__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox {
        width: 51.2rem;
        height: 100%
    }

    .Component__Carousel4__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper {
        width: 45rem;
        height: 100%;
        margin: 0 auto
    }

    .Component__Carousel4__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .cardBox {
        width: 100%;
        height: auto;
        padding-top: 5rem;
        margin: 0
    }

    .Component__Carousel4__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .cardBox .cardTitle .title {
        padding-top: 0
    }

    .Component__Carousel4__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .cardBox .cardTitle .description {
        max-height: 6.6rem;
        padding-top: 1.5rem;
        color: #63626d;
        overflow: hidden
    }

    .Component__Carousel4__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .cardBox .cardTitle .MoreButtonWrap {
        width: 15rem;
        height: 4rem;
        line-height: 4rem;
        margin-top: 3rem
    }

    .Component__Carousel4__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .extensionImageWrapper {
        width: 25.5rem;
        height: 27.5rem;
        bottom: -5rem
    }

    .Component__Carousel4__style2 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle {
        margin-top: 20%
    }

    .Component__Carousel4__style3 {
        height: 40.5rem
    }

    .Component__Carousel4__style5 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox {
        width: 100%
    }

    .Component__Carousel4__style5 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title {
        letter-spacing: .3rem
    }

    .Component__Carousel4__style5 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .description {
        letter-spacing: .4rem
    }

    .Component__Carousel4__style5 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .MoreButtonWrap {
        width: 10rem;
        height: 3rem;
        border-radius: 2rem;
        font-size: .9rem
    }

    .Component__Carousel4__style5 .CarouselBaseBox .img,
    .Component__Carousel4__style5 .CarouselBaseBox .video {
        display: block
    }

    .Component__Carousel4__style7 {
        height: 40.5rem
    }

    .Component__Carousel4__style7 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper {
        display: block;
        width: 45rem;
        margin-left: -22.5rem;
        bottom: -26.25rem;
        height: auto;
        padding: 1rem 0;
        -webkit-box-shadow: 0 .5rem 2rem 0 rgba(29, 23, 23, .06);
        box-shadow: 0 .5rem 2rem 0 rgba(29, 23, 23, .06)
    }

    .Component__Carousel4__style7 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        height: 30.7rem;
        overflow-y: auto
    }

    .Component__Carousel4__style7 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul li {
        height: auto;
        padding: 4rem 0 0 5rem;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .Component__Carousel4__style7 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .imgbox {
        width: 4.9rem;
        height: 4.9rem
    }

    .Component__Carousel4__style7 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .textbox {
        padding: 0 0 0 1.6rem
    }

    .Component__Carousel4__style7 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .textbox .title {
        font-size: 1.5rem;
        font-weight: 600;
        padding: .25rem 0
    }

    .Component__Carousel4__style7 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .textbox .subtitle {
        font-size: 1.2rem;
        padding-top: .65rem;
        color: #60697f
    }

    .Component__Carousel4__style8 {
        height: 100%
    }

    .Component__Carousel4__style8 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .MoreButtonWrap {
        height: 2.5rem;
        width: 8rem;
        font-size: .9rem
    }

    .Component__Carousel4__style10 {
        height: 40.5rem
    }

    .Component__Carousel4__style10 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper {
        display: block;
        width: 45rem;
        margin-left: -22.5rem;
        bottom: -26.25rem;
        height: auto;
        padding: 1rem 0;
        -webkit-box-shadow: 0 .5rem 2rem 0 rgba(29, 23, 23, .06);
        box-shadow: 0 .5rem 2rem 0 rgba(29, 23, 23, .06)
    }

    .Component__Carousel4__style10 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        height: 30.7rem;
        overflow-y: auto
    }

    .Component__Carousel4__style10 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul li {
        height: auto;
        padding: 4rem 0 0 5rem;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .Component__Carousel4__style10 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .imgbox {
        width: 4.9rem;
        height: 4.9rem
    }

    .Component__Carousel4__style10 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .textbox {
        padding: 0 0 0 1.6rem
    }

    .Component__Carousel4__style10 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .textbox .title {
        font-size: 1.5rem;
        font-weight: 600;
        padding: .25rem 0
    }

    .Component__Carousel4__style10 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .textbox .subtitle {
        font-size: 1.2rem;
        padding-top: .65rem;
        color: #60697f
    }

    .Component__Carousel4__style10 .CarouselBaseBox .img,
    .Component__Carousel4__style10 .CarouselBaseBox .video {
        display: block
    }

    .Component__Carousel4__style13 {
        height: 40.5rem
    }

    .Component__Carousel4__style13 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox {
        width: 100%
    }

    .Component__Carousel4__style13 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle {
        color: #211714;
        position: relative;
        top: 0
    }

    .Component__Carousel4__style13 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .MoreButtonWrap {
        width: 9rem;
        height: 2.5rem;
        font-size: .9rem
    }

    .Component__Carousel4__style13 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper {
        display: block;
        width: 45rem;
        margin-left: -22.5rem;
        bottom: -26.25rem;
        height: auto;
        padding: 1rem 0;
        -webkit-box-shadow: 0 .5rem 2rem 0 rgba(29, 23, 23, .06);
        box-shadow: 0 .5rem 2rem 0 rgba(29, 23, 23, .06)
    }

    .Component__Carousel4__style13 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        height: 30.7rem;
        overflow-y: auto
    }

    .Component__Carousel4__style13 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul li {
        height: auto;
        padding: 4rem 0 0 5rem;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .Component__Carousel4__style13 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .imgbox {
        width: 4.9rem;
        height: 4.9rem
    }

    .Component__Carousel4__style13 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .textbox {
        padding: 0 0 0 1.6rem
    }

    .Component__Carousel4__style13 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .textbox .title {
        font-size: 1.5rem;
        font-weight: 600;
        padding: .25rem 0
    }

    .Component__Carousel4__style13 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .textbox .subtitle {
        font-size: 1.2rem;
        padding-top: .65rem;
        color: #60697f
    }

    .Component__Carousel4__style14 {
        height: 40.5rem
    }

    .Component__Carousel4__style14 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox {
        width: 100%;
        padding: 3rem 0
    }

    .Component__Carousel4__style14 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title:after {
        top: 4.5rem
    }

    .Component__Carousel4__style14 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .summary {
        display: none
    }

    .Component__Carousel4__style14 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper {
        display: block;
        width: 45rem;
        margin-left: -22.5rem;
        bottom: -26.25rem;
        height: auto;
        padding: 1rem 0;
        -webkit-box-shadow: 0 .5rem 2rem 0 rgba(29, 23, 23, .06);
        box-shadow: 0 .5rem 2rem 0 rgba(29, 23, 23, .06)
    }

    .Component__Carousel4__style14 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        height: 30.7rem;
        overflow-y: auto
    }

    .Component__Carousel4__style14 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul li {
        height: auto;
        padding: 4rem 0 0 5rem;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .Component__Carousel4__style14 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .imgbox {
        width: 4.9rem;
        height: 4.9rem
    }

    .Component__Carousel4__style14 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .textbox {
        padding: 0 0 0 1.6rem
    }

    .Component__Carousel4__style14 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .textbox .title {
        font-size: 1.5rem;
        font-weight: 600;
        padding: .25rem 0
    }

    .Component__Carousel4__style14 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .textbox .subtitle {
        font-size: 1.2rem;
        padding-top: .65rem;
        color: #60697f
    }

    .Component__Carousel4__style14 .CarouselBaseBox .img,
    .Component__Carousel4__style14 .CarouselBaseBox .video {
        display: block
    }
}

@media only screen and (max-width:750PX) {
    .Component__Carousel4__wrapper {
        height: 54rem
    }

    .Component__Carousel4__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox {
        width: 37.5rem;
        height: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }

    .Component__Carousel4__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper {
        width: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .Component__Carousel4__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .cardBox {
        width: 31.5rem;
        height: auto;
        margin: 0 auto;
        padding-top: 5rem
    }

    .Component__Carousel4__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .cardBox .cardTitle .title {
        padding-top: 0
    }

    .Component__Carousel4__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .cardBox .cardTitle .description {
        padding-top: 2.15rem;
        color: #63626d
    }

    .Component__Carousel4__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .cardBox .cardTitle .MoreButtonWrap {
        width: 31.5rem;
        height: 4rem;
        line-height: 4rem;
        margin-top: 2.5rem
    }

    .Component__Carousel4__wrapper .CarouselWrapper .el-carousel__container .descSummaryBox .extensionImageWrapper {
        position: static;
        bottom: auto;
        margin: 0 auto;
        width: 25.5rem;
        height: 27.5rem;
        padding-top: 4.5rem
    }

    .Component__Carousel4__style2 {
        height: 100%
    }

    .Component__Carousel4__style2 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper {
        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;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }

    .Component__Carousel4__style2 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox {
        width: 50rem;
        padding-top: 0
    }

    .Component__Carousel4__style2 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle {
        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;
        color: #fff;
        margin-top: 40%
    }

    .Component__Carousel4__style2 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title {
        font-size: 2.8rem;
        color: #d60066;
        letter-spacing: 1.2rem
    }

    .Component__Carousel4__style2 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .summary,
    .Component__Carousel4__style2 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title .entit {
        display: none
    }

    .Component__Carousel4__style2 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .description {
        color: #d60066;
        padding: .95rem 0 0;
        font-size: 1.2rem;
        height: 1.45rem;
        line-height: 1.45rem;
        overflow: hidden;
        letter-spacing: 1.4rem
    }

    .Component__Carousel4__style2 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .description .modules__Editable__wrapper {
        height: 1.45rem;
        overflow: hidden
    }

    .Component__Carousel4__style2 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .MoreButtonWrap,
    .Component__Carousel4__style2 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .extensionImageWrapper,
    .Component__Carousel4__style2 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper {
        display: none
    }

    .Component__Carousel4__style3 {
        height: 45rem
    }

    .Component__Carousel4__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper,
    .Component__Carousel4__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox {
        width: 100%
    }

    .Component__Carousel4__style3 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title {
        font-size: 2.4rem
    }

    .Component__Carousel4__style4,
    .Component__Carousel4__style5 {
        height: 45rem
    }

    .Component__Carousel4__style5 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox {
        width: 100%
    }

    .Component__Carousel4__style5 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title {
        letter-spacing: .3rem
    }

    .Component__Carousel4__style5 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .description {
        letter-spacing: .4rem
    }

    .Component__Carousel4__style5 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .MoreButtonWrap {
        width: 10rem;
        height: 3rem;
        border-radius: 2rem;
        font-size: .9rem
    }

    .Component__Carousel4__style5 .CarouselBaseBox .img,
    .Component__Carousel4__style5 .CarouselBaseBox .video {
        display: block
    }

    .Component__Carousel4__style6 {
        height: 45rem
    }

    .Component__Carousel4__style6 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox {
        width: 100%
    }

    .Component__Carousel4__style7 {
        height: 45rem
    }

    .Component__Carousel4__style7 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox {
        width: 80%;
        position: relative;
        top: 12rem
    }

    .Component__Carousel4__style7 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper {
        display: block;
        width: 31.5rem;
        margin-left: -15.75rem;
        bottom: -26.25rem;
        height: auto;
        padding: 1rem 0;
        -webkit-box-shadow: 0 .5rem 2rem 0 rgba(29, 23, 23, .06);
        box-shadow: 0 .5rem 2rem 0 rgba(29, 23, 23, .06)
    }

    .Component__Carousel4__style7 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        height: 30.7rem;
        overflow-y: auto
    }

    .Component__Carousel4__style7 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul li {
        height: auto;
        padding: 4rem 0 0 4rem;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .Component__Carousel4__style7 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .imgbox {
        width: 4.9rem;
        height: 4.9rem
    }

    .Component__Carousel4__style7 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .textbox {
        padding: 0 0 0 1.6rem
    }

    .Component__Carousel4__style7 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .textbox .title {
        font-size: 1.5rem;
        font-weight: 600;
        padding: .25rem 0
    }

    .Component__Carousel4__style7 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .textbox .subtitle {
        font-size: 1.2rem;
        padding-top: .65rem;
        color: #60697f
    }

    .Component__Carousel4__style8 {
        height: 45rem
    }

    .Component__Carousel4__style8 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle {
        padding-top: 42%
    }

    .Component__Carousel4__style8 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .MoreButtonWrap {
        height: 2.5rem;
        width: 8rem;
        font-size: .9rem
    }

    .Component__Carousel4__style9 {
        height: 100%
    }

    .Component__Carousel4__style9 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox {
        padding: 42% 0 0
    }

    .Component__Carousel4__style9 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle {
        color: #fff
    }

    .Component__Carousel4__style9 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title {
        font-size: 2.8rem;
        letter-spacing: .3rem;
        color: #c6ebff;
        position: relative
    }

    .Component__Carousel4__style9 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title .vtext {
        font-weight: 800
    }

    .Component__Carousel4__style9 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title .entit {
        font-size: 3.2rem
    }

    .Component__Carousel4__style9 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title .entit .italicsLine {
        display: none
    }

    .Component__Carousel4__style10 {
        height: 45rem
    }

    .Component__Carousel4__style10 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle {
        padding-top: 42%
    }

    .Component__Carousel4__style10 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .MoreButtonWrap {
        height: 2.5rem;
        width: 8rem;
        font-size: .9rem
    }

    .Component__Carousel4__style10 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper {
        display: block;
        width: 31.5rem;
        margin-left: -15.75rem;
        bottom: -26.25rem;
        height: auto;
        padding: 1rem 0;
        -webkit-box-shadow: 0 .5rem 2rem 0 rgba(29, 23, 23, .06);
        box-shadow: 0 .5rem 2rem 0 rgba(29, 23, 23, .06)
    }

    .Component__Carousel4__style10 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        height: 30.7rem;
        overflow-y: auto
    }

    .Component__Carousel4__style10 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul li {
        height: auto;
        padding: 4rem 0 0 4rem;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .Component__Carousel4__style10 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .imgbox {
        width: 4.9rem;
        height: 4.9rem
    }

    .Component__Carousel4__style10 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .textbox {
        padding: 0 0 0 1.6rem
    }

    .Component__Carousel4__style10 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .textbox .title {
        font-size: 1.5rem;
        font-weight: 600;
        padding: .25rem 0
    }

    .Component__Carousel4__style10 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .textbox .subtitle {
        font-size: 1.2rem;
        padding-top: .65rem;
        color: #60697f
    }

    .Component__Carousel4__style11 {
        height: 45rem
    }

    .Component__Carousel4__style11 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox {
        width: 100%
    }

    .Component__Carousel4__style11 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title {
        font-size: 4rem
    }

    .Component__Carousel4__style12 {
        height: 45rem
    }

    .Component__Carousel4__style12 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }

    .Component__Carousel4__style13 {
        height: 45rem
    }

    .Component__Carousel4__style13 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox {
        width: 100%
    }

    .Component__Carousel4__style13 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle {
        color: #211714;
        position: relative;
        left: 10%;
        top: 30%
    }

    .Component__Carousel4__style13 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title,
    .Component__Carousel4__style13 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title .tal {
        font-size: 1.6rem
    }

    .Component__Carousel4__style13 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .MoreButtonWrap {
        width: 9rem;
        height: 2.5rem;
        font-size: .9rem
    }

    .Component__Carousel4__style13 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper {
        display: block;
        width: 31.5rem;
        margin-left: -15.75rem;
        bottom: -26.25rem;
        height: auto;
        padding: 1rem 0;
        -webkit-box-shadow: 0 .5rem 2rem 0 rgba(29, 23, 23, .06);
        box-shadow: 0 .5rem 2rem 0 rgba(29, 23, 23, .06)
    }

    .Component__Carousel4__style13 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        height: 30.7rem;
        overflow-y: auto
    }

    .Component__Carousel4__style13 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul li {
        height: auto;
        padding: 4rem 0 0 4rem;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .Component__Carousel4__style13 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .imgbox {
        width: 4.9rem;
        height: 4.9rem
    }

    .Component__Carousel4__style13 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .textbox {
        padding: 0 0 0 1.6rem
    }

    .Component__Carousel4__style13 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .textbox .title {
        font-size: 1.5rem;
        font-weight: 600;
        padding: .25rem 0
    }

    .Component__Carousel4__style13 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .textbox .subtitle {
        font-size: 1.2rem;
        padding-top: .65rem;
        color: #60697f
    }

    .Component__Carousel4__style13 .CarouselBaseBox .img,
    .Component__Carousel4__style13 .CarouselBaseBox .video {
        display: block
    }

    .Component__Carousel4__style14 {
        height: 45rem
    }

    .Component__Carousel4__style14 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox {
        width: 100%;
        padding: 2rem 0
    }

    .Component__Carousel4__style14 .CarouselWrapper .el-carousel__container .descSummaryBox .cardWrapper .cardBox .cardTitle .title:after {
        top: 4.5rem
    }

    .Component__Carousel4__style14 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper {
        display: block;
        width: 31.5rem;
        margin-left: -15.75rem;
        bottom: -26.25rem;
        height: auto;
        padding: 1rem 0;
        -webkit-box-shadow: 0 .5rem 2rem 0 rgba(29, 23, 23, .06);
        box-shadow: 0 .5rem 2rem 0 rgba(29, 23, 23, .06)
    }

    .Component__Carousel4__style14 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        height: 30.7rem;
        overflow-y: auto
    }

    .Component__Carousel4__style14 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul li {
        height: auto;
        padding: 4rem 0 0 4rem;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .Component__Carousel4__style14 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .imgbox {
        width: 4.9rem;
        height: 4.9rem
    }

    .Component__Carousel4__style14 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .textbox {
        padding: 0 0 0 1.6rem
    }

    .Component__Carousel4__style14 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .textbox .title {
        font-size: 1.5rem;
        font-weight: 600;
        padding: .25rem 0
    }

    .Component__Carousel4__style14 .CarouselWrapper .el-carousel__container .descSummaryBox .introductionWrapper ul .textbox .subtitle {
        font-size: 1.2rem;
        padding-top: .65rem;
        color: #60697f
    }

    .Component__Carousel4__style14 .CarouselBaseBox .img,
    .Component__Carousel4__style14 .CarouselBaseBox .video {
        display: block
    }
}

.el-button.el-button--default.el-button--small.el-button--primary.aaaa {
    color: #fff !important
}

.Component__FormGroup1__wrapper {
    width: 45rem;
    margin: 0 auto;
    font-family: PingFangSC-Medium\, PingFang SC;
    background-color: #fff
}

.Component__FormGroup1__wrapper .cardTitle .title {
    text-align: center;
    font-size: 1.8rem;
    font-family: inherit;
    font-weight: 500;
    color: #211714
}

.Component__FormGroup1__wrapper .cardTitle .subTitle {
    text-align: center;
    font-size: .8rem;
    font-weight: 400;
    letter-spacing: .5rem;
    margin-top: .8rem
}

.Component__FormGroup1__wrapper .formWrapper {
    min-height: 10rem;
    margin-top: 5rem
}

.Component__FormGroup1__wrapper .formWrapper .el-button {
    width: 9rem;
    height: 2.4rem
}

.Component__FormGroup1__wrapper .submit {
    line-height: 2.45rem;
    font-family: inherit;
    font-size: .7rem;
    margin: 2.8rem auto;
    width: 9rem;
    background-color: #0a57fa;
    border: 0 solid transparent;
    text-align: center;
    cursor: pointer;
    line-height: 2.4rem;
    height: 2.4rem;
    padding: 0 .25rem;
    color: #fff
}

@media only screen and (max-width:51.2rem) {
    .Component__FormGroup1__wrapper {
        width: 26rem;
        margin: 0 auto
    }

    .Component__FormGroup1__wrapper .cardTitle .title {
        font-size: 2.4rem
    }

    .Component__FormGroup1__wrapper .cardTitle .subTitle {
        font-size: 1.2rem;
        letter-spacing: .75rem;
        margin-top: .8rem
    }

    .Component__FormGroup1__wrapper .submit {
        width: 26rem;
        height: 4rem;
        line-height: 4rem;
        font-size: 1.2rem
    }
}

@media only screen and (max-width:37.5rem) {
    .Card__wrapper {
        height: auto;
        max-width: 22.45rem;
        border: 1px dotted #ccc;
        background-color: #fff;
        padding-bottom: 1.5rem
    }

    .Card__wrapper .cardTitle {
        margin-top: 1.6rem;
        color: #555;
        font-size: 1.2rem;
        text-align: center
    }

    .Card__wrapper .cardContent {
        margin-top: 1rem;
        text-align: center;
        color: #555;
        font: .6rem Microsoft YaHei
    }

    .Card__wrapper .cardButton {
        max-width: 11.6rem;
        height: auto;
        color: #fff;
        text-align: center;
        line-height: auto;
        margin: 1.6rem auto 0
    }

    .Card__wrapper .warning {
        background-color: #d13825
    }

    .Card__wrapper .info {
        background-color: #252727
    }
}

.Component__Breadcrumb__wrapper .Breadcrumb__Wrapper {
    line-height: 1.1rem;
    padding: 1.2rem 0;
    background: #f9f9fa
}

.Component__Breadcrumb__wrapper .Breadcrumb__Wrapper .container {
    width: 60rem
}

.Component__Breadcrumb__wrapper .Breadcrumb__Wrapper .breadcrumbItem {
    font-size: .8rem;
    color: grey
}

.Component__Breadcrumb__wrapper .Breadcrumb__Wrapper .breadcrumbItem .el-breadcrumb__inner {
    color: inherit
}

.Component__Breadcrumb__wrapper .Breadcrumb__Wrapper .separator:before {
    content: "·"
}

@media only screen and (max-width:1024PX) {
    .Component__Breadcrumb__wrapper {
        display: none
    }
}

@media only screen and (max-width:750PX) {
    .Component__Breadcrumb__wrapper {
        display: none
    }
}

.Component__Parters1__wrapper {
    width: inherit;
    height: inherit;
    background-color: #fff
}

.Component__Parters1__wrapper .topWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto
}

.Component__Parters1__wrapper .topWrapper .topText .titText {
    font-size: 3.6rem;
    font-weight: 900;
    color: #e5e8eb
}

.Component__Parters1__wrapper .topTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    bottom: 3.1rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.Component__Parters1__wrapper .topTitle .topTitleText .titText {
    font-size: 1.8rem;
    font-family: PingFangSC-Semibold\, PingFang SC;
    font-weight: 600;
    color: #2f2e3f
}

.Component__Parters1__wrapper .partersUlBox {
    max-width: 61rem;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.Component__Parters1__wrapper .partersUlBox,
.Component__Parters1__wrapper .partersUlBox li {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.Component__Parters1__wrapper .partersUlBox li {
    width: 14.25rem;
    height: 9.5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin: 0 1rem 1rem 0
}

.Component__Parters1__wrapper .partersUlBox li .imgBox {
    max-width: 100%;
    max-height: 100%
}

@media only screen and (max-width:1024PX) {
    .Component__Parters1__wrapper .partersUlBox {
        max-width: 100%
    }

    .Component__Parters1__wrapper .partersUlBox li {
        width: 22rem;
        height: 14.7rem;
        margin: 0 1rem 1rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
}

@media only screen and (max-width:750PX) {
    .Component__Parters1__wrapper .partersUlBox {
        max-width: 100%
    }

    .Component__Parters1__wrapper .partersUlBox li {
        width: 22rem;
        height: 14.7rem;
        margin: 0 1rem 1rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
}

#scroll::-webkit-scrollbar {
    display: none
}

.Component__detailsPage1__wrapper {
    width: 100%
}

.Component__detailsPage1__wrapper .detailsPageWrapper {
    margin: auto;
    position: relative
}

.Component__detailsPage1__wrapper .detailsPageWrapper .detailTitle {
    font-size: 1.8rem;
    font-weight: 500
}

.Component__detailsPage1__wrapper .detailsPageWrapper .detailOperateBtnStyle1 {
    position: absolute;
    right: -3.9rem;
    bottom: 1.5rem
}

.Component__detailsPage1__wrapper .detailsPageWrapper .detailOperateBtnStyle2 {
    position: absolute;
    left: 0;
    bottom: -4.1rem;
    width: 100%;
    height: 2.6rem;
    background: #fff
}

.Component__detailsPage1__wrapper .comments {
    margin-top: 6.4rem;
    padding: 0 4rem;
    width: 60rem
}

.Component__detailsPage1__wrapper .comments .comment-detail .view-more-wrap,
.Component__detailsPage1__wrapper .comments .wrapper {
    background-color: #fff
}

.Component__detailsPage1__style1 {
    background: #fff
}

.Component__detailsPage1__style1 .detailsPageWrapper {
    width: 50rem;
    padding: 7rem 5rem 6rem;
    background: #fff
}

.Component__detailsPage1__style1 .detailsPageWrapper .detailsImage {
    width: 50rem;
    height: 29.45rem
}

.Component__detailsPage1__style1 .detailsPageWrapper .detailsImage .banner,
.Component__detailsPage1__style1 .detailsPageWrapper .detailsImage .content {
    display: none
}

.Component__detailsPage1__style1 .detailsPageWrapper .detailTitle {
    color: #211714;
    line-height: 1.8rem;
    text-align: center;
    margin-top: 4rem
}

.Component__detailsPage1__style1 .detailsPageWrapper .detailSubTitle {
    font-size: .9rem;
    font-weight: 400;
    color: grey;
    line-height: 1.2rem;
    text-align: center;
    margin-top: 1.2rem
}

.Component__detailsPage1__style1 .detailsPageWrapper .present-price {
    text-align: center;
    font-size: 1.2rem;
    font-weight: 700;
    margin-top: 1.5rem
}

.Component__detailsPage1__style1 .detailsPageWrapper .shopBtnWrapper {
    margin-top: 3rem;
    text-align: center
}

.Component__detailsPage1__style1 .detailsPageWrapper .detailRichText {
    height: auto;
    margin-top: 2.4rem
}

.Component__detailsPage1__style2 {
    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
}

.Component__detailsPage1__style2 .detailsPageWrapper {
    width: 60rem;
    background: #fff;
    padding: 3.5rem 3rem 8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Component__detailsPage1__style2 .detailsPageWrapper .detailsImage {
    width: 26rem
}

.Component__detailsPage1__style2 .detailsPageWrapper .detailsImage .content .el-tag {
    background-color: #f9f9f9;
    border-color: rgba(0, 0, 0, .1);
    color: #999 !important;
    border-radius: 1.2rem !important;
    margin: 1.2rem .4rem .4rem 0
}

.Component__detailsPage1__style2 .detailsPageWrapper .detailsImage .content .el-tag:hover {
    background-color: #000;
    color: #fff;
    font-weight: 700
}

.Component__detailsPage1__style2 .detailsPageWrapper .detailsImage .content .present-price {
    font-size: 1.8rem;
    font-weight: 400;
    color: #211714;
    margin-top: .8rem
}

.Component__detailsPage1__style2 .detailsPageWrapper .detailsImage .content .original-price {
    font-size: 1.2rem;
    font-weight: 300;
    color: #211714;
    text-decoration: line-through
}

.Component__detailsPage1__style2 .detailsPageWrapper .detailsImage .content .time {
    padding: 1.8rem 0;
    margin-bottom: 1.8rem
}

.Component__detailsPage1__style2 .detailsPageWrapper .detailsImage .image {
    display: none
}

.Component__detailsPage1__style2 .detailsPageWrapper .detailsImage .Component__slideshow__wrapper .detailsPageWrapper1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%
}

.Component__detailsPage1__style2 .detailsPageWrapper .detailsImage .Component__slideshow__wrapper .detailsPageWrapper1 .view {
    width: 100%;
    height: 16rem
}

.Component__detailsPage1__style2 .detailsPageWrapper .detailsImage .Component__slideshow__wrapper .detailsPageWrapper1 .view .img-box .big-image {
    width: 100%;
    height: 16rem;
    -o-object-fit: cover;
    object-fit: cover
}

.Component__detailsPage1__style2 .detailsPageWrapper .detailsImage .Component__slideshow__wrapper .detailsPageWrapper1 .view .item {
    padding-left: 2%;
    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;
    top: -4rem
}

.Component__detailsPage1__style2 .detailsPageWrapper .detailsImage .Component__slideshow__wrapper .detailsPageWrapper1 .view .item .little-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow-x: auto
}

.Component__detailsPage1__style2 .detailsPageWrapper .detailsImage .Component__slideshow__wrapper .detailsPageWrapper1 .view .item .little-img img {
    width: 3.5rem;
    height: 3rem;
    border-radius: .4rem;
    -o-object-fit: cover;
    object-fit: cover;
    cursor: pointer;
    border: 1px solid #fff;
    margin-right: .5rem
}

.Component__detailsPage1__style2 .detailsPageWrapper .detailsImage .Component__slideshow__wrapper .detailsPageWrapper1 .view .item .little-img img:hover {
    border: 1px solid #181818
}

.Component__detailsPage1__style2 .detailsPageWrapper .detailsImage .Component__slideshow__wrapper .detailsPageWrapper1 .view .prev-btns {
    position: relative;
    top: -60%;
    padding: 0 2%;
    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
}

.Component__detailsPage1__style2 .detailsPageWrapper .detailsImage .Component__slideshow__wrapper .detailsPageWrapper1 .view .prev-btns .prev {
    width: 2.4rem;
    height: 2.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;
    background-color: rgba(34, 34, 34, .8);
    cursor: pointer
}

.Component__detailsPage1__style2 .detailsPageWrapper .detailsImage .Component__slideshow__wrapper .detailsPageWrapper1 .view .prev-btns .prev i {
    font-size: 1.4rem;
    color: #e2e2e2
}

.Component__detailsPage1__style2 .detailsPageWrapper .detailsImage .Component__slideshow__wrapper .detailsPageWrapper1 .view .prev-btns1 {
    position: relative;
    top: -80%;
    padding: 0 2%;
    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
}

.Component__detailsPage1__style2 .detailsPageWrapper .detailsImage .Component__slideshow__wrapper .detailsPageWrapper1 .view .prev-btns1 .prev {
    width: 2.4rem;
    height: 2.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;
    background-color: rgba(34, 34, 34, .8);
    cursor: pointer
}

.Component__detailsPage1__style2 .detailsPageWrapper .detailsImage .Component__slideshow__wrapper .detailsPageWrapper1 .view .prev-btns1 .prev i {
    font-size: 1.4rem;
    color: #e2e2e2
}

.Component__detailsPage1__style2 .detailsPageWrapper .detailContent {
    margin-left: 3.5rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.Component__detailsPage1__style2 .detailsPageWrapper .detailTitle {
    color: #2f2e3f;
    line-height: 2.5rem;
    margin-top: 1.2rem
}

.Component__detailsPage1__style2 .detailsPageWrapper .detailLine {
    width: 2rem;
    height: .2rem;
    background: #0a57fa;
    margin: .8rem 0 1.2rem
}

.Component__detailsPage1__style2 .detailsPageWrapper .detailSubTitle {
    margin-bottom: .8rem;
    padding: 0 .5rem
}

.Component__detailsPage1__style2 .detailsPageWrapper .shopBtnWrapper {
    margin-top: 3rem;
    text-align: left
}

.Component__detailsPage1__style2 .detailsPageWrapper .w-e-text-container {
    height: auto
}

.shop__btn {
    color: #222;
    border: 1px solid #222;
    padding: .5rem 1.6rem;
    cursor: pointer
}

.shop__btn:active {
    opacity: .9
}

.shop__btn[type=primary] {
    color: #fff;
    background-color: #222;
    padding: .5rem 1.6rem
}

.shop__btn[size=bigger] {
    padding: .7rem 3.2rem
}

@media only screen and (max-width:1024PX) {
    .Component__detailsPage1__wrapper .detailsPageWrapper {
        width: 45rem
    }

    .Component__detailsPage1__wrapper .detailsPageWrapper .detailTitle {
        font-size: 2.4rem;
        line-height: 2.4rem;
        margin-top: 4.5rem
    }

    .Component__detailsPage1__wrapper .detailsPageWrapper .detailOperateBtn {
        display: none
    }

    .Component__detailsPage1__wrapper .comment-detail {
        width: 95%;
        padding-top: 1rem
    }

    .Component__detailsPage1__wrapper .comment-detail .view-more-wrap .view-more {
        margin: 1.6rem auto
    }

    .Component__detailsPage1__wrapper .comment-detail ul li .top .auth {
        font-size: 1.2rem;
        font-weight: 600;
        color: #211714
    }

    .Component__detailsPage1__wrapper .comment-detail ul li .top span {
        font-size: .7rem;
        color: #868686
    }

    .Component__detailsPage1__wrapper .comment-detail ul li p {
        font-size: .9rem;
        color: #494949
    }

    .Component__detailsPage1__wrapper .comments {
        width: 45rem
    }

    .Component__detailsPage1__style1 .detailsPageWrapper {
        padding: 5rem 0 7rem
    }

    .Component__detailsPage1__style1 .detailsPageWrapper .detailsImage {
        width: 45rem;
        height: 26.5rem
    }

    .Component__detailsPage1__style1 .detailsPageWrapper .detailSubTitle {
        font-size: 1.6rem;
        line-height: 1.6rem;
        margin-top: 2.4rem
    }

    .Component__detailsPage1__style1 .detailsPageWrapper .detailRichText {
        margin-top: 3.2rem
    }

    .Component__detailsPage1__style2 .detailsPageWrapper {
        display: block;
        padding: 5rem 0
    }

    .Component__detailsPage1__style2 .detailsPageWrapper .detailsImage {
        width: 45rem
    }

    .Component__detailsPage1__style2 .detailsPageWrapper .detailsImage .Component__slideshow__wrapper .detailsPageWrapper1 .view,
    .Component__detailsPage1__style2 .detailsPageWrapper .detailsImage .Component__slideshow__wrapper .detailsPageWrapper1 .view .img-box .big-image {
        height: 25rem
    }

    .Component__detailsPage1__style2 .detailsPageWrapper .detailsImage .Component__slideshow__wrapper .detailsPageWrapper1 .view .prev-btns {
        top: -56%
    }

    .Component__detailsPage1__style2 .detailsPageWrapper .detailsImage .Component__slideshow__wrapper .detailsPageWrapper1 .view .prev-btns1 {
        top: -70%
    }

    .Component__detailsPage1__style2 .detailsPageWrapper .detailContent {
        margin: 8.2rem 0 0
    }

    .Component__detailsPage1__style2 .detailsPageWrapper .detailLine {
        width: 3rem;
        height: .3rem;
        background: #0a57fa;
        margin: 1rem 0 2.4rem
    }

    .Component__detailsPage1__style2 .detailsPageWrapper .detailOperateBtn {
        display: none
    }
}

@media only screen and (max-width:750PX) {
    .Component__detailsPage1__wrapper .detailsPageWrapper {
        width: 31.5rem
    }

    .Component__detailsPage1__wrapper .detailsPageWrapper .detailTitle {
        font-size: 2.4rem;
        line-height: 2.4rem;
        margin-top: 4.5rem
    }

    .Component__detailsPage1__wrapper .detailsPageWrapper .detailOperateBtn {
        display: none
    }

    .Component__detailsPage1__wrapper .comment-detail .view-more-wrap .view-more {
        margin: 1.6rem auto;
        width: 100%
    }

    .Component__detailsPage1__wrapper .comments {
        width: 31.5rem
    }

    .Component__detailsPage1__style1 .detailsPageWrapper {
        padding: 5rem 0 7rem
    }

    .Component__detailsPage1__style1 .detailsPageWrapper .detailsImage {
        width: 31.5rem;
        height: 18.5rem
    }

    .Component__detailsPage1__style1 .detailsPageWrapper .detailSubTitle {
        font-size: 1.6rem;
        line-height: 1.6rem;
        margin-top: 2.4rem
    }

    .Component__detailsPage1__style1 .detailsPageWrapper .detailRichText {
        margin-top: 3.2rem
    }

    .Component__detailsPage1__style2 .detailsPageWrapper {
        display: block;
        padding: 5rem 0
    }

    .Component__detailsPage1__style2 .detailsPageWrapper .detailsImage {
        width: 31.5rem !important
    }

    .Component__detailsPage1__style2 .detailsPageWrapper .detailsImage .Component__slideshow__wrapper .detailsPageWrapper1 .view,
    .Component__detailsPage1__style2 .detailsPageWrapper .detailsImage .Component__slideshow__wrapper .detailsPageWrapper1 .view .img-box .big-image {
        height: 20rem
    }

    .Component__detailsPage1__style2 .detailsPageWrapper .detailContent {
        margin-left: 0
    }

    .Component__detailsPage1__style2 .detailsPageWrapper .detailLine {
        width: 3rem;
        height: .3rem;
        background: #0a57fa;
        margin: 1rem 0 2.4rem
    }

    .Component__detailsPage1__style2 .detailsPageWrapper .detailOperateBtn {
        display: none
    }
}

.Component__newsList4__wrapper {
    width: 100%;
    background-color: #fff
}

.Component__newsList4__wrapper .newsListWrapper {
    width: 60rem;
    margin: auto
}

.Component__newsList4__wrapper .newsListWrapper .newsTitle .title {
    padding: 0
}

.Component__newsList4__wrapper .newsListWrapper .newsTitle .titWrap {
    font-size: 2.4rem;
    font-weight: 900;
    color: #211714;
    line-height: 2.4rem
}

.Component__newsList4__wrapper .newsListWrapper .newsTitle .entit {
    font-size: 1.2rem;
    font-weight: 500;
    color: #211714;
    line-height: 1.8rem
}

.Component__newsList4__wrapper .newsListWrapper .newsList {
    margin-top: 2.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Component__newsList4__wrapper .newsListWrapper .newsList .newsListItem {
    width: 19rem;
    height: 24.5rem;
    margin-right: 1.5rem;
    padding-top: 2.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.Component__newsList4__wrapper .newsListWrapper .newsList .newsListItem:last-child {
    margin-right: 0
}

.Component__newsList4__wrapper .newsListWrapper .newsList .newsListItem:hover {
    -webkit-box-shadow: 0 .15rem 2rem 0 rgba(9, 20, 34, .1);
    box-shadow: 0 .15rem 2rem 0 rgba(9, 20, 34, .1)
}

.Component__newsList4__wrapper .newsListWrapper .newsList .newsListItem .newsItemImage {
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    margin: auto
}

.Component__newsList4__wrapper .newsListWrapper .newsList .newsListItem .newsItemTitle {
    margin-top: 1.8rem
}

.Component__newsList4__wrapper .newsListWrapper .newsList .newsListItem .newsItemTitle .title {
    padding: 0
}

.Component__newsList4__wrapper .newsListWrapper .newsList .newsListItem .newsItemTitle .titWrap {
    font-size: 1rem;
    color: #211714;
    line-height: 1.4rem;
    text-align: center
}

.Component__newsList4__wrapper .newsListWrapper .newsList .newsListItem .newsItemTitle .subtitle {
    font-size: .7rem;
    font-weight: 400;
    color: #878787;
    line-height: 1rem;
    text-align: center;
    padding: .5rem 0 1.2rem
}

.Component__newsList4__wrapper .newsListWrapper .newsList .newsListItem .newsItemTitle .description {
    width: 13.4rem;
    font-size: .7rem;
    font-weight: 400;
    color: #63626d;
    line-height: 1.3rem;
    margin: auto;
    text-align: center;
    padding: 0
}

@media only screen and (max-width:1024PX) {
    .Component__newsList4__wrapper .newsListWrapper {
        width: 45rem
    }

    .Component__newsList4__wrapper .newsListWrapper .newsTitle .titWrap {
        font-size: 3rem
    }

    .Component__newsList4__wrapper .newsListWrapper .newsTitle .entit {
        font-size: 1.8rem
    }

    .Component__newsList4__wrapper .newsListWrapper .newsList {
        margin-top: 3.5rem;
        display: block
    }

    .Component__newsList4__wrapper .newsListWrapper .newsList .newsListItem {
        width: 45rem;
        height: 32.9rem;
        margin-right: 0;
        margin-bottom: 1rem;
        -webkit-box-shadow: 0 .15rem 2rem 0 rgba(9, 20, 34, .1);
        box-shadow: 0 .15rem 2rem 0 rgba(9, 20, 34, .1);
        padding-top: 4.5rem
    }

    .Component__newsList4__wrapper .newsListWrapper .newsList .newsListItem:last-child {
        margin-bottom: 0
    }

    .Component__newsList4__wrapper .newsListWrapper .newsList .newsListItem .newsItemImage {
        width: 10rem;
        height: 10rem
    }

    .Component__newsList4__wrapper .newsListWrapper .newsList .newsListItem .newsItemTitle {
        margin-top: 2.4rem
    }

    .Component__newsList4__wrapper .newsListWrapper .newsList .newsListItem .newsItemTitle .titWrap {
        font-size: 1.8rem;
        line-height: 1.8rem
    }

    .Component__newsList4__wrapper .newsListWrapper .newsList .newsListItem .newsItemTitle .subtitle {
        font-size: 1.2rem;
        line-height: 1.2rem;
        padding: 1rem 0 1.6rem
    }

    .Component__newsList4__wrapper .newsListWrapper .newsList .newsListItem .newsItemTitle .description {
        width: 35rem;
        font-size: 1.2rem;
        line-height: 2.2rem
    }
}

@media only screen and (max-width:750PX) {
    .Component__newsList4__wrapper .newsListWrapper {
        width: 31.5rem
    }

    .Component__newsList4__wrapper .newsListWrapper .newsTitle .titWrap {
        font-size: 3rem
    }

    .Component__newsList4__wrapper .newsListWrapper .newsTitle .entit {
        font-size: 1.8rem
    }

    .Component__newsList4__wrapper .newsListWrapper .newsList {
        margin-top: 3.5rem;
        display: block
    }

    .Component__newsList4__wrapper .newsListWrapper .newsList .newsListItem {
        width: 31.5rem;
        height: 35.1rem;
        margin-right: 0;
        margin-bottom: 1rem;
        -webkit-box-shadow: 0 .15rem 2rem 0 rgba(9, 20, 34, .1);
        box-shadow: 0 .15rem 2rem 0 rgba(9, 20, 34, .1);
        padding-top: 4.5rem
    }

    .Component__newsList4__wrapper .newsListWrapper .newsList .newsListItem:last-child {
        margin-bottom: 0
    }

    .Component__newsList4__wrapper .newsListWrapper .newsList .newsListItem .newsItemImage {
        width: 10rem;
        height: 10rem
    }

    .Component__newsList4__wrapper .newsListWrapper .newsList .newsListItem .newsItemTitle {
        margin-top: 2.4rem
    }

    .Component__newsList4__wrapper .newsListWrapper .newsList .newsListItem .newsItemTitle .titWrap {
        font-size: 1.8rem;
        line-height: 1.8rem
    }

    .Component__newsList4__wrapper .newsListWrapper .newsList .newsListItem .newsItemTitle .subtitle {
        font-size: 1.2rem;
        line-height: 1.2rem;
        padding: 1rem 0 1.6rem
    }

    .Component__newsList4__wrapper .newsListWrapper .newsList .newsListItem .newsItemTitle .description {
        width: 25.25rem;
        font-size: 1.2rem;
        line-height: 2.2rem
    }
}

.Component__NewsList3__wrapper {
    padding-top: 1rem
}

.Component__NewsList3__wrapper * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.Component__NewsList3__wrapper .container {
    width: 60rem
}

.Component__NewsList3__wrapper .container .newsTitle {
    margin-bottom: 2.2rem
}

.Component__NewsList3__wrapper .container .newsTitle .titWrap {
    text-align: center
}

.Component__NewsList3__wrapper .container .newsTitle .tip {
    width: 100%;
    color: #e5e8eb
}

.Component__NewsList3__wrapper .newsList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -.6rem
}

.Component__NewsList3__wrapper .newsList .newsItem {
    width: 19.2rem;
    margin: 0 .6rem 1.2rem
}

.Component__NewsList3__wrapper .newsList .newsItem .newsItemText {
    padding: 1.6rem;
    background-color: #fff
}

.Component__NewsList3__wrapper .newsList .newsItem .newsItemText:hover {
    background-color: #0a57fa
}

.Component__NewsList3__wrapper .newsList .newsItem .newsItemText:hover .newsItemDate,
.Component__NewsList3__wrapper .newsList .newsItem .newsItemText:hover .newsItemDescription {
    color: #fff;
    opacity: .79
}

.Component__NewsList3__wrapper .newsList .newsItem .newsItemText:hover .newsItemBtn,
.Component__NewsList3__wrapper .newsList .newsItem .newsItemText:hover .newsItemDate,
.Component__NewsList3__wrapper .newsList .newsItem .newsItemText:hover .newsItemTitle {
    color: #fff
}

.Component__NewsList3__wrapper .newsList .newsItem .newsItemText .newsItemDate {
    line-height: 1.3rem;
    color: #9ba2b4;
    font-size: .6rem;
    margin-bottom: .2rem
}

.Component__NewsList3__wrapper .newsList .newsItem .newsItemText .newsItemTitle {
    font-size: .9rem;
    line-height: 1.25rem;
    margin: .8rem 0;
    font-weight: 500;
    -webkit-line-clamp: 2
}

.Component__NewsList3__wrapper .newsList .newsItem .newsItemText .newsItemDescription {
    font-size: .7rem;
    line-height: 1.3rem;
    color: #60697f;
    -webkit-line-clamp: 2;
    margin-bottom: 1.5rem
}

.Component__NewsList3__wrapper .newsList .newsItem .newsItemText .newsItemBtn {
    color: #0a57fa
}

.Component__NewsList3__wrapper .productListPagination {
    text-align: center;
    padding: 4.1rem 0 6rem
}

.Component__NewsList3__wrapper .productListPagination .btn-next,
.Component__NewsList3__wrapper .productListPagination .btn-prev,
.Component__NewsList3__wrapper .productListPagination .el-pager li {
    width: 1.8rem;
    height: 1.8rem;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #cfcfcf;
    font-size: .8rem;
    color: #181c33;
    line-height: 1.8rem;
    padding: 0;
    margin: 0 .4rem
}

.Component__NewsList3__wrapper .productListPagination .el-pager li:not(.disabled).active {
    background: #0a57fa;
    color: #fff
}

.Component__NewsList3__wrapper .productListPagination .el-pager li:not(.disabled).active:hover {
    color: #fff
}

.Component__NewsList3__wrapper .productListPagination .el-pager li:not(.disabled):hover {
    color: #181c33
}

@media only screen and (max-width:1024PX) {
    .Component__NewsList3__wrapper {
        padding-top: 2rem
    }

    .Component__NewsList3__wrapper .container {
        width: 100%;
        padding: 0 3rem
    }

    .Component__NewsList3__wrapper .container .newsTitle {
        margin-bottom: 3.5rem
    }

    .Component__NewsList3__wrapper .newsList {
        margin: 0 -.5rem
    }

    .Component__NewsList3__wrapper .newsList .newsItem {
        width: 22rem;
        height: 26.15rem;
        margin: 0 .5rem 1rem
    }

    .Component__NewsList3__wrapper .newsList .newsItem .newsItemText {
        padding: 2.4rem;
        height: inherit;
        background-color: #fff
    }

    .Component__NewsList3__wrapper .newsList .newsItem .newsItemText:hover {
        background-color: #fff
    }

    .Component__NewsList3__wrapper .newsList .newsItem .newsItemText:hover .newsItemDate,
    .Component__NewsList3__wrapper .newsList .newsItem .newsItemText:hover .newsItemDescription {
        color: #60697f
    }

    .Component__NewsList3__wrapper .newsList .newsItem .newsItemText:hover .newsItemDate,
    .Component__NewsList3__wrapper .newsList .newsItem .newsItemText:hover .newsItemTitle {
        color: #2f2e3f
    }

    .Component__NewsList3__wrapper .newsList .newsItem .newsItemText:hover .newsItemBtn {
        color: #0a57fa
    }

    .Component__NewsList3__wrapper .newsList .newsItem .newsItemText .newsItemDate {
        line-height: 2.2rem;
        font-size: 1rem;
        margin-bottom: .4rem
    }

    .Component__NewsList3__wrapper .newsList .newsItem .newsItemText .newsItemTitle {
        font-size: 1.4rem;
        line-height: 2.3rem;
        margin: .8rem 0 1.6rem
    }

    .Component__NewsList3__wrapper .newsList .newsItem .newsItemText .newsItemDescription {
        font-size: 1.2rem;
        line-height: 2.2rem;
        -webkit-line-clamp: 3;
        margin-bottom: 1.5rem
    }

    .Component__NewsList3__wrapper .newsList .newsItem .newsItemText .newsItemBtn {
        color: #0a57fa;
        font-size: 1.2rem
    }

    .Component__NewsList3__wrapper .productListPagination {
        display: none
    }
}

@media only screen and (max-width:750PX) {
    .Component__NewsList3__wrapper {
        padding-top: 2rem
    }

    .Component__NewsList3__wrapper .container {
        width: 100%;
        padding: 0 3rem
    }

    .Component__NewsList3__wrapper .container .newsTitle {
        margin-bottom: 3.5rem
    }

    .Component__NewsList3__wrapper .newsList {
        margin: 0 -.5rem
    }

    .Component__NewsList3__wrapper .newsList .newsItem {
        width: 31.5rem;
        height: 22.5rem;
        margin: 0 .5rem 1rem
    }

    .Component__NewsList3__wrapper .newsList .newsItem .newsItemText {
        padding: 2.4rem;
        height: inherit;
        background-color: #fff
    }

    .Component__NewsList3__wrapper .newsList .newsItem .newsItemText:hover {
        background-color: #fff
    }

    .Component__NewsList3__wrapper .newsList .newsItem .newsItemText:hover .newsItemDate,
    .Component__NewsList3__wrapper .newsList .newsItem .newsItemText:hover .newsItemDescription {
        color: #60697f
    }

    .Component__NewsList3__wrapper .newsList .newsItem .newsItemText:hover .newsItemDate,
    .Component__NewsList3__wrapper .newsList .newsItem .newsItemText:hover .newsItemTitle {
        color: #2f2e3f
    }

    .Component__NewsList3__wrapper .newsList .newsItem .newsItemText:hover .newsItemBtn {
        color: #0a57fa
    }

    .Component__NewsList3__wrapper .newsList .newsItem .newsItemText .newsItemDate {
        line-height: 2.2rem;
        font-size: 1rem;
        margin-bottom: .4rem
    }

    .Component__NewsList3__wrapper .newsList .newsItem .newsItemText .newsItemTitle {
        font-size: 1.4rem;
        line-height: 2.3rem;
        margin: .8rem 0 1.6rem
    }

    .Component__NewsList3__wrapper .newsList .newsItem .newsItemText .newsItemDescription {
        font-size: 1.2rem;
        line-height: 2.2rem;
        -webkit-line-clamp: 3;
        margin-bottom: 1.5rem
    }

    .Component__NewsList3__wrapper .newsList .newsItem .newsItemText .newsItemBtn {
        color: #0a57fa;
        font-size: 1.2rem
    }

    .Component__NewsList3__wrapper .productListPagination {
        display: none
    }
}

.Component__NewsList2__wrapper {
    width: 100%;
    background-color: inherit
}

.Component__NewsList2__wrapper * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.Component__NewsList2__wrapper .newList2__Wrapper {
    width: 100%;
    padding: 1rem 0
}

.Component__NewsList2__wrapper .newList2__Wrapper .container {
    width: 60rem
}

.Component__NewsList2__wrapper .newList2__Wrapper .container .containerText {
    width: 38.85rem;
    border-bottom: .1rem solid #2f2e3f;
    margin-bottom: 1rem
}

.Component__NewsList2__wrapper .newList2__Wrapper .container .containerText .title {
    padding-right: 5rem
}

.Component__NewsList2__wrapper .newList2__Wrapper .container .containerText .tip {
    color: #e5e8eb
}

.Component__NewsList2__wrapper .newList2__Wrapper .container .containerLeft {
    width: 38.85rem
}

.Component__NewsList2__wrapper .newList2__Wrapper .container .containerLeft .newsList {
    font-size: .8rem;
    padding-left: 1.2rem;
    overflow: hidden
}

.Component__NewsList2__wrapper .newList2__Wrapper .container .containerLeft .newsList li {
    padding: 1rem 0;
    list-style-type: circle;
    border-bottom: 1px solid #dfdee1
}

.Component__NewsList2__wrapper .newList2__Wrapper .container .containerLeft .newsList li .link {
    color: #60697f
}

.Component__NewsList2__wrapper .newList2__Wrapper .container .containerLeft .newsList li .news-name {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    font-weight: 600
}

.Component__NewsList2__wrapper .newList2__Wrapper .container .containerLeft .newsList li .news-name:active,
.Component__NewsList2__wrapper .newList2__Wrapper .container .containerLeft .newsList li .news-name:hover {
    color: #0a57fa
}

.Component__NewsList2__wrapper .newList2__Wrapper .container .containerLeft .newsList li .news-date {
    width: 10em;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    color: #8b8a96;
    text-align: right
}

.Component__NewsList2__wrapper .newList2__Wrapper .container .containerRight {
    width: 17.3rem;
    height: 20.35rem;
    background: #0a57fa;
    float: right;
    margin-left: 3.5rem;
    margin-top: 0;
    padding: 2.4rem;
    color: #fff;
    position: relative
}

.Component__NewsList2__wrapper .newList2__Wrapper .container .containerRight .subtitle {
    font-size: .9rem
}

.Component__NewsList2__wrapper .newList2__Wrapper .container .containerRight .title {
    font-size: 1.2rem
}

.Component__NewsList2__wrapper .newList2__Wrapper .container .containerRight .line {
    border-bottom: 1px solid hsla(0, 0%, 100%, .2);
    margin: .8rem 0 1.8rem
}

.Component__NewsList2__wrapper .newList2__Wrapper .container .containerRight .summary {
    font-size: .7rem;
    -webkit-line-clamp: 8;
    max-height: 8.4rem
}

.Component__NewsList2__wrapper .newList2__Wrapper .container .containerRight .linkBtn {
    position: absolute;
    width: 1.8rem;
    height: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
    right: 1.2rem;
    bottom: 1.2rem;
    background-color: #fff;
    color: #0a57fa
}

@media only screen and (max-width:1024PX) {
    .Component__NewsList2__wrapper .newList2__Wrapper {
        width: 100%;
        background-color: #f4f7fb;
        padding: 2rem 0
    }

    .Component__NewsList2__wrapper .newList2__Wrapper .container {
        width: 100%;
        padding: 0 3rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .Component__NewsList2__wrapper .newList2__Wrapper .container .containerText {
        width: auto;
        border-bottom: .1rem solid #2f2e3f;
        margin-bottom: 1rem
    }

    .Component__NewsList2__wrapper .newList2__Wrapper .container .containerText .title {
        padding-right: 5rem
    }

    .Component__NewsList2__wrapper .newList2__Wrapper .container .containerText .tip {
        color: #e5e8eb
    }

    .Component__NewsList2__wrapper .newList2__Wrapper .container .newList2Wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .Component__NewsList2__wrapper .newList2__Wrapper .container .containerLeft {
        width: auto;
        margin-bottom: 4rem
    }

    .Component__NewsList2__wrapper .newList2__Wrapper .container .containerLeft .newsList {
        font-size: 1.4rem;
        padding-left: 1.4rem;
        overflow: hidden
    }

    .Component__NewsList2__wrapper .newList2__Wrapper .container .containerLeft .newsList li {
        padding: 1.5rem 0;
        list-style-type: circle;
        border-bottom: 1px solid #dfdee1
    }

    .Component__NewsList2__wrapper .newList2__Wrapper .container .containerLeft .newsList li .link {
        color: #60697f
    }

    .Component__NewsList2__wrapper .newList2__Wrapper .container .containerLeft .newsList li .news-name {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto
    }

    .Component__NewsList2__wrapper .newList2__Wrapper .container .containerLeft .newsList li .news-date {
        font-size: 1.2rem;
        color: #8b8a96;
        text-align: right
    }

    .Component__NewsList2__wrapper .newList2__Wrapper .container .containerRight {
        width: auto;
        height: 25.7rem;
        background: #0a57fa;
        float: right;
        margin-left: 0;
        margin-top: 0;
        padding: 2.4rem;
        color: #fff;
        position: relative
    }

    .Component__NewsList2__wrapper .newList2__Wrapper .container .containerRight .subtitle {
        margin-top: 1rem;
        font-size: 1.2rem
    }

    .Component__NewsList2__wrapper .newList2__Wrapper .container .containerRight .title {
        font-size: 1.8rem
    }

    .Component__NewsList2__wrapper .newList2__Wrapper .container .containerRight .line {
        border-bottom: 1px solid hsla(0, 0%, 100%, .2);
        margin: 1.2rem 0 3rem
    }

    .Component__NewsList2__wrapper .newList2__Wrapper .container .containerRight .summary {
        font-size: 1.2rem;
        -webkit-line-clamp: 2
    }

    .Component__NewsList2__wrapper .newList2__Wrapper .container .containerRight .linkBtn {
        position: absolute;
        width: 3.6rem;
        height: 3.6rem;
        line-height: 3.6rem;
        text-align: center;
        right: 2.4rem;
        bottom: 2.4rem;
        background-color: #fff;
        color: #0a57fa;
        font-size: 1.2rem
    }
}

@media only screen and (max-width:750PX) {
    .Component__NewsList2__wrapper .newList2__Wrapper {
        width: 100%;
        background-color: #f4f7fb;
        padding: 2rem 0
    }

    .Component__NewsList2__wrapper .newList2__Wrapper .container {
        width: 100%;
        padding: 0 3rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .Component__NewsList2__wrapper .newList2__Wrapper .container .containerText {
        width: auto;
        border-bottom: .1rem solid #2f2e3f;
        margin-bottom: 1rem
    }

    .Component__NewsList2__wrapper .newList2__Wrapper .container .containerText .title {
        padding-right: 5rem
    }

    .Component__NewsList2__wrapper .newList2__Wrapper .container .containerText .tip {
        color: #e5e8eb
    }

    .Component__NewsList2__wrapper .newList2__Wrapper .container .newList2Wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .Component__NewsList2__wrapper .newList2__Wrapper .container .containerLeft {
        width: auto;
        margin-bottom: 4rem
    }

    .Component__NewsList2__wrapper .newList2__Wrapper .container .containerLeft .newsList {
        font-size: 1.4rem;
        padding-left: 2.4rem;
        overflow: hidden
    }

    .Component__NewsList2__wrapper .newList2__Wrapper .container .containerLeft .newsList li {
        padding: 1.5rem 0;
        list-style-type: circle;
        border-bottom: 1px solid #dfdee1
    }

    .Component__NewsList2__wrapper .newList2__Wrapper .container .containerLeft .newsList li .link {
        color: #60697f
    }

    .Component__NewsList2__wrapper .newList2__Wrapper .container .containerLeft .newsList li .news-name {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto
    }

    .Component__NewsList2__wrapper .newList2__Wrapper .container .containerLeft .newsList li .news-date {
        font-size: 1.2rem;
        color: #8b8a96;
        text-align: right
    }

    .Component__NewsList2__wrapper .newList2__Wrapper .container .containerRight {
        width: auto;
        height: 25.7rem;
        background: #0a57fa;
        float: right;
        margin-left: 0;
        margin-top: 0;
        padding: 2.4rem;
        color: #fff;
        position: relative
    }

    .Component__NewsList2__wrapper .newList2__Wrapper .container .containerRight .subtitle {
        margin-top: 1rem;
        font-size: 1.2rem
    }

    .Component__NewsList2__wrapper .newList2__Wrapper .container .containerRight .title {
        font-size: 1.8rem
    }

    .Component__NewsList2__wrapper .newList2__Wrapper .container .containerRight .line {
        border-bottom: 1px solid hsla(0, 0%, 100%, .2);
        margin: 1.2rem 0 3rem
    }

    .Component__NewsList2__wrapper .newList2__Wrapper .container .containerRight .summary {
        font-size: 1.2rem;
        -webkit-line-clamp: 2
    }

    .Component__NewsList2__wrapper .newList2__Wrapper .container .containerRight .linkBtn {
        position: absolute;
        width: 3.6rem;
        height: 3.6rem;
        line-height: 3.6rem;
        text-align: center;
        right: 2.4rem;
        bottom: 2.4rem;
        background-color: #fff;
        color: #0a57fa;
        font-size: 1.2rem
    }
}

.Component__ProductList4__wrapper {
    background-color: #f4f7fb;
    padding-top: 1rem
}

.Component__ProductList4__wrapper * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.Component__ProductList4__wrapper .container {
    width: 60rem
}

.Component__ProductList4__wrapper .container .productTitle {
    margin-bottom: 3.5rem
}

.Component__ProductList4__wrapper .container .productTitle .titWrap {
    text-align: center
}

.Component__ProductList4__wrapper .container .productTitle .tip {
    width: 100%;
    color: #e5e8eb
}

.Component__ProductList4__wrapper .productList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -.5rem;
    min-height: 12.8rem
}

.Component__ProductList4__wrapper .productList .productItem {
    display: block;
    width: 19.3rem;
    margin: 0 .5rem 1.2rem
}

.Component__ProductList4__wrapper .productList .productItem:hover {
    -webkit-box-shadow: 0 .35rem 1rem rgba(22, 35, 52, .2);
    box-shadow: 0 .35rem 1rem rgba(22, 35, 52, .2)
}

.Component__ProductList4__wrapper .productList .productItem .productItemImage {
    display: block;
    width: 19.3rem;
    height: 12.8rem;
    overflow: hidden
}

.Component__ProductList4__wrapper .productList .productItem .productItemText {
    padding: 1.2rem;
    min-height: 5.25rem;
    background-color: #fff
}

.Component__ProductList4__wrapper .productList .productItem .productItemText .productItemTitle {
    font-size: .9rem;
    line-height: 1.25rem;
    margin-bottom: .4rem;
    color: #232323
}

.Component__ProductList4__wrapper .productList .productItem .productItemText .productItemSubtitle {
    font-size: .9rem;
    line-height: 1.2rem;
    color: #60697f;
    margin: 0
}

.Component__ProductList4__wrapper .productList .productItem .productItemText .priceWrap {
    color: #232323;
    padding-top: .25rem
}

.Component__ProductList4__wrapper .productList .productItem .productItemText .priceWrap .distcountPrice,
.Component__ProductList4__wrapper .productList .productItem .productItemText .priceWrap .price {
    font-size: .7rem
}

.Component__ProductList4__wrapper .productList .productItem .productItemText .distcountTrue .price {
    color: #777;
    font-size: .6rem;
    text-decoration: line-through
}

.Component__ProductList4__wrapper .productList .productItem .productItemText .distcountTrue .distcountPrice {
    color: #000
}

.Component__ProductList4__wrapper .productList .productItem .productItemText .lineThrough {
    text-decoration: line-through
}

.Component__ProductList4__wrapper .productListPagination {
    text-align: center;
    padding: 4.1rem 0 6rem
}

.Component__ProductList4__wrapper .productListPagination .btn-next,
.Component__ProductList4__wrapper .productListPagination .btn-prev,
.Component__ProductList4__wrapper .productListPagination .el-pager li {
    width: 1.8rem;
    height: 1.8rem;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #cfcfcf;
    font-size: .8rem;
    color: #181c33;
    line-height: 1.8rem;
    padding: 0;
    margin: 0 .4rem;
    cursor: pointer
}

.Component__ProductList4__wrapper .productListPagination .el-pager li:not(.disabled).active {
    background: #0a57fa;
    color: #fff
}

.Component__ProductList4__wrapper .productListPagination .el-pager li:not(.disabled).active:hover {
    color: #fff
}

.Component__ProductList4__wrapper .productListPagination .el-pager li:not(.disabled):hover {
    color: #181c33
}

@media only screen and (min-width:1025PX) {
    .Component__ProductList4__wrapper .productItemImageInner {
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease
    }

    .Component__ProductList4__wrapper .productItemImageInner:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@media only screen and (max-width:1024PX) {
    .Component__ProductList4__wrapper {
        background-color: #f4f7fb;
        padding-top: 1rem
    }

    .Component__ProductList4__wrapper .container {
        width: 100%;
        padding: 0 3rem
    }

    .Component__ProductList4__wrapper .container .productTitle {
        margin-bottom: 4rem
    }

    .Component__ProductList4__wrapper .container .productTitle .titWrap {
        text-align: center
    }

    .Component__ProductList4__wrapper .container .productTitle .tip {
        width: 100%;
        color: #e5e8eb
    }

    .Component__ProductList4__wrapper .productList {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -.5rem
    }

    .Component__ProductList4__wrapper .productList .productItem {
        width: 22rem;
        margin: 0 .5rem 1rem
    }

    .Component__ProductList4__wrapper .productList .productItem .productItemImage {
        display: block;
        width: 22rem;
        height: 14.6rem
    }

    .Component__ProductList4__wrapper .productList .productItem .productItemText {
        padding: 2rem;
        min-height: 10.6rem;
        background-color: #fff
    }

    .Component__ProductList4__wrapper .productList .productItem .productItemText .productItemTitle {
        font-size: 1.4rem;
        line-height: 2rem;
        margin-bottom: .4rem
    }

    .Component__ProductList4__wrapper .productList .productItem .productItemText .productItemSubtitle {
        font-size: 1.2rem;
        line-height: 1.9rem;
        color: #60697f;
        margin: 0;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal
    }

    .Component__ProductList4__wrapper .productList .productItem .productItemText .priceWrap {
        padding-top: .35rem
    }

    .Component__ProductList4__wrapper .productList .productItem .productItemText .priceWrap .distcountPrice,
    .Component__ProductList4__wrapper .productList .productItem .productItemText .priceWrap .price {
        font-size: 1.4rem
    }

    .Component__ProductList4__wrapper .productList .productItem .productItemText .distcountTrue .price {
        font-size: 1.2rem
    }

    .Component__ProductList4__wrapper .productList .productItem .productItemText .distcountTrue .distcountPrice {
        color: #000
    }

    .Component__ProductList4__wrapper .productListPagination {
        display: none
    }
}

@media only screen and (max-width:750PX) {
    .Component__ProductList4__wrapper {
        background-color: #f4f7fb;
        padding-top: 1rem
    }

    .Component__ProductList4__wrapper .container {
        width: 100%;
        padding: 0 3rem
    }

    .Component__ProductList4__wrapper .container .productTitle {
        margin-bottom: 4rem
    }

    .Component__ProductList4__wrapper .container .productTitle .titWrap {
        text-align: center
    }

    .Component__ProductList4__wrapper .container .productTitle .tip {
        width: 100%;
        color: #e5e8eb
    }

    .Component__ProductList4__wrapper .productList {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -.5rem
    }

    .Component__ProductList4__wrapper .productList .productItem {
        width: 31.5rem;
        margin: 0 .5rem 2rem
    }

    .Component__ProductList4__wrapper .productList .productItem .productItemImage {
        display: block;
        width: 31.5rem;
        height: 20.9rem
    }

    .Component__ProductList4__wrapper .productList .productItem .productItemText {
        padding: 2rem;
        min-height: 8.8rem;
        background-color: #fff
    }

    .Component__ProductList4__wrapper .productList .productItem .productItemText .productItemTitle {
        font-size: 1.4rem;
        line-height: 2rem;
        margin-bottom: .4rem
    }

    .Component__ProductList4__wrapper .productList .productItem .productItemText .productItemSubtitle {
        font-size: 1.2rem;
        line-height: 1.9rem;
        color: #60697f;
        margin: 0;
        -webkit-line-clamp: 1
    }

    .Component__ProductList4__wrapper .productList .productItem .productItemText .priceWrap {
        padding-top: .35rem
    }

    .Component__ProductList4__wrapper .productList .productItem .productItemText .priceWrap .distcountPrice,
    .Component__ProductList4__wrapper .productList .productItem .productItemText .priceWrap .price {
        font-size: 1.4rem
    }

    .Component__ProductList4__wrapper .productList .productItem .productItemText .distcountTrue .price {
        font-size: 1.2rem
    }

    .Component__ProductList4__wrapper .productList .productItem .productItemText .distcountTrue .distcountPrice {
        color: #000
    }

    .Component__ProductList4__wrapper .productListPagination {
        display: none
    }
}

.Component__ProductList3__wrapper {
    width: inherit;
    height: auto;
    font-family: "Arial-Black, Arial, PingFangSC-Semibold, PingFang SC";
    background-color: #f4f7fb;
    width: 100%;
    padding: 0
}

.Component__ProductList3__wrapper .topWrapper {
    width: 24.6rem;
    height: auto;
    margin: 0 auto
}

.Component__ProductList3__wrapper .topWrapper .topText {
    padding-top: .5rem
}

.Component__ProductList3__wrapper .topWrapper .topText .titWrap {
    text-align: center;
    padding-top: .35rem
}

.Component__ProductList3__wrapper .topWrapper .topText .titText {
    font-size: 1.8rem;
    font-weight: 700;
    color: #2f2e3f
}

.Component__ProductList3__wrapper .topWrapper .topText .tip {
    font-size: 3.6rem;
    color: #e5e8eb;
    width: 100%
}

.Component__ProductList3__wrapper .mainWrapper {
    width: 60rem;
    padding-top: 3.5rem
}

.Component__ProductList3__wrapper .mainWrapper .productionListUl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.Component__ProductList3__wrapper .mainWrapper .productionListUl li {
    width: 15rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.Component__ProductList3__wrapper .mainWrapper .productionListUl .ContentWrapper,
.Component__ProductList3__wrapper .mainWrapper .productionListUl .imgBox {
    width: 15rem;
    height: 15rem
}

.Component__ProductList3__wrapper .mainWrapper .productionListUl .ContentWrapper .titIcon {
    width: 2.7rem;
    height: 2.7rem;
    margin-top: 2.5rem;
    margin-left: 2.2rem
}

.Component__ProductList3__wrapper .mainWrapper .productionListUl .ContentWrapper .textBox {
    padding: 0 2.2rem
}

.Component__ProductList3__wrapper .mainWrapper .productionListUl .ContentWrapper .textBox .title {
    font-size: 1.1rem;
    color: #2f2e3f;
    padding-top: .3rem;
    padding-bottom: 0
}

.Component__ProductList3__wrapper .mainWrapper .productionListUl .ContentWrapper .textBox .summary {
    font-size: .75rem;
    color: #60697f
}

.Component__ProductList3__wrapper .mainWrapper .productionListUl .reverseLi {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.Component__ProductList3__style2 .mainWrapper,
.Component__ProductList3__style4 .mainWrapper {
    width: auto;
    padding-top: 2.5rem
}

.Component__ProductList3__style2 .mainWrapper .productionListUl,
.Component__ProductList3__style4 .mainWrapper .productionListUl {
    width: 100%;
    padding: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.Component__ProductList3__style2 .mainWrapper .productionListUl li,
.Component__ProductList3__style4 .mainWrapper .productionListUl li {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.Component__ProductList3__style2 .mainWrapper .productionListUl li .ContentWrapper,
.Component__ProductList3__style2 .mainWrapper .productionListUl li .imgBox,
.Component__ProductList3__style4 .mainWrapper .productionListUl li .ContentWrapper,
.Component__ProductList3__style4 .mainWrapper .productionListUl li .imgBox {
    width: 50%;
    height: 32rem
}

.Component__ProductList3__style2 .mainWrapper .productionListUl li .ContentWrapper,
.Component__ProductList3__style4 .mainWrapper .productionListUl li .ContentWrapper {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.Component__ProductList3__style2 .mainWrapper .productionListUl li .ContentWrapper .textBox,
.Component__ProductList3__style4 .mainWrapper .productionListUl li .ContentWrapper .textBox {
    width: 30rem;
    margin: 0 auto;
    padding: 0
}

.Component__ProductList3__style2 .mainWrapper .productionListUl li .ContentWrapper .textBox .title,
.Component__ProductList3__style4 .mainWrapper .productionListUl li .ContentWrapper .textBox .title {
    border-bottom: 1px solid #d6d6d6;
    padding: 0 0 .5rem;
    font-size: 1.8rem;
    font-weight: 600;
    color: #2f2e3f
}

.Component__ProductList3__style2 .mainWrapper .productionListUl li .ContentWrapper .textBox .summary,
.Component__ProductList3__style4 .mainWrapper .productionListUl li .ContentWrapper .textBox .summary {
    padding-top: 1rem;
    font-size: .8rem;
    font-weight: 400;
    color: #60697f
}

.Component__ProductList3__style2 .mainWrapper .productionListUl .ContentWrapper .titIcon,
.Component__ProductList3__style4 .mainWrapper .productionListUl .ContentWrapper .titIcon {
    display: none
}

.Component__ProductList3__style2 .mainWrapper .productionListUl .lightTip,
.Component__ProductList3__style4 .mainWrapper .productionListUl .lightTip {
    padding: 2.5rem 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 30rem;
    margin: 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.Component__ProductList3__style2 .mainWrapper .productionListUl .lightTip .box,
.Component__ProductList3__style4 .mainWrapper .productionListUl .lightTip .box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3%;
    flex: 0 0 33.3%;
    font-weight: 600;
    color: #2f2e3f;
    font-size: .7rem;
    padding-right: 1rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Component__ProductList3__style2 .mainWrapper .productionListUl .lightTip .box .iconstyle,
.Component__ProductList3__style4 .mainWrapper .productionListUl .lightTip .box .iconstyle {
    width: .6rem;
    height: .6rem;
    background-color: #0a57fa;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.Component__ProductList3__style2 .mainWrapper .productionListUl .lightTip .box .name,
.Component__ProductList3__style4 .mainWrapper .productionListUl .lightTip .box .name {
    padding-left: .5rem
}

.Component__ProductList3__style2 .mainWrapper .productionListUl .reverseLi,
.Component__ProductList3__style4 .mainWrapper .productionListUl .reverseLi {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.Component__ProductList3__style3 .container .topWrapper .topText .tip {
    position: static;
    font-size: .7rem;
    color: #5b5b5b;
    letter-spacing: .5rem;
    font-family: inherit
}

.Component__ProductList3__style3 .container .topWrapper .topText .titText {
    margin-bottom: .4rem;
    font-family: PingFangSC-Semibold\, PingFang SC;
    font-weight: 700
}

.Component__ProductList3__style4 .container .topWrapper {
    display: none
}

@media only screen and (max-width:1024PX) {
    .Component__ProductList3__wrapper .topWrapper {
        width: 24.6rem
    }

    .Component__ProductList3__wrapper .topWrapper .topText {
        padding-top: .5rem
    }

    .Component__ProductList3__wrapper .topWrapper .topText .titWrap {
        text-align: center;
        padding-top: .35rem
    }

    .Component__ProductList3__wrapper .topWrapper .topText .titText {
        font-size: 1.8rem
    }

    .Component__ProductList3__wrapper .topWrapper .topText .tip {
        font-size: 3.6rem
    }

    .Component__ProductList3__wrapper .mainWrapper {
        width: 45rem;
        margin: 0 auto;
        padding-top: 4rem
    }

    .Component__ProductList3__wrapper .mainWrapper .productionListUl {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .Component__ProductList3__wrapper .mainWrapper .productionListUl li {
        width: 45rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }

    .Component__ProductList3__wrapper .mainWrapper .productionListUl .ContentWrapper,
    .Component__ProductList3__wrapper .mainWrapper .productionListUl .imgBox {
        width: 22.5rem;
        height: 22.5rem
    }

    .Component__ProductList3__wrapper .mainWrapper .productionListUl .ContentWrapper {
        display: block
    }

    .Component__ProductList3__wrapper .mainWrapper .productionListUl .ContentWrapper .titIcon {
        width: 3.8rem;
        height: 3.8rem;
        margin-top: 4.1rem;
        margin-left: 3.1rem
    }

    .Component__ProductList3__wrapper .mainWrapper .productionListUl .ContentWrapper .textBox {
        padding: 0 3rem
    }

    .Component__ProductList3__wrapper .mainWrapper .productionListUl .ContentWrapper .textBox .title {
        font-size: 1.8rem;
        padding-top: 1.45rem;
        padding-bottom: 7
    }

    .Component__ProductList3__wrapper .mainWrapper .productionListUl .ContentWrapper .textBox .summary {
        font-size: 1.2rem
    }

    .Component__ProductList3__wrapper .mainWrapper .productionListUl .reverseLi {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .Component__ProductList3__style2 .mainWrapper,
    .Component__ProductList3__style4 .mainWrapper {
        width: auto;
        padding-top: 2.5rem
    }

    .Component__ProductList3__style2 .mainWrapper .productionListUl,
    .Component__ProductList3__style4 .mainWrapper .productionListUl {
        width: 100%;
        padding: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .Component__ProductList3__style2 .mainWrapper .productionListUl li,
    .Component__ProductList3__style4 .mainWrapper .productionListUl li {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .Component__ProductList3__style2 .mainWrapper .productionListUl li .ContentWrapper,
    .Component__ProductList3__style2 .mainWrapper .productionListUl li .imgBox,
    .Component__ProductList3__style4 .mainWrapper .productionListUl li .ContentWrapper,
    .Component__ProductList3__style4 .mainWrapper .productionListUl li .imgBox {
        width: 100%;
        height: auto
    }

    .Component__ProductList3__style2 .mainWrapper .productionListUl li .ContentWrapper .textBox,
    .Component__ProductList3__style4 .mainWrapper .productionListUl li .ContentWrapper .textBox {
        width: 45rem;
        padding: 3.5rem 0 0
    }

    .Component__ProductList3__style2 .mainWrapper .productionListUl li .ContentWrapper .textBox .title,
    .Component__ProductList3__style4 .mainWrapper .productionListUl li .ContentWrapper .textBox .title {
        padding: 0 0 .5rem;
        font-size: 2.4rem
    }

    .Component__ProductList3__style2 .mainWrapper .productionListUl li .ContentWrapper .textBox .summary,
    .Component__ProductList3__style4 .mainWrapper .productionListUl li .ContentWrapper .textBox .summary {
        padding-top: 2rem;
        font-size: 1.2rem;
        line-height: 2.2rem
    }

    .Component__ProductList3__style2 .mainWrapper .productionListUl li .imgBox,
    .Component__ProductList3__style4 .mainWrapper .productionListUl li .imgBox {
        height: 34.15rem
    }

    .Component__ProductList3__style2 .mainWrapper .productionListUl .lightTip,
    .Component__ProductList3__style4 .mainWrapper .productionListUl .lightTip {
        padding: 2.15rem 0 5.5rem;
        width: 45rem
    }

    .Component__ProductList3__style2 .mainWrapper .productionListUl .lightTip .box,
    .Component__ProductList3__style4 .mainWrapper .productionListUl .lightTip .box {
        font-size: 1.2rem;
        padding-right: 2.5rem
    }

    .Component__ProductList3__style2 .mainWrapper .productionListUl .lightTip .box .iconstyle,
    .Component__ProductList3__style4 .mainWrapper .productionListUl .lightTip .box .iconstyle {
        width: .6rem;
        height: .6rem
    }

    .Component__ProductList3__style2 .mainWrapper .productionListUl .lightTip .box .name,
    .Component__ProductList3__style4 .mainWrapper .productionListUl .lightTip .box .name {
        padding-left: .5rem
    }

    .Component__ProductList3__style2 .mainWrapper .productionListUl .reverseLi,
    .Component__ProductList3__style4 .mainWrapper .productionListUl .reverseLi {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media only screen and (max-width:750PX) {
    .Component__ProductList3__wrapper {
        width: inherit;
        height: auto
    }

    .Component__ProductList3__wrapper .topWrapper {
        width: 24.6rem
    }

    .Component__ProductList3__wrapper .topWrapper .topText {
        padding-top: .5rem
    }

    .Component__ProductList3__wrapper .topWrapper .topText .titWrap {
        padding-top: .35rem
    }

    .Component__ProductList3__wrapper .topWrapper .topText .titText {
        font-size: 1.8rem
    }

    .Component__ProductList3__wrapper .topWrapper .topText .tip {
        font-size: 3.6rem
    }

    .Component__ProductList3__wrapper .mainWrapper {
        width: 31.5rem;
        margin: 0 auto;
        padding-top: 4rem
    }

    .Component__ProductList3__wrapper .mainWrapper .productionListUl,
    .Component__ProductList3__wrapper .mainWrapper .productionListUl li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .Component__ProductList3__wrapper .mainWrapper .productionListUl li {
        width: 100%
    }

    .Component__ProductList3__wrapper .mainWrapper .productionListUl .ContentWrapper,
    .Component__ProductList3__wrapper .mainWrapper .productionListUl .imgBox {
        width: 32rem;
        height: 22.5rem
    }

    .Component__ProductList3__wrapper .mainWrapper .productionListUl .ContentWrapper .titIcon {
        width: 4.8rem;
        height: 4.8rem;
        margin-top: 4.3rem;
        margin-left: 3.6rem
    }

    .Component__ProductList3__wrapper .mainWrapper .productionListUl .ContentWrapper .textBox {
        padding: 0 3.5rem
    }

    .Component__ProductList3__wrapper .mainWrapper .productionListUl .ContentWrapper .textBox .title {
        font-size: 1.8rem;
        padding-top: 2.8rem;
        padding-bottom: .35rem
    }

    .Component__ProductList3__wrapper .mainWrapper .productionListUl .ContentWrapper .textBox .summary {
        font-size: 1.2rem
    }

    .Component__ProductList3__wrapper .mainWrapper .productionListUl .reverseLi {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .Component__ProductList3__style2 .mainWrapper,
    .Component__ProductList3__style4 .mainWrapper {
        width: 100%;
        padding-top: 2.5rem
    }

    .Component__ProductList3__style2 .mainWrapper .productionListUl,
    .Component__ProductList3__style4 .mainWrapper .productionListUl {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .Component__ProductList3__style2 .mainWrapper .productionListUl li,
    .Component__ProductList3__style4 .mainWrapper .productionListUl li {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .Component__ProductList3__style2 .mainWrapper .productionListUl li .ContentWrapper,
    .Component__ProductList3__style2 .mainWrapper .productionListUl li .imgBox,
    .Component__ProductList3__style4 .mainWrapper .productionListUl li .ContentWrapper,
    .Component__ProductList3__style4 .mainWrapper .productionListUl li .imgBox {
        width: 100%;
        height: auto
    }

    .Component__ProductList3__style2 .mainWrapper .productionListUl li .ContentWrapper,
    .Component__ProductList3__style4 .mainWrapper .productionListUl li .ContentWrapper {
        display: block
    }

    .Component__ProductList3__style2 .mainWrapper .productionListUl li .ContentWrapper .textBox,
    .Component__ProductList3__style4 .mainWrapper .productionListUl li .ContentWrapper .textBox {
        width: 31.5rem;
        margin: 0 auto;
        padding: 3.5rem 0 0
    }

    .Component__ProductList3__style2 .mainWrapper .productionListUl li .ContentWrapper .textBox .title,
    .Component__ProductList3__style4 .mainWrapper .productionListUl li .ContentWrapper .textBox .title {
        padding: 0 0 .5rem;
        font-size: 2.4rem
    }

    .Component__ProductList3__style2 .mainWrapper .productionListUl li .ContentWrapper .textBox .summary,
    .Component__ProductList3__style4 .mainWrapper .productionListUl li .ContentWrapper .textBox .summary {
        padding-top: 2rem;
        font-size: 1.2rem;
        line-height: 2.2rem
    }

    .Component__ProductList3__style2 .mainWrapper .productionListUl li .imgBox,
    .Component__ProductList3__style4 .mainWrapper .productionListUl li .imgBox {
        width: 100%;
        height: 25rem
    }

    .Component__ProductList3__style2 .mainWrapper .productionListUl .lightTip,
    .Component__ProductList3__style4 .mainWrapper .productionListUl .lightTip {
        width: 31.5rem;
        margin: 0 auto;
        padding: 2.15rem 0 4.5rem
    }

    .Component__ProductList3__style2 .mainWrapper .productionListUl .lightTip .box,
    .Component__ProductList3__style4 .mainWrapper .productionListUl .lightTip .box {
        font-weight: 600;
        font-size: 1.2rem;
        padding-right: 2.5rem;
        padding-bottom: 1.2rem
    }

    .Component__ProductList3__style2 .mainWrapper .productionListUl .lightTip .box .iconstyle,
    .Component__ProductList3__style4 .mainWrapper .productionListUl .lightTip .box .iconstyle {
        width: .6rem;
        height: .6rem
    }

    .Component__ProductList3__style2 .mainWrapper .productionListUl .lightTip .box .name,
    .Component__ProductList3__style4 .mainWrapper .productionListUl .lightTip .box .name {
        padding-left: .5rem
    }

    .Component__ProductList3__style2 .mainWrapper .productionListUl .reverseLi,
    .Component__ProductList3__style4 .mainWrapper .productionListUl .reverseLi {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.Component__Footer__wrapper {
    font-family: PingFangSC-Regular\, PingFang SC;
    background: #17181e
}

.Component__Footer__style1 {
    max-width: 70rem;
    margin: 0 auto
}

.Component__Footer__style1 .f1box {
    display: block;
    height: auto;
    width: inherit
}

.Component__Footer__style1 .f1box .leftWrapper {
    margin: 3rem 0;
    border-right: 1px solid #fff
}

.Component__Footer__style1 .f1box .leftWrapper ul {
    width: 60%;
    margin: 0 auto
}

.Component__Footer__style1 .f1box .leftWrapper .logoWrap {
    margin-bottom: 1.15rem;
    width: 7.5rem;
    height: 2.1rem
}

.Component__Footer__style1 .f1box .leftWrapper .connectWrapper {
    margin-bottom: .2rem
}

.Component__Footer__style1 .f1box .leftWrapper .connectWrapper .box {
    display: inline-block;
    width: .9rem;
    height: .9rem;
    margin-right: .3rem
}

.Component__Footer__style1 .f1box .leftWrapper .connectWrapper .content {
    width: 10.8rem;
    height: 1.3rem;
    font-size: .7rem;
    font-family: inherit;
    font-weight: 400;
    color: #fff;
    opacity: .3;
    line-height: 1.3rem;
    position: relative;
    bottom: .2rem
}

.Component__Footer__style1 .f1box .centerWrapper ul {
    width: 70%;
    margin: 4rem auto
}

.Component__Footer__style1 .f1box .centerWrapper .centerTop {
    margin-bottom: .2rem;
    font-size: .9rem;
    font-family: inherit;
    font-weight: 400;
    color: #cacaca;
    line-height: 1.5rem;
    opacity: .79
}

.Component__Footer__style1 .f1box .centerWrapper .centerBottom {
    opacity: .3;
    margin-top: 1.2rem;
    height: 1.3rem;
    font-size: .7rem;
    font-family: inherit;
    font-weight: 400;
    color: #fff;
    line-height: 1.3rem
}

.Component__Footer__style1 .f1box .rightWrapper .qr_codeWrapper {
    width: 5rem;
    height: 5rem;
    margin: 3rem auto .3rem
}

.Component__Footer__style1 .f1box .rightWrapper .wechart {
    margin: 0 auto;
    width: 3.5rem;
    height: 1.3rem;
    font-size: .7rem;
    font-family: inherit;
    font-weight: 400;
    color: #fff;
    line-height: 1.3rem;
    opacity: .29
}

.Component__Footer__style1 .f1boxIpad,
.Component__Footer__style1 .f1boxPhone,
.Component__Footer__style1 .f2box {
    display: none
}

.Component__Footer__style2 {
    max-width: 70rem;
    margin: 0 auto
}

.Component__Footer__style2 .f1box,
.Component__Footer__style2 .f1boxIpad,
.Component__Footer__style2 .f1boxPhone {
    display: none
}

.Component__Footer__style2 .f2box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: inherit;
    height: 2.4rem
}

.Component__Footer__style2 .f2box .copyRight {
    width: 100%;
    text-align: center;
    height: 1rem;
    font-size: .7rem;
    font-family: inherit;
    font-weight: 400;
    color: #8b8a96;
    line-height: 1rem;
    letter-spacing: .5rem
}

@media only screen and (max-width:1024PX) {
    .Component__Footer__style1 {
        max-width: 70rem;
        margin: 0 auto;
        height: auto
    }

    .Component__Footer__style1 .f1box,
    .Component__Footer__style1 .f1boxPhone {
        display: none
    }

    .Component__Footer__style1 .f1boxIpad {
        display: block;
        width: inherit;
        height: 33.35rem
    }

    .Component__Footer__style1 .f1boxIpad .leftWraper {
        padding: 3.1rem
    }

    .Component__Footer__style1 .f1boxIpad .leftWraper .topLogin {
        width: 10.2rem;
        height: 2.8rem;
        margin: 5rem 0 1.8rem
    }

    .Component__Footer__style1 .f1boxIpad .leftWraper .describe {
        width: 22.8rem;
        height: 2.1rem;
        font-size: 1.2rem;
        font-weight: 400;
        color: #cacaca;
        line-height: 2.1rem;
        opacity: .8
    }

    .Component__Footer__style1 .f1boxIpad .leftWraper ul {
        margin-top: 2.4rem;
        width: 100%;
        font-size: 1.1rem;
        font-weight: 400;
        color: #fff;
        opacity: .29
    }

    .Component__Footer__style1 .f1boxIpad .leftWraper ul .connectWrapper {
        height: 2.4rem
    }

    .Component__Footer__style1 .f1boxIpad .leftWraper ul .connectWrapper .box {
        display: inline-block;
        width: 1.5rem;
        height: 1.5rem;
        margin-right: .45rem
    }

    .Component__Footer__style1 .f1boxIpad .leftWraper ul .connectWrapper .content {
        position: relative;
        bottom: .35rem
    }

    .Component__Footer__style1 .f1boxIpad .rightWrapper ul {
        margin-top: 16.65rem
    }

    .Component__Footer__style1 .f1boxIpad .rightWrapper ul .qr_codeWrapper {
        margin: 0 auto;
        width: 7.5rem;
        height: 7.5rem
    }

    .Component__Footer__style1 .f1boxIpad .rightWrapper ul .wechart {
        margin: .8rem auto;
        width: 5rem;
        height: 1.4rem;
        font-size: 1rem;
        font-family: inherit;
        font-weight: 400;
        color: #fff;
        opacity: .29
    }

    .Component__Footer__style1 .f1boxIpad .bottom {
        width: 100%;
        display: table;
        height: 3.5rem;
        background: #121318
    }

    .Component__Footer__style1 .f1boxIpad .bottom .bottomText {
        text-align: center;
        vertical-align: middle;
        display: table-cell;
        width: 100%;
        height: 1.4rem;
        font-size: 1rem;
        font-family: inherit;
        font-weight: 400;
        color: #fff;
        opacity: .3;
        margin: 0 auto
    }

    .Component__Footer__style1 .f2box,
    .Component__Footer__style2 .f1box,
    .Component__Footer__style2 .f1boxIpad,
    .Component__Footer__style2 .f1boxPhone {
        display: none
    }

    .Component__Footer__style2 .f2box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        vertical-align: middle;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: inherit;
        height: 3.5rem
    }

    .Component__Footer__style2 .f2box .copyRight {
        width: 100%;
        font-size: 1rem;
        font-family: inherit;
        font-weight: 400;
        color: #8b8a96;
        line-height: 1rem;
        letter-spacing: .5rem
    }

    .Component__Footer__style2 .f2box .copyRightHidden {
        display: none
    }
}

@media only screen and (max-width:750PX) {
    .Component__Footer__style1 {
        height: auto;
        background-color: #17181e
    }

    .Component__Footer__style1 .f1box,
    .Component__Footer__style1 .f1boxIpad {
        display: none
    }

    .Component__Footer__style1 .f1boxPhone {
        display: block;
        width: inherit
    }

    .Component__Footer__style1 .f1boxPhone .leftWraper {
        padding: 3.1rem
    }

    .Component__Footer__style1 .f1boxPhone .leftWraper .topLogin {
        width: 10.2rem;
        height: 2.8rem;
        margin: 5rem 0 1.8rem
    }

    .Component__Footer__style1 .f1boxPhone .leftWraper .describe {
        width: 22.8rem;
        height: 2.1rem;
        font-size: 1.2rem;
        font-weight: 400;
        color: #cacaca;
        line-height: 2.1rem;
        opacity: .8
    }

    .Component__Footer__style1 .f1boxPhone .leftWraper ul {
        margin-top: 2.4rem;
        width: 100%;
        font-size: 1.1rem;
        font-weight: 400;
        color: #fff;
        opacity: .29
    }

    .Component__Footer__style1 .f1boxPhone .leftWraper ul .connectWrapper {
        height: 2.4rem
    }

    .Component__Footer__style1 .f1boxPhone .leftWraper ul .connectWrapper .box {
        display: inline-block;
        width: 1.5rem;
        height: 1.5rem;
        margin-right: .45rem
    }

    .Component__Footer__style1 .f1boxPhone .leftWraper ul .connectWrapper .content {
        position: relative;
        bottom: .35rem
    }

    .Component__Footer__style1 .f1boxPhone .rightWrapper {
        padding-bottom: 3.5rem;
        padding-left: 3.1rem;
        background-color: #17181e
    }

    .Component__Footer__style1 .f1boxPhone .rightWrapper ul .qr_codeWrapper {
        width: 7.5rem;
        height: 7.5rem
    }

    .Component__Footer__style1 .f1boxPhone .rightWrapper ul .wechart {
        text-align: center;
        margin-top: .8rem;
        width: 7.5rem;
        height: 1.4rem;
        font-size: 1rem;
        font-family: inherit;
        font-weight: 400;
        color: #fff;
        opacity: .29
    }

    .Component__Footer__style1 .f1boxPhone .bottom {
        width: 100%;
        display: table;
        height: 3.5rem;
        background: #121318
    }

    .Component__Footer__style1 .f1boxPhone .bottom .bottomText {
        text-align: center;
        vertical-align: middle;
        display: table-cell;
        width: 100%;
        height: 1.4rem;
        font-size: 1rem;
        font-family: inherit;
        font-weight: 400;
        color: #fff;
        opacity: .3;
        margin: 0 auto
    }

    .Component__Footer__style1 .f2box {
        display: none
    }

    .Component__Footer__style2 {
        font-family: PingFangSC-Regular, PingFang SC
    }

    .Component__Footer__style2 .f1box {
        display: none
    }

    .Component__Footer__style2 .f2box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        vertical-align: middle;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: inherit;
        height: 3.5rem
    }

    .Component__Footer__style2 .f2box .copyRight {
        width: 100%;
        text-align: center;
        font-size: 1rem;
        font-family: inherit;
        font-weight: 400;
        color: #8b8a96;
        line-height: 1rem;
        letter-spacing: .5rem
    }

    .Component__Footer__style2 .f2box .copyRightHidden {
        display: none
    }
}

.Component__ProductList5__wrapper {
    width: 100%;
    background: #f1f1ff
}

.Component__ProductList5__wrapper .productListWrapper {
    width: auto;
    height: 35rem
}

.Component__ProductList5__wrapper .productListWrapper .productList {
    height: inherit
}

.Component__ProductList5__wrapper .productListWrapper .productList .productItem {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    position: relative
}

.Component__ProductList5__wrapper .productListWrapper .productList .productItem .productItemInnerWrapper {
    width: 19rem;
    margin: auto;
    position: relative;
    z-index: 1;
    color: #fff
}

.Component__ProductList5__wrapper .productListWrapper .productList .productItem .productItemInnerWrapper .productItemIcon {
    width: 4rem;
    height: 4rem;
    margin-bottom: 1.6rem
}

.Component__ProductList5__wrapper .productListWrapper .productList .productItem .productItemInnerWrapper .productTitle {
    color: #fff
}

.Component__ProductList5__wrapper .productListWrapper .productList .productItem .productItemInnerWrapper .productTitle .titleStyle {
    padding: 0;
    font-size: 1.6rem;
    font-weight: 30rem;
    margin-bottom: 1.5rem
}

.Component__ProductList5__wrapper .productListWrapper .productList .productItem .productItemInnerWrapper .productTitle .description {
    font-size: .7rem;
    margin-bottom: 2.8rem;
    padding: 0;
    line-height: 1.9
}

.Component__ProductList5__wrapper .productListWrapper .productList .productItem .productItemInnerWrapper .iconWrapper {
    padding: 0;
    border-radius: 0;
    border: 0;
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    line-height: 2.4rem;
    text-align: center;
    background: #04aaf9;
    -webkit-transition: all .2s;
    transition: all .2s;
    color: inherit;
    font-size: 1rem
}

.Component__ProductList5__wrapper .productListWrapper .productList .productItem .productItemInnerWrapper .iconWrapper:hover {
    width: 8rem
}

.Component__ProductList5__wrapper .productListWrapper .productList .productItem .productItemImage {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.Component__ProductList5__wrapper .productListWrapper .productList .productItem .productItemImage:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
    background-image: -webkit-gradient(linear, right bottom, left top, from(rgba(0, 0, 0, .3)), to(transparent));
    background-image: linear-gradient(to left top, rgba(0, 0, 0, .3), transparent)
}

@media only screen and (min-width:1025PX) {
    .Component__ProductList5__wrapper .productItemInnerWrapper {
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease
    }

    .Component__ProductList5__wrapper .productItemInnerWrapper:hover {
        -webkit-transform: translateY(-.5rem);
        transform: translateY(-.5rem)
    }
}

@media only screen and (max-width:1024PX) {
    .Component__ProductList5__wrapper .productListWrapper {
        height: auto
    }

    .Component__ProductList5__wrapper .productListWrapper .productList {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .Component__ProductList5__wrapper .productListWrapper .productList .productItem {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        position: relative;
        height: 33.9rem
    }

    .Component__ProductList5__wrapper .productListWrapper .productList .productItem .productItemInnerWrapper {
        width: 38.2rem;
        margin: auto;
        position: relative;
        z-index: 1;
        color: #fff
    }

    .Component__ProductList5__wrapper .productListWrapper .productList .productItem .productItemInnerWrapper .productItemIcon {
        width: 4.5rem;
        height: 4.5rem;
        margin-bottom: 2.4rem
    }

    .Component__ProductList5__wrapper .productListWrapper .productList .productItem .productItemInnerWrapper .productTitle .titleStyle {
        font-size: 2rem;
        margin-bottom: 1.6rem
    }

    .Component__ProductList5__wrapper .productListWrapper .productList .productItem .productItemInnerWrapper .productTitle .description {
        font-size: 1.2rem;
        margin-bottom: 2.8rem
    }

    .Component__ProductList5__wrapper .productListWrapper .productList .productItem .productItemInnerWrapper .iconWrapper {
        width: 4rem;
        height: 4rem;
        line-height: 4rem;
        font-size: 1.8rem
    }

    .Component__ProductList5__wrapper .productListWrapper .productList .productItem .productItemInnerWrapper .iconWrapper:hover {
        width: 4rem
    }

    .Component__ProductList5__wrapper .productListWrapper .productList .productItem .productItemImage {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 0
    }

    .Component__ProductList5__wrapper .productListWrapper .productList .productItem .productItemImage:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        pointer-events: none;
        background-image: -webkit-gradient(linear, right bottom, left top, from(rgba(0, 0, 0, .3)), to(transparent));
        background-image: linear-gradient(to left top, rgba(0, 0, 0, .3), transparent)
    }
}

@media only screen and (max-width:750PX) {
    .Component__ProductList5__wrapper .productListWrapper {
        height: auto
    }

    .Component__ProductList5__wrapper .productListWrapper .productList {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .Component__ProductList5__wrapper .productListWrapper .productList .productItem {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        position: relative;
        height: 33.9rem
    }

    .Component__ProductList5__wrapper .productListWrapper .productList .productItem .productItemInnerWrapper {
        width: 29.5rem;
        margin: auto;
        position: relative;
        z-index: 1;
        color: #fff
    }

    .Component__ProductList5__wrapper .productListWrapper .productList .productItem .productItemInnerWrapper .productItemIcon {
        width: 4.5rem;
        height: 4.5rem;
        margin-bottom: 2.4rem
    }

    .Component__ProductList5__wrapper .productListWrapper .productList .productItem .productItemInnerWrapper .productTitle .titleStyle {
        font-size: 2rem;
        margin-bottom: 1.6rem
    }

    .Component__ProductList5__wrapper .productListWrapper .productList .productItem .productItemInnerWrapper .productTitle .description {
        font-size: 1.2rem;
        margin-bottom: 2.8rem
    }

    .Component__ProductList5__wrapper .productListWrapper .productList .productItem .productItemInnerWrapper .iconWrapper {
        width: 4rem;
        height: 4rem;
        line-height: 4rem;
        font-size: 1.8rem
    }

    .Component__ProductList5__wrapper .productListWrapper .productList .productItem .productItemInnerWrapper .iconWrapper:hover {
        width: 4rem
    }

    .Component__ProductList5__wrapper .productListWrapper .productList .productItem .productItemImage {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 0
    }

    .Component__ProductList5__wrapper .productListWrapper .productList .productItem .productItemImage:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        pointer-events: none;
        background-image: -webkit-gradient(linear, right bottom, left top, from(rgba(0, 0, 0, .3)), to(transparent));
        background-image: linear-gradient(to left top, rgba(0, 0, 0, .3), transparent)
    }
}

.Component__Abnormal__wrapper {
    width: inherit;
    min-height: 38vh;
    position: relative;
    z-index: 0
}

.Component__Abnormal__wrapper .PageResultBox {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: auto;
    padding: 1rem 0;
    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
}

.Component__Abnormal__wrapper .PageResultBox .TipImage {
    width: 15.35rem;
    height: 13.9rem
}

.Component__Abnormal__wrapper .PageResultBox .Tiptitle {
    font-size: .7rem;
    font-weight: 400;
    color: #6a6a6a;
    line-height: 1rem;
    margin-top: 1.2rem
}

@media only screen and (max-width:1024PX) {
    .Component__Abnormal__wrapper .PageResultBox .TipImage {
        width: 11.5rem;
        height: 10.4rem
    }

    .Component__Abnormal__wrapper .PageResultBox .Tiptitle {
        font-size: 1rem;
        line-height: 1.4rem
    }
}

@media only screen and (max-width:750PX) {
    .Component__Abnormal__wrapper {
        min-height: 48vh
    }

    .Component__Abnormal__wrapper .PageResultBox .TipImage {
        width: 12.5rem;
        height: 11.3rem
    }

    .Component__Abnormal__wrapper .PageResultBox .Tiptitle {
        font-size: 1.2rem;
        line-height: 1.65rem
    }
}

.Component__Navigation__wrapper {
    width: 100%;
    background-color: rgba(0, 0, 0, .4)
}

.Component__Navigation__wrapper .main .blogo .logoText,
.Component__Navigation__wrapper .main .logo .logoText {
    color: #fff
}

.Component__Navigation__wrapper .main .firstNavs li:hover {
    border-bottom: .2rem solid #fff
}

.Component__Navigation__wrapper .main .firstNavs li:hover .tit {
    color: #fff;
    font-weight: 700
}

.Component__Navigation__wrapper .main .firstNavs li .tit {
    color: #fff
}

.Component__Navigation__wrapper .main .firstNavs .active {
    border-bottom: .2rem solid #fff
}

.Component__Navigation__wrapper .main .firstNavs .active .tit {
    color: #fff
}

.CrmRunState__wrapper[data-v-4ac9d641] {
    position: fixed;
    background: hsla(0, 0%, 100%, .8);
    z-index: 99999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-backdrop-filter: blur(.1rem);
    backdrop-filter: blur(.1rem);
    text-align: center;
    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
}

.CrmRunState__wrapper .tips[data-v-4ac9d641] {
    position: absolute;
    padding: 2rem;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.CrmRunState__wrapper .tips .close[data-v-4ac9d641] {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer
}

.DialogXWrapper .el-dialog__footer {
    border-top: 1px solid #e8e8e8
}

.DialogXWrapper .el-dialog__footer .dialog-footer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.DictLink[data-v-4de8d140] {
    position: relative
}

.DictLink .linkType_wrapper[data-v-4de8d140] {
    margin-bottom: .5rem
}

.form-error[data-v-4de8d140] {
    color: #fe6a00;
    line-height: 1rem
}

.linkType_input[data-v-4de8d140] {
    margin-top: 1rem
}

.dictAttrs[data-v-5377db58] {
    max-height: 50vh;
    overflow: auto
}

.dictAttrs .dictAttrItem[data-v-5377db58] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.2rem
}

.dictAttrs .dictAttrItem .attrName[data-v-5377db58] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 5rem;
    flex: 0 0 5rem;
    margin-right: .8rem;
    text-align: right
}

.dictAttrs .dictAttrItem .valNme[data-v-5377db58] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 22rem;
    flex: 0 0 22rem
}

.EditLink__wrapper {
    min-height: 10rem
}

.EditLink__wrapper .linkType_input {
    margin-top: 1rem
}

.EditLink__wrapper .linkType_input .addLinkDict {
    width: 2rem;
    height: 2rem;
    border-radius: .2rem;
    border: 1px solid rgba(0, 0, 0, .15);
    margin-left: .5rem;
    vertical-align: top;
    padding: 0
}

.Edit__Link__dialog {
    width: 35rem !important
}

.Bind__Dict__dialog {
    width: 34.7rem !important
}

.Bind__Dict__dialog .dialogMainWrapper {
    padding: 0 3rem
}

.Bind__Dict__dialog .empty {
    color: #666
}

.Bind__Dict__dialog .errorMsg {
    color: red;
    height: 1em
}

.Bind__Dict__dialog .resource-box {
    white-space: nowrap;
    overflow: auto;
    padding: .5rem .1rem
}

.Bind__Dict__dialog .resource-box::-webkit-scrollbar {
    display: none
}

.Bind__Dict__dialog .resource-item {
    width: 6rem;
    height: 6rem;
    display: inline-block;
    outline: .1rem dashed transparent;
    vertical-align: top;
    margin-right: .6rem;
    cursor: pointer
}

.Bind__Dict__dialog .resource-item.current {
    outline-color: #fe6a00
}

.Bind__Dict__dialog .resource-item .media {
    background: #ccc url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==");
    background-blend-mode: multiply
}

.Bind__Dict__dialog .resource-item .el-image,
.Bind__Dict__dialog .resource-item .media,
.Bind__Dict__dialog .resource-item img,
.Bind__Dict__dialog .resource-item video {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.View__Dict__dialog {
    width: 34.7rem !important
}

.View__Dict__dialog .dialogMainWrapper {
    padding: 0 3rem
}

.View__Dict__dialog .dialogMainWrapper .top {
    font-size: .8rem;
    margin-bottom: .6rem
}

.View__Dict__dialog .dialogMainWrapper .none-dictData {
    text-align: center;
    padding: 5rem 0
}

.View__Dict__dialog .content_form {
    background: #f8f9fa;
    border-radius: .3rem;
    padding: .8rem
}

.View__Dict__dialog .content_form li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .8rem;
    padding: .3rem
}

.View__Dict__dialog .content_form li.current .label {
    color: #fe6a00
}

.View__Dict__dialog .content_form li .label {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 7em;
    flex: 0 0 7em;
    color: #7e8396;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: .8rem
}

.View__Dict__dialog .content_form li .box {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

.View__Dict__dialog .resource-item {
    width: 10rem;
    display: inline-block
}

.View__Dict__dialog .resource-item .el-image,
.View__Dict__dialog .resource-item .media,
.View__Dict__dialog .resource-item img,
.View__Dict__dialog .resource-item video {
    display: block;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.View__Dict__dialog .resource-item .media {
    background: #ccc url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==");
    background-blend-mode: multiply
}

.modules__FontStyleFontColor__wrapper {
    opacity: 0
}

.el-dropdown-menu__item:focus,
.el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: #fbf2eb;
    color: #fe6a00
}

.DrawShapeCanvasWrapper {
    width: 100%;
    height: 100%
}

.DrawShapeCanvasWrapper .oMaskImgCanvas {
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 .5rem rgba(0, 0, 0, .2);
    box-shadow: 0 0 .5rem rgba(0, 0, 0, .2)
}

.editMaskWrapper {
    position: absolute;
    z-index: 99999;
    background: #fff
}

.editMaskWrapper .editMaskBackgroundImg {
    width: 100%;
    height: 100%;
    position: absolute;
    pointer-events: none;
    opacity: .3;
    background-position: 50% 0;
    background-size: cover;
    background-repeat: no-repeat
}

.editMaskWrapper .maskSizeTip {
    position: absolute;
    top: -.8rem;
    left: 0;
    padding: 0 .25rem;
    border: 0;
    width: auto;
    height: .8rem;
    line-height: .8rem;
    background-color: rgba(0, 0, 0, .3);
    font-size: .6rem;
    color: #fff;
    pointer-events: none
}

.editMaskWrapper .editMaskImg {
    width: 100%;
    height: 100%;
    background-position: 50% 0;
    background-size: cover;
    background-repeat: no-repeat
}

.editMaskWrapper .editMaskImg_leftTop {
    background-position: 0 0
}

.editMaskWrapper .editMaskImg_leftCenter {
    background-position: 0 50%
}

.editMaskWrapper .editMaskImg_centerMiddle {
    background-position: 50% 50%
}

.editMaskWrapper .editMaskImg_centerBottom {
    background-position: 50% 100%
}

.editMaskWrapper .editMaskImg_bgcover {
    background-size: cover
}

.editMaskWrapper .editMaskImg_bgcontain {
    background-size: contain
}

.editMaskWrapper .maskBackground {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.editMaskWrapper .confirmWrapper {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -2.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 9rem;
    height: 2rem
}

.editMaskWrapper .confirmWrapper .cancel {
    background: #fff;
    border-radius: .1rem 0 0 .1rem;
    color: #fe6a00
}

.editMaskWrapper .confirmWrapper .cancel,
.editMaskWrapper .confirmWrapper .confirm {
    height: 2rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-shadow: 0 1px .5rem 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px .5rem 0 rgba(0, 0, 0, .2);
    font-size: .8rem;
    font-weight: 400;
    line-height: 2rem;
    text-align: center;
    cursor: pointer
}

.editMaskWrapper .confirmWrapper .confirm {
    background: #fe6a00;
    border-radius: 0 .1rem .1rem 0;
    color: #fff
}

.editMaskWrapper .clipHandleWrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: move
}

.editMaskWrapper .clipHandleWrapper .clipHandleBtn {
    position: absolute;
    width: .5rem;
    height: .5rem
}

.editMaskWrapper .clipHandleWrapper .tl {
    top: -.5rem;
    left: -.5rem;
    cursor: nw-resize;
    border-left: .25rem solid #fe6a00;
    border-top: .25rem solid #fe6a00
}

.editMaskWrapper .clipHandleWrapper .tc {
    top: -.5rem;
    left: 50%;
    cursor: n-resize;
    margin-left: -.5rem;
    width: 1rem;
    height: .25rem;
    background-color: #fe6a00
}

.editMaskWrapper .clipHandleWrapper .tr {
    top: -.5rem;
    right: -.5rem;
    cursor: ne-resize;
    border-right: .25rem solid #fe6a00;
    border-top: .25rem solid #fe6a00
}

.editMaskWrapper .clipHandleWrapper .bc {
    bottom: -.5rem;
    left: 50%;
    cursor: s-resize;
    margin-left: -.5rem;
    width: 1rem;
    height: .25rem;
    background-color: #fe6a00
}

.editMaskWrapper .clipHandleWrapper .bl {
    bottom: -.5rem;
    left: -.5rem;
    cursor: sw-resize;
    border-left: .25rem solid #fe6a00;
    border-bottom: .25rem solid #fe6a00
}

.editMaskWrapper .clipHandleWrapper .br {
    bottom: -.5rem;
    right: -.5rem;
    cursor: se-resize;
    border-right: .25rem solid #fe6a00;
    border-bottom: .25rem solid #fe6a00
}

.editMaskWrapper .clipHandleWrapper .cl {
    top: 50%;
    left: -.5rem;
    cursor: w-resize;
    margin-top: -.5rem;
    width: .25rem;
    height: 1rem;
    background-color: #fe6a00
}

.editMaskWrapper .clipHandleWrapper .cr {
    top: 50%;
    right: -.5rem;
    cursor: e-resize;
    margin-top: -.5rem;
    width: .25rem;
    height: 1rem;
    background-color: #fe6a00
}

.modules__ViewTools__wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modules__ViewTools__wrapper .hline {
    width: 1px;
    height: .8rem;
    background-color: #fe6a00;
    top: .35rem
}

.modules__ViewTools__wrapper .toolsIcons {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 .5rem 0 .75rem
}

.modules__ViewTools__wrapper .toolsIcons,
.modules__ViewTools__wrapper .toolsIcons li {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modules__ViewTools__wrapper .toolsIcons li {
    width: 1.5rem;
    height: 1.5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: .5rem
}

.modules__ViewTools__wrapper .toolsIcons li .iconBtn {
    display: inline-block;
    line-height: 1.5rem;
    width: 1.5rem;
    font-size: 1rem;
    color: #fe6a00;
    cursor: pointer;
    padding: 0 .25rem;
    border-radius: .15rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.modules__ViewTools__wrapper .toolsIcons li .fontFamilyStyle,
.modules__ViewTools__wrapper .toolsIcons li .fontLinkStyle {
    font-weight: 700
}

.modules__ViewTools__wrapper .toolsIcons li .fontSizeStyle {
    font-size: .7rem
}

.modules__ViewTools__wrapper .toolsIcons li .iconFontColor {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

.modules__ViewTools__wrapper .toolsIcons li .active {
    -webkit-box-shadow: 0 0 .25rem rgba(0, 0, 0, .2) inset;
    box-shadow: inset 0 0 .25rem rgba(0, 0, 0, .2)
}

.modules__ViewTools__wrapper .toolsIcons .el-button {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 0;
    margin-left: .15rem;
    width: 1rem;
    height: 1rem;
    font-size: .6rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.Tools__DialogComponent__wrapper .el-dialog {
    width: 48.45rem;
    -webkit-box-shadow: 0 .25rem 1rem 0 rgba(1, 25, 91, .08);
    box-shadow: 0 .25rem 1rem 0 rgba(1, 25, 91, .08);
    border-radius: .2rem
}

.fontFamilyDropdownMenu,
.fontSizeDropdownMenu {
    max-height: 12.5rem;
    overflow-y: auto
}

.fontFamilyDropdownMenu .toplinew {
    border-top: 1px solid #ddd
}

.fontFamilyDropdownMenu .bottomlinew {
    border-bottom: 1px solid #ddd
}

.maskDropdownMenu .iconfont {
    font-size: .7rem;
    width: 1.4rem;
    display: inline-block
}

.singleImgWrapper {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.singleImgWrapper .singleClassificationWrapper {
    width: 7.5rem;
    border-right: 1px solid #e5e5e5;
    overflow-y: auto
}

.singleImgWrapper .singleClassificationWrapper .classificationItem {
    height: 3.5rem;
    padding-left: 1.4rem;
    font-size: .7rem;
    color: #fe6a00;
    line-height: 3.5rem
}

.singleImgWrapper .singleClassificationWrapper .currentClassification {
    border-left: .1rem solid #fe6a00;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8
}

.singleImgWrapper .singleClassificationWrapper .currentClassification:first-child {
    border-top: none
}

.singleImgWrapper .imgListWrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    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
}

.singleImgWrapper .imgListWrapper .search {
    width: 12.85rem;
    margin-right: 1rem;
    height: 1.8rem
}

.singleImgWrapper .imgListWrapper .imgList {
    width: 38.85rem
}

.multImgWrapper {
    height: 100%
}

.multImgWrapper .imgListWrapper {
    height: 100%;
    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
}

.multImgWrapper .imgListWrapper .search {
    width: 3.8rem;
    margin-right: 1rem;
    height: 1.8rem
}

.multImgWrapper .imgListWrapper .selectClassification {
    width: 6.4rem;
    height: 1.8rem;
    margin-right: 1rem
}

.multImgWrapper .imgListWrapper .searchButton {
    width: 4rem;
    height: 1.8rem;
    margin-right: 1rem;
    padding: .55rem 1rem
}

.multImgWrapper .imgListWrapper .imgItemWrapper:nth-child(5n) {
    margin-right: 0
}

.selectImgWrapper .imgList {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 31.5rem;
    margin-top: 1.6rem;
    overflow-y: auto
}

.selectImgWrapper .imgList .imgItemWrapper {
    margin-right: 1rem
}

.selectImgWrapper .imgList .imgItemWrapper .imgItem {
    width: 5.2rem;
    height: 5.2rem;
    border-radius: .2rem;
    border: 1px solid rgba(0, 0, 0, .15);
    padding: .4rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==) repeat;
    background-size: .6rem auto
}

.selectImgWrapper .imgList .imgItemWrapper .imgItem img {
    width: 4.4rem;
    height: 4.4rem
}

.selectImgWrapper .imgList .imgItemWrapper .imgItem:hover {
    border: 1px solid #fe6a00
}

.selectImgWrapper .imgList .imgItemWrapper .currentIcon {
    width: 1.3rem;
    height: 1.3rem;
    background: #fe6a00;
    border-radius: .1rem;
    opacity: .81;
    position: absolute;
    bottom: 0;
    right: 0;
    display: none;
    color: #fff;
    line-height: 1.3rem;
    text-align: center
}

.selectImgWrapper .imgList .imgItemWrapper .currentImgItem {
    border: 1px solid #fe6a00
}

.selectImgWrapper .imgList .imgItemWrapper .currentImgItem .currentIcon {
    display: inline-block
}

.selectImgWrapper .imgList .imgItemWrapper .imgItemName {
    font-size: .7rem;
    color: #3b3e40;
    text-align: center;
    line-height: 1rem;
    margin: .5rem 0 1rem;
    width: 5.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.selectImgWrapper .imgEmptyWrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: url(http://nac.oss-cn-hangzhou.aliyuncs.com/resource/dev/photo/7fwdh9ij77lveezdn1bvz3fu5f2q12qd.png) 50% 50% no-repeat
}

.singleVideoWrapper {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.singleVideoWrapper .singleClassificationWrapper {
    width: 7.5rem;
    border-right: 1px solid #e5e5e5;
    overflow-y: auto
}

.singleVideoWrapper .singleClassificationWrapper .classificationItem {
    height: 3.5rem;
    padding-left: 1.4rem;
    font-size: .7rem;
    color: #fe6a00;
    line-height: 3.5rem
}

.singleVideoWrapper .singleClassificationWrapper .currentClassification {
    border-left: .1rem solid #fe6a00;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8
}

.singleVideoWrapper .singleClassificationWrapper .currentClassification:first-child {
    border-top: none
}

.singleVideoWrapper .imgListWrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    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
}

.singleVideoWrapper .imgListWrapper .search {
    width: 12.85rem;
    margin-right: 1rem;
    height: 1.8rem
}

.singleVideoWrapper .imgListWrapper .imgList {
    width: 38.85rem
}

.multVideoWrapper {
    height: 100%
}

.multVideoWrapper .imgListWrapper {
    height: 100%;
    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
}

.multVideoWrapper .imgListWrapper .search {
    width: 3.8rem;
    margin-right: 1rem;
    height: 1.8rem
}

.multVideoWrapper .imgListWrapper .selectClassification {
    width: 6.4rem;
    height: 1.8rem;
    margin-right: 1rem
}

.multVideoWrapper .imgListWrapper .searchButton {
    width: 4rem;
    height: 1.8rem;
    margin-right: 1rem;
    padding: .55rem 1rem
}

.multVideoWrapper .imgListWrapper .imgItemWrapper:nth-child(3n) {
    margin-right: 0
}

.imgListOperateWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.imgListOperateWrapper .uploadButton {
    width: 6.7rem;
    height: 1.8rem;
    border: 1px solid #fe6a00;
    font-size: .7rem;
    color: #fe6a00;
    line-height: 1.8rem;
    border-radius: .2rem;
    text-align: center;
    cursor: pointer
}

.selectVideoWrapper .imgList {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 31.5rem;
    margin-top: 1.6rem;
    overflow-y: auto
}

.selectVideoWrapper .imgList .imgItemWrapper {
    margin-right: 1.3rem
}

.selectVideoWrapper .imgList .imgItemWrapper .imgItem {
    width: 9.2rem;
    height: 5.15rem;
    border-radius: .2rem;
    position: relative;
    cursor: pointer;
    border: 1px solid transparent;
    overflow: hidden
}

.selectVideoWrapper .imgList .imgItemWrapper .imgItem:hover {
    border: 1px solid #fe6a00
}

.selectVideoWrapper .imgList .imgItemWrapper .currentIcon {
    width: 1.3rem;
    height: 1.3rem;
    background: #fe6a00;
    border-radius: .1rem;
    opacity: .81;
    position: absolute;
    bottom: 0;
    right: 0;
    display: none;
    color: #fff;
    line-height: 1.3rem;
    text-align: center
}

.selectVideoWrapper .imgList .imgItemWrapper .currentImgItem {
    border: 1px solid #fe6a00
}

.selectVideoWrapper .imgList .imgItemWrapper .currentImgItem .currentIcon {
    display: inline-block
}

.selectVideoWrapper .imgList .imgItemWrapper .imgItemName {
    font-size: .7rem;
    color: #3b3e40;
    text-align: center;
    line-height: 1rem;
    margin: .5rem 0 1rem;
    width: 9.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.selectVideoWrapper .imgEmptyWrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: url(http://nac.oss-cn-hangzhou.aliyuncs.com/resource/dev/photo/7fwdh9ij77lveezdn1bvz3fu5f2q12qd.png) 50% 50% no-repeat
}

.customMultiImgDialogTitle {
    background-color: #fe6a00;
    color: #fff;
    width: .8rem;
    height: .8rem;
    line-height: .85rem;
    text-align: center;
    position: relative;
    bottom: 1.05rem;
    left: .7rem;
    border-radius: 50%
}

.customMultiImgDialogContent {
    color: #666;
    text-align: center;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 1rem
}

.el-message-box__title {
    position: relative;
    left: 2.2rem;
    top: .8rem
}

.el-message-box__btns {
    text-align: center
}

.customMultiImgDialogCancelStyle {
    position: relative;
    left: 3.3rem;
    color: #fe6a00 !important;
    border: 1px solid #fe6a00 !important
}

.customMultiImgDialogCancelStyle:hover {
    background-color: #fff
}

.customMultiImgDialogConfirmStyle {
    position: relative;
    right: 3.5rem;
    color: #fff !important
}

.customMultiImgDialogConfirmStyle,
.customMultiImgDialogConfirmStyle:hover {
    background-color: #fe6a00;
    border: 1px solid #fe6a00
}

.MultilImg__DialogXComponent__wrapper .dialogMainWrapper {
    position: relative
}

.MultilImg__DialogXComponent__wrapper .dialogMainWrapper .subtitle {
    position: absolute;
    top: -1.55rem;
    left: 5.1rem;
    font-size: .6rem
}

.MultilImg__DialogXComponent__wrapper .dialogMainWrapper .mainWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #e8e8e8;
    overflow: hidden;
    position: relative;
    height: 31.5rem
}

.MultilImg__DialogXComponent__wrapper .dialogMainWrapper .mainWrapper .leftContent {
    width: 31.25rem;
    border-right: 1px solid #e8e8e8;
    height: auto;
    max-height: 31.9rem
}

.MultilImg__DialogXComponent__wrapper .dialogMainWrapper .mainWrapper .leftContent .slideImgsBox {
    height: 29.1rem
}

.MultilImg__DialogXComponent__wrapper .dialogMainWrapper .mainWrapper .leftContent .imgWraper {
    height: auto;
    border-bottom: 1px solid #e8e8e8
}

.MultilImg__DialogXComponent__wrapper .dialogMainWrapper .mainWrapper .leftContent .imgWraper li {
    border-bottom: 1px solid #e8e8e8
}

.MultilImg__DialogXComponent__wrapper .dialogMainWrapper .mainWrapper .leftContent .imgWraper li .singleImg {
    width: 24.5rem;
    height: 14.4rem;
    margin: 1.6rem auto;
    background-color: #777
}

.MultilImg__DialogXComponent__wrapper .dialogMainWrapper .mainWrapper .leftContent .imgWraper li .singleImg.active {
    outline: 1px dashed #fe6a00
}

.MultilImg__DialogXComponent__wrapper .dialogMainWrapper .mainWrapper .leftContent .imgWraper li .singleImg .imgNumber {
    top: 0;
    left: 0;
    z-index: 10;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 0 0 90%;
    color: #fe6a00
}

.MultilImg__DialogXComponent__wrapper .dialogMainWrapper .mainWrapper .leftContent .imgWraper li .singleImg .imgNumber .txt {
    -webkit-transform: translate(-.2rem, .5rem);
    transform: translate(-.2rem, .5rem)
}

.MultilImg__DialogXComponent__wrapper .dialogMainWrapper .mainWrapper .leftContent .imgWraper li .singleImg .imgDelete {
    top: 0;
    right: 0;
    z-index: 10;
    width: .9rem;
    height: .9rem;
    color: #fff;
    background-color: #fe6a00;
    cursor: pointer
}

.MultilImg__DialogXComponent__wrapper .dialogMainWrapper .mainWrapper .leftContent .imgWraper li .singleImg .imgDelete .txt {
    -webkit-transform: translateY(-.1rem);
    transform: translateY(-.1rem)
}

.MultilImg__DialogXComponent__wrapper .dialogMainWrapper .mainWrapper .leftContent .imgWraper li .singleImg .oparation {
    bottom: 0;
    z-index: 10;
    width: 100%;
    height: 1.3rem;
    line-height: 1.3rem;
    background-color: #fe6a00;
    opacity: .81;
    font-size: .8rem;
    text-align: right
}

.MultilImg__DialogXComponent__wrapper .dialogMainWrapper .mainWrapper .leftContent .imgWraper li .singleImg .oparation span {
    color: #fff;
    font-weight: 900;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.MultilImg__DialogXComponent__wrapper .dialogMainWrapper .mainWrapper .leftContent .imgWraper li .singleImg .oparation span i {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 1.4rem
}

.MultilImg__DialogXComponent__wrapper .dialogMainWrapper .mainWrapper .leftContent .imgWraper li .singleImg .oparation span i.lastIcon {
    padding-right: .4rem
}

.MultilImg__DialogXComponent__wrapper .dialogMainWrapper .mainWrapper .leftContent .awakenImgLibararyBtn {
    cursor: pointer;
    border-top: 1px solid #e8e8e8;
    font-size: .7rem;
    text-align: center;
    line-height: 1.65rem;
    background-color: #fafafa
}

.MultilImg__DialogXComponent__wrapper .dialogMainWrapper .mainWrapper .leftContent .awakenImgLibararyBtn span {
    font-size: 1.5rem;
    position: relative;
    top: .1rem;
    margin-right: .35rem
}

.MultilImg__DialogXComponent__wrapper .dialogMainWrapper .mainWrapper .rightContent {
    overflow-y: auto
}

.MultilImg__DialogXComponent__wrapper .dialogMainWrapper .mainWrapper .rightContent .navWraper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.MultilImg__DialogXComponent__wrapper .dialogMainWrapper .mainWrapper .rightContent .navWraper span {
    margin-left: .3rem
}

.MultilImg__DialogXComponent__wrapper .dialogMainWrapper .mainWrapper .rightContent .navWraper .borderShow {
    width: 19rem;
    border-bottom: 1px solid #e8e8e8
}

.MultilImg__DialogXComponent__wrapper .dialogMainWrapper .mainWrapper .rightContent .navWraper .activity {
    border-top: .1rem solid #fe6a00;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #fff
}

.MultilImg__DialogXComponent__wrapper .dialogMainWrapper .mainWrapper .rightContent .navWraper div {
    cursor: pointer;
    text-align: center;
    width: 7.35rem;
    height: 3.4rem;
    background-color: #fff;
    font-family: PingFangSC-Regular, PingFang SC;
    color: #fe6a00;
    line-height: 3.4rem;
    font-size: .7rem;
    border-bottom: 1px solid #e8e8e8
}

.MultilImg__DialogXComponent__wrapper .dialogMainWrapper .mainWrapper .rightContent .searchWraper {
    height: 24.5rem;
    padding: 1.4rem 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.MultilImg__DialogXComponent__wrapper .dialogMainWrapper .mainWrapper .rightContent .searchWraper .search1 {
    margin-right: .8rem;
    margin-top: .15rem;
    width: 3.8rem
}

.MultilImg__DialogXComponent__wrapper .dialogMainWrapper .mainWrapper .rightContent .searchWraper .search2 {
    margin-top: .15rem;
    width: 6.4rem;
    margin-right: .8rem
}

.MultilImg__DialogXComponent__wrapper .dialogMainWrapper .mainWrapper .rightContent .searchWraper .search2 .el-select {
    width: 100%
}

.MultilImg__DialogXComponent__wrapper .dialogMainWrapper .mainWrapper .rightContent .searchWraper .search3 {
    background-color: #fe6a00;
    text-align: center;
    border-radius: .1rem;
    margin-right: .8rem
}

.MultilImg__DialogXComponent__wrapper .dialogMainWrapper .mainWrapper .rightContent .searchWraper .search3 button {
    color: #fff;
    font-size: .7rem;
    font-family: PingFangSC-Regular, PingFang SC
}

.MultilImg__DialogXComponent__wrapper .dialogMainWrapper .mainWrapper .rightContent .searchWraper .search4 {
    width: 6.7rem;
    background-color: #fff;
    border: 1px solid #fe7a00;
    border-radius: .1rem;
    text-align: center
}

.MultilImg__DialogXComponent__wrapper .dialogMainWrapper .mainWrapper .rightContent .searchWraper .search4 button {
    text-align: center;
    font-size: .7rem;
    color: #fe6a00;
    font-family: PingFangSC-Regular, PingFang SC
}

.MultilImg__DialogXComponent__wrapper .el-dialog__body {
    padding: 0
}

.MultilImg__DialogXComponent__wrapper .el-dialog {
    width: 31.25rem
}

.MultilImg__DialogXComponent__wrapper .MultilImgDialogBox {
    width: 65rem
}

.MultilImg__DialogXComponent__wrapper .EditLinkBox__wrapper {
    position: absolute;
    width: 22.25rem;
    padding-top: 10%;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 11;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    background: #fff
}

.MultilImg__DialogXComponent__wrapper .EditLinkBox__wrapper.show {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.MultilImg__DialogXComponent__wrapper .EditLink__fanhui {
    float: left;
    padding: 0 .5rem;
    color: #fff;
    font-size: 1.2rem;
    cursor: pointer;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.singleImgDialog_wrapper {
    width: 48.45rem
}

.singleImgDialog_wrapper .el-dialog__header {
    padding: .8rem 1.2rem;
    border-bottom: 1px solid #e8e8e8
}

.singleImgDialog_wrapper .el-dialog__header .dialogHeaderWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.singleImgDialog_wrapper .el-dialog__header .dialogHeaderWrapper .dialogTitle {
    font-size: .9rem;
    color: #10111b;
    font-weight: 700;
    margin-right: .5rem
}

.singleImgDialog_wrapper .el-dialog__header .dialogHeaderWrapper .dialogSubTitle {
    font-size: .7rem;
    color: #3b3e40
}

.singleImgDialog_wrapper .el-dialog__body {
    padding: 0
}

.singleImgDialog_wrapper .el-dialog__body .dialogContentWrapper {
    height: 27.5rem
}

.singleImgDialog_wrapper .el-dialog__body .dialogContentWrapper .imgListWrapper {
    padding-top: 1.6rem;
    padding-left: 2.1rem
}

.singleImgDialog_wrapper .el-dialog__body .dialogContentWrapper .imgListWrapper .imgEmptyWrapper {
    margin-bottom: 1.6rem;
    margin-right: 2.1rem
}

.singleImgDialog_wrapper .el-dialog__footer {
    padding: 1.1rem 0;
    border-top: 1px solid #e8e8e8
}

.singleImgDialog_wrapper .el-dialog__footer .dialogFooterWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.singleVideoDialog_wrapper {
    width: 48.45rem
}

.singleVideoDialog_wrapper .el-dialog__header {
    padding: .8rem 1.2rem;
    border-bottom: 1px solid #e8e8e8
}

.singleVideoDialog_wrapper .el-dialog__header .dialogHeaderWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.singleVideoDialog_wrapper .el-dialog__header .dialogHeaderWrapper .dialogTitle {
    font-size: .9rem;
    color: #10111b;
    font-weight: 700;
    margin-right: .5rem
}

.singleVideoDialog_wrapper .el-dialog__header .dialogHeaderWrapper .dialogSubTitle {
    font-size: .7rem;
    color: #3b3e40
}

.singleVideoDialog_wrapper .el-dialog__body {
    padding: 0
}

.singleVideoDialog_wrapper .el-dialog__body .dialogContentWrapper {
    height: 27.5rem
}

.singleVideoDialog_wrapper .el-dialog__body .dialogContentWrapper .imgListWrapper {
    padding-top: 1.6rem;
    padding-left: 2.1rem
}

.singleVideoDialog_wrapper .el-dialog__body .dialogContentWrapper .imgListWrapper .imgEmptyWrapper {
    margin-bottom: 1.6rem;
    margin-right: 2.1rem
}

.singleVideoDialog_wrapper .el-dialog__footer {
    padding: 1.1rem 0;
    border-top: 1px solid #e8e8e8
}

.singleVideoDialog_wrapper .el-dialog__footer .dialogFooterWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flip-list-move {
    -webkit-transition: -webkit-transform .1s;
    transition: -webkit-transform .1s;
    transition: transform .1s;
    transition: transform .1s, -webkit-transform .1s
}

.flip-list-enter,
.flip-list-leave-to {
    opacity: 0;
    -webkit-transform: translateY(1.5rem);
    transform: translateY(1.5rem)
}

.flip-list-leave-active {
    position: absolute
}

.dnd-placeholder {
    position: relative;
    pointer-events: none
}

.dnd-placeholder .tip {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: .1rem;
    background: #ff6a00
}

.dnd-placeholder .tip:before {
    content: "";
    width: .2rem;
    height: .2rem;
    border-radius: .5rem;
    border: .1rem solid #ff6a00;
    position: absolute;
    bottom: -.15rem;
    left: -.3rem
}

.table-dd-item {
    background: #fff;
    width: 47.4rem;
    font-size: .7rem;
    cursor: move;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.table-dd-item .table-dd-item__content {
    border-bottom: 1px solid #eee
}

.table-dd-item .table-dd-item__content.table__tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.5rem;
    line-height: 2.5rem
}

.table-dd-item .table-dd-item__content.table__tr .td__name {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

.table-dd-item .table-dd-item__content.table__tr .td__handle,
.table-dd-item .table-dd-item__content.table__tr .td__sort {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 13.5rem;
    flex: 0 0 13.5rem
}

.table-dd-item .table-dd-item__content .toggle-down {
    width: 1.25rem;
    margin-left: 1.25rem;
    text-align: left;
    cursor: pointer
}

.table-dd-item .table-dd-item__content .toggle-down .close {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.table-dd-item .table-dd-item__content .toggle-down .iconfont {
    font-size: .7rem;
    color: #ff6a00;
    display: inline-block
}

.table-dd-item .table-dd-item__content .toggle-down .icon__last {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: .7rem;
    height: .7rem;
    vertical-align: -.1rem;
    margin-left: .5rem
}

.table-dd-item .table-dd-item__content .toggle-down .icon__last:after {
    content: "";
    position: absolute;
    width: .1rem;
    height: .7rem;
    background-color: #ccc;
    top: 0;
    left: 0
}

.table-dd-item .table-dd-item__content .toggle-down .icon__last:before {
    content: "";
    position: absolute;
    width: .35rem;
    height: .1rem;
    background-color: #ccc;
    -webkit-transform: translateY(.3rem);
    transform: translateY(.3rem)
}

.table-dd-item .table-dd-item__content .sort__btn {
    color: #ff6a00;
    cursor: pointer;
    padding: 1px .3rem
}

.table-dd-item .table-dd-item__content .sort__btn:disabled {
    color: #c5c7cb
}

.table-dd-item .table-dd-item__content .sort__btn.down {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.table-dd-item .table-dd-item__content .sort__btn.left {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.table-dd-item .table-dd-item__content .sort__btn.right {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.table-dd-item .table-dd-item__content .td__handle .handle__btn {
    font-size: .7rem;
    color: #ff6a00;
    padding: 1px .3rem
}

.table-dd-item .table-dd-item__content .td__handle .handle__btn .iconfont {
    font-size: .7rem;
    color: #ff6a00
}

.ruleForm[data-v-2678487f] {
    padding: 0 5rem 0 2.5rem
}

.ruleForm .link-type[data-v-2678487f] {
    margin-bottom: .25rem
}

.ruleForm .link-type .label[data-v-2678487f] {
    margin-right: .75rem
}

.ruleForm .link-type.link-target[data-v-2678487f] {
    margin-top: 1rem
}

.EditLink__wrapper {
    min-height: 12.5rem;
    height: inherit;
    background: #fff
}

.EditLink__wrapper .ruleForm {
    max-width: 35rem
}

.EditLink__wrapper .link-target {
    margin-top: 1rem
}

.EditLink__wrapper .link-target .label {
    margin-right: 1rem
}

.EditLink__wrapper .linkType_wrapper .ali_ViewEdit .el-radio__input .el-radio__inner {
    border-radius: 0
}

.EditLink__wrapper .linkType_wrapper .ali_ViewEdit .el-radio__input .el-radio__inner:after {
    width: .4rem;
    height: .4rem;
    border-radius: 1px;
    background-color: #fe6a00
}

.EditLink__wrapper .link-type {
    margin-bottom: .5rem
}

.EditLink__wrapper .link-type:nth-child(3) {
    margin-bottom: 0
}

.edit__nav__dialog .el-dialog {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.edit__nav__dialog .el-dialog__header {
    padding: .75rem 1rem
}

.edit__nav__dialog .el-dialog__body {
    padding: 1.25rem;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.edit__nav__dialog .el-dialog__footer {
    padding: .75rem 1rem
}

.edit__nav__dialog .dialog-footer {
    text-align: center
}

.edit__nav__dialog--innner {
    height: 27.6rem
}

.edit__nav__dialog--innner .table__header {
    background-color: #eee;
    padding-left: 2rem;
    font-weight: 700
}

.edit__nav__dialog--innner .table__tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.5rem;
    line-height: 2.5rem
}

.edit__nav__dialog--innner .table__tr .td__name {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

.edit__nav__dialog--innner .table__tr .td__handle,
.edit__nav__dialog--innner .table__tr .td__sort {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 13.5rem;
    flex: 0 0 13.5rem
}

.edit__nav__dialog--innner .table__body {
    height: 25rem;
    border: 1px solid #eee;
    overflow: auto;
    position: relative
}

.edit__nav__dialog--innner .table__body .table-dd-item-header {
    height: .25rem
}

.edit__nav__dialog--innner .table__body .table-dd-item-header .dnd-placeholder {
    height: inherit
}

.edit__nav__dialog--innner .addNav__wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.editView__addressMapWrrapper {
    width: 45.95rem;
    height: 25.6rem
}

.editView__addressMapWrrapper .searchInput {
    padding: .3rem
}

.editView__addressMapWrrapper .searchInput .inputText {
    width: 12rem;
    height: auto;
    background-color: #fff;
    -webkit-box-shadow: 0 .1rem .5rem 0 rgba(0, 0, 0, .2);
    box-shadow: 0 .1rem .5rem 0 rgba(0, 0, 0, .2);
    border-radius: .1rem;
    margin-right: .6rem
}

.editView__addressMapWrrapper .searchInput .inputText .el-input__inner {
    border: 0
}

.editView__addressMapWrrapper .backMapBox {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.addressMap__DialogXComponent__wrapper .el-dialog__header {
    border-bottom: 1px solid #e8e8e8
}

.addressMap__DialogXComponent__wrapper .el-dialog {
    width: 48.45rem
}

.Component__listClassificationDialog__wrapper {
    position: absolute;
    left: -1px;
    top: -2.3rem;
    height: 2.3rem;
    z-index: 2
}

.Component__listClassificationDialog__wrapper .el-cascader .el-input__inner {
    height: 2.3rem
}

.Component__listClassificationDialog__wrapper .sureBtn {
    display: inline-block;
    width: 4.6rem;
    height: 2.3rem;
    background: #fe6a00;
    border-radius: .1rem;
    font-size: .7rem;
    font-weight: 400;
    color: #fff;
    line-height: 2.3rem;
    margin-left: 1rem;
    text-align: center;
    cursor: pointer
}

.Component__formListDialog__wrapper {
    position: absolute;
    left: -1px;
    top: -2.3rem;
    height: 2.3rem;
    z-index: 2
}

.Component__formListDialog__wrapper .el-select .el-input__inner {
    height: 2.3rem
}

.Component__formListDialog__wrapper .sureBtn {
    display: inline-block;
    width: 4.6rem;
    height: 2.3rem;
    background: #fe6a00;
    border-radius: .1rem;
    font-size: .7rem;
    font-weight: 400;
    color: #fff;
    line-height: 2.3rem;
    margin-left: 1rem;
    text-align: center;
    cursor: pointer
}

.paint-error {
    width: 100%;
    height: 100%;
    color: red;
    opacity: .7;
    background: #fff;
    font-weight: 700
}

.modules__editImages__wrapper {
    z-index: 1999;
    outline: 1px dashed #ff6a00;
    pointer-events: none
}

.modules__editImages__wrapper .pointEventAuto {
    pointer-events: auto
}

.modules__editImages__wrapper .toolsBox {
    top: -2.5rem;
    left: -1px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-color: #f5f5f5;
    -webkit-box-shadow: 0 1px .5rem 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px .5rem 0 rgba(0, 0, 0, .2);
    border-radius: .15rem .15rem 0 0
}

.modules__editImages__wrapper .toolsBox .modules__ViewTools__wrapper,
.modules__editImages__wrapper .toolsBox .tipText {
    padding: 0
}

.modules__editImages__wrapper .sizeText,
.modules__editImages__wrapper .tipText {
    -webkit-transition: none;
    transition: none;
    font-size: .6rem;
    color: #fff;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.modules__editImages__wrapper .tipText {
    color: #fe6a00;
    border-radius: .1rem;
    font-size: .8rem;
    width: auto;
    min-width: 3.9rem;
    margin-top: 0;
    height: 2rem;
    line-height: 2rem;
    border: 0;
    background-color: transparent
}

.modules__editImages__wrapper .sizeText {
    top: 0;
    left: 0;
    padding: 0 .25rem;
    border: 0;
    border-radius: 0 0 .15rem 0;
    width: auto;
    height: .8rem;
    line-height: .8rem;
    background-color: rgba(0, 0, 0, .3);
    font-size: .6rem
}

.modules__editImages__outlineNone {
    outline: 0 none
}

@media (-ms-high-contrast:none) {
    .toolsBox {
        width: 19rem
    }
}

.Plain__button.el-button--primary.is-plain {
    background: #fff !important;
    border-color: #fe6a00 !important
}

.Plain__button.el-button--primary.is-plain:focus,
.Plain__button.el-button--primary.is-plain:hover {
    color: #fe6a00 !important;
    -webkit-box-shadow: 0 0 .15rem #fe6a00;
    box-shadow: 0 0 .15rem #fe6a00
}

.Square__radio .el-radio__input .el-radio__inner {
    border-radius: 0 !important;
    background: #fff !important
}

.Square__radio .el-radio__input .el-radio__inner:after {
    width: .4rem;
    height: .4rem;
    border-radius: 1px;
    background: #fe6a00
}

.Center__dialog .el-dialog__header {
    padding: .75rem 1rem
}

.Center__dialog .el-dialog__body {
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8
}

.Center__dialog .el-dialog__footer {
    padding: .5rem 1rem
}

.ali_ViewEdit .el-button--primary {
    background-color: #fe6a00;
    border-color: #fe6a00
}

.ali_ViewEdit .el-button--default:focus,
.ali_ViewEdit .el-button--default:hover {
    color: #fe6a00;
    border-color: #fe6a00;
    background-color: #fff
}

.ali_ViewEdit .el-button--primary:focus,
.ali_ViewEdit .el-button--primary:hover {
    color: #fff;
    background-color: #fe6a00;
    border-color: #fe6a00
}

.ali_ViewEdit .el-radio__input .el-radio__inner {
    border: 1px solid #dcdfe6;
    background-color: #fff
}

.ali_ViewEdit .el-radio__input.is-checked .el-radio__inner {
    border: 1px solid #fe6a00
}

.ali_ViewEdit .el-radio__input.is-checked .el-radio__inner:after {
    background-color: #fe6a00
}

.ali_ViewEdit .el-cascader-node.in-active-path,
.ali_ViewEdit .el-cascader-node.is-active,
.ali_ViewEdit .el-cascader-node.is-selectable.in-checked-path,
.ali_ViewEdit .el-radio__input.is-checked+.el-radio__label {
    color: #fe6a00
}

.ali_ViewEdit .el-select .el-input.is-focus .el-input__inner,
.ali_ViewEdit .el-select .el-input__inner:focus {
    border-color: #fe6a00
}

.ali_ViewEdit .el-dialog__headerbtn:focus .el-dialog__close,
.ali_ViewEdit .el-dialog__headerbtn:hover .el-dialog__close,
.ali_ViewEdit .el-select-dropdown__item.selected {
    color: #fe6a00
}

.ali_ViewEdit .el-cascader .el-input .el-input__inner:focus,
.ali_ViewEdit .el-cascader .el-input.is-focus .el-input__inner,
.ali_ViewEdit .el-input.is-active .el-input__inner,
.ali_ViewEdit .el-input__inner:focus {
    border-color: #fe6a00
}

.ali_ViewEdit .el-dropdown-menu__item:focus,
.ali_ViewEdit .el-dropdown-menu__item:not(.is-disabled):hover {
    background: #fff3eb;
    color: #fe6a00
}

.myMessageBoxConfrim .el-message-box__header .el-message-box__title {
    top: 0;
    left: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: #101010;
    font-size: .8rem
}

.myMessageBoxConfrim .el-message-box__header .el-message-box__title .el-message-box__status {
    font-size: 1.1rem !important
}

.myMessageBoxConfrim .el-message-box__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.myMessageBoxConfrim .el-message-box__btns .el-button {
    margin-right: .5rem
}

.el-loading-spinner .path {
    stroke: #fe6a00
}

.headerTopPplaceholder {
    height: 3.2rem;
    background-color: #fff;
    margin-bottom: 2.3rem;
    z-index: 2000
}

.headerTopBox {
    width: 100%;
    height: 3.2rem;
    background-color: #fff;
    -webkit-box-shadow: 0 0 .5rem #b9b9b9;
    box-shadow: 0 0 .5rem #b9b9b9;
    z-index: 1000
}

.headerTopBox header {
    height: 100%;
    padding: 0 2.5rem;
    color: #000;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.headerTopBox header,
.headerTopBox header .logo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.headerTopBox header .logo {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.headerTopBox header .logo .img {
    width: 1.5rem;
    height: 1.65rem
}

.headerTopBox header .logo .text {
    color: #000;
    font-size: 1.15rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    padding-left: .5rem
}

.headerTopBox header .utils {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.headerTopBox header .utils .btn {
    margin-left: 1.2rem
}

.headerTopBox header .utils .recovery,
.headerTopBox header .utils .withdraw {
    font-size: 1.3rem;
    margin-right: 1.5rem;
    cursor: pointer
}

.headerTopBox header .utils .recovery {
    -webkit-transform: rotate(0deg) scaleX(-1);
    transform: rotate(0deg) scaleX(-1)
}

.headerTopBox header .utils .none {
    color: #c8c8c8
}

.headerTopBox header .utils .active {
    color: #fe6a00
}

.headerTopBox header .utils .controlCancel,
.headerTopBox header .utils .controlSave {
    width: 4.6rem;
    height: 1.8rem;
    background-color: #fe6a00;
    border-color: transparent
}

.headerTopBox header .utils .controlCancel {
    background-color: #fff;
    border-color: #f60;
    color: #fe6a00
}

@media only screen and (max-width:750PX) {

    .headerTopBox,
    .headerTopPplaceholder {
        height: 3.2rem
    }

    .headerTopBox header {
        padding: 0 2.5rem
    }

    .headerTopBox header .logo .img {
        width: 1.5rem
    }

    .headerTopBox header .logo .text {
        padding-left: .5rem
    }

    .headerTopBox header .utils .btn {
        margin-left: 1.2rem
    }

    .headerTopBox header .utils .recovery,
    .headerTopBox header .utils .withdraw {
        font-size: 1.3rem;
        margin-right: 1.5rem
    }

    .headerTopBox header .utils .controlCancel,
    .headerTopBox header .utils .controlSave {
        width: 4.6rem;
        height: 1.8rem
    }
}

.MessagePopup__wrapper .el-dialog {
    width: 20.8rem;
    border-radius: .2rem
}

.MessagePopup__wrapper .el-dialog__footer {
    padding: .5rem 2rem;
    border-top: 1px solid #e8e8e8
}

.MessagePopup__wrapper .el-dialog__headerbtn {
    -webkit-transform: translate(.5rem, -.5rem);
    transform: translate(.5rem, -.5rem)
}

.MessagePopup__wrapper .el-dialog__close {
    font-size: 1rem;
    color: #b8bccc
}

.MessagePopup__wrapper .dialog-title {
    font-size: .8rem
}

.MessagePopup__wrapper .dialog-title .iconfont {
    font-size: inherit;
    font-size: .9rem;
    color: #ff6a00;
    margin-right: .25rem
}

.MessagePopup__wrapper .MessagePopup {
    text-align: center;
    font-size: .7rem;
    color: #3b3e40
}

.MessagePopup__wrapper .dialog-footer {
    text-align: center
}

.myMessageBox {
    z-index: 10000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.myMessageBox .dialogMainBox {
    width: 20.8rem;
    min-height: 5rem;
    -webkit-box-shadow: 0 .25rem 1rem 0 rgba(1, 25, 91, .08);
    box-shadow: 0 .25rem 1rem 0 rgba(1, 25, 91, .08);
    border-radius: .2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

.myMessageBox .dialogMainBox .close {
    right: .5rem;
    top: .5rem;
    font-size: .8rem;
    color: #b8bccc;
    cursor: pointer;
    z-index: 10
}

.myMessageBox .dialogMainBox .dialogHeader {
    padding: .5rem 1rem;
    font-size: .8rem;
    color: #303133
}

.myMessageBox .dialogMainBox .dialogHeader .icons {
    color: #ea5e00
}

.myMessageBox .dialogMainBox .dialogFooter {
    padding: 1rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.myMessageBox .dialogMainBox .dialogMessage {
    padding: 1.5rem 1rem;
    color: #606266;
    font-size: .7rem;
    word-break: break-all
}

.myMessageBox .el-message-box__header .el-message-box__title {
    top: 0;
    left: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: #101010;
    font-size: .8rem
}

.myMessageBox .el-message-box__header .el-message-box__title .el-message-box__status {
    font-size: 1.1rem !important
}

.myMessageBox .el-message-box__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.myMessageBox .el-message-box__btns .el-button {
    margin-right: .5rem
}