.loading[data-v-3fc3173f] {
    background: rgba(0,0,0,.3);
    justify-content: center;
    left: 0;
    min-height: 400px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
;}

.loading .loading-p[data-v-3fc3173f],.loading[data-v-3fc3173f] {
    align-items: center;
    display: flex
;}

.loading .loading-p .loading-text[data-v-3fc3173f] {
    color: #fff;
    font-size: 14px;
    padding: 0 10px
;}

.emojibox .e-it[data-v-0c976088] {
    cursor: pointer;
    font-size: 14px;
    height: 22px;
    list-style: none;
    text-align: center;
    width: 22px
;}

.emojibox .e-it:hover img[data-v-0c976088] {
    border: 1px solid #ccc
;}

.imgtextContnet {
    align-items: center;
    height: 100%;
    justify-content: center
;}

.imgtextContnet,.imgtextContnet .result {
    display: flex;
    position: relative;
    width: 100%
;}

.imgtextContnet .result {
    flex-direction: column
;}

.imgtextContnet .result .description-group {
    border: 1px solid #e5e6eb;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 8px 16px
;}

.imgtextContnet .result .description-group .ql-editor {
    color: #606266;
    height: 100%;
    min-height: 92px;
    padding: 0;
    width: 100%
;}

.imgtextContnet .result .description-group .ql-editor:before {
    color: #c0c4cc;
    font-size: 14px;
    font-style: normal;
    left: 0
;}

.imgtextContnet .result .description-group .ql-clipboard,.imgtextContnet .result .description-group .ql-toolbar,.imgtextContnet .result .description-group .ql-tooltip {
    display: none
;}

.imgtextContnet .result .description-group .description-input {
    background-color: transparent;
    border: none;
    color: #3d3d3d;
    display: block;
    font-size: 14px;
    line-height: 20px;
    min-height: 92px;
    outline: 0;
    resize: none;
    width: 100%
;}

.imgtextContnet .result .description-group .description-input img {
    height: 16px
;}

.imgtextContnet .result .description-group .limit {
    color: #ccc;
    font-size: 11px;
    line-height: 15px;
    padding: 8px 0
;}

.imgtextContnet .result .description-group .limit.desc {
    border-bottom: 1px solid #e5e6eb
;}

.imgtextContnet .result .description-group .opbtn {
    display: flex;
    gap: 11px;
    margin-top: 7px;
    position: relative
;}

.imgtextContnet .result .description-group .opbtn .icon-emoje-safe,.imgtextContnet .result .description-group .opbtn .icon-image {
    cursor: pointer;
    font-size: 20px;
    height: 20px;
    width: 20px
;}

.imgtextContnet .result .description-group .opbtn .loadingdiv {
    height: 20px;
    position: relative;
    width: 100%
;}

.imgtextContnet .result .description-group .opbtn .loadingdiv .loading {
    background-color: #fff!important;
    min-height: 20px;
    position: absolute;
    top: 0
;}

.imgtextContnet .result .description-group .opbtn .loadingdiv .loading .loading-p {
    background-color: rgba(0,0,0,.3);
    border-radius: 4px
;}

.imgtextContnet .result .imgfilelist {
    display: flex;
    flex-direction: row;
    gap: 12px;
    margin-top: 20px
;}

.imgtextContnet .result .imgfilelist .van-uploader .van-uploader__preview {
    border-radius: 8px
;}

.imgtextContnet .result .imgfilelist .van-uploader .van-uploader__upload {
    display: none
;}

.imgtextContnet .result .show-placeholder:before {
    color: #86909c;
    content: attr(placeholder);
    font-size: 14px;
    pointer-events: none;
    position: absolute;
    top: 9px
;}

@media screen and (max-width: 799px) {
    .imgtextContnet .result .description-group {
        border:none;
        border-bottom: 1px solid rgba(0,0,0,.05)
    ;}

    .imgtextContnet .result .description-group .limit.desc {
        border: none;
        box-shadow: 0 1px 0 0 rgba(0,0,0,.05)
    ;}
;}

.evaluate-dialog .evaluateTitle.ar .el-input__inner {
    padding: 0 15px 0 45px!important
;}

.evaluate-dialog .evaluateTitle.ar .el-input__suffix {
    left: 5px;
    right: auto
;}

.evaluate-dialog .evaluateTitle .el-input__inner {
    padding: 0 45px 0 15px!important
;}

.evaluate-dialog .dialog-content .el-dialog__header {
    --tw-shadow: 0px 1px 0px 0px rgba(0,0,0,.05);
    --tw-shadow-colored: 0px 1px 0px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    margin-left: 30px;
    margin-right: 30px;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0
;}

.evaluate-dialog .dialog-content .el-dialog__close {
    color: #1d2129;
    font-size: 22px
;}

.evaluate-dialog .EnterMediatePopUp .el-dialog .el-dialog__body {
    padding: 0 30px 30px 20px
;}

.evaluate-dialog .el-dialog__title {
    color: #1d2129;
    font-weight: 600
;}

.evaluate-dialog .el-dialog .el-dialog__body {
    padding: 20px 30px
;}

.evaluate-dialog .dialog-btn .el-button {
    --tw-bg-opacity: 1;
    background-color: rgb(255 215 51/var(--tw-bg-opacity));
    border-radius: 6px;
    color: #1d2129;
    font-size: 16px;
    line-height: 22px;
    padding: 10px 32px
;}

.evaluate-dialog .dialog-btn .is-disabled {
    background-color: #f7f8fa;
    color: #ccc
;}

.toast-for-evalute {
    max-width: none!important
;}

@media screen and (max-width: 799px) {
    .evaluate-dialog .evaluateTitle.ar .el-input__inner {
        padding:0 15px 0 45px!important
    ;}

    .evaluate-dialog .evaluateTitle .el-input__inner {
        padding: 0 45px 0 15px!important
    ;}

    .evaluate-dialog .dialog-content .el-dialog__header {
        --tw-shadow: 0px 1px 0px 0px rgba(0,0,0,.05);
        --tw-shadow-colored: 0px 1px 0px 0px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
        margin-left: 16px;
        margin-right: 16px;
        padding-bottom: 20px;
        padding-left: 0;
        padding-right: 0
    ;}

    .evaluate-dialog .dialog-content .el-dialog {
        height: 100vh;
        margin-top: 15vh!important
    ;}

    .evaluate-dialog .EnterMediatePopUp .el-dialog .el-dialog__body {
        padding: 0 30px 30px 20px
    ;}

    .evaluate-dialog .el-dialog {
        border-radius: 0
    ;}

    .evaluate-dialog .el-dialog .el-dialog__body {
        max-height: 100vh;
        padding: 20px 16px
    ;}

    .evaluate-dialog .dialog-btn .el-button {
        padding: 10px 32px
    ;}
;}

.empty[data-v-f94c7b04] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 52px
;}

.empty img[data-v-f94c7b04] {
    width: 224px
;}

.empty p[data-v-f94c7b04] {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 24px
;}

.comm-sub-nav {
    width: 100%
;}

.comm-sub-nav .nav {
    align-items: center;
    display: flex;
    height: 58px;
    margin: 0 auto;
    width: 1200px
;}

.comm-sub-nav .nav .nav-box {
    border-radius: 0 0 4px 4px;
    display: flex;
    white-space: nowrap
;}

.comm-sub-nav .nav .nav-list {
    align-items: center;
    display: flex
;}

.comm-sub-nav .nav .nav-list a,.comm-sub-nav .nav .nav-list i,.comm-sub-nav .nav .nav-list span {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.comm-sub-nav .nav .nav-list i {
    padding: 0 5px
;}

.comm-sub-nav .nav .nav-list:last-child i {
    display: none
;}

@media screen and (max-width: 1199px) {
    .comm-sub-nav .nav {
        width:940px
    ;}
;}

@media screen and (max-width: 999px) {
    .comm-sub-nav .nav {
        width:752px
    ;}
;}

@media screen and (max-width: 799px) {
    .comm-sub-nav {
        display:none
    ;}
;}

.dealer-head-jeff {
    background: #313233;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    padding: 20px 24px
;}

.dealer-head-jeff .head-l {
    display: flex
;}

.dealer-head-jeff .head-l .l-logo {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 6px;
    flex-shrink: 0;
    height: 132px;
    margin-right: 30px;
    overflow: hidden;
    position: relative;
    width: 220px
;}

.dealer-head-jeff .head-l .l-logo .l-logo-img {
    border-radius: 6px;
    height: 100%;
    width: 100%
;}

.dealer-head-jeff .head-l .l-logo .dealer-l-logo-label {
    background: #e45950;
    border-radius: 3px 0;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 24px;
    left: 2px;
    line-height: 24px;
    max-width: 100%;
    padding: 0 6px;
    position: absolute;
    top: 2px
;}

.dealer-head-jeff .head-l .l-Info .Info-time-h5 {
    display: none
;}

.dealer-head-jeff .head-l .l-Info .Info-head {
    color: #fff;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    max-width: 524px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-head-jeff .head-l .l-Info .Info-count {
    align-items: center;
    background: rgba(0,0,0,.04);
    border: .5px solid hsla(0,0%,100%,.1);
    border-radius: 2px;
    display: flex;
    margin-top: 10px;
    padding: 6px 8px;
    width: -moz-max-content;
    width: max-content
;}

.dealer-head-jeff .head-l .l-Info .Info-count .count-img {
    border-radius: 1px;
    height: 14px;
    margin-right: 6px;
    width: 20.53px
;}

.dealer-head-jeff .head-l .l-Info .Info-count .count-txt {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
;}

.dealer-head-jeff .head-l .l-Info .Info-Time {
    background: rgba(0,0,0,.04);
    border: .5px solid hsla(0,0%,100%,.1);
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-top: 8px;
    padding: 3px 8px;
    width: -moz-max-content;
    width: max-content
;}

.dealer-head-jeff .head-l .l-Info .Info-website {
    align-items: center;
    background: hsla(0,0%,100%,.08);
    border: .5px solid hsla(0,0%,100%,.05);
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: flex;
    height: 26px;
    margin-right: 6px;
    margin-top: 8px;
    padding: 0 8px;
    position: relative;
    white-space: nowrap;
    width: -moz-max-content;
    width: max-content
;}

.dealer-head-jeff .head-l .l-Info .Info-website:hover {
    background: rgba(76,109,141,.05)
;}

.dealer-head-jeff .head-l .l-Info .Info-website .Website-Address {
    display: none
;}

.dealer-head-jeff .head-l .l-Info .Info-website .dealer-label-list-ul-a {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-head-jeff .head-l .l-Info .Info-website .icon-guanwangdizhi {
    margin-right: 6px
;}

.dealer-head-jeff .head-l .l-Info .Info-website .icon-xiala {
    font-size: 10px;
    margin-left: 30px;
    transform: rotate(-90deg) scale(.8)
;}

.dealer-head-jeff .head-l .l-Info .Info-website .url-list {
    left: 0;
    max-height: 138px;
    position: absolute;
    top: 37px;
    width: 276px;
    z-index: 3
;}

.dealer-head-jeff .head-l .l-Info .Info-website .url-list .url-list-box {
    position: relative
;}

.dealer-head-jeff .head-l .l-Info .Info-website .url-list .url-list-box .url-list-j {
    background: #fff;
    display: flex;
    height: 5px;
    left: 50%;
    position: absolute;
    top: -3px;
    transform: translate(-50%) rotate(45deg);
    width: 5px
;}

.dealer-head-jeff .head-l .l-Info .Info-website .url-list .url-list-box .url-list-ul {
    background: #fff;
    border-radius: 4px;
    max-height: 138px;
    overflow: auto;
    padding-bottom: 14px;
    width: 276px
;}

.dealer-head-jeff .head-l .l-Info .Info-website .url-list .url-list-box .url-list-ul a {
    color: #000;
    display: block;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-top: 14px;
    overflow: hidden;
    padding: 0 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
;}

.dealer-head-jeff .head-l .l-Info .Info-website .url-list .url-list-box .url-list-ul a:hover {
    color: #ffd733
;}

.dealer-head-jeff .head-r {
    display: flex
;}

.dealer-head-jeff .head-r .r-care {
    background: hsla(0,0%,100%,.06);
    border: 1px solid hsla(0,0%,100%,.06);
    border-radius: 4px;
    height: 28px;
    margin-right: 10px;
    width: 34px
;}

.dealer-head-jeff .head-r .r-care .tool-ul {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
;}

.dealer-head-jeff .head-r .r-care .tool-ul .iconfont {
    font-size: 18px
;}

.dealer-head-jeff .head-r .r-care .tool-ul:hover {
    background: hsla(0,0%,93%,.2)
;}

.dealer-head-jeff .head-r .r-care .tool-ul:hover .gz-box {
    display: block
;}

.dealer-head-jeff .head-r .r-care .tool-ul .gz-box {
    display: none;
    left: 50%;
    position: absolute;
    top: 37px;
    transform: translateX(-50%)
;}

.dealer-head-jeff .head-r .r-care .tool-ul .gz-box .gz-box-s {
    background: rgba(0,0,0,.7);
    border-radius: 4px;
    padding: 3px 6px;
    position: relative
;}

.dealer-head-jeff .head-r .r-care .tool-ul .gz-box .gz-box-s .gz-text {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    white-space: nowrap
;}

.dealer-head-jeff .head-r .r-care .tool-ul .gz-box .gz-box-s .gz-t {
    background: rgba(0,0,0,.7);
    display: flex;
    height: 5px;
    left: 50%;
    position: absolute;
    top: -2px;
    transform: translateX(-50%) rotate(45deg);
    width: 5px
;}

.dealer-head-jeff .head-r .r-exposure {
    align-items: center;
    background: #3d55cc;
    border: 1px solid hsla(0,0%,100%,.05);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 28px;
    padding: 0 12px
;}

.dealer-head-jeff .head-r .r-exposure .icon-exposure2 {
    color: #fff;
    margin-right: 4px
;}

.dealer-head-jeff .head-r .r-exposure .iconfont-text {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400
;}

@media screen and (max-width: 799px) {
    .dealer-head-jeff {
        border-radius:0;
        padding: 22px 12px
    ;}

    .dealer-head-jeff .head-l .l-logo {
        border-radius: 4px;
        height: 64px;
        margin-right: 12px;
        width: 101px
    ;}

    .dealer-head-jeff .head-l .l-logo .dealer-l-logo-label {
        color: #fff;
        font-size: 11px;
        font-style: normal;
        font-weight: 400
    ;}

    .dealer-head-jeff .head-l .l-logo .l-logo-img {
        border-radius: 4px
    ;}

    .dealer-head-jeff .head-l .l-Info .Info-head {
        color: #fff;
        font-size: 16px;
        font-style: normal;
        font-weight: 600
    ;}

    .dealer-head-jeff .head-l .l-Info .Info-Time,.dealer-head-jeff .head-l .l-Info .Info-count {
        display: none
    ;}

    .dealer-head-jeff .head-l .l-Info .Info-time-h5 {
        align-items: center;
        display: flex;
        margin-top: 6px
    ;}

    .dealer-head-jeff .head-l .l-Info .Info-time-h5 .count-img {
        border-radius: 2px;
        height: 16px;
        margin-right: 8px;
        width: 24px
    ;}

    .dealer-head-jeff .head-l .l-Info .Info-time-h5 .Info-enter {
        color: #fff;
        font-size: 12px;
        font-style: normal;
        font-weight: 400
    ;}

    .dealer-head-jeff .head-l .l-Info .Info-website {
        background: none;
        border: none;
        height: -moz-max-content;
        height: max-content;
        margin-top: 4px;
        padding: 0
    ;}

    .dealer-head-jeff .head-l .l-Info .Info-website .dealer-label-list-ul-a,.dealer-head-jeff .head-l .l-Info .Info-website .icon-guanwangdizhi,.dealer-head-jeff .head-l .l-Info .Info-website .icon-xiala {
        display: none
    ;}

    .dealer-head-jeff .head-l .l-Info .Info-website .Website-Address {
        align-items: center;
        color: #fff;
        display: flex;
        font-size: 11px;
        font-style: normal;
        font-weight: 400
    ;}

    .dealer-head-jeff .head-l .l-Info .Info-website .Website-Address .address {
        display: inline-block;
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    ;}

    .dealer-head-jeff .head-l .l-Info .Info-website .Website-Address .icon-arrow-down {
        font-size: 12px
    ;}

    .dealer-head-jeff .head-r {
        display: none
    ;}
;}

html[dir=rtl] .dealer-head-jeff .head-l .l-logo {
    margin-left: 30px;
    margin-right: 0
;}

html[dir=rtl] .dealer-head-jeff .head-l .l-Info .Info-count .count-img,html[dir=rtl] .dealer-head-jeff .head-l .l-Info .Info-website,html[dir=rtl] .dealer-head-jeff .head-l .l-Info .Info-website .icon-guanwangdizhi {
    margin-left: 6px;
    margin-right: 0
;}

html[dir=rtl] .dealer-head-jeff .head-l .l-Info .Info-website .icon-xiala {
    margin-left: auto;
    margin-right: 30px;
    transform: rotate(90deg) scale(.8)
;}

html[dir=rtl] .dealer-head-jeff .head-l .l-Info .Info-time-h5 .count-img {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .dealer-head-jeff .head-r .r-care {
    margin-left: 10px;
    margin-right: 0
;}

html[dir=rtl] .dealer-head-jeff .head-r .r-exposure .icon-exposure2 {
    margin-left: 4px;
    margin-right: 0
;}

@media screen and (max-width: 799px) {
    html[dir=rtl] .dealer-head-jeff .head-l .l-Info .Info-head {
        max-width:200px
    ;}

    html[dir=rtl] .dealer-head-jeff .head-l .l-logo {
        margin-left: 12px;
        margin-right: 0
    ;}
;}

.layui-layer {
    align-items: center;
    background: rgba(0,0,0,.1)!important;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2002!important
;}

.layui-layer .layer-box {
    background-color: #fff;
    border-radius: 16px;
    height: 533.33px;
    overflow: hidden;
    position: relative;
    width: 1000px
;}

.layui-layer .layer-box .close {
    align-items: center;
    background: rgba(0,0,0,.5);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: 22.5px;
    top: 22.5px;
    width: 40px
;}

.layui-layer .layer-box .close .icon-close {
    color: #fff;
    font-size: 25px
;}

.layui-layer .layer-box .layer-con {
    background: url(https://resources1.interface003.com/web20/img/class/Loading.gif) no-repeat 50%;
    height: 533.33px;
    overflow-y: scroll;
    width: 1000px
;}

.layui-layer .layer-box .layer-con::-webkit-scrollbar {
    width: 5px
;}

.layui-layer .layer-box .layer-con::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.05);
    background-color: rgba(0,0,0,.2);
    border-radius: 10px;
    -webkit-box-shadow: inset1px1px0rgba(0,0,0,.1);
    width: 5px
;}

.layui-layer .layer-box .layer-con::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0,0,0,.4);
    -webkit-box-shadow: inset1px1px0rgba(0,0,0,.1)
;}

.layui-layer .layer-box .layer-con::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: inset006pxrgba(0,0,0,0)
;}

.layui-layer .layer-box .layer-con::-webkit-scrollbar-track:hover {
    background-color: #fff;
    border-radius: 0
;}

.layui-layer .layer-box .layer-con .con-icon-l,.layui-layer .layer-box .layer-con .con-icon-r {
    align-items: center;
    background: rgba(0,0,0,.7);
    border-radius: 56px;
    cursor: pointer;
    display: flex;
    height: 56px;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 56px
;}

.layui-layer .layer-box .layer-con .con-icon-l .iconc,.layui-layer .layer-box .layer-con .con-icon-r .iconc {
    color: #fff;
    font-size: 22px
;}

.layui-layer .layer-box .layer-con .con-icon-l {
    left: 40px
;}

.layui-layer .layer-box .layer-con .con-icon-r {
    right: 40px
;}

.layui-layer img {
    width: 100%
;}

@media screen and (max-width: 1199px) {
    .layui-layer .layer-box,.layui-layer .layer-box .layer-con {
        width:800px
    ;}
;}

@media screen and (max-width: 999px) {
    .layui-layer .layer-box,.layui-layer .layer-box .layer-con {
        width:600px
    ;}
;}

@media screen and (max-width: 799px) {
    .layui-layer {
        background-color:#000!important;
        padding: 0
    ;}

    .layui-layer .layer-box {
        border-radius: 0;
        height: 270px;
        position: static;
        width: 100%
    ;}

    .layui-layer .layer-box .close {
        left: 22.5px;
        position: absolute;
        top: 22.5px
    ;}

    .layui-layer .layer-box .layer-con {
        height: 270px;
        width: 100%
    ;}

    .layui-layer .layer-box .layer-con .con-icon-l,.layui-layer .layer-box .layer-con .con-icon-r {
        align-items: center;
        background: rgba(0,0,0,.7);
        border-radius: 40px;
        cursor: pointer;
        display: flex;
        height: 40px;
        justify-content: center;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 40px
    ;}

    .layui-layer .layer-box .layer-con .con-icon-l .iconc,.layui-layer .layer-box .layer-con .con-icon-r .iconc {
        color: #fff;
        font-size: 22px
    ;}

    .layui-layer .layer-box .layer-con .con-icon-l {
        left: 20px
    ;}

    .layui-layer .layer-box .layer-con .con-icon-r {
        right: 20px
    ;}
;}

html[dir=rtl] .layui-layer .layer-box .close {
    left: 22.5px;
    right: unset
;}

html[dir=rtl] .layui-layer .layer-box .layer-con .con-icon-r {
    transform: translateY(-50%) rotate(180deg)
;}

.machine-jeff {
    padding: 0 24px
;}

.machine-jeff .machine-head {
    align-items: center;
    background: #fff;
    display: flex;
    height: 56px;
    justify-content: space-between;
    width: 100%
;}

.machine-jeff .machine-head .head-tit {
    color: #292929;
    font-size: 22px;
    font-style: normal;
    font-weight: 600
;}

.machine-jeff .machine-head .more {
    align-items: center;
    color: #3d3d3d;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
;}

.machine-jeff .machine-head .more .iconfont {
    color: #3d3d3d;
    font-size: 14px;
    margin-left: 6px
;}

.machine-jeff .machine-head .more-txt {
    display: none
;}

.machine-jeff .machine-con {
    padding: 16px 0 40px
;}

.machine-jeff .machine-con .empty p,.machine-jeff .machine-con .machine-time {
    color: #a3a3a3;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
;}

.machine-jeff .machine-con .machine-time-h5 {
    display: none
;}

.machine-jeff .machine-con .machine-list {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    cursor: pointer;
    margin-top: 20px;
    overflow: hidden;
    width: 322px
;}

.machine-jeff .machine-con .machine-list:hover {
    border: 1px solid #f5bc49
;}

.machine-jeff .machine-con .machine-list .list-img {
    height: 160px;
    width: 100%
;}

.machine-jeff .machine-con .machine-list .list-time {
    color: #a3a3a3;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    padding: 16px 20px 24px
;}

.machine-jeff .machine-con .machine-list .list-time .time-txt {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    margin-left: 10px
;}

.machine-jeff .machine-con .machine-con-list-h5 {
    display: none
;}

.machine-jeff .machine-con .want-expose {
    align-items: center;
    background: #3d55cc;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    margin-top: 32px;
    width: 100%
;}

.machine-jeff .machine-con .want-expose:hover {
    background: #2f4de4
;}

.machine-jeff .machine-con .want-expose .iconfont {
    color: #fff;
    margin-right: 10px
;}

.machine-jeff .machine-con .want-expose .iconfont-text {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
;}

@media screen and (max-width: 999px) {
    .machine-jeff .machine-con .Info .machine-con-list {
        display:flex;
        justify-content: space-between
    ;}

    .machine-jeff .machine-con .Info .machine-con-list .machine-list {
        width: 346px
    ;}
;}

@media screen and (max-width: 799px) {
    .machine-jeff {
        padding:0 0 0 12px
    ;}

    .machine-jeff .machine-head .more {
        display: none
    ;}

    .machine-jeff .machine-head .head-tit {
        color: #3d3d3d;
        font-size: 16px;
        font-style: normal;
        font-weight: 600
    ;}

    .machine-jeff .machine-head .more-txt {
        color: #999;
        display: block;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        margin-right: 12px
    ;}

    .machine-jeff .machine-con {
        padding: 0 0 4px
    ;}

    .machine-jeff .machine-con .Info .machine-time,.machine-jeff .machine-con .want-expose {
        display: none
    ;}

    .machine-jeff .machine-con .Info .machine-time-h5 {
        color: #292929;
        display: block;
        font-size: 12px;
        font-style: normal;
        font-weight: 600
    ;}

    .machine-jeff .machine-con .Info .machine-con-list {
        display: none
    ;}

    .machine-jeff .machine-con .Info .machine-con-list-h5 {
        -ms-overflow-style: none;
        display: flex;
        margin-top: 12px;
        overflow-x: auto;
        scrollbar-width: none
    ;}

    .machine-jeff .machine-con .Info .machine-con-list-h5::-webkit-scrollbar {
        display: none
    ;}

    .machine-jeff .machine-con .Info .machine-con-list-h5 .list-h5 {
        cursor: pointer;
        margin-right: 8px
    ;}

    .machine-jeff .machine-con .Info .machine-con-list-h5 .list-h5 .list-h5-img {
        border-radius: 8px;
        height: 100px;
        width: 155px
    ;}

    html[dir=rtl] .machine-jeff {
        padding: 0 12px 0 0
    ;}

    html[dir=rtl] .machine-jeff .machine-head .more-txt {
        margin-left: 12px;
        margin-right: 0
    ;}
;}

html[dir=rtl] .machine-jeff .machine-head .more .iconfont {
    margin-left: 0;
    margin-right: 4px
;}

html[dir=rtl] .machine-jeff .machine-con .Info .machine-list .list-time .time-txt {
    margin-left: 0;
    margin-right: 10px
;}

html[dir=rtl] .machine-jeff .machine-con .want-expose .iconfont {
    margin-left: 10px;
    margin-right: 0
;}

.wiki-down .down-block {
    display: none;
    filter: drop-shadow(0 4px 17px rgba(0,0,0,.1));
    position: absolute!important;
    z-index: 1
;}

.wiki-down:hover .down-block {
    display: block
;}

.wiki-down .down-box {
    align-items: center;
    background: #fafafa;
    border: 2px solid #fff;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 64px;
    justify-content: space-between;
    min-width: 264px;
    padding: 0 20px;
    width: 100%
;}

.wiki-down .down-box,.wiki-down .down-box:hover {
    box-shadow: 0 0 0 1px rgba(179,137,54,.3),0 4px 4px rgba(0,0,0,.05)
;}

.wiki-down .down-box:hover {
    background: #292929!important;
    border: 1px solid #fafafa;
    border-radius: 3px
;}

.wiki-down .down-box:hover .wiki-down-l .img {
    background: url(https://resources1.interface003.com/web20/img/commen/google-play-hover.svg) no-repeat 50%;
    background-size: 35px 35px
;}

.wiki-down .down-box:hover .wiki-down-l .iconfont {
    color: #fff!important
;}

.wiki-down .down-box:hover .wiki-down-l .down-text .down-text-1 {
    color: #7a7a7a
;}

.wiki-down .down-box:hover .wiki-down-l .down-text .down-text-2 {
    color: #fff
;}

.wiki-down .down-box:hover .wiki-down-r {
    height: 36px;
    line-height: 36px
;}

.wiki-down .down-box:hover .iconfont,.wiki-down .down-box:hover .wiki-down-r .iconfont,.wiki-down .down-box:hover span {
    color: #fff!important
;}

.wiki-down .down-box .wiki-down-l {
    align-items: center;
    display: flex
;}

.wiki-down .down-box .wiki-down-l .img {
    background: url(https://resources1.interface003.com/web20/img/commen/google-play.svg) no-repeat 50%;
    background-size: 35px 35px;
    height: 35px;
    width: 35px
;}

.wiki-down .down-box .wiki-down-l .iconfont {
    color: #333;
    font-size: 28px
;}

.wiki-down .down-box .wiki-down-l .down-text {
    padding-left: 8px
;}

.wiki-down .down-box .wiki-down-l .down-text .down-text-1 {
    color: #a3a3a3;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    transform: scale(.83);
    transform-origin: left
;}

.wiki-down .down-box .wiki-down-l .down-text .down-text-2 {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
;}

.wiki-down .down-box .wiki-down-l .down-text .down-text-3 {
    font-size: 14px
;}

.wiki-down .down-box .wiki-down-r {
    height: 36px;
    line-height: 36px
;}

.wiki-down .down-box .wiki-down-r .iconfont {
    color: #3d3d3d;
    font-size: 22px
;}

.wiki-down .down-box2,.wiki-down .down-box3 {
    background: #fafafa!important;
    border: 2px solid #fafafa;
    border-radius: 2px 2px 0 0;
    box-shadow: 0 0 0 1px rgba(179,137,54,.302),0 4px 4px rgba(0,0,0,.05)
;}

.wiki-down .down-box2 span,.wiki-down .down-box3 span {
    color: #3d3d3d!important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.wiki-down .down-box2 .icon-xiazai,.wiki-down .down-box3 .icon-xiazai {
    font-size: 17px
;}

.wiki-down .down-box2:hover,.wiki-down .down-box3:hover {
    background: #292929!important
;}

.wiki-down .down-box3 {
    border-radius: 0 0 2px 2px;
    border-top: unset
;}

@media screen and (max-width: 999px) {
    .wiki-down .down-box {
        height:74.32px;
        min-width: 240px
    ;}
;}

html[dir=rtl] .wiki-down .down-box .wiki-down-l .down-text {
    margin-left: 0;
    margin-right: 8px
;}

html[dir=rtl] .wiki-down .down-box .wiki-down-l .down-text .down-text-1 {
    transform-origin: right
;}

.dealer-down {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px 40px 24px
;}

.dealer-down.service {
    padding-bottom: 0
;}

.dealer-down .dealer-down-1 {
    color: #3d3d3d
;}

.dealer-down .dealer-down-1,.dealer-down .dealer-down-2 {
    align-items: center;
    display: flex;
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 29px;
    text-align: center;
    transform: matrix(.99,0,-.11,1,0,0)
;}

.dealer-down .dealer-down-2 {
    word-wrap: break-word;
    color: #b28936;
    margin-top: 8px;
    max-width: 100%;
    word-break: break-all
;}

.dealer-down .down-list {
    margin-top: 24px;
    width: 100%
;}

.dealer-down .down-list.service {
    flex-direction: column;
    padding-left: 24px;
    padding-right: 24px
;}

.dealer-down .down-list .donw-block-dealer {
    margin-bottom: 20px
;}

.dealer-down .down-list .wiki-down .down-box {
    border: 1px solid rgba(0,0,0,.05);
    box-shadow: none
;}

.dealer-down .down-list .down-text-2 {
    font-size: 14px!important;
    font-weight: 600
;}

.dealer-down .down-list .wiki-down-r {
    height: 36px;
    line-height: 36px
;}

.dealer-down .down-list .wiki-down-r .iconfont {
    font-size: 14px
;}

.dealer-down .survey-download {
    margin: 20px auto 0;
    width: 228px
;}

.dealer-down .wiki-down {
    width: 100%
;}

.dealer-down .down-box {
    background: #fafafa;
    height: 56px
;}

@media screen and (max-width: 1199px) {
    .dealer-down .down-box {
        width:100%!important
    ;}
;}

.list-exposures {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 2px;
    box-sizing: border-box;
    height: 188px;
    width: 387px
;}

.list-exposures.Boutique-exposure {
    background: rgba(255,204,102,.08)!important;
    border-radius: 2px
;}

.list-exposures a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 16px;
    width: 100%
;}

.list-exposures a .head {
    display: flex
;}

.list-exposures a .head .head-title {
    align-items: center;
    background: rgba(61,85,204,.05);
    border-radius: 12px;
    display: flex;
    flex-flow: 1;
    height: 24px;
    line-height: 24px;
    padding: 0 6px 0 0
;}

.list-exposures a .head .head-title .head-title-icon {
    align-items: center;
    background: #3d55cc;
    border-radius: 12px;
    box-shadow: 0 0 0 3px #fff;
    display: flex;
    height: 24px;
    justify-content: center;
    width: 24px
;}

.list-exposures a .head .head-title .head-title-icon .iconfont {
    color: #fff
;}

.list-exposures a .head .head-title .text {
    color: #3d55cc;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    padding-left: 8px
;}

.list-exposures a .head .space {
    display: flex;
    flex-grow: 1
;}

.list-exposures a .head .spcateDealer {
    height: 24px;
    width: 24px
;}

.list-exposures a .title {
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-top: 10px;
    white-space: nowrap
;}

.list-exposures a .des,.list-exposures a .title {
    font-style: normal;
    overflow: hidden;
    text-overflow: ellipsis
;}

.list-exposures a .des {
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #a3a3a3;
    display: -webkit-box;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 6px;
    max-height: 60px
;}

.list-exposures a .empty {
    flex: 1
;}

.list-exposures a .tool {
    justify-content: space-between
;}

.list-exposures a .tool,.list-exposures a .tool .tool-l {
    align-items: center;
    display: flex
;}

.list-exposures a .tool .tool-l .tool-img {
    align-items: center;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 10px;
    box-sizing: border-box;
    display: flex;
    height: 20px;
    justify-content: center;
    width: 20px
;}

.list-exposures a .tool .tool-l .tool-img img {
    border-radius: 8px;
    height: 16px;
    width: 16px
;}

.list-exposures a .tool .tool-l .tool-text {
    color: #3d3d3d;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    padding-left: 6px
;}

.list-exposures a .tool .tool-r {
    align-items: center;
    display: flex
;}

.list-exposures a .tool .tool-r .iconfont,.list-exposures a .tool .tool-r .tool-time {
    color: #a3a3a3;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    padding: 0 4px
;}

.list-exposures a .tool .tool-r .iconfont {
    display: none;
    font-size: 20px
;}

.list-exposures a:hover {
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.14);
    cursor: pointer;
    transition: .5s;
    -webkit-transition: .5s
;}

.list-exposures:hover {
    border: none
;}

@media screen and (max-width: 1199px) {
    .list-exposures {
        width:100%
    ;}

    .list-exposures a .des,.list-exposures a .two {
        -webkit-line-clamp: 2
    ;}
;}

@media screen and (max-width: 999px) {
    .list-exposures a .des,.list-exposures a .two {
        -webkit-line-clamp:2
    ;}
;}

@media screen and (max-width: 799px) {
    .list-exposures a .des {
        -webkit-line-clamp:2
    ;}
;}

.list-exposures:first-child,.list-exposures:nth-child(2) {
    margin-bottom: 18px
;}

html[dir=rtl] .list-exposures a .tool .tool-l .tool-text {
    padding-left: 6px;
    padding-right: 6px
;}

html[dir=rtl] .list-exposures a .head .head-title {
    padding: 0 0 0 6px
;}

html[dir=rtl] .list-exposures a .head .head-title .text {
    padding: 0 6px
;}

.error {
    color: #f95355;
    display: block;
    font-size: 14px;
    height: 25px;
    line-height: 25px
;}

.complaint-capital-jeff {
    align-items: center;
    background: rgba(0,0,0,.5)!important;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2088
;}

.complaint-capital-jeff .conplaint-box-jeff {
    background: #fff;
    border-radius: 16px;
    padding-bottom: 45px;
    position: relative;
    width: 640px
;}

.complaint-capital-jeff .conplaint-box-jeff .close {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
    transition: all .85s
;}

.complaint-capital-jeff .conplaint-box-jeff .close:hover {
    transform: rotate(180deg)
;}

.complaint-capital-jeff .conplaint-box-jeff .close span {
    font-size: 23px
;}

.complaint-capital-jeff .conplaint-box-jeff .box-head {
    align-items: center;
    display: flex;
    margin: 32px
;}

.complaint-capital-jeff .conplaint-box-jeff .box-head i {
    background: #eeb822;
    border-radius: 1px;
    display: inline-block;
    height: 16px;
    width: 6px
;}

.complaint-capital-jeff .conplaint-box-jeff .box-head h1 {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    margin-left: 12px
;}

.complaint-capital-jeff .conplaint-box-jeff .introduce {
    padding: 0 48px
;}

.complaint-capital-jeff .conplaint-box-jeff .introduce .introduce-tit {
    color: #292929;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 10px
;}

.complaint-capital-jeff .conplaint-box-jeff .introduce .introduce-con {
    color: #292929;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 22px
;}

.complaint-capital-jeff .conplaint-box-jeff .introduce .introduce-ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px
;}

.complaint-capital-jeff .conplaint-box-jeff .introduce .introduce-ul li {
    background: #fafafa;
    border-radius: 2px;
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 32px;
    line-height: 32px;
    margin-bottom: 10px;
    margin-right: 16px;
    padding: 0 16px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff {
    padding: 0 48px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-tit {
    align-items: center;
    display: flex;
    margin-bottom: 20px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-tit span {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-tit img {
    height: 20px;
    margin: 0 6px 0 20px;
    width: 20px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-number-jeff .number-tit {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-number-jeff .number-tit i {
    color: #ef6828
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-number-jeff .error {
    margin-left: 160px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-number-jeff .number-ing {
    display: flex;
    margin-top: 8px;
    position: relative
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-number-jeff .number-ing .ing-country {
    align-items: center;
    background: #fafafa;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 48px;
    padding: 0 12px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-number-jeff .number-ing .ing-country img {
    border-radius: 1px;
    height: 16px;
    margin-right: 8px;
    width: 22px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-number-jeff .number-ing .ing-country span {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    transition: all .85s
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-number-jeff .number-ing .ing-country span.jiantou {
    transform: rotate(180deg)
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-number-jeff .number-ing .ing-country .icon-arrow-down {
    margin-left: 20px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-number-jeff .number-ing .ing-input {
    background: #fafafa;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    height: 48px;
    margin-left: 16px;
    width: 297px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-number-jeff .number-ing .ing-input:hover {
    border: 1px solid rgba(0,0,0,.5)
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-number-jeff .number-ing .ing-input input {
    border-radius: 4px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    height: 100%;
    line-height: 20px;
    padding-left: 18px;
    width: 100%
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-number-jeff .number-ing .ing-input ::-webkit-input-placeholder {
    color: #ccc;
    font-size: 14px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-number-jeff .number-ing .ing-input :-moz-placeholder {
    color: #ccc;
    font-size: 14px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-number-jeff .number-ing .ing-input ::moz-placeholder {
    color: #ccc;
    font-size: 14px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-number-jeff .number-ing .ing-input :-ms-input-placeholder {
    color: #ccc;
    font-size: 14px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-reason-jeff .reason-tit {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-reason-jeff .reason-tit i {
    color: #ef6828
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-reason-jeff .reason-ing {
    background: #fafafa;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    height: 130px;
    margin-top: 6px;
    width: 544px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-reason-jeff .reason-ing textarea {
    border: 1px solid transparent;
    box-sizing: border-box;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 100%;
    line-height: 20px;
    padding: 16px;
    width: 100%
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-reason-jeff .reason-ing textarea:hover {
    border: 1px solid rgba(0,0,0,.5)
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-reason-jeff .reason-ing textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    resize: none
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-upload-jeff {
    height: 100%;
    position: relative
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-upload-jeff .el-upload--picture-card {
    background: #fafafa;
    border: 1px solid #e1e3e6;
    border-radius: 5px;
    height: 72px;
    margin-top: 12px;
    position: relative;
    width: 72px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-upload-jeff .el-upload__tip {
    display: inline-block;
    font-size: 14px;
    line-height: 26px;
    margin-left: 20px;
    width: 354px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-upload-jeff .el-upload-list--picture-card .el-upload-list__item {
    height: 72px;
    margin-top: 12px;
    width: 72px
;}

.complaint-capital-jeff .conplaint-box-jeff .submitted-successfully {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-top: 20px
;}

.complaint-capital-jeff .conplaint-box-jeff .submitted-successfully img {
    margin-bottom: 20px
;}

.complaint-capital-jeff .conplaint-box-jeff .submitted-successfully h3 {
    color: #3d3d3d;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 10px
;}

.complaint-capital-jeff .conplaint-box-jeff .submitted-successfully p {
    color: #a3a3a3;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    padding: 0 30px;
    text-align: center
;}

.complaint-capital-jeff .conplaint-box-jeff .report-bot {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin-top: 20px
;}

.complaint-capital-jeff .conplaint-box-jeff .report-bot span {
    align-items: center;
    background: #323947;
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 40px;
    justify-content: center;
    line-height: 20px;
    padding: 0 20px
;}

.complaint-capital-jeff .conplaint-box-jeff .report-bot span:hover {
    background-color: #565e6e
;}

html[dir=rtl] .complaint-capital-jeff .conplaint-box-jeff .close {
    left: 20px;
    right: auto
;}

html[dir=rtl] .complaint-capital-jeff .conplaint-box-jeff .box-head h1 {
    margin-left: auto;
    margin-right: 12px
;}

html[dir=rtl] .complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-number-jeff .number-ing .ing-input {
    margin-left: 0;
    margin-right: 16px
;}

html[dir=rtl] .complaint-capital-jeff .reporting-platform-jeff .platform-number-jeff .number-ing .ing-input input {
    padding-left: 0;
    padding-right: 18px
;}

html[dir=rtl] .complaint-capital-jeff .platform-number-jeff .number-ing .ing-country img {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .complaint-capital-jeff .platform-number-jeff .number-ing .ing-country .icon-arrow-down {
    margin-left: 0;
    margin-right: 20px
;}

html[dir=rtl] .complaint-capital-jeff .platform-number-jeff .number-ing .user-country {
    left: unset;
    right: 0
;}

html[dir=rtl] .complaint-capital-jeff .platform-upload-jeff .upload-pictures .left .el-upload-list--picture-card .el-upload-list__item {
    margin: 12px 0 0 8px
;}

.dealer-exposure-jeff {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    padding: 24px
;}

.dealer-exposure-jeff .empty p {
    color: #a3a3a3;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
;}

.dealer-exposure-jeff .exposure-head {
    align-items: center;
    display: flex;
    height: 30px;
    justify-content: space-between
;}

.dealer-exposure-jeff .exposure-head .head-l {
    align-items: center;
    display: flex
;}

.dealer-exposure-jeff .exposure-head .head-l .head-l-title {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px
;}

.dealer-exposure-jeff .exposure-head .head-l .head-l-count {
    align-items: center;
    color: #3d55cc;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding-left: 16px
;}

.dealer-exposure-jeff .exposure-head .head-l .head-l-count .iconfont {
    color: #3d55cc
;}

.dealer-exposure-jeff .exposure-head .head-r {
    display: flex
;}

.dealer-exposure-jeff .exposure-head .head-r .head-r-span {
    align-items: center;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    padding: 0 12px
;}

.dealer-exposure-jeff .exposure-head .head-r .head-r-span .head-r-text {
    color: #7a7a7a;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    overflow: hidden;
    padding-left: 4px;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-exposure-jeff .exposure-head .head-r .head-r-span:active {
    opacity: .5
;}

.dealer-exposure-jeff .exposure-head .head-r .Capital-disk:hover {
    background: #eee
;}

.dealer-exposure-jeff .exposure-head .head-r .head-r-a {
    background: #fff;
    border: 1px solid rgba(0,0,0,.1);
    margin-right: 8px
;}

.dealer-exposure-jeff .exposure-head .head-r .head-r-b {
    background: rgba(61,85,204,.9);
    border: 1px solid #3d55cc
;}

.dealer-exposure-jeff .exposure-head .head-r .head-r-b .head-r-text,.dealer-exposure-jeff .exposure-head .head-r .head-r-b .icon-exposure2 {
    color: #fff
;}

.dealer-exposure-jeff .exposure-head .head-r .head-r-b:hover {
    background: #3d55cc
;}

.dealer-exposure-jeff .list-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 28px
;}

.dealer-exposure-jeff .list-box .list {
    width: 371px
;}

.dealer-exposure-jeff .list-box .list .list-t {
    background: #fafafa;
    border: none
;}

.dealer-exposure-jeff .new-exposures {
    height: 550px;
    margin-top: 24px;
    overflow: hidden;
    position: relative;
    width: 100%
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list {
    display: flex;
    left: 0;
    position: absolute;
    top: 0;
    white-space: nowrap
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul {
    flex-shrink: 0;
    margin-right: 16px;
    width: 242px
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a {
    background: #fafafa;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
    padding: 16px;
    width: 100%
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a .head {
    display: flex
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a .head .head-title {
    align-items: center;
    background: rgba(61,85,204,.05);
    border-radius: 12px;
    display: flex;
    height: 24px;
    line-height: 24px;
    padding: 0 6px 0 0
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a .head .head-title .head-title-icon {
    align-items: center;
    background: #3d55cc;
    border-radius: 12px;
    box-shadow: 0 0 0 3px #fff;
    display: flex;
    height: 24px;
    justify-content: center;
    width: 24px
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a .head .head-title .head-title-icon .iconfont {
    color: #fff
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a .head .head-title .text {
    color: #3d55cc;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    padding-left: 8px
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a .head .space {
    display: flex;
    flex-grow: 1
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a .head .spcateDealer {
    height: 24px;
    width: 24px
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a .title {
    color: #3d3d3d;
    flex-shrink: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    margin-top: 10px;
    max-height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a .des {
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #a3a3a3;
    display: -webkit-box;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: break-spaces!important
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a .empty {
    flex: 1
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a .tool,.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a .tool .tool-l {
    align-items: center;
    display: flex
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a .tool .tool-l .tool-img {
    align-items: center;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 10px;
    box-sizing: border-box;
    display: flex;
    height: 20px;
    justify-content: center;
    width: 20px
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a .tool .tool-l .tool-img img {
    border-radius: 8px;
    height: 16px;
    width: 16px
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a .tool .tool-l .tool-text {
    color: #3d3d3d;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    padding-left: 6px
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a .tool .iconfont,.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a .tool .tool-time {
    color: #a3a3a3;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-right: 5px
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a .tool .iconfont {
    font-size: 20px
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a:last-child {
    margin-bottom: 0
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a:hover {
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.14);
    cursor: pointer;
    transition: .5s;
    -webkit-transition: .5s
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul .small {
    height: 231px
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul .small .des {
    -webkit-line-clamp: 4;
    max-height: 80px
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul .long {
    height: 271px
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul .long .des {
    -webkit-line-clamp: 6;
    max-height: 120px
;}

.dealer-exposure-jeff .new-exposures .transition {
    transition: all 1s linear
;}

.dealer-exposure-jeff .new-exposures .new-exposures-a {
    bottom: 4px;
    display: flex;
    left: calc(50% - 25px);
    position: absolute
;}

.dealer-exposure-jeff .new-exposures .new-exposures-a li {
    background: #d9d9d9;
    border-radius: 3px;
    height: 6px;
    margin-right: 8px;
    width: 6px
;}

.dealer-exposure-jeff .new-exposures .a-active {
    border: 2px solid #5166d1;
    border-radius: 4px;
    height: 8px;
    width: 8px
;}

@media screen and (max-width: 1199px) {
    .dealer-exposure-jeff .exposure-head.flex-dem {
        align-items:flex-start;
        flex-direction: column;
        height: auto
    ;}

    .dealer-exposure-jeff .exposure-head .head-r {
        margin-top: 10px
    ;}

    .dealer-exposure-jeff .list-box {
        margin-top: 18px
    ;}

    .dealer-exposure-jeff .list-box .list {
        width: 100%!important
    ;}

    .dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul {
        width: 245px
    ;}
;}

@media screen and (max-width: 999px) {
    .dealer-exposure-jeff .exposure-head {
        align-items:flex-start;
        flex-direction: column;
        height: auto;
        width: 1005
    ;}

    .dealer-exposure-jeff .exposure-head .head-l {
        justify-content: space-between;
        margin-bottom: 14px;
        width: 100%
    ;}

    .dealer-exposure-jeff .exposure-head .head-r {
        flex-direction: column;
        width: 100%
    ;}

    .dealer-exposure-jeff .exposure-head .head-r .head-r-span {
        flex: none;
        flex-shrink: 0;
        margin-bottom: 10px;
        margin-right: 0
    ;}

    .dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul {
        width: 348px
    ;}

    .dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a:last-child {
        margin-bottom: 16px
    ;}
;}

@media screen and (max-width: 799px) {
    .dealer-exposure-jeff .exposure-head .head-r .head-r-span {
        height:40px
    ;}

    .dealer-exposure-jeff .new-exposures {
        height: auto
    ;}

    .dealer-exposure-jeff .new-exposures .new-exposures-list {
        flex-direction: column;
        position: unset
    ;}

    .dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul {
        width: 100%
    ;}

    .dealer-exposure-jeff .new-exposures .new-exposures-a {
        display: none
    ;}
;}

html[dir=rtl] .dealer-exposure-jeff .exposure-head .head-r .head-r-a {
    margin-right: 0
;}

html[dir=rtl] .dealer-exposure-jeff a .head .head-title .text {
    padding: 0 8px
;}

html[dir=rtl] .dealer-exposure-jeff .exposure-head .head-l .head-l-count {
    padding-left: 0;
    padding-right: 16px
;}

html[dir=rtl] .dealer-exposure-jeff .new-exposures .new-exposures-list {
    left: auto;
    right: 0
;}

.dealer-exposure-jeff .list-exposures {
    width: 100%!important
;}

.dealer-exposure-jeff .title {
    word-wrap: break-word!important;
    -webkit-box-orient: vertical!important;
    display: -webkit-box!important;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    white-space: break-spaces!important
;}

.dealer-exposure-jeff .title,.dealer-exposure-jeff .two {
    -webkit-line-clamp: 2!important
;}

html[dir=rtl] .dealer-exposure-jeff .exposure-head .head-r .head-r-span .head-r-text {
    padding-left: unset;
    padding-right: 4px
;}

html[dir=rtl] .dealer-exposure-jeff .exposure-head .head-r .head-r-a {
    margin-left: 8px;
    margin-right: unset
;}

.dealer-article {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    box-sizing: border-box;
    padding: 24px
;}

.dealer-article.article {
    padding: 24px!important
;}

.dealer-article .dealer-rticle-title {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px
;}

.dealer-article .article-list .list {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #f7f7f7;
    display: flex;
    height: 154px;
    width: 100%
;}

.dealer-article .article-list .list .dealer-rticle-ja {
    display: none
;}

.dealer-article .article-list .list .list-l {
    box-sizing: border-box;
    flex: 1;
    overflow: hidden;
    padding-right: 24px
;}

.dealer-article .article-list .list .list-l .list-title {
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #2a2a2a;
    display: -webkit-box;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis
;}

.dealer-article .article-list .list .list-l .list-title span {
    background: #47b3a1;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-right: 8px;
    padding: 0 6px;
    position: relative;
    top: -1px
;}

.dealer-article .article-list .list .list-l .label-text,.dealer-article .article-list .list .list-l .list-l-time {
    display: none
;}

.dealer-article .article-list .list .list-l .list-l-p {
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #a3a3a3;
    display: -webkit-box;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 12px;
    overflow: hidden;
    text-overflow: ellipsis
;}

.dealer-article .article-list .list .list-l .list-tool {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 12px
;}

.dealer-article .article-list .list .list-l .list-tool .tool-l {
    align-items: center;
    display: flex
;}

.dealer-article .article-list .list .list-l .list-tool .tool-l .tool-l-name {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding-left: 10px
;}

.dealer-article .article-list .list .list-l .list-tool .tool-l img {
    height: 16px;
    width: 16px
;}

.dealer-article .article-list .list .list-l .list-tool .tool-r {
    color: #a3a3a3;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px
;}

.dealer-article .article-list .list .list-l .list-tool .tool-r .icon-Frame9 {
    display: none
;}

.dealer-article .article-list .list .list-r {
    border-radius: 4px;
    height: 106px;
    overflow: hidden;
    width: 200px
;}

.dealer-article .article-list .list .list-r img {
    width: 100%
;}

.dealer-article .article-list .list:hover .list-l .list-title {
    color: #b38936
;}

.dealer-article .article-list .list:last-child {
    box-shadow: unset
;}

.dealer-article .more {
    height: 36px;
    margin-top: 8px;
    width: 100%
;}

.dealer-article .more,.dealer-article .more a {
    align-items: center;
    display: flex;
    justify-content: center
;}

.dealer-article .more a {
    color: #3d3d3d;
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
;}

.dealer-article .more a:hover {
    color: #000
;}

@media screen and (max-width: 999px) {
    .dealer-article .article-list .list {
        height:auto;
        margin-bottom: 16px;
        padding-bottom: 16px
    ;}

    .dealer-article .article-list .list .list-l .list-l-p {
        display: none
    ;}

    .dealer-article .article-list .list .list-l .list-tool {
        justify-content: flex-start
    ;}

    .dealer-article .article-list .list .list-l .list-tool .tool-l {
        display: none
    ;}

    .dealer-article .article-list .list .list-r {
        height: 72px;
        width: 120px
    ;}
;}

@media screen and (max-width: 799px) {
    .dealer-article .dealer-rticle-title {
        margin-bottom:10px
    ;}
;}

html[dir=rtl] .dealer-article .article-list .list .list-l {
    padding-left: 24px;
    padding-right: 0
;}

html[dir=rtl] .dealer-article .article-list .list .list-l .list-title span {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .dealer-article .article-list .list .list-l .list-tool .tool-l .tool-l-name {
    padding-left: 0;
    padding-right: 10px
;}

.dealer-introduce {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    margin-bottom: 16px;
    padding: 18px 0;
    width: 100%
;}

.dealer-introduce .dealer-introduce-title {
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    gap: 20px;
    line-height: 22px;
    padding: 0 24px 16px
;}

.dealer-introduce .dealer-introduce-title.tab {
    box-shadow: inset 0 -1px 0 rgba(61,61,61,.05);
    margin: 0 24px;
    padding: 0
;}

.dealer-introduce .dealer-introduce-title.one {
    box-shadow: inset 0 -1px 0 rgba(61,61,61,.05);
    padding: 0 24px 18px
;}

.dealer-introduce .dealer-introduce-title h3 {
    display: inline
;}

.dealer-introduce .dealer-introduce-title p {
    color: #999;
    cursor: pointer
;}

.dealer-introduce .dealer-introduce-title p.active {
    border-bottom: 3px solid #000;
    color: #000
;}

.dealer-introduce .dealer-introduce-title p.multi {
    padding: 4px 4px 16px
;}

.dealer-introduce .dealer-introduce-p {
    display: none;
    margin-bottom: 18px;
    padding-right: 4px;
    padding-top: 10px
;}

.dealer-introduce .dealer-introduce-p .introduce-p-title {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 8px
;}

.dealer-introduce .dealer-introduce-p .introduce-p-box {
    overflow: auto;
    padding: 0 20px 0 24px
;}

.dealer-introduce .dealer-introduce-p .introduce-p-box .introduce-p-info {
    color: #a3a3a3;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding-top: 8px
;}

.dealer-introduce .dealer-introduce-p .introduce-p-box .introduce-p-info * {
    max-width: 100%
;}

.dealer-introduce .dealer-introduce-p .introduce-p-box .introduce-p-info p b,.dealer-introduce .dealer-introduce-p .introduce-p-box .introduce-p-info p h2,.dealer-introduce .dealer-introduce-p .introduce-p-box .introduce-p-info p h3,.dealer-introduce .dealer-introduce-p .introduce-p-box .introduce-p-info p h4,.dealer-introduce .dealer-introduce-p .introduce-p-box .introduce-p-info p strong {
    padding: 18px 0 4px
;}

.dealer-introduce .dealer-introduce-p .introduce-p-box .introduce-p-info p b,.dealer-introduce .dealer-introduce-p .introduce-p-box .introduce-p-info p strong {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px
;}

.dealer-introduce .dealer-introduce-p .introduce-p-box .introduce-p-info p:first-child b,.dealer-introduce .dealer-introduce-p .introduce-p-box .introduce-p-info p:first-child strong {
    padding-bottom: 8px
;}

.dealer-introduce .dealer-introduce-p .introduce-p-box .introduce-p-info h2,.dealer-introduce .dealer-introduce-p .introduce-p-box .introduce-p-info h3,.dealer-introduce .dealer-introduce-p .introduce-p-box .introduce-p-info h4 {
    display: inline-block;
    padding: 18px 0 4px
;}

.dealer-introduce .dealer-introduce-p .introduce-p-box::-webkit-scrollbar {
    background: none;
    width: 4px
;}

.dealer-introduce .dealer-introduce-p .introduce-p-box::-webkit-scrollbar-thumb {
    border-radius: 3px
;}

.dealer-introduce .dealer-introduce-p .introduce-p-box img,.dealer-introduce .dealer-introduce-p .introduce-p-box table {
    margin: 14px 0
;}

.dealer-introduce .dealer-introduce-p .introduce-p-box table {
    width: 100%
;}

.dealer-introduce .dealer-introduce-p .introduce-p-box table tr td {
    border: 1px solid #d1d1d1;
    height: 35px;
    text-align: center
;}

.dealer-introduce .dealer-introduce-p .introduce-p-box table tr td b {
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
;}

.dealer-introduce .dealer-introduce-p .introduce-p-box table tr td img {
    margin: 0
;}

.dealer-introduce .dealer-introduce-p .morestyle {
    max-height: 360px;
    overflow: hidden
;}

.dealer-introduce .dealer-introduce-p .morestyle img,.dealer-introduce .dealer-introduce-p .morestyle table {
    display: none
;}

.dealer-introduce .dealer-introduce-pbox {
    display: block
;}

.dealer-introduce .dealer-introduce-more {
    align-items: center;
    display: none;
    justify-content: center
;}

.dealer-introduce .dealer-introduce-more span {
    color: #292929;
    cursor: pointer;
    font-size: 18px;
    transition: all .2s
;}

.dealer-introduce .dealer-introduce-morebox {
    display: flex
;}

@media screen and (max-width: 799px) {
    .dealer-introduce .dealer-introduce-title {
        padding:0 16px 16px
    ;}

    .dealer-introduce .dealer-introduce-title.tab {
        margin: 0 16px
    ;}

    .dealer-introduce .dealer-introduce-p .introduce-p-box {
        padding: 0 16px
    ;}

    .sham-dealer .shamdealer-box {
        padding-top: 0;
        width: 100%
    ;}

    .sham-dealer .shamdealer-box .shamdealer-info {
        padding-top: 0
    ;}

    .sham-dealer .shamdealer-box .shamdealer-info .deadler-info-l .time-machine {
        border: none;
        border-radius: 0
    ;}

    .sham-dealer .shamdealer-box .shamdealer-info .deadler-info-r .exposure {
        margin-top: 8px
    ;}

    .sham-dealer .shamdealer-box .shamdealer-info .deadler-info-r .exposure .dealer-exposure-jeff {
        padding: 24px 12px
    ;}

    .sham-dealer .shamdealer-box .shamdealer-info .deadler-info-r .information .dealer-article {
        padding: 24px 12px!important
    ;}
;}

.dealer-exposure {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    padding: 24px
;}

.dealer-exposure .exposure-head {
    align-items: center;
    display: flex;
    height: 30px;
    justify-content: space-between
;}

.dealer-exposure .exposure-head .head-l {
    align-items: center;
    display: flex
;}

.dealer-exposure .exposure-head .head-l .head-l-title {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px
;}

.dealer-exposure .exposure-head .head-l .head-l-count {
    align-items: center;
    color: #3d55cc;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding-left: 16px
;}

.dealer-exposure .exposure-head .head-l .head-l-count .iconfont {
    color: #3d55cc
;}

.dealer-exposure .exposure-head .head-r {
    display: flex
;}

.dealer-exposure .exposure-head .head-r .head-r-span {
    align-items: center;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    padding: 0 12px
;}

.dealer-exposure .exposure-head .head-r .head-r-span .head-r-text {
    color: #7a7a7a;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    overflow: hidden;
    padding-left: 4px;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-exposure .exposure-head .head-r .head-r-span:active {
    opacity: .5
;}

.dealer-exposure .exposure-head .head-r .Capital-disk:hover {
    background: #eee
;}

.dealer-exposure .exposure-head .head-r .head-r-a {
    background: #fff;
    border: 1px solid rgba(0,0,0,.1);
    margin-right: 8px
;}

.dealer-exposure .exposure-head .head-r .head-r-b {
    background: rgba(61,85,204,.9);
    border: 1px solid #3d55cc
;}

.dealer-exposure .exposure-head .head-r .head-r-b .head-r-text,.dealer-exposure .exposure-head .head-r .head-r-b .icon-exposure2 {
    color: #fff
;}

.dealer-exposure .exposure-head .head-r .head-r-b:hover {
    background: #3d55cc
;}

.dealer-exposure .list-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 28px
;}

.dealer-exposure .list-box .list {
    width: 371px
;}

.dealer-exposure .list-box .list .list-t {
    background: #fafafa;
    border: none
;}

.dealer-exposure .new-exposures {
    height: 550px;
    margin-top: 24px;
    overflow: hidden;
    position: relative;
    width: 100%
;}

.dealer-exposure .new-exposures .new-exposures-list {
    display: flex;
    left: 0;
    position: absolute;
    top: 0;
    white-space: nowrap
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul {
    flex-shrink: 0;
    margin-right: 16px;
    width: 242px
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a {
    background: #fafafa;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
    padding: 16px;
    width: 100%
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .head {
    display: flex
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .head .head-title {
    align-items: center;
    background: rgba(61,85,204,.05);
    border-radius: 12px;
    display: flex;
    height: 24px;
    line-height: 24px;
    padding: 0 6px 0 0
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .head .head-title .head-title-icon {
    align-items: center;
    background: #3d55cc;
    border-radius: 12px;
    box-shadow: 0 0 0 3px #fff;
    display: flex;
    height: 24px;
    justify-content: center;
    width: 24px
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .head .head-title .head-title-icon .iconfont {
    color: #fff
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .head .head-title .text {
    color: #3d55cc;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    padding-left: 8px
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .head .space {
    display: flex;
    flex-grow: 1
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .head .spcateDealer {
    height: 24px;
    width: 24px
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .title {
    color: #3d3d3d;
    flex-shrink: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    margin-top: 10px;
    max-height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .des {
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #a3a3a3;
    display: -webkit-box;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: break-spaces!important
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .empty {
    flex: 1
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .tool,.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .tool .tool-l {
    align-items: center;
    display: flex
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .tool .tool-l .tool-img {
    align-items: center;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 10px;
    box-sizing: border-box;
    display: flex;
    height: 20px;
    justify-content: center;
    width: 20px
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .tool .tool-l .tool-img img {
    border-radius: 8px;
    height: 16px;
    width: 16px
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .tool .tool-l .tool-text {
    color: #3d3d3d;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    padding-left: 6px
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .tool .iconfont,.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .tool .tool-time {
    color: #a3a3a3;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-right: 5px
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .tool .iconfont {
    font-size: 20px
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a:last-child {
    margin-bottom: 0
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a:hover {
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.14);
    cursor: pointer;
    transition: .5s;
    -webkit-transition: .5s
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul .small {
    height: 231px
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul .small .des {
    -webkit-line-clamp: 4;
    max-height: 80px
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul .long {
    height: 271px
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul .long .des {
    -webkit-line-clamp: 6;
    max-height: 120px
;}

.dealer-exposure .new-exposures .transition {
    transition: all 1s linear
;}

.dealer-exposure .new-exposures .new-exposures-a {
    bottom: 4px;
    display: flex;
    left: calc(50% - 25px);
    position: absolute
;}

.dealer-exposure .new-exposures .new-exposures-a li {
    background: #d9d9d9;
    border-radius: 3px;
    height: 6px;
    margin-right: 8px;
    width: 6px
;}

.dealer-exposure .new-exposures .a-active {
    border: 2px solid #5166d1;
    border-radius: 4px;
    height: 8px;
    width: 8px
;}

@media screen and (max-width: 1199px) {
    .dealer-exposure .exposure-head {
        align-items:flex-start;
        flex-direction: column;
        height: auto
    ;}

    .dealer-exposure .exposure-head .head-r {
        margin-top: 10px
    ;}

    .dealer-exposure .list-box {
        margin-top: 18px
    ;}

    .dealer-exposure .list-box .list {
        width: 100%!important
    ;}

    .dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul {
        width: 256px
    ;}
;}

@media screen and (max-width: 999px) {
    .dealer-exposure .exposure-head {
        align-items:flex-start;
        flex-direction: column;
        height: auto;
        width: 1005
    ;}

    .dealer-exposure .exposure-head .head-l {
        justify-content: space-between;
        margin-bottom: 14px;
        width: 100%
    ;}

    .dealer-exposure .exposure-head .head-r {
        flex-direction: column;
        width: 100%
    ;}

    .dealer-exposure .exposure-head .head-r .head-r-span {
        flex: none;
        flex-shrink: 0;
        margin-bottom: 10px;
        margin-right: 0
    ;}

    .dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul {
        width: 368px
    ;}

    .dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a:last-child {
        margin-bottom: 16px
    ;}
;}

@media screen and (max-width: 799px) {
    .dealer-exposure .new-exposures {
        height:auto
    ;}

    .dealer-exposure .new-exposures .new-exposures-list {
        flex-direction: column;
        position: unset
    ;}

    .dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul {
        width: 100%
    ;}

    .dealer-exposure .new-exposures .new-exposures-a {
        display: none
    ;}
;}

html[dir=rtl] .dealer-exposure .exposure-head .head-r .head-r-a {
    margin-right: 0
;}

html[dir=rtl] .dealer-exposure a .head .head-title .text {
    padding: 0 8px
;}

html[dir=rtl] .dealer-exposure .exposure-head .head-l .head-l-count {
    padding-left: 0;
    padding-right: 16px
;}

html[dir=rtl] .dealer-exposure .new-exposures .new-exposures-list {
    left: auto;
    right: 0
;}

.dealer-exposure .list-exposures {
    width: 100%!important
;}

.dealer-exposure .title {
    word-wrap: break-word!important;
    -webkit-box-orient: vertical!important;
    display: -webkit-box!important;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    white-space: break-spaces!important
;}

.dealer-exposure .title,.dealer-exposure .two {
    -webkit-line-clamp: 2!important
;}

html[dir=rtl] .dealer-exposure .exposure-head .head-r .head-r-span .head-r-text {
    padding-left: unset;
    padding-right: 4px
;}

html[dir=rtl] .dealer-exposure .exposure-head .head-r .head-r-a {
    margin-left: 8px;
    margin-right: unset
;}

.loading-box>div {
    margin: 7.5px 1px
;}

.lds-ellipsis {
    display: inline-block;
    height: 64px;
    position: relative;
    width: 64px
;}

.lds-ellipsis div {
    animation-timing-function: cubic-bezier(0,1,1,0);
    background: #f5bc49;
    border-radius: 50%;
    height: 11px;
    position: absolute;
    top: 27px;
    width: 11px
;}

.lds-ellipsis div:first-child {
    animation: lds-ellipsis1 .6s infinite;
    left: 6px
;}

.lds-ellipsis div:nth-child(2) {
    animation: lds-ellipsis2 .6s infinite;
    left: 6px
;}

.lds-ellipsis div:nth-child(3) {
    animation: lds-ellipsis2 .6s infinite;
    left: 26px
;}

.lds-ellipsis div:nth-child(4) {
    animation: lds-ellipsis3 .6s infinite;
    left: 45px
;}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0)
    ;}

    to {
        transform: scale(1)
    ;}
;}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1)
    ;}

    to {
        transform: scale(0)
    ;}
;}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0)
    ;}

    to {
        transform: translate(19px)
    ;}
;}

.no-data {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 15px;
    position: relative;
    width: 100%
;}

.no-data .img {
    height: 200px;
    width: 250px
;}

.no-data .title {
    color: #ccc;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 24px;
    line-height: 24px;
    text-align: center
;}

.no-data .title .nodataval {
    align-items: center;
    display: flex;
    margin: 0 auto
;}

.no-data .comment {
    background: #ffd733;
    border-radius: 32px;
    box-sizing: border-box;
    flex-direction: row;
    gap: 6px;
    justify-content: center;
    line-height: 42px;
    margin-top: 16px;
    order: 2;
    padding: 10px 16px
;}

.no-data .comment,.no-data .comment .commenttext {
    align-items: center;
    display: flex;
    flex: none;
    flex-grow: 0
;}

.no-data .comment .commenttext {
    color: #301;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin: 0;
    max-width: 250px;
    order: 0;
    text-align: center
;}

.no-data .comment .iconfont {
    color: #301;
    font-size: 18px;
    font-weight: 600;
    height: 18px;
    line-height: 20px;
    width: 22px
;}

@media screen and (max-width: 799px) {
    .no-data .no-data-1 {
        font-size:20px;
        margin-top: 40px
    ;}

    .no-data .no-data-2,.no-data .no-data-link {
        font-size: 14px
    ;}
;}

.popmt4 {
    background: url(https://resources1.interface003.com/Contentgj/images/pop_bg.png) repeat;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2001
;}

.popmt4 .main {
    align-items: center;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.08);
    box-sizing: border-box;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    left: 50%;
    max-width: 560px;
    order: 0;
    padding: 32px;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%) scale(1);
    transition: all .4s;
    width: 560px;
    z-index: 2002
;}

.popmt4 .main .sharp {
    background: #eeb822;
    border-radius: 1px;
    display: block;
    flex: none;
    flex-grow: 0;
    height: 16px;
    margin: 3px 12px 3px 0;
    order: 0;
    width: 6px
;}

.popmt4 .main .title {
    align-self: stretch;
    background: #fff;
    display: -webkit-box;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 12px;
    position: relative;
    width: 90%
;}

.popmt4 .main .title,.popmt4 .main .title .txt {
    align-items: center;
    flex: none;
    flex-grow: 0;
    line-height: 22px;
    order: 0
;}

.popmt4 .main .title .txt {
    color: #292929;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    padding-right: 14px
;}

.popmt4 .main .icon-close {
    cursor: pointer;
    display: inline-block;
    flex: none;
    flex-grow: 0;
    height: 22px;
    line-height: 22px;
    order: 1;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 22px
;}

.popmt4 .main .content {
    align-items: center;
    align-self: stretch;
    display: inline-block;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    justify-content: center;
    max-height: 460px;
    order: 1;
    overflow-y: auto;
    padding: 0 0 25px
;}

.popmt4 .main .content .result {
    display: inline-block
;}

.popmt4 .main .content .result .jdtip {
    align-items: center;
    color: #3d3d3d;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    margin-right: 10px
;}

.popmt4 .main .content .result .jd {
    align-items: center;
    background: rgba(17,170,102,.1);
    border-radius: 4px;
    display: inline-block;
    flex-direction: row;
    height: 30px;
    justify-content: center;
    padding: 5px 10px
;}

.popmt4 .main .content .result .jd .jdimg {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    margin-right: 2px;
    position: relative;
    top: -1px;
    vertical-align: middle
;}

.popmt4 .main .content .result .jd .jdimg .img {
    height: 16px;
    width: 16px
;}

.popmt4 .main .content .result .jd .jdval {
    align-items: center;
    color: #64b274;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    height: 20px;
    line-height: 20px;
    vertical-align: top
;}

.popmt4 .main .content .intro {
    align-items: center;
    color: #a3a3a3;
    display: flex;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin: 9px 0 20px
;}

.popmt4 .main .content .scroll {
    gap: 12px;
    max-height: 440px
;}

.popmt4 .main .content .scroll,.popmt4 .main .content .scroll .li {
    align-items: center;
    display: inline-block;
    flex-direction: column;
    padding: 0;
    width: 100%
;}

.popmt4 .main .content .scroll .li {
    flex: none;
    flex-grow: 0;
    gap: 16px;
    justify-content: center;
    order: 1
;}

.popmt4 .main .content .scroll .li .item {
    align-self: stretch;
    background: #fafafa;
    border: 1px solid #f5f5f5;
    box-sizing: border-box;
    gap: 186px;
    height: 32px;
    justify-content: space-between;
    margin: 6px 0;
    padding: 6px 12px;
    width: 100%
;}

.popmt4 .main .content .scroll .li .item,.popmt4 .main .content .scroll .li .item .left {
    align-items: center;
    display: inline-block;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    order: 0
;}

.popmt4 .main .content .scroll .li .item .left {
    gap: 8px;
    height: 20px;
    justify-content: center;
    padding: 0
;}

.popmt4 .main .content .scroll .li .item .left .zhuji {
    width: 15px
;}

.popmt4 .main .content .scroll .li .item .left .domian {
    color: #000;
    display: inline-block;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    height: 20px;
    line-height: 20px;
    max-width: 349px;
    order: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap
;}

.popmt4 .main .content .scroll .li .item .right {
    display: block;
    flex: none;
    flex-grow: 0;
    float: right;
    order: 1;
    width: 88px
;}

.popmt4 .main .content .scroll .li .item .right .mt4 {
    background: #6faff9;
    border-radius: 4px;
    display: inline-block;
    height: 20px;
    margin-right: 22px
;}

.popmt4 .main .content .scroll .li .item .right .mt4 .txt {
    color: #fff;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    height: 20px;
    line-height: 20px;
    padding: 0 4px;
    vertical-align: top
;}

.popmt4 .main .content .scroll .li .item .right .iconfont {
    cursor: pointer;
    height: 16px;
    width: 16px
;}

.popmt4 .main .content .scroll .li .slide {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    gap: 24px;
    justify-content: center;
    order: 1;
    padding: 0 16px
;}

.popmt4 .main .content .scroll .li .slide .left,.popmt4 .main .content .scroll .li .slide .right {
    align-items: flex-start;
    background: #fff;
    display: inline-block;
    flex: none;
    flex-direction: row;
    flex-grow: 1;
    gap: 8px;
    justify-content: center;
    padding: 8px 0;
    width: 45%
;}

.popmt4 .main .content .scroll .li .slide .iconfont {
    height: 16px;
    width: 16px
;}

.popmt4 .main .content .scroll .li .slide .flag {
    border-radius: 1px;
    display: inline-block;
    flex: none;
    flex-grow: 0;
    height: 14px;
    order: 0;
    position: relative;
    top: 2px;
    width: 20px
;}

.popmt4 .main .content .scroll .li .slide .tip {
    font-feature-settings: "liga" off;
    align-items: center;
    align-self: stretch;
    color: #a3a3a3;
    display: inline-block;
    flex: none;
    flex-grow: 0;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    max-width: 200px;
    order: 0;
    padding-left: 3px;
    position: relative;
    top: -2px
;}

.popmt4 .main .content .scroll .li .slide .row1 {
    display: flex;
    margin-bottom: 4px
;}

.popmt4 .main .content .scroll .li .slide .row2 {
    align-self: stretch;
    color: #3d3d3d;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    order: 1;
    padding-left: 20px;
    width: 220px
;}

html[dir=rtl] .popmt4 .main .content .scroll .li .slide .tip {
    padding-left: 0;
    padding-right: 3px
;}

html[dir=rtl] .popmt4 .main .content .scroll .li .slide .row2 {
    padding-left: 0;
    padding-right: 20px
;}

.echarts-pie {
    position: relative;
    width: 100%
;}

.echarts-pie p {
    align-items: center;
    bottom: 0;
    color: rgba(61,61,61,.5);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    left: 50%;
    line-height: 17px;
    position: absolute;
    transform: translate(-50%)
;}

.percentageInf-container {
    position: absolute;
    right: 15px
;}

.percentageInf-container .country,.percentageInf-container .country2 {
    background: #f5f5f5;
    border-radius: 2px;
    color: #000;
    display: none;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    padding: 0 8px;
    position: absolute;
    right: 100%;
    text-align: center;
    white-space: nowrap;
    width: auto
;}

.percentageInf-container .country3,.percentageInf-container .country4 {
    display: none
;}

.percentageInf-container .arrow-right,.percentageInf-container .arrow-right2 {
    border-bottom: 4px solid transparent;
    border-left: 4px solid #f5f5f5;
    border-top: 4px solid transparent;
    display: none;
    height: 0;
    margin-right: 10px;
    position: absolute;
    right: 95.5%;
    width: 0
;}

.percentageInf-container .arrow-right2,.percentageInf-container .country2 {
    display: block
;}

.percentageInf-container div {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
    padding: 3.5px 8px;
    vertical-align: middle
;}

.percentageInf-container div.bgc {
    background: rgba(71,125,178,.12);
    border-radius: 4px
;}

.percentageInf-container div:hover .arrow-right,.percentageInf-container div:hover .country {
    display: block
;}

.percentageInf-container div .country-Name,.percentageInf-container div:hover .arrow-right2,.percentageInf-container div:hover .country2 {
    display: none
;}

.percentageInf-container div .main {
    align-items: center;
    border-radius: 2px;
    display: inline-block;
    display: flex;
    height: 24px;
    justify-content: flex-end
;}

.percentageInf-container div .main .icon-dingwei {
    color: #477db2;
    font-size: 12px;
    margin-right: 9px
;}

.percentageInf-container div .main img {
    display: inline-block
;}

.percentageInf-container div .main .outline-border {
    background: #fafafa;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 16px;
    display: inline-block;
    margin: 0;
    padding: 1px;
    width: 137px
;}

.percentageInf-container div .main .outline-border .value-border {
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 12px;
    height: 8px;
    width: 0
;}

.percentageInf-container div .main .item-name {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 17px;
    min-width: 40px;
    text-align: center;
    white-space: nowrap
;}

.percentageInf-container div .main span:last-child {
    align-items: center;
    display: flex;
    font-family: DIN-Media;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    justify-content: center;
    line-height: 17px;
    margin-left: 8px;
    text-align: right;
    width: 45px
;}

.percentageInf-container div .main .bgc-block:hover {
    background: rgba(71,125,178,.12)
;}

.percentageInf-container div .main {
    margin: 0
;}

@media screen and (max-width: 999px) {
    .percentageInf-container .country,.percentageInf-container .country2 {
        display:none;
        width: auto
    ;}

    .percentageInf-container .country,.percentageInf-container .country-Name,.percentageInf-container .country2 {
        background: #f5f5f5;
        border-radius: 2px;
        color: #000;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 17px;
        padding: 0 8px;
        white-space: nowrap
    ;}

    .percentageInf-container .country-Name {
        display: block!important;
        left: 32px;
        position: absolute;
        top: -20px;
        z-index: 999
    ;}

    .percentageInf-container .arrow-right,.percentageInf-container .arrow-right2 {
        border-bottom: 4px solid transparent;
        border-left: 4px solid #f5f5f5;
        border-top: 4px solid transparent;
        display: none;
        height: 0;
        margin-right: 10px;
        position: absolute;
        right: 36.5%;
        width: 0
    ;}

    .percentageInf-container div {
        align-items: center;
        display: flex;
        justify-content: flex-end;
        overflow: hidden;
        padding: 0 8px;
        vertical-align: middle
    ;}

    .percentageInf-container div:hover .arrow-right2,.percentageInf-container div:hover .country,.percentageInf-container div:hover .country2 {
        display: none!important
    ;}

    .percentageInf-container div.bgc {
        background: rgba(71,125,178,.12)
    ;}

    .percentageInf-container div .main {
        align-items: center;
        border-radius: 2px;
        display: inline-block;
        display: flex;
        height: 24px;
        justify-content: flex-end;
        width: 100%
    ;}

    .percentageInf-container div .main .icon-dingwei {
        color: #477db2;
        font-size: 12px;
        margin-right: 9px
    ;}

    .percentageInf-container div .main img {
        display: inline-block
    ;}

    .percentageInf-container div .main .outline-border {
        background: #fafafa;
        border: 1px solid rgba(0,0,0,.05);
        border-radius: 16px;
        display: inline-block;
        margin: 0;
        padding: 1px;
        width: 290px
    ;}

    .percentageInf-container div .main .outline-border .value-border {
        border: 1px solid rgba(0,0,0,.05);
        border-radius: 12px;
        height: 8px
    ;}

    .percentageInf-container div .main .item-name {
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 17px;
        margin: 0 8px;
        min-width: 40px;
        text-align: center;
        white-space: nowrap
    ;}

    .percentageInf-container div .main span:last-child {
        align-items: center;
        display: flex;
        font-family: DIN-Media;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        justify-content: center;
        line-height: 17px;
        margin-left: 8px;
        text-align: right;
        width: 40px
    ;}

    .percentageInf-container div .main .bgc-block:hover {
        background: rgba(71,125,178,.12)
    ;}

    .percentageInf-container div .main .bgc-block:hover .country,.percentageInf-container div .main .bgc-block:hover .country2 {
        display: none
    ;}

    .percentageInf-container div .main {
        margin: 0
    ;}
;}

html[dir=rtl] .percentageInf-container {
    left: 15px;
    right: unset
;}

html[dir=rtl] .percentageInf-container .country,html[dir=rtl] .percentageInf-container .country2 {
    right: -35px
;}

html[dir=rtl] .percentageInf-container .arrow-right2 {
    border-left: unset;
    border-right: 4px solid #f5f5f5;
    right: 0
;}

.promote-business {
    align-items: center;
    background: rgba(0,0,0,.5)!important;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2088
;}

.promote-business .business-box {
    background: #fff;
    border-radius: 16px;
    height: 450px;
    padding: 15px 25px;
    position: relative;
    width: 800px
;}

.promote-business .business-box .icon-close {
    color: #000;
    cursor: pointer;
    font-size: 22px;
    position: absolute;
    right: 10px;
    top: 10px
;}

.promote-business .business-box .box-head {
    display: flex;
    justify-content: space-between
;}

.promote-business .business-box .box-head .head-l {
    align-items: center;
    display: flex
;}

.promote-business .business-box .box-head .head-l .l-icon {
    background: #eeb822;
    border-radius: 1px;
    height: 16px;
    margin-right: 12px;
    width: 6px
;}

.promote-business .business-box .box-head .head-l h2 {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    margin-right: 14px;
    white-space: nowrap
;}

.promote-business .business-box .box-head .head-r {
    align-items: center;
    color: #a3a3a3;
    display: flex;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    position: relative
;}

.promote-business .business-box .box-head .head-r span {
    white-space: nowrap
;}

.promote-business .business-box .box-head .head-r .score {
    color: #323947;
    font-family: DIN-Medium;
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: 53px;
    margin: 0 30px 0 20px
;}

.promote-business .business-box .box-head .head-r .unit {
    align-items: center;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 2px;
    bottom: 15%;
    color: #e6e6e6;
    display: flex;
    font-family: DIN;
    font-weight: 400;
    height: 20px;
    justify-content: center;
    padding-right: 2px;
    position: absolute;
    right: 0
;}

.promote-business .business-box .box-head .pc {
    display: none
;}

.promote-business .business-box .l-tab {
    align-items: center;
    display: block;
    display: flex
;}

.promote-business .business-box .l-tab li {
    background: #fafafa;
    border: .5px solid rgba(0,0,0,.05);
    border-radius: 3px;
    color: #ccc;
    cursor: pointer;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    padding: 0 24px;
    white-space: nowrap
;}

.promote-business .business-box .l-tab li.active {
    background: #3d3d3d;
    color: #fff
;}

.promote-business .business-box .box-con {
    display: flex;
    justify-content: space-between
;}

.promote-business .business-box .box-con .con-l {
    height: 270px;
    width: 400px
;}

.promote-business .business-box .box-con .con-l #appRaisal {
    height: 250px;
    width: 400px
;}

.promote-business .business-box .box-con .con-l .l-bom {
    margin-top: 40px
;}

.promote-business .business-box .box-con .con-l .l-bom ul {
    display: flex;
    justify-content: center
;}

.promote-business .business-box .box-con .con-l .l-bom ul li {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-right: 6px
;}

.promote-business .business-box .box-con .con-l .l-bom ul li i {
    background-color: #eeb822;
    display: flex;
    height: 4px;
    width: 40px
;}

.promote-business .business-box .box-con .con-l .l-bom ul li span {
    color: #a3a3a3;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px
;}

.promote-business .business-box .box-con .con-l2 {
    height: 266.02px;
    margin: 45px auto 0;
    width: 400px
;}

.promote-business .business-box .box-con .con-r {
    flex: 1;
    height: 348px
;}

.promote-business .business-box .box-bom {
    bottom: 20px;
    color: #ccc;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    left: 50%;
    line-height: 17px;
    position: absolute;
    text-align: center;
    transform: translateX(-50%);
    width: 100%
;}

@media screen and (max-width: 999px) {
    .promote-business .business-box {
        height:700px;
        padding: 25px;
        width: 500px
    ;}

    .promote-business .business-box .box-head {
        flex-direction: column;
        margin: 0
    ;}

    .promote-business .business-box .box-head .head-r {
        align-items: center;
        display: flex;
        justify-content: flex-end;
        margin-top: 5px
    ;}

    .promote-business .business-box .box-head .pc {
        display: block
    ;}

    .promote-business .business-box .box-head .l-tab {
        align-items: center;
        display: block;
        display: flex;
        justify-content: center;
        margin: 15px 0 0
    ;}

    .promote-business .business-box .box-head .l-tab li {
        background: #fafafa;
        border: .5px solid rgba(0,0,0,.05);
        border-radius: 3px;
        color: #ccc;
        cursor: pointer;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 17px;
        padding: 0 24px;
        white-space: nowrap
    ;}

    .promote-business .business-box .box-head .l-tab li.active {
        background: #3d3d3d;
        color: #fff
    ;}

    .promote-business .business-box .l-tab {
        display: none
    ;}

    .promote-business .business-box .box-con {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 auto
    ;}

    .promote-business .business-box .box-con .con-l2 {
        margin: 4px auto 0
    ;}

    .promote-business .business-box .box-con .con-l {
        margin: 0 auto
    ;}

    .promote-business .business-box .box-con .con-l .l-bom {
        left: 50%;
        margin: 0 auto;
        position: absolute;
        top: 52%;
        transform: translate(-50%)
    ;}

    .promote-business .business-box .box-bom {
        width: 450px
    ;}
;}

html[dir=rtl] .promote-business .business-box .icon-close {
    left: 12px;
    right: unset
;}

.popziben {
    background: url(https://resources1.interface003.com/Contentgj/images/pop_bg.png) repeat;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2001
;}

.popziben .main {
    border-radius: 16px;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.08);
    box-sizing: border-box;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    height: 541px;
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%) scale(1);
    transition: all .4s;
    width: 760px;
    z-index: 2
;}

.popziben .main,.popziben .main .title {
    align-items: center;
    background: #fff;
    display: flex;
    order: 0
;}

.popziben .main .title {
    align-self: stretch;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    height: 96px;
    justify-content: space-between;
    margin: 0 35px 0 48px
;}

.popziben .main .title .txt {
    align-items: center;
    color: #292929;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    order: 0;
    padding-right: 14px
;}

.popziben .main .title .iconfont {
    cursor: pointer!important;
    display: inline-flex;
    flex: none;
    flex-grow: 0;
    height: 22px;
    line-height: 22px;
    order: 1;
    width: 22px
;}

.popziben .main .content {
    align-items: center;
    align-self: stretch;
    border-top: 1px solid #f3f3f3;
    display: inline-block;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    height: 434px;
    justify-content: center;
    order: 1;
    overflow-y: auto
;}

.popziben .main .content .scroll {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 8px 37px;
    width: 680px
;}

.popziben .main .content .scroll .line1 {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    justify-content: space-between;
    order: 1;
    padding: 0
;}

.popziben .main .content .scroll .line1 .left {
    display: flex;
    height: 240px;
    margin-right: 32px;
    order: 0;
    position: relative;
    width: 240px
;}

.popziben .main .content .scroll .line1 .left .yuan {
    background: #fff;
    border-radius: 4px;
    height: 8px;
    left: 117px;
    position: absolute;
    top: 8px;
    width: 8px;
    z-index: 1
;}

.popziben .main .content .scroll .line1 .right {
    align-items: flex-start;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 1;
    gap: 12px;
    order: 1;
    padding: 0
;}

.popziben .main .content .scroll .line1 .right .li {
    align-items: center;
    background: #fafafa;
    border-radius: 6px;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    gap: 4px;
    justify-content: space-between;
    order: 0;
    padding: 10px 14px;
    width: 100%
;}

.popziben .main .content .scroll .line1 .right .li:first-child {
    margin-top: 10px
;}

.popziben .main .content .scroll .line1 .right .li .info {
    align-items: flex-start;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 1;
    gap: 4px;
    order: 0;
    padding: 0;
    width: 104px
;}

.popziben .main .content .scroll .line1 .right .li .info .tip {
    color: #3d3d3d;
    order: 0;
    text-align: center
;}

.popziben .main .content .scroll .line1 .right .li .info .tip,.popziben .main .content .scroll .line1 .right .li .info .val {
    align-items: center;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.popziben .main .content .scroll .line1 .right .li .info .val {
    color: #016f54;
    order: 1
;}

.popziben .main .content .scroll .line1 .right .li .level {
    align-items: center;
    color: #7a7a7a;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    order: 1;
    width: 47px
;}

.popziben .main .content .scroll .line2 {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    gap: 12px;
    margin-top: 25px;
    order: 2;
    padding: 0
;}

.popziben .main .content .scroll .line2 .title {
    font-feature-settings: "liga" off;
    align-items: center;
    color: #3d3d3d;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    height: 22px;
    line-height: 22px;
    margin: 0;
    order: 0
;}

.popziben .main .content .scroll .line2 .suanfa {
    align-items: center;
    align-self: stretch;
    background: #fafafa;
    border-radius: 6px;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    gap: 30px;
    height: 67px;
    justify-content: center;
    order: 1;
    padding: 12px 140px
;}

.popziben .main .content .scroll .line2 .suanfa .left {
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    gap: 18px;
    height: 22px;
    order: 0;
    padding: 0
;}

.popziben .main .content .scroll .line2 .suanfa .left img {
    height: 12px;
    width: 13px
;}

.popziben .main .content .scroll .line2 .suanfa .center {
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 1;
    gap: 4px;
    height: 43px;
    justify-content: center;
    order: 1;
    padding: 0
;}

.popziben .main .content .scroll .line2 .suanfa .center .top {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: DIN;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    height: 17px;
    line-height: 17px;
    order: 0;
    text-align: center
;}

.popziben .main .content .scroll .line2 .suanfa .center .line {
    background: linear-gradient(90deg,rgba(61,61,61,0) -3.27%,rgba(61,61,61,.18) 52.13%,rgba(61,61,61,0));
    flex: none;
    flex-grow: 0;
    height: 1px;
    order: 1;
    width: 100%
;}

.popziben .main .content .scroll .line2 .suanfa .center .bot {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: DIN;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    height: 17px;
    line-height: 17px;
    order: 2;
    text-align: center
;}

.popziben .main .content .scroll .line2 .suanfa .right {
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    gap: 18px;
    height: 22px;
    order: 2;
    padding: 0
;}

.popziben .main .content .scroll .line2 .last {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    gap: 10px;
    height: 82px;
    margin-bottom: 10px;
    order: 2;
    padding: 0
;}

.popziben .main .content .scroll .line2 .last li {
    color: #292929;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    order: 0;
    width: 100%
;}

.popziben .main .content .scroll .line2 .last li.fright {
    display: inline-block;
    padding-right: 10px;
    text-align: right
;}

.hide-dialog {
    background-size: 100% 100%;
    border-radius: 16px;
    overflow: hidden;
    width: 560px
;}

.hide-dialog .el-dialog__headerbtn {
    right: 10px;
    top: 10px
;}

.hide-dialog .el-dialog__headerbtn i {
    color: #1d2129!important;
    font-size: 22px;
    font-weight: 600
;}

.hide-dialog .el-dialog__header {
    border: 0;
    display: none
;}

.hide-dialog .el-dialog__body {
    background: url(https://resources1.interface003.com/web20/img/dealer/hidebg.png) no-repeat 0 0;
    overflow: unset;
    padding: 32px
;}

@media screen and (max-width: 799px) {
    .hide-dialog .el-dialog__body {
        background:url(https://resources1.interface003.com/web20/img/dealer/hidewapbg.png) no-repeat 0 0;
        background-size: 100% auto;
        padding: 22px
    ;}
;}

.hide-dig {
    overflow: hidden!important
;}

.theserver-popover {
    min-width: -moz-max-content!important;
    min-width: max-content!important
;}

.theserver-popover.el-popover {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    z-index: 9999!important
;}

.theserver-popover.el-popover .popper__arrow {
    display: none
;}

.dealer-info-list {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
;}

.dealer-info-list .dealer-info-ul {
    display: flex;
    height: 100%
;}

.dealer-info-list .dealer-info-ul .dealer-info-box {
    background: hsla(0,0%,100%,.6);
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    height: 251px;
    margin-right: 12px;
    padding: 8px 10px;
    position: relative;
    width: 310px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box:last-child {
    margin-right: 0
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-title {
    align-items: center;
    display: flex;
    height: 24px;
    margin-bottom: 30px;
    width: 100%
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-title .dealer-info-title-text {
    color: #3d3d3d;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-title .dealer-info-title-icon {
    color: #3d3d3d;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    margin-left: 4px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-title .dealer-info-title-icon:hover {
    opacity: .8
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-pfzs {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: center
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-pfzs canvas {
    cursor: pointer
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all {
    padding: 0 5px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    height: 83px;
    justify-content: space-between;
    width: 100%
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-l {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 92px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-l .dealer-info-li-tl {
    color: #3d3d3d;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    width: 100%
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-l .dealer-info-li-txt {
    color: #3d3d3d;
    font-size: 24px;
    font-weight: 600;
    line-height: 42px;
    text-align: center;
    width: 100%
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-c {
    padding-left: 10px;
    width: 143px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-c .dealer-info-li-c-txt {
    color: #3d3d3d;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-bottom: 11px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label {
    align-items: center;
    display: flex
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label .dealer-info-li-c1 {
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-right: 6px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label .dealer-info-li-c2 {
    background: #52a164;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    padding: 0 6px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label .dealer-info-li-c3 {
    height: 12px;
    margin-right: 6px;
    width: 18px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label .info-li-c4-box:hover:after {
    background-color: none;
    background-color: #fff;
    border: none;
    border-radius: 5px;
    box-shadow: 0 0 14px 0 rgba(0,0,0,.14);
    content: attr(data-title);
    left: 0;
    padding: 4px 10px;
    position: absolute;
    top: -35px;
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 6
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label .dealer-info-li-c4 {
    color: #3d3d3d;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    margin-right: 6px;
    position: relative
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label .dealer-info-li-c5 {
    color: #3d3d3d;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-right: 6px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label .dealer-info-li-c6 {
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-right: 6px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label .dealer-info-li-c-labelson {
    align-items: center;
    display: flex
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-c-labellang .dealer-info-li-c-label {
    align-items: flex-start;
    flex-direction: column
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-c-labellang .dealer-info-li-c-label .dealer-info-li-c-labelson,.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-c-labellang .dealer-info-li-c-txt {
    margin-bottom: 3px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-r {
    align-items: center;
    display: flex
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-r .mt-num {
    align-items: center;
    border: .5px solid #3d3d3d;
    border-radius: 9px;
    color: #3d3d3d;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    height: 18px;
    justify-content: center;
    padding: 0 5px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-r .iconfont {
    color: #3d3d3d;
    font-size: 16px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li:first-child {
    border-bottom: 1px dashed hsla(0,0%,40%,.2);
    padding-bottom: 24px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li:nth-child(2) {
    padding-top: 24px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li:hover {
    opacity: .8
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li:nth-child(3),.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li:nth-child(4) {
    display: none
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-jyhj {
    display: flex;
    justify-content: space-between
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-jyhj .dealer-info-jyhj-l {
    align-items: center;
    display: flex;
    height: 146px;
    justify-content: center;
    width: 165px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-jyhj .dealer-info-jyhj-r {
    padding-top: 6.5px;
    width: 115px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-jyhj .dealer-info-jyhj-r p {
    color: #3d3d3d;
    font-family: DIN;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-bottom: 12px;
    width: 100%
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt {
    padding: 0 18px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-head {
    align-items: center;
    border-bottom: 1px dashed hsla(0,0%,100%,.2);
    display: flex;
    justify-content: space-between;
    padding-bottom: 18px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-head .mt-head-l {
    align-items: center;
    display: flex
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-head .mt-head-l .iconfont {
    color: #52a164!important;
    font-size: 54px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-head .mt-head-l img {
    height: 54px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-head .mt-head-l .mt-head-l-t {
    max-width: 150px;
    padding-left: 10px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-head .mt-head-l .mt-head-l-t .mt-head-l-t1 {
    color: #3d3d3d;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-head .mt-head-l .mt-head-l-t .mt-head-l-t2 {
    color: #52a164;
    font-size: 28px;
    font-weight: 600;
    line-height: 39px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-head .mt-head-r {
    display: flex
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-head .mt-head-r .mt-head-num {
    align-items: center;
    border: .5px solid #3d3d3d;
    border-radius: 9px;
    color: #3d3d3d;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    height: 18px;
    justify-content: center;
    padding: 0 4px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-head .mt-head-r .iconfont {
    color: #3d3d3d;
    font-size: 16px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-info {
    padding-top: 18px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-info .mt-info-p {
    align-items: center;
    display: flex;
    margin-bottom: 8px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-info .mt-info-p .mt-info-text {
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-right: 8px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-info .mt-info-p .mt-info-text:last-child {
    margin-right: 0
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-info .mt-info-p .mt-info-span {
    background: #52a164;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-right: 8px;
    padding: 0 6px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-info .mt-info-p .mt-info-img {
    border-radius: 1px;
    height: 12px;
    margin-right: 8px;
    width: 18px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-info .mt-info-p .mt-info-bold {
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl {
    padding: 0 15px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    width: 100%
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li .dealer-info-li-l {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 110px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li .dealer-info-li-l .dealer-info-li-tl {
    color: #3d3d3d;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li .dealer-info-li-l .dealer-info-li-txt {
    color: #3d3d3d;
    font-size: 27px;
    font-weight: 600;
    line-height: 42px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li .dealer-info-li-c {
    margin-left: 20px;
    width: 140px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li .dealer-info-li-c .dealer-info-li-c-txt {
    color: #3d3d3d;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-bottom: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label {
    align-items: center;
    display: flex
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label .dealer-info-li-c1 {
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-right: 6px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label .dealer-info-li-c2 {
    background: #52a164;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    padding: 0 6px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label .dealer-info-li-c3 {
    height: 12px;
    margin-right: 6px;
    width: 18px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label .dealer-info-li-c4 {
    color: #3d3d3d;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    margin-right: 6px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label .dealer-info-li-c5 {
    color: #3d3d3d;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-right: 6px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label .dealer-info-li-c6 {
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-right: 6px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li .dealer-info-li-r {
    align-items: center;
    display: flex
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li .dealer-info-li-r .mt-num {
    align-items: center;
    border: .5px solid #8a9199;
    border-radius: 9px;
    color: #3d3d3d;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    height: 18px;
    justify-content: center;
    width: 18px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li .dealer-info-li-r .iconfont {
    color: #3d3d3d;
    font-size: 16px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li:first-child {
    border-bottom: 1px dashed hsla(212,7%,57%,.2);
    padding-bottom: 14px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li:nth-child(2) {
    padding-top: 24px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li:hover {
    opacity: .8
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-num {
    padding-top: 16.5px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-num .zbbl-num-title {
    align-items: center;
    display: flex
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-num .zbbl-num-title .zbbl-num-title1 {
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-num .zbbl-num-title .zbbl-num-title2 {
    color: #da433d!important;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-num .zbbl-num-title .zbbl-num-title3 {
    color: #3d3d3d;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-num .zbbl-num-box {
    margin-top: 28px;
    width: 256px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-num .zbbl-num-box .zbbl-num-1 {
    align-items: center;
    background: #d6d6d6;
    border-radius: 4px;
    display: flex;
    height: 8px;
    width: 100%
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-num .zbbl-num-box .zbbl-num-2 {
    background: #9b273a;
    border-radius: 4px 0 0 4px;
    width: 30%
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-num .zbbl-num-box .zbbl-num-3 {
    background: #016f54;
    width: 30%
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-num .zbbl-num-box .zbbl-num-jd {
    height: 8px;
    position: relative
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-num .zbbl-num-box .zbbl-num-cicle {
    background: #016f54;
    border: 2px solid #fff;
    border-radius: 7px;
    height: 14px;
    position: absolute;
    right: -7px;
    top: -3px;
    width: 14px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-num .zbbl-num-box .zbbl-num-cicle .zbbl-num-cicle-box {
    height: 100%;
    position: relative;
    width: 100%
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-num .zbbl-num-box .zbbl-num-cicle .zbbl-num-cicle-box .zbbl-num-cicle-text {
    background: #016f54;
    border-radius: 2px;
    color: #fff;
    display: flex;
    font-family: DIN;
    font-size: 11px;
    font-weight: 500;
    height: 16px;
    left: 50%;
    line-height: 16px;
    padding: 0 2px;
    position: absolute;
    top: -25px;
    transform: translateX(-50%);
    z-index: 2
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-num .zbbl-num-box .zbbl-num-cicle .zbbl-num-cicle-box .zbbl-num-cicle-tag {
    background: #016f54;
    display: flex;
    height: 6px;
    left: 50%;
    position: absolute;
    top: -10px;
    transform: rotate(45deg) translateX(-50%);
    width: 6px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-num .zbbl-num-box .zbbl-num-cicle .zbbl-num-cicle-box .zbbl-num-cicle-label {
    bottom: -25px;
    color: #3d3d3d;
    font-size: 10px;
    font-weight: 400;
    left: 50%;
    line-height: 14px;
    position: absolute;
    transform: translateX(-50%);
    white-space: nowrap
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info {
    padding-top: 24px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-title {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 8px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-title span {
    font-weight: 600;
    padding: 0 5px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line {
    background: rgba(59,118,246,.2);
    border-radius: 4px;
    display: flex;
    height: 8px;
    margin-bottom: 8px;
    overflow: hidden;
    width: 258px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line .yyl-info-line-l {
    background: #3b76f6;
    height: 8px;
    width: 70%
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line .yyl-info-line-r {
    background: #fff;
    height: 8px;
    transform: skew(-30deg) translateX(-4px);
    width: 6px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-text {
    color: #8a9199;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-text span {
    color: #3d3d3d;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-bottom: 5px;
    margin-right: 22px;
    position: relative;
    white-space: nowrap
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-text span:last-child {
    margin-right: 0
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-text span:last-child:after {
    display: none!important
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-text span:after {
    background: hsla(212,7%,57%,.5);
    border-radius: 50%;
    content: "";
    display: flex;
    height: 3px;
    position: absolute;
    right: -12px;
    top: 6px;
    width: 3px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-lxfs {
    padding: 0 15px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-lxfs .lxfs-list {
    display: flex;
    margin-bottom: 10px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-lxfs .lxfs-list .iconfont {
    color: #3d3d3d;
    font-size: 18px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-lxfs .lxfs-list .lxfs-list-text {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #3d3d3d;
    display: -webkit-box;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
    word-break: break-all
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .error-info {
    align-items: center;
    background: #f1d2ce;
    border-radius: 0 0 4px 4px;
    bottom: 0;
    display: flex;
    height: 25px;
    justify-content: center;
    left: 0;
    padding: 0 10px;
    position: absolute;
    width: 100%
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .error-info .iconfont {
    color: #ff1800!important;
    font-size: 14px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .error-info .score-fx-p {
    color: #ff1800!important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-left: 4px;
    max-width: 340px;
    overflow: hidden
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .error-info .score-fx-p .clone_text,.dealer-info-list .dealer-info-ul .dealer-info-box .error-info .score-fx-p .text_warp {
    color: #ff1800!important
;}

.dealer-info-list .dealer-info-ul .dealer-info-box:hover .dealer-info-jyhj,.dealer-info-list .dealer-info-ul .dealer-info-box:hover .dealer-info-mt,.dealer-info-list .dealer-info-ul .dealer-info-box:hover .dealer-info-zbbl {
    opacity: .8
;}

.dealer-info-list .dealer-info-ul .dealer-info-box:hover .dealer-info-pfzs {
    opacity: .9
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .module-l-echart-text {
    left: 50%;
    top: 61%;
    transform: translate(-50%,-50%)
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .module-l-echart-text,.dealer-info-list .dealer-info-ul .dealer-info-box .module-l-echart-textjyhj {
    align-items: center;
    color: #fff;
    display: flex;
    font-family: DIN-Medium;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    justify-content: center;
    line-height: 34px;
    position: absolute;
    z-index: 1
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .module-l-echart-textjyhj {
    left: 75px;
    top: 117px
;}

.dealer-info-list .dealer-info-ul .dealer-info-boxlx {
    height: auto
;}

.dealer-info-list .dealer-info-ul .dealer-info-boxlx:hover {
    opacity: 1
;}

.dealer-info-list .dealer-info-ul .dealer-info-pfzsbox .dealer-info-title {
    margin-bottom: 11px
;}

.dealer-info-list .dealer-info-ul .dealer-info-pfzsbox .dealer-info-pfzs {
    cursor: pointer
;}

.dealer-info-list .dealer-info-ul .dealer-info-boxtwo:hover {
    opacity: 1
;}

.dealer-info-list .dealer-info-ullang .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-l .dealer-info-li-txt {
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis
;}

.dealer-info-list .error-info {
    align-items: center;
    background: #f1d2ce;
    border-radius: 0 0 4px 4px;
    bottom: 0;
    display: flex;
    height: 25px;
    justify-content: center;
    padding: 0 10px;
    position: absolute;
    right: 0;
    width: 310px
;}

.dealer-info-list .error-info .iconfont {
    color: #ff1800!important;
    font-size: 14px
;}

.dealer-info-list .error-info .score-fx-p {
    color: #ff1800!important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-left: 4px;
    max-width: 340px;
    overflow: hidden
;}

.dealer-info-list .error-info .score-fx-p .clone_text,.dealer-info-list .error-info .score-fx-p .text_warp {
    color: #ff1800!important
;}

.dealer-info-list .score-position {
    align-items: center;
    display: flex;
    gap: 4px;
    position: absolute;
    right: 332px;
    top: 8px
;}

.dealer-info-list .dealer-info-db {
    align-items: center;
    background: #e8712a;
    border-radius: 2px;
    cursor: pointer;
    display: flex;
    height: 24px;
    padding: 0 12px;
    z-index: 9
;}

.dealer-info-list .dealer-info-db span {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px
;}

.dealer-info-list .dealer-info-db .iconfont {
    font-size: 14px;
    margin-right: 4px
;}

.dealer-info-list .dealer-info-db:hover {
    opacity: .8
;}

.dealer-info-list .dealer-info-db-claim {
    background: hsla(212,7%,57%,.05);
    border: .5px solid #e5e6eb
;}

.dealer-info-list .dealer-info-db-claim span {
    color: #1d2129
;}

.dealer-info-list .dealer-info-db-claim .iconfont {
    color: #333
;}

@media screen and (max-width: 1199px) {
    .dealer-info-list .dealer-info-ul .dealer-info-box {
        margin-right:0
    ;}

    .dealer-info-list .dealer-info-ul .dealer-info-pfzsbox {
        position: fixed;
        top: -10000px
    ;}

    .dealer-info-list .dealer-info-db {
        display: none
    ;}
;}

.dealer-info-list .el-table {
    max-height: 518px;
    overflow: auto;
    padding-right: 10px
;}

.dealer-info-list .el-table:before {
    height: 0!important
;}

.dealer-info-list .el-table__body-wrapper {
    margin-top: 6px
;}

.dealer-info-list .el-table th.el-table__cell>.cell {
    color: #fff!important
;}

.dealer-info-list .el-table--border .el-table__cell:first-child .cell {
    font-size: 14px
;}

.dealer-info-list .el-table--border {
    border: none!important
;}

.dealer-info-list .el-table--border:after,.dealer-info-list .el-table--group:after {
    width: 0!important
;}

.dealer-info-list .el-dialog__header {
    padding: 0
;}

.dealer-info-list .el-dialog__body {
    overflow: hidden;
    padding: 32px 22px 32px 32px
;}

.dealer-info-list .el-table__header-wrapper tr,.dealer-info-list .only-outer-border .el-table__row {
    border-bottom: 1px solid #dfe6ec
;}

.dealer-info-list .el-table__header-wrapper tr:hover>td,.dealer-info-list .only-outer-border .el-table__row:hover>td {
    background-color: transparent!important
;}

.dealer-info-list .only-outer-border .el-table__row:nth-child(odd) {
    background: #fafafa
;}

.dealer-info-list .only-outer-border .el-table__header-wrapper tr,.dealer-info-list .only-outer-border .el-table__row:last-child {
    border-bottom: none
;}

.dealer-info-list .el-table__header th,.dealer-info-list .only-outer-border .el-table__body td {
    border-bottom: none;
    border-right: none;
    padding-left: 26px!important
;}

.dealer-info-list .el-table__header th:last-child,.dealer-info-list .only-outer-border .el-table__body td:last-child {
    padding-right: 15px
;}

@media screen and (max-width: 799px) {
    .dealer-info-list .el-table__header th,.dealer-info-list .only-outer-border .el-table__body td {
        padding-left:10px!important
    ;}
;}

.dealer-info-list .el-table__header th:first-child,.dealer-info-list .only-outer-border .el-table__body td:first-child {
    border-left: none
;}

.dealer-info-list .only-outer-border {
    max-height: 310px;
    overflow-y: auto
;}

.dealer-info-list .only-outer-border::-webkit-scrollbar {
    background-color: transparent;
    width: 4px
;}

.dealer-info-list .only-outer-border::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 99px
;}

.dealer-info-list .el-table thead {
    color: #a3a3a3;
    font-size: 14px
;}

.dealer-info-list .el-table th.el-table__cell.is-leaf {
    border-bottom: none
;}

.dealer-info-list thead tr th {
    background: #1d2129!important
;}

html[dir=rtl] .dealer-info-list .el-dialog__body {
    padding: 32px 32px 32px 22px
;}

html[dir=rtl] .dealer-info-list .el-table {
    padding-left: 10px;
    padding-right: 0
;}

html[dir=rtl] .dealer-info-list .el-table th.el-table__cell>.cell,html[dir=rtl] .dealer-info-list .el-table--border .el-table__cell:first-child .cell {
    text-align: right
;}

html[dir=rtl] .dealer-info-list .el-table__body td,html[dir=rtl] .dealer-info-list .el-table__header th {
    border-bottom: none;
    border-right: none;
    padding-left: 0!important;
    padding-right: 26px
;}

html[dir=rtl] .dealer-info-list .el-table__body td:last-child,html[dir=rtl] .dealer-info-list .el-table__header th:last-child {
    padding-left: 15px;
    padding-right: 0
;}

html[dir=rtl] .dealer-info-list .el-table__body td:nth-child(3n),html[dir=rtl] .dealer-info-list .el-table__header th:nth-child(3n) {
    padding-left: 15px!important;
    padding-right: 0!important
;}

html[dir=rtl] .dealer-info-list .el-table__header th.el-table_1_column_3 {
    padding-left: 15px!important;
    padding-right: 0
;}

html[dir=rtl] .dealer-info-list .el-table_1_column_3 {
    padding-left: 15px!important;
    padding-right: 0!important
;}

.vr-box {
    position: relative
;}

.vr-box .el-dialog {
    border-radius: 16px;
    max-width: 1110px;
    width: 90%
;}

.vr-box .el-dialog .el-dialog__body {
    height: 68vh;
    padding-top: 10px
;}

.vr-box .el-dialog .el-dialog__close {
    color: #1d2129;
    font-size: 24px
;}

.vr-box .dialog-container {
    margin-top: 15vh
;}

.vr-box .vr-header {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 20px;
    line-height: 20px
;}

.vr-box .vr-header .vr-logo {
    height: 20px;
    width: 20px
;}

.vr-box .vr-header .vr-title {
    margin: 0 28px 0 8px
;}

.vr-box .vr-header .vr-flag {
    height: 13px;
    margin: 0 8px;
    width: 18px
;}

.vr-box .vr-header .vr-time {
    margin: 0 15px 0 22px
;}

.vr-box .vr-header time {
    align-items: center;
    display: flex
;}

.vr-box .vr-header time .icon-jubanshijian {
    margin-right: 8px
;}

.vr-box iframe {
    height: 100%;
    width: 100%
;}

.vr-box .icon-arrow-left {
    color: #fff;
    display: none;
    font-size: 16px;
    left: 18px;
    position: fixed;
    top: 20px
;}

@media screen and (max-width: 1199px) {
    .vr-box .icon-arrow-left {
        display:none
    ;}
;}

@media screen and (max-width: 999px) {
    .vr-box .icon-arrow-left {
        display:none
    ;}
;}

@media screen and (max-width: 799px) {
    .vr-box .dialog-container {
        margin-top:60px
    ;}

    .vr-box .dialog-container ::-webkit-scrollbar {
        width: 0
    ;}

    .vr-box .dialog-container::-webkit-scrollbar {
        display: none
    ;}

    .vr-box iframe {
        position: absolute;
        top: 0
    ;}

    .vr-box .el-dialog {
        width: 100%
    ;}

    .vr-box .el-dialog .el-dialog__body {
        height: 93vh;
        padding: 0
    ;}

    .vr-box .el-dialog .el-dialog__header {
        display: none;
        padding: 0
    ;}

    .vr-box .el-dialog .vr-header {
        display: none
    ;}

    .vr-box .icon-arrow-left {
        display: block
    ;}
;}

html[dir=rtl] .vr-box .el-dialog__headerbtn {
    left: 20px;
    right: auto
;}

html[dir=rtl] .vr-box .vr-header time .icon-jubanshijian {
    margin-left: 8px;
    margin-right: 0
;}

.head-l.head-l-john {
    margin-right: 24px;
    width: 200px
;}

.head-l .head-l-logo {
    align-items: center;
    background: #fff;
    border: 1px solid #e5e6eb;
    border-radius: 6px;
    display: flex;
    height: 120px;
    justify-content: center;
    margin-bottom: 16px;
    position: relative;
    width: 200px
;}

.head-l .head-l-logo .head-l-logo-img {
    height: 99.44px;
    width: 176px
;}

.head-l .head-l-logo .dealer-l-logo-label {
    background: #2bb351;
    border-radius: 6px 0;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 24px;
    left: 2px;
    line-height: 24px;
    max-width: calc(100% - 4px);
    overflow: hidden;
    padding: 0 6px;
    position: absolute;
    top: 2px
;}

.head-l .head-l-logo .dealer-l-logo-seal {
    height: 94px;
    left: 86px;
    position: absolute;
    top: 48px
;}

.head-l .head-l-logo .dealer-l-vr {
    animation: dealerani 2.04s steps(16) 0s infinite;
    background-image: url(https://resources1.interface003.com/web20/img/dealer/vr.png);
    background-size: cover;
    bottom: 10px;
    cursor: pointer;
    height: 28px;
    position: absolute;
    width: 28px
;}

.head-l .head-l-score {
    background: rgba(76,109,141,.05);
    border: 1px solid rgba(76,109,141,.15);
    border-radius: 6px;
    cursor: pointer;
    flex-direction: column;
    height: 115px;
    position: relative;
    width: 200px
;}

.head-l .head-l-score,.head-l .head-l-score .head-l-score-h3 {
    align-items: center;
    display: flex;
    justify-content: center
;}

.head-l .head-l-score .head-l-score-h3 .head-l-score-title {
    color: #4c6d8d;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
;}

.head-l .head-l-score .head-l-score-h3 .iconfont {
    color: #4c6d8d;
    font-size: 14px;
    font-weight: 400;
    margin-left: 5px
;}

.head-l .head-l-score .head-l-score-num {
    align-items: flex-end;
    display: flex;
    position: relative
;}

.head-l .head-l-score .head-l-score-num .score-num {
    color: #4c6d8d;
    direction: ltr;
    display: flex;
    font-family: DIN-Medium;
    font-size: 48px;
    font-weight: 500;
    height: 58px;
    line-height: 58px;
    overflow: hidden
;}

.head-l .head-l-score .head-l-score-num .score-num .score-num-text {
    animation: topTz 2s;
    display: flex;
    flex-direction: column
;}

.head-l .head-l-score .head-l-score-num .score-num-small {
    color: #4c6d8d;
    font-family: DIN;
    font-size: 17px;
    font-weight: 500;
    line-height: 21px;
    margin-left: 6px;
    opacity: .5;
    position: relative;
    top: -5px
;}

.head-l .head-l-score .error-info {
    align-items: center;
    background: #f1d2ce;
    border-radius: 0 0 6px 6px;
    bottom: 0;
    display: none;
    height: 25px;
    left: 0;
    padding: 0 10px;
    position: absolute;
    width: 100%
;}

.head-l .head-l-score .error-info #icon-a-DangerCircle1,.head-l .head-l-score .error-info #icon-a-DangerCircle11,.head-l .head-l-score .error-info .iconfont {
    color: #ff1800!important;
    font-size: 14px
;}

.head-l .head-l-score .error-info .score-fx-p {
    color: #ff1800!important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-left: 4px;
    max-width: 340px;
    overflow: hidden
;}

.head-l .head-l-score .error-info .score-fx-p .clone_text,.head-l .head-l-score .error-info .score-fx-p .text_warp {
    color: #ff1800!important
;}

.head-l .head-l-score:hover {
    opacity: .6
;}

@media screen and (max-width: 999px) {
    .head-l .head-l-score .error-info {
        display:flex
    ;}

    .head-l .head-l-score .complaintDesc {
        position: relative;
        top: -10px
    ;}
;}

html[dir=rtl] .head-l .head-l-logo .dealer-l-vrar {
    left: unset!important;
    right: 10px
;}

.head-c-info {
    display: flex
;}

.head-c-info .head-c-infolist {
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    flex: 1;
    height: 92px;
    margin-right: 10px;
    overflow: hidden
;}

.head-c-info .head-c-infolist .head-c-infolist-title {
    align-items: center;
    background: #f5f5f5;
    color: #3d3d3d;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    height: 40px;
    justify-content: center;
    line-height: 20px;
    text-align: center
;}

.head-c-info .head-c-infolist .head-c-infolist-txt {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    font-size: 28px;
    font-weight: 600;
    height: 52px;
    justify-content: center
;}

.head-c-info .head-c-infolist .ja-score-val {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    height: 50px;
    justify-content: center;
    line-height: 21px;
    text-align: center
;}

.head-c-info .head-c-infolist .ja-score-val img {
    height: 18px
;}

.head-c-info .head-c-infolist .ja-score-val0,.head-c-info .head-c-infolist .ja-score-val1,.head-c-info .head-c-infolist .ja-score-val2 {
    font-family: DIN-Medium;
    font-size: 26px;
    font-weight: 500
;}

.head-c-info .head-c-infolist:last-child {
    margin-right: 0
;}

.newhead-head {
    display: flex;
    margin-bottom: 10px
;}

.newhead-head .newhead-head-l {
    align-items: center;
    background: #fff;
    border: 2px solid rgba(0,0,0,.05);
    border-radius: 6px;
    display: flex;
    height: 72px;
    justify-content: center;
    position: relative;
    width: 120px
;}

.newhead-head .newhead-head-l .newhead-head-logo {
    border-radius: 6px;
    height: 100%;
    width: 100%
;}

.newhead-head .newhead-head-l .dealer-l-logo-label {
    background: #2bb351;
    border-radius: 5px 0;
    color: #fff;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    height: 17px;
    left: 1px;
    line-height: 17px;
    max-width: calc(100% - 4px);
    overflow: hidden;
    padding: 0 6px;
    position: absolute;
    top: 1px
;}

.newhead-head .newhead-head-l .dealer-l-vr {
    animation: dealerani 2.04s steps(16) 0s infinite;
    background-image: url(https://resources1.interface003.com/web20/img/dealer/vr.png);
    background-size: cover;
    bottom: 8px;
    cursor: pointer;
    height: 28px;
    position: absolute;
    width: 28px
;}

.newhead-head .newhead-head-l .dealer-l-logo-seal {
    height: 48px;
    left: 62px;
    position: absolute;
    top: 35px
;}

.newhead-head .newhead-head-r {
    flex: 1;
    flex-shrink: 0;
    padding-left: 16px;
    width: calc(100% - 116px)
;}

.newhead-head .newhead-head-r .newhead-head-title {
    align-items: center;
    display: flex;
    margin-bottom: 1px
;}

.newhead-head .newhead-head-r .newhead-head-title .title-icon {
    font-weight: 400;
    height: 20px;
    margin-right: 6px
;}

.newhead-head .newhead-head-r .newhead-head-title .newhead-head-titletxt {
    color: #3d3d3d;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    margin-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.newhead-head .newhead-head-r .newhead-head-title .icon-play-circle {
    font-weight: 400
;}

.newhead-head .newhead-head-r .newhead-head-span {
    align-items: center;
    display: flex;
    flex-wrap: wrap
;}

.newhead-head .newhead-head-r .newhead-head-span span {
    margin-left: 8px
;}

.newhead-head .newhead-head-r .newhead-head-span .newhead-head-span2 {
    color: #3d3d3d;
    font-size: 12px;
    line-height: 17px;
    position: relative
;}

.newhead-head .newhead-head-r .newhead-head-span .newhead-head-label {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden
;}

.newhead-head .newhead-head-r .lcs-info {
    display: flex
;}

.newhead-head .newhead-head-r .lcs-info .lcs-label {
    align-items: center;
    border: 1px solid hsla(0,0%,100%,.5);
    border-radius: 4px;
    display: flex;
    height: 21px;
    justify-content: center;
    line-height: 19px;
    padding: 0 6px
;}

.newhead-head .newhead-head-r .lcs-info .lcs-label .iconfont {
    color: #fff;
    font-size: 16px
;}

.newhead-head .newhead-head-r .lcs-info .lcs-label .lcs-text {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
    margin-left: 2px;
    position: relative;
    top: 1px
;}

.newhead-tool {
    align-items: center;
    display: flex;
    position: absolute;
    right: 30px;
    top: 28px;
    z-index: 2
;}

.newhead-tool .newhead-toolbox {
    align-items: center;
    background: hsla(212,7%,57%,.05);
    border: .5px solid hsla(212,7%,57%,.1);
    border-radius: 2px;
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    margin-left: 4px;
    position: relative;
    width: 26px
;}

.newhead-tool .newhead-toolbox:hover {
    opacity: .6
;}

.newhead-tool .newhead-toolbox .iconfont {
    color: #3d3d3d;
    font-size: 14px
;}

.newhead-tool .newhead-toolbox .share-dealer {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 32px rgba(0,0,0,.14);
    display: flex;
    flex-direction: column;
    height: 130px;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 42px;
    transform: translateX(-50%);
    width: 146px
;}

.newhead-tool .newhead-toolbox .share-dealer a {
    align-items: center;
    display: flex;
    height: 36px;
    padding-left: 17px
;}

.newhead-tool .newhead-toolbox .share-dealer a .share-text {
    color: #7a7a7a;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding-left: 7px
;}

.newhead-tool .newhead-toolbox .share-dealer a .iconfont {
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    padding: 2px
;}

.newhead-tool .newhead-toolbox .share-dealer a .icon-facebook2 {
    background: #425f9b
;}

.newhead-tool .newhead-toolbox .share-dealer a .icon-tw {
    background: #52a9e7
;}

.newhead-tool .newhead-toolbox .share-dealer a .icon-weixin1 {
    background: #60c539
;}

.newhead-tool .newhead-toolbox .share-dealer a:hover .share-text {
    color: #3d3d3d;
    font-weight: 600
;}

.newhead-tool .newhead-toolbox .wx-ewm {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 32px rgba(0,0,0,.14);
    cursor: default;
    height: 162px;
    left: -146px;
    position: absolute;
    top: 123px;
    width: 146px
;}

.newhead-tool .newhead-toolbox .wx-ewm .share-wx-i {
    box-sizing: border-box;
    height: 100%;
    padding: 26px 16px 0;
    position: relative;
    width: 100%
;}

.newhead-tool .newhead-toolbox .wx-ewm .share-wx-i .share-wx-close {
    color: #333!important;
    cursor: pointer;
    position: absolute;
    right: 9px;
    top: 9px
;}

.newhead-tool .newhead-toolbox .wx-ewm .share-wx-i .share-wx-ewm {
    height: 97px;
    margin: 0 auto;
    width: 97px
;}

.newhead-tool .newhead-toolbox .wx-ewm .share-wx-i .share-wx-1 {
    color: #292929;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-top: 12px;
    text-align: center
;}

.newhead-tool .newhead-toolbox .wx-ewm .share-wx-i .share-wx-2 {
    color: #ccc;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    margin-top: 9px;
    text-align: center;
    transform: scale(.8);
    width: 100%
;}

.newhead-tool .newhead-toolbox-share:hover {
    background: hsla(212,7%,57%,.1)!important;
    opacity: 1
;}

.newhead-tool .newhead-toolbox-db {
    background: #e8712a!important;
    display: none
;}

.newhead-tool .newhead-toolbox-db .icon-add {
    color: #fff
;}

.newhead-tool .newhead-toolbox-db:hover {
    background: rgba(232,113,42,.8)
;}

.newhead-tool .newhead-toolbg {
    align-items: center;
    background: #3d55cc;
    border-radius: 2px;
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    margin-left: 4px;
    padding: 0 6px
;}

.newhead-tool .newhead-toolbg:hover {
    opacity: .6
;}

.newhead-tool .newhead-toolbg .iconfont {
    color: #fff;
    font-size: 14px
;}

.newhead-tool .newhead-toolbg .newhead-toolbgtxt {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    margin-left: 4px
;}

.newhead-tool .small-toolbg {
    background: #fadc19;
    border: 1px solid hsla(212,7%,57%,.05)
;}

.newhead-tool .small-toolbg .newhead-toolbgtxt {
    color: #1d2129
;}

.newhead-tool .small-toolbg .iconfont {
    color: #1d2129;
    font-size: 14px
;}

.container-john {
    background: rgba(0,0,0,.5);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9998
;}

.container-john .video {
    align-items: center;
    background: #000;
    display: flex;
    height: 483px;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 858px
;}

.container-john .video video {
    display: flex;
    max-height: 100%;
    max-width: 100%
;}

.container-john .video .icon-guanbi1 {
    color: #fff;
    cursor: pointer;
    font-size: 24px;
    position: absolute;
    right: 6px;
    top: 6px;
    z-index: 9999
;}

.container-john .picture {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
;}

.container-john .picture .el-carousel__container {
    height: 50vh;
    width: 50vw
;}

.container-john .picture .icon-guanbi1 {
    color: #fff;
    cursor: pointer;
    font-size: 24px;
    position: absolute;
    right: 10px;
    top: 5px;
    z-index: 9999
;}

.container-john .picture img {
    max-height: 100%;
    max-width: 100%
;}

.container-john .el-carousel__item {
    align-items: center;
    display: flex;
    height: 100%!important;
    justify-content: center;
    width: 100%!important
;}

@media screen and (max-width: 1199px) {
    .container-john .picture .el-carousel__container {
        min-height:100%;
        width: 80vw
    ;}
;}

@media screen and (max-width: 799px) {
    .container-john .video {
        height:unset;
        position: absolute;
        width: 100%
    ;}

    .container-john .video #video {
        width: 100vw
    ;}

    .container-john .picture .close-box {
        top: 54px
    ;}

    .container-john .picture .el-carousel__container {
        height: 23vh;
        width: 98vw
    ;}
;}

html[dir=rtl] .container-john .picture .icon-close {
    left: 5px;
    right: auto
;}

.dealer-score .score-module {
    border-radius: 16px;
    display: flex;
    height: 560px;
    overflow: hidden;
    width: 960px
;}

.dealer-score .score-module .module-l {
    background: #171b35;
    box-sizing: border-box;
    height: 560px;
    width: 327px
;}

.dealer-score .score-module .module-l .module-l-title {
    align-items: center;
    display: flex;
    padding: 52px 25px 0
;}

.dealer-score .score-module .module-l .module-l-title img {
    height: 20px;
    width: 20px
;}

.dealer-score .score-module .module-l .module-l-title span {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    padding: 0 8px
;}

.dealer-score .score-module .module-l .module-l-score {
    align-items: center;
    color: #fff;
    display: flex;
    height: 60px;
    justify-content: space-between;
    padding: 0 20px
;}

.dealer-score .score-module .module-l .module-l-score .module-l-score-box {
    align-items: flex-end;
    display: flex
;}

.dealer-score .score-module .module-l .module-l-score .module-l-score-1 {
    font-family: DIN-Medium;
    font-size: 42px;
    font-style: normal;
    font-weight: 500;
    line-height: 51px;
    position: relative;
    top: 8px
;}

.dealer-score .score-module .module-l .module-l-score .module-l-score-2 {
    color: #7a7a7a;
    font-family: DIN-Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px;
    padding: 0 6px 0 4px
;}

.dealer-score .score-module .module-l .module-l-score .animation_star .iconfont {
    font-size: 14px
;}

.dealer-score .score-module .module-l .module-l-score .module-l-score-3 {
    background: #47b2a1;
    border-radius: 4px;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin-left: 8px;
    padding: 0 6px
;}

.dealer-score .score-module .module-l .module-l-score .top-rank {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    top: 20px
;}

.dealer-score .score-module .module-l .module-l-score .top-rank .top-rank-img {
    margin-bottom: 7px;
    width: 57px
;}

.dealer-score .score-module .module-l .module-l-score .top-rank .top-rank-info {
    align-items: center;
    background: #f6a02b;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    height: 20px;
    padding: 0 11px
;}

.dealer-score .score-module .module-l .module-l-score .top-rank .top-rank-info .top-rank-text {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px;
    padding-right: 3px;
    white-space: nowrap
;}

.dealer-score .score-module .module-l .module-l-score .top-rank .top-rank-info .iconfont {
    color: hsla(0,0%,100%,.8);
    font-size: 12px
;}

.dealer-score .score-module .module-l .module-l-score .top-rank .top-rank-info img {
    height: 14px
;}

.dealer-score .score-module .module-l .module-l-time {
    align-items: center;
    color: #7a7a7a;
    display: flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-top: 6px;
    padding: 0 25px
;}

.dealer-score .score-module .module-l .module-l-time .iconfont {
    padding-right: 5px
;}

.dealer-score .score-module .module-l .module-l-echart-box {
    height: 257px;
    margin: 38px 0 43px;
    position: relative;
    width: 100%
;}

.dealer-score .score-module .module-l .module-l-echart-box .module-l-echart-text {
    align-items: center;
    color: #fff;
    display: flex;
    font-family: DIN-Medium;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    height: 100%;
    justify-content: center;
    left: 0;
    line-height: 34px;
    position: absolute;
    top: 0;
    transform: translate(-4%,10px);
    width: 100%;
    z-index: 99
;}

.dealer-score .score-module .module-l .module-l-echart {
    height: 257px;
    width: 100%
;}

.dealer-score .score-module .module-l .module-l-buttom {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0 25px
;}

.dealer-score .score-module .module-l .module-l-buttom img {
    height: 12px;
    margin: 0 5px;
    width: 12px
;}

.dealer-score .score-module .module-l .module-l-buttom span {
    color: #a3a3a3;
    font-size: 12px;
    font-style: normal;
    font-weight: 400
;}

.dealer-score .score-module .module-r {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 560px;
    padding: 30px 35px;
    width: 633px
;}

.dealer-score .score-module .module-r .module-r-head {
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    width: 100%
;}

.dealer-score .score-module .module-r .module-r-head .r-head-info {
    flex: 1;
    padding: 16px
;}

.dealer-score .score-module .module-r .module-r-head .r-head-info .r-head-info-title {
    color: #3d3d3d;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px
;}

.dealer-score .score-module .module-r .module-r-head .r-head-info .r-head-info-p {
    display: flex;
    margin-top: 10px
;}

.dealer-score .score-module .module-r .module-r-head .r-head-info .r-head-info-p .r-head-info-pp {
    flex: 1
;}

.dealer-score .score-module .module-r .module-r-head .r-head-info .r-head-info-p .r-head-info-pp .r-head-info-t {
    color: #a3a3a3;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px
;}

.dealer-score .score-module .module-r .module-r-head .r-head-info .r-head-info-p .r-head-info-pp .r-head-info-l {
    align-items: center;
    display: flex;
    margin-top: 9px
;}

.dealer-score .score-module .module-r .module-r-head .r-head-info .r-head-info-p .r-head-info-pp .r-head-info-l .r-head-info-l-flag {
    height: 14px;
    margin-right: 6px;
    width: 23px
;}

.dealer-score .score-module .module-r .module-r-head .r-head-info .r-head-info-p .r-head-info-pp .r-head-info-l .r-head-info-l-img {
    height: 10px
;}

.dealer-score .score-module .module-r .module-r-head .r-head-info .r-head-info-p .r-head-info-pp .r-head-info-l .r-head-info-l-1 {
    color: #636974;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-right: 16px
;}

.dealer-score .score-module .module-r .module-r-head .r-head-info .r-head-info-p .r-head-info-pp .r-head-info-l .r-head-info-l-2 {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-right: 3px
;}

.dealer-score .score-module .module-r .module-r-head .r-head-info .r-head-info-p .r-head-info-pp .r-head-info-l .iconfont {
    color: #47b3a1;
    font-size: 10px
;}

.dealer-score .score-module .module-r .module-r-head .r-head-info .r-head-info-p .r-head-info-pp .r-head-info-r {
    align-items: center;
    display: flex;
    margin-top: 9px
;}

.dealer-score .score-module .module-r .module-r-head .r-head-info .r-head-info-p .r-head-info-pp .r-head-info-r .iconfont {
    color: #e67373;
    font-size: 10px
;}

.dealer-score .score-module .module-r .module-r-head .r-head-info .r-head-info-p .r-head-info-pp .r-head-info-r .r-head-info-r-1 {
    color: #636974;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-right: 16px
;}

.dealer-score .score-module .module-r .module-r-head .r-head-info .r-head-info-p .r-head-info-pp .r-head-info-r .r-head-info-r-2 {
    color: #636974;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    margin-right: 3px
;}

.dealer-score .score-module .module-r .module-r-head .r-head-p {
    background: hsla(0,69%,67%,.05);
    color: #e67373;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    padding: 10px 16px
;}

.dealer-score .score-module .module-r .module-r-head .score-label {
    position: absolute;
    right: 40px;
    top: -3px
;}

.dealer-score .score-module .module-r .module-r-echarts-box {
    flex: 1;
    flex-shrink: 0;
    height: 300px;
    overflow: hidden
;}

.dealer-score .score-module .module-r .module-r-echarts {
    height: 100%;
    margin-top: 12px;
    overflow: auto;
    padding-right: 10px;
    width: 100%
;}

.dealer-score .score-module .module-r .module-r-echarts .score-echarts {
    border: 1px solid rgba(0,0,0,.03);
    border-radius: 10px;
    box-sizing: border-box;
    margin-bottom: 12px;
    padding: 12px 16px;
    width: 100%
;}

.dealer-score .score-module .module-r .module-r-echarts .score-echarts .score-echarts-title {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding-right: 30px
;}

.dealer-score .score-module .module-r .module-r-echarts .score-echarts .score-echarts-title .score-echarts-title-l {
    color: #3d3d3d;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px
;}

.dealer-score .score-module .module-r .module-r-echarts .score-echarts .score-echarts-title .score-echarts-title-r {
    align-items: center;
    display: flex
;}

.dealer-score .score-module .module-r .module-r-echarts .score-echarts .score-echarts-title .score-echarts-title-r .score-echarts-label-1,.dealer-score .score-module .module-r .module-r-echarts .score-echarts .score-echarts-title .score-echarts-title-r .score-echarts-label-2 {
    border-radius: 2px;
    height: 3px;
    margin-right: 8px;
    width: 15px
;}

.dealer-score .score-module .module-r .module-r-echarts .score-echarts .score-echarts-title .score-echarts-title-r .score-echarts-label-1 {
    background: #3b76f6
;}

.dealer-score .score-module .module-r .module-r-echarts .score-echarts .score-echarts-title .score-echarts-title-r .score-echarts-label-2 {
    background: #efa33f;
    margin-left: 30px
;}

.dealer-score .score-module .module-r .module-r-echarts .score-echarts .score-echarts-title .score-echarts-title-r .score-echarts-label-text {
    color: #8a9199;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px
;}

.dealer-score .score-module .module-r .module-r-echarts .score-echarts .score-echarts-title .score-echarts-title-r .score-echarts-title-r {
    margin-right: 30px
;}

.dealer-score .score-module .module-r .module-r-echarts .score-echarts .hyzs {
    height: 188px;
    margin-top: 20px;
    width: 100%
;}

@media screen and (max-width: 999px) {
    .dealer-score .score-module {
        width:736px
    ;}

    .dealer-score .score-module .module-r {
        width: 409px
    ;}
;}

.dealer-score .el-select-dropdown {
    z-index: 9999999999!important
;}

html[dir=rtl] .dealer-score .score-module .module-l .module-l-score .module-l-score-3 {
    margin-right: 8px
;}

html[dir=rtl] .dealer-score .score-module .module-r .module-r-echarts .score-echarts .score-echarts-title .score-echarts-title-r .score-echarts-label-1 {
    margin-left: 8px
;}

html[dir=rtl] .dealer-score .score-module .module-r .module-r-head .r-head-info .r-head-info-p .r-head-info-pp .r-head-info-l .r-head-info-l-2 {
    margin-left: 3px
;}

.dealer-score .el-input__icon,.dealer-score .el-input__inner {
    height: 30px;
    line-height: 30px
;}

.dealer-score .el-input__inner {
    width: 130px
;}

.echats-select .el-scrollbar {
    width: unset
;}

.dealer-aaa .box {
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    padding: 24px;
    width: 640px
;}

.dealer-aaa .box .head {
    justify-content: space-between;
    padding-left: 8px
;}

.dealer-aaa .box .head,.dealer-aaa .box .head .head-l {
    align-items: center;
    display: flex
;}

.dealer-aaa .box .head .head-l .head-l-label {
    background: #ffd733;
    border-radius: 1px;
    height: 16px;
    width: 6px
;}

.dealer-aaa .box .head .head-l .head-l-text {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    padding-left: 12px
;}

.dealer-aaa .box .head .head-r {
    align-items: center;
    display: flex
;}

.dealer-aaa .box .head .head-r .head-r-1 {
    color: #3d3d3d;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
;}

.dealer-aaa .box .head .head-r .head-r-2 {
    color: #323947;
    font-family: DIN-Medium;
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: 53px;
    padding-left: 20px
;}

.dealer-aaa .box .score-echart {
    box-sizing: border-box;
    display: flex;
    margin-top: 32px;
    padding: 0 24px
;}

.dealer-aaa .box .score-echart .score-echart-l {
    flex: 1
;}

.dealer-aaa .box .score-echart .score-echart-r {
    width: 300px
;}

.dealer-aaa .box .score-echart .score-echart-r .score-echart-text {
    align-items: center;
    display: flex;
    height: 34px;
    justify-content: space-between;
    margin-bottom: 4px;
    padding: 0 14px
;}

.dealer-aaa .box .score-echart .score-echart-r .score-echart-text .score-echart-text-1 {
    color: #7a7a7a;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.dealer-aaa .box .score-echart .score-echart-r .score-echart-text .score-echart-text-2 {
    color: #7a7a7a;
    font-family: DIN-Medium;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px
;}

.dealer-aaa .box .score-echart .score-echart-r .active {
    background: #fafafa;
    border-radius: 2px
;}

.dealer-aaa .box .score-echart .score-echart-r .active .score-echart-text-2 {
    font-size: 14px
;}

.dealer-aaa .box .score-list {
    flex: 1;
    margin-top: 31px;
    overflow: auto;
    padding-bottom: 30px
;}

.dealer-aaa .box .score-list .score-list-ul {
    margin-bottom: 24px
;}

.dealer-aaa .box .score-list .score-list-ul .score-list-ul-title {
    color: #292929;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
;}

.dealer-aaa .box .score-list .score-list-ul .score-list-ul-des {
    color: #a3a3a3;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 8px;
    text-align: justify
;}

.dealer-aaa .box .beizhu {
    color: #a3a3a3;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-align: right;
    width: 100%
;}

html[dir=rtl] .dealer-aaa .box .head .head-l .head-l-text {
    padding-left: 0;
    padding-right: 12px
;}

html[dir=rtl] .dealer-aaa .box .head .head-r .head-r-2 {
    padding-left: 0;
    padding-right: 20px
;}

.risk-warning-dealer .el-dialog__header {
    padding: 0
;}

.risk-warning-dealer .el-dialog__header .el-dialog__headerbtn {
    right: 16px;
    top: 16px;
    z-index: 1
;}

.risk-warning-dealer .el-dialog__header .el-dialog__close {
    color: #979797;
    display: none;
    font-size: 26px
;}

@media(any-hover: hover) {
    .risk-warning-dealer .el-dialog__header .el-dialog__close:hover {
        color:#e66112
    ;}
;}

.risk-warning-dealer .risk-warning-dialog {
    background: #fff;
    border-radius: 16px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 560px
;}

.risk-warning-dealer .risk-warning-dialog .el-dialog__body {
    background: url(https://resources1.interface003.com/web20/img/dealer/riskbg.png) no-repeat 0 0;
    background-size: 100% auto;
    border-radius: 16px;
    min-height: 250px;
    padding: 0
;}

@media screen and (max-width: 799px) {
    .risk-warning-dealer .risk-warning-dialog {
        max-width:375px;
        width: 85%
    ;}

    .risk-warning-dealer .risk-warning-dialog .el-dialog__body {
        background: url(https://resources1.interface003.com/web20/img/dealer/riskbgwap.png) no-repeat 0 0;
        background-size: 100% auto;
        min-height: unset
    ;}
;}

.dealer-tisk .dealer-tisk-box[data-v-5057e0aa] {
    background: url(https://resources1.interface003.com/web20/img/dealer/riskbg.png) no-repeat 0 0;
    background-size: contain
;}

@media screen and (max-width: 799px) {
    .dealer-tisk .dealer-tisk-box[data-v-5057e0aa] {
        background:url(https://resources1.interface003.com/web20/img/dealer/riskbgwap.png) no-repeat 0 0;
        background-size: contain
    ;}

    .dealer-tisk[data-v-5057e0aa] ::-webkit-scrollbar {
        width: 2px
    ;}
;}

.dealer-module {
    align-items: center;
    background-color: rgba(0,0,0,.5);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999
;}

.dealer-module .dealer-module-box {
    background: #fff;
    border-radius: 16px;
    position: relative
;}

.dealer-module .dealer-module-box .dealer-module-close {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 22px;
    height: 54px;
    position: absolute;
    right: 2%;
    top: -54px;
    width: 30px
;}

.dealer-module .dealer-module-box .dealer-module-close .dealer-module-close-close {
    align-items: center;
    border: 1px solid #fff;
    border-radius: 15px;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    width: 30px
;}

.dealer-module .dealer-module-box .dealer-module-close .dealer-module-close-close .iconfont {
    color: #fff;
    font-size: 26px
;}

.dealer-module .dealer-module-box .dealer-module-close .dealer-module-close-line {
    background-color: #fff;
    flex: 1;
    width: 1px
;}

.dealer-module .dealer-module-box .dealer-module-close:hover {
    color: #3d3d3d
;}

.dealer-module .dealer-module-box .iconfont-close {
    color: #1d2129;
    cursor: pointer;
    font-size: 24px;
    position: absolute;
    right: 14px;
    top: 14px
;}

@media screen and (max-width: 799px) {
    .dealer-module .dealer-module-box {
        max-width:375px;
        width: 85%
    ;}

    .dealer-module .dealer-module-box .iconfont-close {
        font-size: 22px;
        right: 12px;
        top: 12px
    ;}
;}

html[dir=rtl] .dealer-module .dealer-module-box .icon-close {
    left: 2%;
    right: unset
;}

.score-num-commen {
    align-items: center;
    display: flex
;}

.score-num-commen .r-score-star {
    height: 20px;
    position: relative;
    width: 40px
;}

.score-num-commen .r-score-star .r-score-star-num {
    bottom: 0;
    color: #3d3d3d;
    font-family: DIN-Medium;
    font-size: 20px;
    font-weight: 700;
    left: 1px;
    position: absolute;
    white-space: nowrap;
    z-index: 1
;}

.score-num-commen .r-score-star .r-score-star-bg {
    background: #ffd733;
    border-radius: 4px;
    bottom: 0;
    display: flex;
    height: 8px;
    left: 0;
    position: absolute;
    width: 100%
;}

.score-num-commen .score-txt {
    color: #86909c;
    font-size: 12px;
    font-weight: 400;
    margin-left: 4px
;}

.score-num-commen-row {
    flex-direction: column
;}

html[dir=rtl] .score-num-commen .score-txt {
    margin-left: 0;
    margin-right: 4px
;}

@keyframes axisX {
    0% {
        transform: translateX(100%)
    ;}

    to {
        transform: translateX(0)
    ;}
;}

.h1-enter-active {
    animation: axisX .6s
;}

.h1-leave-active {
    animation: axisX .6s reverse
;}

.compare {
    background: #fff;
    box-shadow: -12px 0 50px rgba(0,0,0,.2);
    display: inline-block;
    height: 100%;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .5s linear;
    transition: max-width .5s;
    width: 360px;
    z-index: 2001
;}

.compare.lang_ar {
    left: 0;
    right: auto
;}

.compare .title {
    background: linear-gradient(90deg,#fdf2d0,hsla(45,92%,90%,0));
    height: 66px;
    padding: 12px 0 12px 20px
;}

.compare .title.lang_ar {
    padding: 12px 20px 12px 0
;}

.compare .title .line1 {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    height: 25px;
    line-height: 25px
;}

.compare .title .line2 {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 200;
    height: 17px;
    line-height: 17px
;}

.compare .pick .li {
    align-items: center;
    border-bottom: 1px solid #f2f4f9;
    cursor: pointer;
    display: flex;
    line-height: 46px;
    padding: 13px 24px;
    width: 100%
;}

.compare .pick .li:hover {
    background: #fcf5dc
;}

.compare .pick .li .left {
    display: flex;
    flex-grow: 1
;}

.compare .pick .li .left .ico {
    height: 20px;
    margin-right: 8px;
    width: 20px
;}

.compare .pick .li .left .val {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-wrap: break-word;
    color: #000;
    color: #2a2a2a;
    display: -webkit-box;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis
;}

.compare .pick .li .right {
    align-items: center;
    display: flex;
    flex-grow: 0
;}

.compare .pick .li .right .score-num-commen {
    padding: 0 18px
;}

.compare .pick .li .right .score-num-commen .r-score-star .r-score-star-num,.compare .pick .li .right .score-txt {
    line-height: 24px
;}

.compare .pick .li .right .iconfont {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 14px;
    width: 14px
;}

.compare .pick .li .right .add {
    border: .5px solid #c3ddfe;
    border-radius: 4px;
    box-sizing: border-box;
    height: 26px;
    padding: 4px 12px
;}

.compare .pick .li .right .add p {
    align-items: center;
    color: #326efa;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 17px;
    line-height: 17px
;}

.compare .maxAddTip {
    align-items: center;
    display: flex
;}

.compare .maxAddTip span {
    color: #f93e3e;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    height: 16px;
    line-height: 16px;
    margin: 8px auto 0
;}

.compare .searchcontianer {
    display: flex;
    position: relative
;}

.compare .searchcontianer .search {
    align-items: center;
    background: #fff;
    border: 1px solid #c0c1c5;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 34px;
    margin: 30px 24px 20px;
    width: 312px
;}

.compare .searchcontianer .search .input {
    color: #1d2129;
    cursor: pointer;
    display: flex;
    flex-grow: 1;
    font-size: 14px;
    margin: 7px 0 7px 12px;
    width: 200px
;}

.compare .searchcontianer .search .input:focus {
    cursor: auto
;}

.compare .searchcontianer .search .iconfont {
    align-items: center;
    cursor: pointer;
    display: flex;
    margin-right: 14px
;}

.compare .searchcontianer .choose {
    background: #fff;
    border: 1px solid #edeff4;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0,0,0,.12);
    box-sizing: border-box;
    display: flex;
    height: 195px;
    left: 24px;
    overflow: auto;
    padding-top: 9px;
    position: absolute;
    top: 65px;
    width: 312px
;}

.compare .searchcontianer .choose ul {
    display: inline-block;
    overflow-y: auto;
    width: 100%
;}

.compare .searchcontianer .choose ul .li {
    cursor: pointer;
    display: flex
;}

.compare .searchcontianer .choose ul .li:hover {
    background: #fcf5dc
;}

.compare .searchcontianer .choose ul .li .trader {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 34px;
    line-height: 34px;
    padding: 0 16px
;}

.compare .searchcontianer .choose ul .li .trader img {
    height: 20px
;}

.compare .searchcontianer .choose ul .li .trader p {
    color: #000;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding-left: 8px
;}

.compare .tj {
    display: flex
;}

.compare .tj .btn {
    align-items: center;
    background: #fadc19;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 36px;
    margin: 0 auto;
    padding: 8px 20px
;}

.compare .tj .btn:hover {
    opacity: .7
;}

.compare .tj .btn .btntxt {
    color: #1d2129;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    margin: 0 auto;
    max-width: 202px;
    min-width: 56px
;}

.compare .tj .disab-btn {
    background: #e5e6eb
;}

.compare .tj .disab-btn .btntxt {
    color: #86909c
;}

.compare .del {
    align-items: center;
    display: flex;
    margin-top: 12px
;}

.compare .del .remove {
    align-items: center;
    cursor: pointer;
    display: flex;
    margin: 0 auto
;}

.compare .del .remove:hover {
    opacity: .7
;}

.compare .del .remove .iconfont {
    align-items: center;
    color: #86909c;
    display: flex;
    height: 14px;
    margin-right: 6px;
    width: 14px
;}

.compare .del .remove p {
    color: #86909c;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 17px;
    line-height: 17px
;}

.compare .his {
    background: linear-gradient(90deg,#e9edf7,rgba(233,236,247,0));
    display: flex;
    height: 52px;
    margin-top: 42px
;}

.compare .his .txt {
    color: #1d2129;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    height: 25px;
    line-height: 25px;
    margin: 14px 24px
;}

@keyframes axisXreverse {
    0% {
        transform: translateX(-100%)
    ;}

    to {
        transform: translateX(0)
    ;}
;}

html[dir=rtl] .h1-enter-active {
    animation: axisXreverse .6s
;}

html[dir=rtl] .h1-leave-active {
    animation: axisXreverse .6s reverse
;}

html[dir=rtl] .compare .pick .li .left .ico {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .compare .searchcontianer .search .iconfont {
    margin-left: 14px;
    margin-right: 0
;}

html[dir=rtl] .compare .searchcontianer .search .input {
    text-indent: 10px
;}

html[dir=rtl] .compare .del .remove .iconfont {
    margin-left: 6px;
    margin-right: 0
;}

html[dir=rtl] .compare .searchcontianer .choose ul .li .trader p {
    margin-left: 0;
    margin-right: 8px
;}

html[dir=rtl] .compare .pick .li .right .el-rate {
    direction: ltr;
    transform: rotate(180deg)
;}

.BMap_Marker img {
    height: 100%;
    width: 100%
;}

.mtSample {
    position: absolute
;}

.google-map-detail {
    height: 100vh;
    position: relative;
    width: 100vw
;}

.google-map-detail #googleMap {
    height: 100%;
    width: 100%
;}

.google-map-detail #googleMap .gm-style-iw-d {
    overflow: unset!important
;}

.google-map-detail #googleMap .gm-style .gm-style-iw-c {
    background: transparent;
    box-shadow: none;
    overflow: unset!important;
    padding: 0
;}

.gm-style a,.gm-style-iw-tc,.google-map-detail #googleMap .gm-style .gm-ui-hover-effect {
    display: none!important
;}

.mt-sample {
    border-radius: 8px;
    color: #7a7a7a;
    height: 80px;
    transition: 1s linear
;}

.mt-sample,.mt-sample .map-box {
    box-sizing: border-box;
    position: relative
;}

.mt-sample .map-box {
    background: url(https://resources1.interface003.com/appuni/images/ping-bg.svg) no-repeat;
    height: 46px;
    margin: auto;
    overflow: hidden;
    padding: 2px;
    width: 40px;
    z-index: 99!important
;}

.mt-sample .map-box .ping-mt {
    background-color: #e48989;
    border-radius: 50%;
    color: #fff;
    font-weight: 600;
    height: 36px;
    justify-content: center;
    width: 36px
;}

.mt-sample .map-box .ping-mt,.ping-b {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-style: normal
;}

.ping-b {
    background: #fff;
    border-radius: 14px;
    box-sizing: border-box;
    color: #1d2129;
    font-weight: 400;
    left: 50%;
    padding: 4px 8px;
    position: absolute;
    top: 48px;
    transform: translateX(-50%);
    width: -moz-max-content;
    width: max-content
;}

.ping-icon {
    height: 15px;
    margin-left: 8px;
    width: 15px
;}

.van-popup ::-webkit-scrollbar {
    background-color: #f1f1f1;
    height: 1px;
    width: 3px
;}

.appraisal-results {
    background-image: linear-gradient(180deg,#6196c6 2%,#fff 20%,#f7f8fa)
;}

.appraisal-results ::-webkit-scrollbar {
    display: none
;}

.mt45-dialog .el-dialog__header {
    background: #fff;
    padding: 20px!important
;}

.mt45-dialog .el-dialog__body {
    max-height: unset!important;
    padding: 0!important
;}

.mt45-dialog .el-dialog {
    height: 100vh!important;
    margin: 0;
    width: 100%!important
;}

.mt45-dialog .anchorBL {
    display: none
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc {
    background: #fff;
    border: 1px solid rgba(0,0,0,.051);
    border-radius: 4px;
    display: flex;
    padding: 20px;
    position: relative
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin-right: 30px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-title {
    align-items: center;
    display: flex;
    margin-bottom: 8px;
    width: 100%
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-title .title-icon {
    margin-right: 10px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-title .head-c-title-text {
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #000;
    display: -webkit-box;
    font-size: 25px;
    font-weight: 600;
    line-height: 35px;
    overflow: hidden;
    text-overflow: ellipsis
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-title .iconfont {
    color: #707070;
    cursor: pointer;
    font-size: 20px;
    font-weight: 400;
    margin-left: 10px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-span {
    align-items: flex-start;
    display: flex
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-span .head-c-span-img {
    height: 12px;
    margin-right: 8px;
    position: relative;
    top: 4px;
    width: 18px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-span .head-c-span-p {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    overflow: hidden
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-span .head-c-span-p .head-c-tttt:last-child i {
    display: none
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-span .head-c-span-text {
    color: #3d3d3d;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    margin-right: 10px;
    max-width: 260px;
    padding-right: 8px;
    position: relative;
    white-space: nowrap
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-span .head-c-span-text i {
    font-style: normal;
    font-weight: 400;
    opacity: .5;
    position: absolute;
    right: -3px;
    top: 0
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-span .head-c-span-textnn:last-child:last-child i,.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-span .spanelett i {
    display: none
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-span .head-c-span-textn {
    font-weight: 400
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-label .head-c-label-text {
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-right: 20px;
    position: relative
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-label .head-c-label-text:after {
    color: #d3d3d3;
    content: "|";
    position: absolute;
    right: -12px;
    top: -3px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-label .head-c-label-text:last-child {
    margin-right: 0
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-label .head-c-label-text:last-child:after {
    content: ""
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .lcs-info {
    display: flex
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .lcs-info .lcs-label {
    align-items: center;
    background: #594a87;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 21px;
    justify-content: center;
    line-height: 19px;
    padding: 0 6px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .lcs-info .lcs-label .iconfont {
    color: #fff;
    font-size: 16px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .lcs-info .lcs-label .lcs-text {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
    margin-left: 2px;
    position: relative;
    top: 1px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-flex {
    flex: 1
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-weburl {
    align-items: center;
    background: #52a164;
    border: 1px solid #52a164;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 62px;
    margin-bottom: 10px;
    padding: 10px 12px;
    width: 274px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-weburl .head-c-weburl-l {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-weburl .head-c-weburl-l p {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    max-width: 202px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-weburl .head-c-weburl-r {
    color: #fff;
    font-size: 22px;
    margin-left: 26px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-weburl:hover {
    opacity: .8
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-bt {
    display: flex;
    height: 36px;
    width: 274px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-sgj {
    align-items: center;
    border: 1px solid rgba(61,61,61,.3);
    border-radius: 4px;
    color: #3d3d3d;
    cursor: pointer;
    display: flex;
    flex: 1;
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    line-height: 20px;
    text-align: center
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-sgj:hover {
    text-decoration: underline
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-bt-span {
    flex-shrink: 0;
    margin-right: 10px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-bt-span:last-child {
    margin-right: 0
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-bt-span .icon-exposure2 {
    color: #fff;
    font-size: 18px;
    margin-right: 6px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-btbg {
    flex-direction: row!important;
    gap: 10px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-btbg .head-c-bt-span {
    width: 238px!important
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-r {
    max-width: 632px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap {
    background: #fff;
    padding: 14px 16px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info {
    display: flex;
    margin-bottom: 10px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-l {
    flex-shrink: 0;
    margin-right: 8px;
    min-width: 120px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-l .newhead-infobox-l {
    min-width: 120px;
    width: 100%
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-r {
    display: flex;
    flex: 1;
    overflow: hidden
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-l .newhead-infobox,.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-r .newhead-infobox {
    align-items: center;
    background: rgba(76,109,141,.05);
    border: 1px solid rgba(76,109,141,.15);
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    height: 72px;
    justify-content: center;
    padding: 0 6px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-l .newhead-infobox .newhead-infobox-title,.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-r .newhead-infobox .newhead-infobox-title {
    color: #4c6d8d;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-l .newhead-infobox .head-l-score-num,.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-r .newhead-infobox .head-l-score-num {
    align-items: flex-end;
    direction: ltr;
    display: flex;
    position: relative
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-l .newhead-infobox .head-l-score-num .score-num,.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-r .newhead-infobox .head-l-score-num .score-num {
    color: #4c6d8d;
    display: flex;
    font-family: DIN-Medium;
    font-size: 36px;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    overflow: hidden
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-l .newhead-infobox .head-l-score-num .score-num .score-num-text,.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-r .newhead-infobox .head-l-score-num .score-num .score-num-text {
    animation: topTz 3s;
    display: flex;
    flex-direction: column
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-l .newhead-infobox .head-l-score-num .score-num-small,.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-r .newhead-infobox .head-l-score-num .score-num-small {
    color: rgba(76,109,141,.5);
    font-family: DIN;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin-left: 4px;
    position: relative;
    top: -3px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-l .newhead-infobox .newhead-infobox-p,.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-r .newhead-infobox .newhead-infobox-p {
    color: #4c6d8d;
    font-family: DIN-Medium;
    font-size: 30px;
    font-weight: 400;
    line-height: 36px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-l .newhead-infobox .newhead-infobox-p1,.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-r .newhead-infobox .newhead-infobox-p1 {
    align-items: center;
    color: #4c6d8d;
    display: flex;
    font-family: DIN-Medium;
    font-size: 12px;
    font-weight: 400;
    justify-content: space-between;
    line-height: 17px;
    width: 100%
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-l .newhead-infobox .newhead-infobox-p1 span,.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-r .newhead-infobox .newhead-infobox-p1 span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-l .newhead-infobox-r,.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-r .newhead-infobox-r {
    flex: 1;
    flex-shrink: 0;
    min-width: calc(50% - 5px)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-l .newhead-infobox-r:first-child,.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-r .newhead-infobox-r:first-child {
    margin-right: 10px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-l .newhead-infobox-r:last-child,.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-r .newhead-infobox-r:last-child {
    margin-right: 0
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-l .newhead-infobox-r img,.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-r .newhead-infobox-r img {
    max-height: 100%;
    max-width: 100%
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-bt {
    display: flex
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-bt .newhead-btbox {
    align-items: center;
    border: 1px solid hsla(0,0%,100%,.3);
    border-radius: 4px;
    color: #fff;
    display: flex;
    flex: 1;
    font-size: 16px;
    font-weight: 400;
    height: 42px;
    justify-content: center;
    line-height: 22px;
    text-align: center
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-bt .newhead-btbox:first-child {
    margin-right: 7px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-bt .newhead-btbox:active {
    opacity: .8
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-bt .newhead-btbox1 {
    background: #6c97c1
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-bt .newhead-btbox2 {
    background: #6eb86c
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black,.dealer-newhead .dealer-newhead-otherlang .dealer-hs {
    background: #477db2;
    border: 1px solid rgba(0,0,0,.05)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .dealer-info-box *,.dealer-newhead .dealer-newhead-otherlang .dealer-black .dealer-info-title *,.dealer-newhead .dealer-newhead-otherlang .dealer-black .head-c *,.dealer-newhead .dealer-newhead-otherlang .dealer-black .head-l-score .head-l-score-h3 *,.dealer-newhead .dealer-newhead-otherlang .dealer-black .head-l-score .head-l-score-num *,.dealer-newhead .dealer-newhead-otherlang .dealer-black .newhead-head .newhead-head-r *,.dealer-newhead .dealer-newhead-otherlang .dealer-black .newhead-info *,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .dealer-info-box *,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .dealer-info-title *,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .head-c *,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .head-l-score .head-l-score-h3 *,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .head-l-score .head-l-score-num *,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .newhead-head .newhead-head-r *,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .newhead-info * {
    color: #fff!important
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .head-l .head-l-score,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .head-l .head-l-score {
    background: hsla(0,0%,100%,.05);
    border: 1px solid hsla(0,0%,100%,.15)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .head-c .head-c-sgj,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .head-c .head-c-sgj {
    border: 1px solid hsla(0,0%,100%,.3)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .dealer-info-list .dealer-info-ul .dealer-info-box {
    background: rgba(0,0,0,.05);
    border: 1px solid rgba(0,0,0,.05)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-r .mt-num,.dealer-newhead .dealer-newhead-otherlang .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-head .mt-head-r .mt-head-num,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-r .mt-num,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-head .mt-head-r .mt-head-num {
    border: .5px solid #fff
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li:first-child,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li:first-child {
    border-bottom: 1px dashed hsla(0,0%,100%,.2)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .newhead-tool .newhead-toolbox,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .newhead-tool .newhead-toolbox {
    background: hsla(0,0%,100%,.05);
    border: .5px solid hsla(0,0%,100%,.1)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .newhead-tool .newhead-toolbox .iconfont,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .newhead-tool .newhead-toolbox .iconfont {
    color: #fff
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .newhead-info .newhead-info-l .newhead-infobox,.dealer-newhead .dealer-newhead-otherlang .dealer-black .newhead-info .newhead-info-r .newhead-infobox,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .newhead-info .newhead-info-l .newhead-infobox,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .newhead-info .newhead-info-r .newhead-infobox {
    background: hsla(0,0%,100%,.1)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .newhead-bt .newhead-btbox1,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .newhead-bt .newhead-btbox1 {
    background: none
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li:first-child,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li:first-child {
    border-bottom: 1px dashed hsla(0,0%,100%,.2)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line .yyl-info-line-l,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line .yyl-info-line-l {
    background: #fff
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line {
    background: hsla(0,0%,100%,.2)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-num .zbbl-num-box .zbbl-num-1,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-num .zbbl-num-box .zbbl-num-1 {
    background: #fff
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .dealer-info-list .dealer-info-db-claim,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .dealer-info-list .dealer-info-db-claim {
    background: hsla(0,0%,100%,.05);
    border: .5px solid hsla(0,0%,100%,.1)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .dealer-info-list .dealer-info-db-claim span,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .dealer-info-list .dealer-info-db-claim span {
    color: #fff
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-blue {
    background: #fff!important;
    border: 1px solid rgba(71,125,178,.6)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-blue .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line .yyl-info-line-r {
    background: #5084b6
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-blue .dealer-info-list .dealer-info-ul .dealer-info-box {
    background: hsla(212,7%,57%,.05);
    border: 1px solid rgba(0,0,0,.05)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-blue .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line .yyl-info-line-r {
    background: #fff
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-zs {
    background: linear-gradient(180deg,rgba(60,136,152,.1),hsla(0,0%,100%,0))!important;
    border: 4px solid #3c8798
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-zs .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line .yyl-info-line-r {
    background: #2d708b
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-zs .head-l .head-l-score {
    background: linear-gradient(0deg,rgba(60,135,152,.05),rgba(60,135,152,.05));
    border: 1px solid rgba(60,135,152,.149)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-zs .head-l .head-l-score .head-l-score-h3 .head-l-score-title,.dealer-newhead .dealer-newhead-otherlang .dealer-zs .head-l .head-l-score .head-l-score-h3 .iconfont,.dealer-newhead .dealer-newhead-otherlang .dealer-zs .head-l .head-l-score .head-l-score-num .score-num {
    color: #3c8798
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-zs .head-l .head-l-score .head-l-score-num .score-num-small {
    color: rgba(60,135,152,.5)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-zs .head-c .head-c-title .head-c-title-text,.dealer-newhead .dealer-newhead-otherlang .dealer-zs .newhead-head .newhead-head-r .newhead-head-title .newhead-head-titletxt {
    color: #275560
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-zs .newhead-info .newhead-info-l .newhead-infobox .head-l-score-num .score-num,.dealer-newhead .dealer-newhead-otherlang .dealer-zs .newhead-info .newhead-info-l .newhead-infobox .newhead-infobox-title,.dealer-newhead .dealer-newhead-otherlang .dealer-zs .newhead-info .newhead-info-r .newhead-infobox .newhead-infobox-p,.dealer-newhead .dealer-newhead-otherlang .dealer-zs .newhead-info .newhead-info-r .newhead-infobox .newhead-infobox-title {
    color: #3c8798
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black {
    background: #313233
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .head-c .head-c-weburl {
    background: #4079a9;
    border: none
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-lxfs .lxfs-list .iconfont {
    color: #fff
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line .yyl-info-line-l {
    background: #fff
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line .yyl-info-line-r {
    background: #3b3c3d
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line {
    background: hsla(0,0%,100%,.2)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-yellow {
    background: linear-gradient(180deg,#f8ede1,#fff)!important;
    border: 4px solid #d39a57
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-yellow .head-l .head-l-score {
    background: rgba(211,154,87,.05);
    border: 1px solid rgba(211,154,87,.15)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-yellow .head-l .head-l-score .head-l-score-h3 *,.dealer-newhead .dealer-newhead-otherlang .dealer-yellow .head-l .head-l-score .head-l-score-num * {
    color: #d39a57!important
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-yellow .dealer-info-list .dealer-info-ul .dealer-info-box {
    background: hsla(0,0%,100%,.6);
    border: 1px solid rgba(0,0,0,.05)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-yellow .newhead-info .newhead-info-l .newhead-infobox,.dealer-newhead .dealer-newhead-otherlang .dealer-yellow .newhead-info .newhead-info-r .newhead-infobox {
    background: rgba(211,154,87,.05);
    border: 1px solid rgba(211,154,87,.15)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-yellow .newhead-info .newhead-info-l .newhead-infobox *,.dealer-newhead .dealer-newhead-otherlang .dealer-yellow .newhead-info .newhead-info-r .newhead-infobox * {
    color: #d39a57!important
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-yellow .newhead-bt .newhead-btbox1 {
    background: none;
    border: 1px solid rgba(61,61,61,.3);
    color: #3d3d3d
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-yellow .head-c .head-c-title .head-c-title-text {
    color: #301
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-hs .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line .yyl-info-line-r {
    background: #712532
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-hs .head-c .head-c-weburl {
    background: #4079a9;
    border: none
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-lcs {
    background: linear-gradient(180deg,rgba(78,68,113,.1),hsla(0,0%,100%,0))!important;
    border: 4px solid #594a87
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line .yyl-info-line-r {
    background: #4d4268
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .head-l .head-l-score {
    background: rgba(89,74,135,.05);
    border: 1px solid rgba(89,74,135,.15)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .head-l .head-l-score .head-l-score-h3 .head-l-score-title,.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .head-l .head-l-score .head-l-score-h3 .iconfont,.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .head-l .head-l-score .head-l-score-num .score-num {
    color: #594a87
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .head-l .head-l-score .head-l-score-num .score-num-small {
    color: rgba(89,74,135,.5)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .head-c .head-c-title .head-c-title-text {
    color: #3e3360
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .head-c .lcs-info .lcs-label {
    background: #594a87;
    border: none
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .newhead-info .newhead-info-l .newhead-infobox,.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .newhead-info .newhead-info-r .newhead-infobox {
    background: rgba(89,74,135,.05);
    border: 1px solid rgba(89,74,135,.15)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .newhead-info .newhead-info-l .newhead-infobox .head-l-score-num .score-num,.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .newhead-info .newhead-info-l .newhead-infobox .newhead-infobox-p,.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .newhead-info .newhead-info-l .newhead-infobox .newhead-infobox-title,.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .newhead-info .newhead-info-r .newhead-infobox .head-l-score-num .score-num,.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .newhead-info .newhead-info-r .newhead-infobox .newhead-infobox-p,.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .newhead-info .newhead-info-r .newhead-infobox .newhead-infobox-title {
    color: #594a87
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .newhead-info .newhead-info-l .newhead-infobox .head-l-score-num .score-num-small,.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .newhead-info .newhead-info-r .newhead-infobox .head-l-score-num .score-num-small {
    color: rgba(89,74,135,.5)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .newhead-head .newhead-head-r .newhead-head-title .newhead-head-titletxt {
    color: #3e3360
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .newhead-head .newhead-head-r .lcs-info .lcs-label {
    background: #594a87;
    border: none
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newblue {
    background: linear-gradient(180deg,#edf4f6,#fff)!important;
    border: 4px solid #477db2
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newblue .newhead-head .newhead-head-r .newhead-head-title .newhead-head-titletxt {
    color: #477db2
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newblue .head-c-info .head-c-infolist {
    border: 1px solid rgba(71,125,178,.149)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newblue .head-c-info .head-c-infolist .head-c-infolist-title {
    background: rgba(71,125,178,.1);
    color: #477db2
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newblue .head-c-info .head-c-infolist .ja-score-val {
    color: #477db2;
    padding: 0 5px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newblue .ja-wap-score {
    background: rgba(71,125,178,.05);
    border: 1px solid rgba(71,125,178,.15)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newblue .ja-wap-score .ja-wap-score-title,.dealer-newhead .dealer-newhead-otherlang .dealer-newblue .ja-wap-score .ja-wap-scoretxt .head-l-score-num .score-num {
    color: #477db2
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newblue .ja-wap-score .ja-wap-scoretxt .head-l-score-num .score-num-small {
    color: rgba(71,125,178,.3)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newblue .head-l .head-l-score {
    background: rgba(71,125,178,.05);
    border: 1px solid rgba(71,125,178,.15)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newblue .head-l .head-l-score .head-l-score-h3 .head-l-score-title,.dealer-newhead .dealer-newhead-otherlang .dealer-newblue .head-l .head-l-score .head-l-score-h3 .iconfont,.dealer-newhead .dealer-newhead-otherlang .dealer-newblue .head-l .head-l-score .head-l-score-num * {
    color: #477db2
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newblue .head-c .head-c-title .head-c-title-text {
    color: #284766
;}

@media screen and (max-width: 1199px) {
    .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-weburl {
        width:100%
    ;}

    .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-weburl .head-c-weburl-l p {
        max-width: 250px
    ;}

    .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-bt {
        width: 100%
    ;}

    .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-btbg {
        flex-direction: column!important;
        gap: 0
    ;}

    .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-btbg .head-c-bt-span {
        width: 100%!important
    ;}

    .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-span .head-c-span-text {
        max-width: 315px
    ;}

    .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-r {
        width: 310px
    ;}

    .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .newhead-tool .newhead-toolbox-db {
        display: flex!important
    ;}
;}

@media screen and (max-width: 999px) {
    .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc {
        min-height:291px
    ;}

    .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-label,.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-title {
        width: 260px
    ;}

    .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-span .head-c-span-text {
        max-width: 440px
    ;}

    .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-bt {
        width: 366px
    ;}

    .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-r {
        position: fixed;
        right: 1000px
    ;}

    .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .newhead-tool {
        right: 20px;
        top: 20px
    ;}
;}

.dealer-newhead #specialty2>span:last-child>i {
    display: none
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc {
    background: #fff;
    border: 4px solid #b28936;
    display: flex;
    padding: 30px;
    position: relative
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-l {
    width: 220px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-l .head-l-logo {
    height: 132px;
    margin-bottom: 18px;
    width: 100%
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-l .head-l-logo .head-l-logo-img {
    height: 108px;
    width: 196px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-l .head-l-score {
    background: rgba(255,204,102,.15);
    border: 1px solid rgba(255,204,102,.15);
    width: 100%
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-l .head-l-score .head-l-score-h3 *,.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-l .head-l-score .head-l-score-num * {
    color: #3d3d3d
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .dealer-info-list .dealer-info-ul .dealer-info-box {
    width: 320px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    margin-right: 30px;
    width: 546px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-title {
    align-items: center;
    display: flex;
    margin-bottom: 4px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-title .title-icon {
    margin-right: 4px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-title .head-c-title-text {
    color: #301;
    font-size: 32px;
    font-weight: 600;
    line-height: 45px;
    margin-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-title .icon-play-circle {
    color: #301;
    font-size: 26px;
    font-weight: 400
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-label {
    align-items: center;
    display: flex;
    margin-bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-label .head-c-label-flag {
    height: 14px;
    margin-right: 6px;
    width: 20px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-label .head-c-label-txt {
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-right: 24px;
    position: relative
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-label .head-c-label-txt1:after {
    display: none
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-label .lcs-info {
    display: inline-block;
    left: -12px;
    position: relative
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-label .lcs-info .lcs-label {
    align-items: center;
    background: #594a87;
    border-radius: 4px;
    display: flex;
    height: 21px;
    justify-content: center;
    line-height: 19px;
    padding: 0 6px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-label .lcs-info .lcs-label .iconfont {
    color: #fff;
    font-size: 16px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-label .lcs-info .lcs-label .lcs-text {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
    margin-left: 2px;
    position: relative;
    top: 1px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-flex {
    flex: 1
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-href {
    display: flex;
    margin-top: 2px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-href .head-c-hreflist {
    align-items: center;
    border-radius: 14px;
    cursor: pointer;
    display: flex;
    height: 28px;
    justify-content: center;
    padding: 0 8px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-href .head-c-hreflist span {
    color: #fff
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-href .head-c-hreflist .icon-xiala {
    font-size: 8px;
    transform: rotate(-90deg)
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-href .head-c-hreflist:hover {
    opacity: .8
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-href .head-c-hreflist .head-c-hreflist-txt {
    flex: 1;
    font-size: 14px;
    overflow: hidden;
    padding: 0 6px;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-href .head-c-hrefweb1 {
    background: #52a164;
    margin-right: 8px;
    max-width: 278px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-href .head-c-hrefweb2 {
    background: #324353;
    margin-right: 8px;
    width: 126px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-href .head-c-hrefweb3 {
    background: #eaeaea;
    width: 126px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-href .head-c-hrefweb3 span {
    color: #3d3d3d
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-href .head-c-hrefweb3 .head-c-hreflist-txt {
    flex: unset
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-r {
    width: 320px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .newhead-tool {
    right: 34px;
    top: 38px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .newhead-tool .newhead-toolbox-db {
    display: flex
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .dealer-info-list .dealer-info-ul .dealer-info-box {
    height: 265px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap {
    background: #fff;
    border: 4px solid #b28936;
    margin-bottom: 20px;
    padding: 18px 16px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-web .ja-wap-webli {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    width: 100%
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-web .ja-wap-webli .head-c-hreflist {
    align-items: center;
    border-radius: 14px;
    cursor: pointer;
    display: flex;
    height: 28px;
    justify-content: center;
    padding: 0 8px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-web .ja-wap-webli .head-c-hreflist span {
    color: #fff
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-web .ja-wap-webli .head-c-hreflist .icon-xiala {
    font-size: 8px;
    transform: rotate(-90deg)
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-web .ja-wap-webli .head-c-hreflist:hover {
    opacity: .8
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-web .ja-wap-webli .head-c-hreflist .head-c-hreflist-txt {
    flex: 1;
    font-size: 14px;
    overflow: hidden;
    padding: 0 6px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-web .ja-wap-webli .head-c-hrefweb1 {
    background: #52a164;
    width: 100%
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-web .ja-wap-webli .head-c-hrefweb2 {
    background: #324353;
    width: 49.5%
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-web .ja-wap-webli .head-c-hrefweb3 {
    background: #eaeaea;
    width: 49.5%
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-web .ja-wap-webli .head-c-hrefweb3 span {
    color: #3d3d3d
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-web .ja-wap-webli .head-c-hrefweb3 .icon-a-Frame42 {
    color: #3d3d3d;
    font-size: 20px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-web .ja-wap-webli .head-c-hrefweb3 .head-c-hreflist-txt {
    flex: unset
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-jali {
    margin-bottom: 15px;
    padding-top: 7px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-score {
    align-items: center;
    background: rgba(255,204,102,.16);
    border-radius: 6px;
    display: flex;
    height: 78px;
    justify-content: center;
    margin-bottom: 15px;
    position: relative;
    width: 100%
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-score .ja-wap-score-title {
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding-right: 17px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-score .ja-wap-scoretxt .head-l-score-num {
    align-items: flex-end;
    display: flex;
    position: relative
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-score .ja-wap-scoretxt .head-l-score-num .score-num {
    color: #3d3d3d;
    display: flex;
    font-family: DIN-Medium;
    font-size: 48px;
    font-weight: 500;
    height: 58px;
    line-height: 58px;
    overflow: hidden
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-score .ja-wap-scoretxt .head-l-score-num .score-num .score-num-text {
    animation: topTz 3s;
    display: flex;
    flex-direction: column
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-score .ja-wap-scoretxt .head-l-score-num .score-num-small {
    color: rgba(41,41,41,.3);
    font-family: DIN;
    font-size: 17px;
    font-weight: 500;
    line-height: 21px;
    margin-left: 6px;
    position: relative;
    top: -5px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-score .error-info {
    align-items: center;
    background: #f1d2ce;
    border-radius: 0 0 6px 6px;
    bottom: 0;
    display: flex;
    height: 25px;
    left: 0;
    padding: 0 10px;
    position: absolute;
    width: 100%
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-score .error-info #icon-a-DangerCircle1,.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-score .error-info #icon-a-DangerCircle11,.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-score .error-info .iconfont {
    color: #ff1800!important;
    font-size: 14px;
    margin-right: 4px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-score .error-info .score-fx-p {
    color: #ff1800!important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-left: 4px;
    max-width: 340px;
    overflow: hidden
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-score .error-info .score-fx-p .clone_text,.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-score .error-info .score-fx-p .text_warp {
    color: #ff1800!important
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-tool {
    align-items: center;
    display: flex
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-tool .ja-wap-tool-l {
    display: flex;
    flex: 1;
    gap: 7px;
    margin-right: 7px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-tool .ja-wap-tool-l .tool-bt {
    align-items: center;
    border-radius: 4px;
    display: flex;
    flex: 1;
    height: 40px;
    justify-content: center
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-tool .ja-wap-tool-l .tool-bt .iconfont {
    color: #fff;
    font-size: 20px;
    margin-right: 6px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-tool .ja-wap-tool-l .tool-bt .tool-bt-text {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-tool .ja-wap-tool-l .tool-bt:active {
    opacity: .8
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-tool .ja-wap-tool-r {
    display: flex;
    gap: 7px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-tool .ja-wap-tool-r .tool-icon {
    align-items: center;
    border: 1px solid rgba(41,41,41,.2);
    border-radius: 4px;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-tool .ja-wap-tool-r .tool-icon .iconfont {
    color: #3d3d3d;
    font-size: 22px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-tool .ja-wap-tool-r .tool-icon:active {
    opacity: .8
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .head-c-info .head-c-infolist .ja-score-val {
    font-size: 20px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .head-c-info .head-c-infolist .ja-score-val4 {
    font-size: 12px
;}

.dealer-newhead .dealer-newhead-ja .dealer-black,.dealer-newhead .dealer-newhead-ja .dealer-hs {
    border: none
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .dealer-info-title *,.dealer-newhead .dealer-newhead-ja .dealer-black .head-c *,.dealer-newhead .dealer-newhead-ja .dealer-black .head-c-info *,.dealer-newhead .dealer-newhead-ja .dealer-black .head-l-score-h3 *,.dealer-newhead .dealer-newhead-ja .dealer-black .head-l-score-num *,.dealer-newhead .dealer-newhead-ja .dealer-black .ja-wap-score *,.dealer-newhead .dealer-newhead-ja .dealer-black .newhead-head .newhead-head-r *,.dealer-newhead .dealer-newhead-ja .dealer-hs .dealer-info-title *,.dealer-newhead .dealer-newhead-ja .dealer-hs .head-c *,.dealer-newhead .dealer-newhead-ja .dealer-hs .head-c-info *,.dealer-newhead .dealer-newhead-ja .dealer-hs .head-l-score-h3 *,.dealer-newhead .dealer-newhead-ja .dealer-hs .head-l-score-num *,.dealer-newhead .dealer-newhead-ja .dealer-hs .ja-wap-score *,.dealer-newhead .dealer-newhead-ja .dealer-hs .newhead-head .newhead-head-r * {
    color: #fff!important
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .dealer-newhead .dealer-newhead-ja .newhead-ja-pc .newhead-tool,.dealer-newhead .dealer-newhead-ja .dealer-hs .dealer-newhead .dealer-newhead-ja .newhead-ja-pc .newhead-tool {
    right: 48px
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .head-c .head-c-label .head-c-label-txt:after,.dealer-newhead .dealer-newhead-ja .dealer-hs .head-c .head-c-label .head-c-label-txt:after {
    color: #fff!important
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .head-l .head-l-score,.dealer-newhead .dealer-newhead-ja .dealer-hs .head-l .head-l-score {
    background: hsla(0,0%,100%,.05);
    border: 1px solid hsla(0,0%,100%,.15)
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .head-c .head-c-href .head-c-hrefweb2,.dealer-newhead .dealer-newhead-ja .dealer-hs .head-c .head-c-href .head-c-hrefweb2 {
    background: #477db2
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .head-c .head-c-href .head-c-hrefweb3,.dealer-newhead .dealer-newhead-ja .dealer-hs .head-c .head-c-href .head-c-hrefweb3 {
    background: hsla(0,0%,92%,.8)
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .head-c .head-c-href .head-c-hrefweb3 *,.dealer-newhead .dealer-newhead-ja .dealer-hs .head-c .head-c-href .head-c-hrefweb3 * {
    color: #292929!important
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .newhead-tool .newhead-toolbox,.dealer-newhead .dealer-newhead-ja .dealer-hs .newhead-tool .newhead-toolbox {
    background: hsla(0,0%,100%,.05);
    border: .5px solid hsla(0,0%,100%,.1)
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .newhead-tool .newhead-toolbox .iconfont,.dealer-newhead .dealer-newhead-ja .dealer-hs .newhead-tool .newhead-toolbox .iconfont {
    color: #fff
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box,.dealer-newhead .dealer-newhead-ja .dealer-hs .dealer-info-list .dealer-info-ul .dealer-info-box {
    background: hsla(0,0%,100%,.05);
    border: 1px solid rgba(0,0,0,.05)
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-r .mt-num,.dealer-newhead .dealer-newhead-ja .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-head .mt-head-r .mt-head-num,.dealer-newhead .dealer-newhead-ja .dealer-hs .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-r .mt-num,.dealer-newhead .dealer-newhead-ja .dealer-hs .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-head .mt-head-r .mt-head-num {
    border: .5px solid #fff
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li:first-child,.dealer-newhead .dealer-newhead-ja .dealer-hs .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li:first-child {
    border-bottom: 1px dashed hsla(0,0%,100%,.2)
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box,.dealer-newhead .dealer-newhead-ja .dealer-hs .dealer-info-list .dealer-info-ul .dealer-info-box {
    margin-right: 0;
    width: 320px
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .head-c-info .head-c-infolist,.dealer-newhead .dealer-newhead-ja .dealer-hs .head-c-info .head-c-infolist {
    border: 1px solid hsla(0,0%,100%,.2)
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .head-c-info .head-c-infolist .head-c-infolist-title,.dealer-newhead .dealer-newhead-ja .dealer-hs .head-c-info .head-c-infolist .head-c-infolist-title {
    background: hsla(0,0%,100%,.2)
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .ja-wap-score,.dealer-newhead .dealer-newhead-ja .dealer-hs .ja-wap-score {
    background: hsla(0,0%,100%,.05);
    border: 1px solid hsla(0,0%,100%,.15)
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .ja-wap-tool .ja-wap-tool-r .tool-icon,.dealer-newhead .dealer-newhead-ja .dealer-hs .ja-wap-tool .ja-wap-tool-r .tool-icon {
    background: hsla(0,0%,100%,.2);
    border: 1px solid hsla(0,0%,100%,.2)
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .ja-wap-tool .ja-wap-tool-r .tool-icon .iconfont,.dealer-newhead .dealer-newhead-ja .dealer-hs .ja-wap-tool .ja-wap-tool-r .tool-icon .iconfont {
    color: #fff
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .ja-wap-web .ja-wap-webli .head-c-hrefweb2,.dealer-newhead .dealer-newhead-ja .dealer-hs .ja-wap-web .ja-wap-webli .head-c-hrefweb2 {
    background: #477db2
;}

.dealer-newhead .dealer-newhead-ja .dealer-blue {
    border: 1px solid rgba(71,125,178,.6)
;}

.dealer-newhead .dealer-newhead-ja .dealer-blue .head-l .head-l-score {
    background: rgba(76,109,141,.05);
    border: 1px solid rgba(76,109,141,.15)
;}

.dealer-newhead .dealer-newhead-ja .dealer-blue .head-l .head-l-score .head-l-score-h3 *,.dealer-newhead .dealer-newhead-ja .dealer-blue .head-l .head-l-score .head-l-score-num * {
    color: #4c6d8d
;}

.dealer-newhead .dealer-newhead-ja .dealer-blue .ja-wap-score {
    background: rgba(71,125,178,.05);
    border: 1px solid rgba(71,125,178,.15)
;}

.dealer-newhead .dealer-newhead-ja .dealer-blue .ja-wap-score .ja-wap-score-title,.dealer-newhead .dealer-newhead-ja .dealer-blue .ja-wap-score .ja-wap-scoretxt .head-l-score-num .score-num {
    color: #4c6d8d
;}

.dealer-newhead .dealer-newhead-ja .dealer-blue .ja-wap-score .ja-wap-scoretxt .head-l-score-num .score-num-small {
    color: rgba(71,125,178,.3)
;}

.dealer-newhead .dealer-newhead-ja .dealer-blue .dealer-info-list .dealer-info-ul .dealer-info-box {
    background: hsla(212,7%,57%,.05);
    border: 1px solid rgba(0,0,0,.05)
;}

.dealer-newhead .dealer-newhead-ja .dealer-zs {
    background: linear-gradient(180deg,#edf4f6,#fff)!important;
    border: 4px solid #3c8798
;}

.dealer-newhead .dealer-newhead-ja .dealer-zs .head-l .head-l-score {
    background: rgba(60,135,152,.05);
    border: 1px solid rgba(60,135,152,.15)
;}

.dealer-newhead .dealer-newhead-ja .dealer-zs .head-l .head-l-score .head-l-score-h3 *,.dealer-newhead .dealer-newhead-ja .dealer-zs .head-l .head-l-score .head-l-score-num * {
    color: #3c8798
;}

.dealer-newhead .dealer-newhead-ja .dealer-zs .head-c .head-c-title .head-c-title-text {
    color: #275560
;}

.dealer-newhead .dealer-newhead-ja .dealer-zs .head-c-info .head-c-infolist {
    border: 1px solid rgba(60,135,152,.15)
;}

.dealer-newhead .dealer-newhead-ja .dealer-zs .head-c-info .head-c-infolist .head-c-infolist-title {
    background: rgba(60,135,152,.1);
    color: #3c8798
;}

.dealer-newhead .dealer-newhead-ja .dealer-zs .head-c-info .head-c-infolist .ja-score-val {
    color: #3c8798
;}

.dealer-newhead .dealer-newhead-ja .dealer-zs .newhead-head .newhead-head-r .newhead-head-title .newhead-head-titletxt {
    color: #275560
;}

.dealer-newhead .dealer-newhead-ja .dealer-zs .ja-wap-score {
    background: rgba(60,135,152,.05);
    border: 1px solid rgba(60,135,152,.15)
;}

.dealer-newhead .dealer-newhead-ja .dealer-zs .ja-wap-score .ja-wap-score-title,.dealer-newhead .dealer-newhead-ja .dealer-zs .ja-wap-score .ja-wap-scoretxt .head-l-score-num .score-num {
    color: #3c8798
;}

.dealer-newhead .dealer-newhead-ja .dealer-zs .ja-wap-score .ja-wap-scoretxt .head-l-score-num .score-num-small {
    color: rgba(60,135,152,.3)
;}

.dealer-newhead .dealer-newhead-ja .dealer-yellow {
    background: linear-gradient(180deg,#f8ede1,#fff)!important;
    border: 4px solid #d39a57
;}

.dealer-newhead .dealer-newhead-ja .dealer-yellow .head-l .head-l-score {
    background: rgba(211,154,87,.05);
    border: 1px solid rgba(211,154,87,.15)
;}

.dealer-newhead .dealer-newhead-ja .dealer-yellow .head-l .head-l-score .head-l-score-h3 *,.dealer-newhead .dealer-newhead-ja .dealer-yellow .head-l .head-l-score .head-l-score-num * {
    color: #d39a57!important
;}

.dealer-newhead .dealer-newhead-ja .dealer-yellow .dealer-info-list .dealer-info-ul .dealer-info-box {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05)
;}

.dealer-newhead .dealer-newhead-ja .dealer-yellow .newhead-info .newhead-info-l .newhead-infobox,.dealer-newhead .dealer-newhead-ja .dealer-yellow .newhead-info .newhead-info-r .newhead-infobox {
    background: rgba(211,154,87,.05);
    border: 1px solid rgba(211,154,87,.15)
;}

.dealer-newhead .dealer-newhead-ja .dealer-yellow .newhead-info .newhead-info-l .newhead-infobox *,.dealer-newhead .dealer-newhead-ja .dealer-yellow .newhead-info .newhead-info-r .newhead-infobox * {
    color: #d39a57!important
;}

.dealer-newhead .dealer-newhead-ja .dealer-yellow .newhead-bt .newhead-btbox1 {
    background: none;
    border: 1px solid rgba(61,61,61,.3);
    color: #3d3d3d
;}

.dealer-newhead .dealer-newhead-ja .dealer-yellow .head-c-info .head-c-infolist .head-c-infolist-title {
    background: #f2f3f5
;}

.dealer-newhead .dealer-newhead-ja .dealer-yellow .head-c-info .head-c-infolist {
    border: 1px solid rgba(211,154,87,.15)
;}

.dealer-newhead .dealer-newhead-ja .dealer-yellow .head-c-info .head-c-infolist .head-c-infolist-title {
    background: rgba(211,154,87,.1);
    color: #d39a57
;}

.dealer-newhead .dealer-newhead-ja .dealer-yellow .head-c-info .head-c-infolist .ja-score-val {
    color: #d39a57
;}

.dealer-newhead .dealer-newhead-ja .dealer-yellow .ja-wap-score {
    background: rgba(211,154,87,.05);
    border: 1px solid rgba(211,154,87,.15)
;}

.dealer-newhead .dealer-newhead-ja .dealer-yellow .ja-wap-score .ja-wap-score-title,.dealer-newhead .dealer-newhead-ja .dealer-yellow .ja-wap-score .ja-wap-scoretxt .head-l-score-num .score-num {
    color: #d39a57
;}

.dealer-newhead .dealer-newhead-ja .dealer-yellow .ja-wap-score .ja-wap-scoretxt .head-l-score-num .score-num-small {
    color: rgba(211,154,87,.5)
;}

.dealer-newhead .dealer-newhead-ja .dealer-yellow .newhead-head .newhead-head-r .newhead-head-title .newhead-head-titletxt {
    color: #301
;}

.dealer-newhead .dealer-newhead-ja .dealer-yellow .head-c-info .head-c-infolist .ja-score-val {
    padding: 0 5px
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-jyhj .dealer-info-jyhj-r p,.dealer-newhead .dealer-newhead-ja .dealer-hs .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-jyhj .dealer-info-jyhj-r p,.dealer-newhead .dealer-newhead-ja .dealer-lcs .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-jyhj .dealer-info-jyhj-r p {
    color: #fff
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line .yyl-info-line-l {
    background: #3b76f6
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line .yyl-info-line-r {
    background: #3b3c3d
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line {
    background: rgba(59,118,246,.2)
;}

.dealer-newhead .dealer-newhead-ja .dealer-lcs {
    background: linear-gradient(180deg,#efeef2,#fff)!important;
    border: 4px solid #594a87
;}

.dealer-newhead .dealer-newhead-ja .dealer-lcs .head-c-info .head-c-infolist {
    border: 1px solid rgba(89,74,135,.2)
;}

.dealer-newhead .dealer-newhead-ja .dealer-lcs .head-c-info .head-c-infolist .head-c-infolist-title {
    background: rgba(89,74,135,.2);
    color: #594a87
;}

.dealer-newhead .dealer-newhead-ja .dealer-lcs .head-c-info .head-c-infolist .ja-score-val {
    color: #594a87
;}

.dealer-newhead .dealer-newhead-ja .dealer-lcs .head-l .head-l-score {
    background: rgba(89,74,135,.05);
    border: 1px solid rgba(89,74,135,.15)
;}

.dealer-newhead .dealer-newhead-ja .dealer-lcs .head-l .head-l-score .head-l-score-h3 *,.dealer-newhead .dealer-newhead-ja .dealer-lcs .head-l .head-l-score .head-l-score-num * {
    color: #594a87
;}

.dealer-newhead .dealer-newhead-ja .dealer-lcs .head-c .head-c-href .head-c-hrefweb2 {
    background: #477db2
;}

.dealer-newhead .dealer-newhead-ja .dealer-lcs .head-c .head-c-title .head-c-title-text {
    color: #3e3360
;}

.dealer-newhead .dealer-newhead-ja .dealer-lcs .ja-wap-score {
    background: rgba(89,74,135,.05);
    border: 1px solid rgba(89,74,135,.15)
;}

.dealer-newhead .dealer-newhead-ja .dealer-lcs .ja-wap-score .ja-wap-score-title,.dealer-newhead .dealer-newhead-ja .dealer-lcs .ja-wap-score .ja-wap-scoretxt .head-l-score-num .score-num {
    color: #594a87
;}

.dealer-newhead .dealer-newhead-ja .dealer-newblue {
    background: linear-gradient(180deg,#edf4f6,#fff)!important;
    border: 4px solid #477db2
;}

.dealer-newhead .dealer-newhead-ja .dealer-newblue .newhead-head .newhead-head-r .newhead-head-title .newhead-head-titletxt {
    color: #477db2
;}

.dealer-newhead .dealer-newhead-ja .dealer-newblue .head-c-info .head-c-infolist {
    border: 1px solid rgba(71,125,178,.149)
;}

.dealer-newhead .dealer-newhead-ja .dealer-newblue .head-c-info .head-c-infolist .head-c-infolist-title {
    background: rgba(71,125,178,.1);
    color: #477db2
;}

.dealer-newhead .dealer-newhead-ja .dealer-newblue .head-c-info .head-c-infolist .ja-score-val {
    color: #477db2;
    padding: 0 5px
;}

.dealer-newhead .dealer-newhead-ja .dealer-newblue .ja-wap-score {
    background: rgba(71,125,178,.05);
    border: 1px solid rgba(71,125,178,.15)
;}

.dealer-newhead .dealer-newhead-ja .dealer-newblue .ja-wap-score .ja-wap-score-title,.dealer-newhead .dealer-newhead-ja .dealer-newblue .ja-wap-score .ja-wap-scoretxt .head-l-score-num .score-num {
    color: #477db2
;}

.dealer-newhead .dealer-newhead-ja .dealer-newblue .ja-wap-score .ja-wap-scoretxt .head-l-score-num .score-num-small {
    color: rgba(71,125,178,.3)
;}

.dealer-newhead .dealer-newhead-ja .dealer-newblue .head-l .head-l-score {
    background: rgba(71,125,178,.05);
    border: 1px solid rgba(71,125,178,.15)
;}

.dealer-newhead .dealer-newhead-ja .dealer-newblue .head-l .head-l-score .head-l-score-h3 .head-l-score-title,.dealer-newhead .dealer-newhead-ja .dealer-newblue .head-l .head-l-score .head-l-score-h3 .iconfont,.dealer-newhead .dealer-newhead-ja .dealer-newblue .head-l .head-l-score .head-l-score-num * {
    color: #477db2
;}

@media screen and (max-width: 1199px) {
    .dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c {
        margin-right:0;
        width: 636px
    ;}

    .dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-title {
        width: 460px
    ;}

    .dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-r {
        transform: translateX(10000px)
    ;}
;}

@media screen and (max-width: 999px) {
    .dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-l {
        width:170px
    ;}

    .dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-l .head-l-logo {
        height: 102px
    ;}

    .dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-l .head-l-logo .dealer-l-logo-seal {
        height: 77px;
        top: 44px
    ;}

    .dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-l .head-l-logo .head-l-logo-img {
        height: 78px;
        width: 146px
    ;}

    .dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c {
        margin-right: 0;
        width: 506px
    ;}

    .dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-title {
        width: 320px
    ;}

    .dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-title .head-c-title-text {
        font-size: 26px;
        line-height: 36px
    ;}

    .dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-href .head-c-hrefweb1 {
        width: 238px
    ;}

    .dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-r {
        display: none
    ;}

    .dealer-newhead .dealer-newhead-ja .newhead-ja-pc .newhead-tool {
        right: 30px;
        top: 30px
    ;}
;}

@media screen and (max-width: 799px) {
    .dealer-newhead .dealer-newhead-ja {
        padding:10px
    ;}

    .dealer-newhead .dealer-newhead-ja .newhead-head .newhead-head-r .newhead-head-label .newhead-head-span3:last-child,.dealer-newhead .dealer-newhead-ja .newhead-head .newhead-head-r .newhead-head-span span:last-child {
        margin-right: 0
    ;}

    .dealer-newhead .dealer-newhead-ja .newhead-head .newhead-head-r .newhead-head-label .newhead-head-span3:first-child:after {
        display: none
    ;}
;}

.dealer-newhead .iframe-show {
    align-items: center;
    background: rgba(0,0,0,.3);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
;}

.dealer-newhead .iframe-show .show-box {
    position: relative
;}

.dealer-newhead .iframe-show .show-box .icon-close {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px
;}

.dealer-newhead .iframe-show .show-box .iframe {
    background: #fff;
    border-radius: 10px;
    height: 366px;
    padding: 0 20px;
    width: 380px
;}

.dealer-newhead .dealer-module-mode {
    background-color: transparent
;}

.dealer-newhead .tslabellog .el-dialog .el-dialog__body {
    padding: 20px
;}

.dealer-newhead .tslabellog .el-dialog__close {
    color: #1d2129;
    font-size: 22px
;}

@media screen and (max-width: 799px) {
    .dealer-newhead .tslabellog {
        align-items:flex-end
    ;}

    .dealer-newhead .tslabellog .el-dialog {
        background: #fff url(https://resources1.interface003.com/web20/img/dealer/tsbqbg.png) no-repeat 0 0;
        background-size: contain;
        border-radius: 14px 14px 0 0
    ;}

    .dealer-newhead .tslabellog .el-dialog .el-dialog__header {
        padding: 6px 0 0
    ;}

    .dealer-newhead .tslabellog .el-dialog .el-dialog__body {
        padding: 20px
    ;}
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-r .dealer-info-list .error-info {
    right: 10px
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-pc .newhead-tool {
    left: 30px;
    right: unset
;}

html[dir=rtl] .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-db {
    left: 10px;
    right: unset
;}

html[dir=rtl] .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-db .iconfont {
    margin-left: 4px;
    margin-right: 0
;}

html[dir=rtl] .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-title .dealer-info-title-icon,html[dir=rtl] .dealer-info-list .dealer-info-ul .dealer-info-box .error-info .score-fx-p {
    margin-left: 0;
    margin-right: 4px
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-pc .head-c .head-c-title .iconfont {
    margin-left: 0;
    margin-right: 20px
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-pc .head-c .head-c-span .head-c-span-img {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-pc .head-c .head-c-weburl .head-c-weburl-r {
    margin-left: 0;
    margin-right: 26px
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-pc .head-c .head-c-bt-span,html[dir=rtl] .dealer-newhead .dealer-newhead-pc .head-c .head-c-bt-span:last-child {
    margin-left: 0;
    margin-right: 0
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-pc .head-c .head-c-bt-span:last-child {
    margin-right: 10px
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-pc .head-l .head-l-logo .dealer-l-logo-seal {
    left: unset;
    right: 89px;
    transform: rotate(45deg)
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-pc .head-l .head-l-logo .dealer-l-logo-label {
    left: unset;
    right: 2px
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-pc .head-l .head-l-score .head-l-score-h3 .iconfont {
    margin-left: 0;
    margin-right: 5px
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-pc .head-l .head-l-score .head-l-score-num .score-num-small {
    margin-left: 0;
    margin-right: 6px
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-pc .head-l {
    margin-left: 24px;
    margin-right: 0
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-pc .head-c {
    margin-left: 30px;
    margin-right: 0
;}

html[dir=rtl] .dealer-info-list .dealer-info-ul .dealer-info-box {
    margin-left: 12px;
    margin-right: 0
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-wap .newhead-head .newhead-head-r {
    padding-left: 0;
    padding-right: 16px
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-wap .newhead-head .newhead-head-r .newhead-head-label .newhead-head-span3,html[dir=rtl] .dealer-newhead .dealer-newhead-wap .newhead-head .newhead-head-r .newhead-head-span img,html[dir=rtl] .dealer-newhead .dealer-newhead-wap .newhead-head .newhead-head-r .newhead-head-span span {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-wap .newhead-head .newhead-head-l .dealer-l-logo-seal {
    left: unset;
    right: 62px;
    transform: rotate(45deg)
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-wap .newhead-info .newhead-info-l {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-wap .newhead-info .newhead-info-l .newhead-infobox-r:first-child,html[dir=rtl] .dealer-newhead .dealer-newhead-wap .newhead-info .newhead-info-r .newhead-infobox-r:first-child {
    margin-left: 10px;
    margin-right: 0
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-wap .newhead-bt .newhead-btbox:first-child {
    margin-left: 7px;
    margin-right: 0
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-wap .newhead-head .newhead-head-l .dealer-l-logo-label {
    left: unset;
    right: 1px
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-wap .newhead-info .newhead-info-l .newhead-infobox .head-l-score-num .score-num-small,html[dir=rtl] .dealer-newhead .dealer-newhead-wap .newhead-info .newhead-info-r .newhead-infobox .head-l-score-num .score-num-small {
    margin-left: 0;
    margin-right: 4px
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-title .title-icon {
    margin-left: 4px;
    margin-right: 0
;}

html[dir=rtl] .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label .dealer-info-li-c1,html[dir=rtl] .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label .dealer-info-li-c3 {
    margin-left: 6px;
    margin-right: 0
;}

html[dir=rtl] .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-r .iconfont,html[dir=rtl] .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-head .mt-head-r .iconfont {
    transform: rotate(180deg)
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-label .head-c-label-text:after,html[dir=rtl] .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-span .head-c-span-text:after {
    left: -12px;
    right: unset
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-label .head-c-label-text {
    margin-left: 20px;
    margin-right: 0
;}

html[dir=rtl] .newhead-head .newhead-head-r .newhead-head-title .title-icon {
    margin-left: 6px;
    margin-right: 0
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .lcs-info .lcs-label .lcs-text {
    margin-left: 0;
    margin-right: 2px
;}

html[dir=rtl] .newhead-head .newhead-head-r .newhead-head-title .newhead-head-titletxt {
    margin-left: 10px;
    margin-right: 0
;}

html[dir=rtl] .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label .dealer-info-li-c3 {
    margin-left: 6px;
    margin-right: 0
;}

html[dir=rtl] .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li .dealer-info-li-r .iconfont {
    transform: rotate(180deg)
;}

html[dir=rtl] .dealer-info-list .score-position {
    left: 332px;
    right: unset
;}

html[dir=rtl] .dealer-info-list .error-info .score-fx-p {
    margin-left: 0;
    margin-right: 4px
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-bt-span .icon-exposure2 {
    margin-left: 6px;
    margin-right: 0
;}

html[dir=rtl] .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line .yyl-info-line-r {
    transform: skew(30deg) translateX(4px)
;}

html[dir=rtl] .dealer-info-list .error-info {
    left: 0;
    right: unset
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-span .head-c-span-text i {
    left: -8px;
    right: unset
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-span .head-c-span-text {
    padding-left: 8px;
    padding-right: 0
;}

.leftinfo {
    background: #fff;
    height: 50px;
    line-height: 50px;
    padding: 0 16px;
    position: relative
;}

.leftinfo .home-tab .wiki-nav-wrap .wiki-nav-list .wiki-nav-item.home-tab-active {
    border-bottom: 1px solid #3d3d3d;
    font-weight: 600
;}

.leftinfo .more {
    cursor: pointer;
    flex-direction: row;
    gap: 4px;
    justify-content: center;
    order: 1;
    padding: 0;
    position: absolute;
    right: 26px;
    top: 56px;
    width: 47px
;}

.leftinfo .more,.leftinfo .more .more-name {
    align-items: center;
    display: flex;
    flex: none;
    flex-grow: 0;
    height: 17px
;}

.leftinfo .more .more-name {
    color: #ccc;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    order: 0;
    width: 29px
;}

.leftinfo .more .more-name .icon-arrow-right {
    color: #ccc;
    flex: none;
    flex-grow: 0;
    height: 14px;
    order: 1;
    width: 14px
;}

.screenshot-list .screenshot {
    display: flex;
    margin-top: 28.5px
;}

.screenshot-list .screenshot .screenshot-l .yuandian {
    background: #ccc;
    border-radius: 50%;
    color: #ccc;
    font-size: 8px;
    margin: 12px
;}

.screenshot-list .screenshot .screenshot-l .link {
    background: #f2f2f2;
    height: 98%;
    margin: 0 14px;
    width: 1px
;}

.screenshot-list .screenshot .screenshot-r {
    flex: 1;
    margin-left: 12px
;}

.screenshot-list .screenshot .screenshot-r .r-time {
    align-items: center;
    color: #a3a3a3;
    display: flex;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 27.5px
;}

.screenshot-list .screenshot .screenshot-r .r-list-img {
    display: flex;
    flex-wrap: wrap
;}

.screenshot-list .screenshot .screenshot-r .r-list-img .img-li {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,.05);
    margin-bottom: 20px;
    margin-right: 32px;
    overflow: hidden;
    width: 300px
;}

.screenshot-list .screenshot .screenshot-r .r-list-img .img-li:hover {
    border: 1px solid #f5bc49;
    cursor: pointer
;}

.screenshot-list .screenshot .screenshot-r .r-list-img .img-li .screenshot-time {
    display: flex;
    flex-wrap: wrap;
    margin: 16px 20px 12px
;}

.screenshot-list .screenshot .screenshot-r .r-list-img .img-li .screenshot-time.isMultilingual {
    display: flex;
    flex-direction: column
;}

.screenshot-list .screenshot .screenshot-r .r-list-img .img-li .screenshot-time.isMultilingual .time-txt {
    margin-bottom: 4px
;}

.screenshot-list .screenshot .screenshot-r .r-list-img .img-li .screenshot-time .time-txt {
    color: #a3a3a3;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-right: 10px
;}

.screenshot-list .screenshot .screenshot-r .r-list-img .img-li .screenshot-time .time-c {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px
;}

.screenshot-list .screenshot .screenshot-r .r-list-img .img-li .website-c {
    background: #f7f7f7;
    border-radius: 2px;
    color: #a3a3a3;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0 20px 24px;
    padding: 4px 12px;
    width: -moz-fit-content;
    width: fit-content;
    word-break: break-all
;}

.screenshot-list .screenshot .screenshot-r .r-list-img .img-li img {
    width: 100%
;}

.screenshot-list .screenshot .screenshot-r .m-r-list-img {
    display: none
;}

.screenshot-list .screenshot .screenshot-r .See-more {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    margin: 0 50px 0 auto;
    width: auto
;}

.screenshot-list .screenshot .screenshot-r .See-more .more {
    align-items: center;
    color: #a3a3a3;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-right: 9.5px
;}

.screenshot-list .screenshot .screenshot-r .See-more .more:hover {
    color: #3d3d3d
;}

.screenshot-list .screenshot .screenshot-r .See-more .left {
    color: #3d3d3d;
    font-size: 8px
;}

@media screen and (max-width: 799px) {
    .screenshot-list .screenshot {
        margin-top:24px
    ;}

    .screenshot-list .screenshot .screenshot-l {
        display: none
    ;}

    .screenshot-list .screenshot .screenshot-r {
        margin-left: 0;
        overflow: hidden
    ;}

    .screenshot-list .screenshot .screenshot-r .r-time {
        color: #292929;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 22px;
        margin-bottom: 13px;
        margin-left: 32px
    ;}

    .screenshot-list .screenshot .screenshot-r .r-list-img {
        display: none
    ;}

    .screenshot-list .screenshot .screenshot-r .m-r-list-img {
        -ms-overflow-style: none;
        align-items: center;
        display: flex;
        height: 196px;
        overflow-x: auto;
        overflow: -moz-scrollbars-none
    ;}

    .screenshot-list .screenshot .screenshot-r .m-r-list-img::-webkit-scrollbar {
        display: none
    ;}

    .screenshot-list .screenshot .screenshot-r .m-r-list-img .m-img-li {
        border: 1px solid rgba(0,0,0,.1);
        border-radius: 8px;
        height: 180px;
        margin-right: 16px;
        width: 280px
    ;}

    .screenshot-list .screenshot .screenshot-r .m-r-list-img .m-img-li:first-child {
        margin-left: 24px
    ;}

    .screenshot-list .screenshot .screenshot-r .m-r-list-img .m-img-li img {
        border-radius: 8px;
        height: 180px;
        width: 280px
    ;}

    .screenshot-list .screenshot .screenshot-r .See-more {
        display: none
    ;}
;}

html[dir=rtl] .screenshot-list .screenshot .screenshot-r .r-time {
    margin-left: 0;
    margin-right: 32px
;}

.sham-dealer .shamdealer-box {
    margin: 0 auto;
    padding-bottom: 50px;
    padding-top: 20px;
    width: 1200px
;}

.sham-dealer .shamdealer-box .shamdealer-info {
    display: flex;
    justify-content: space-between;
    padding-top: 20px
;}

.sham-dealer .shamdealer-box .shamdealer-info .deadler-info-l {
    width: 370px
;}

.sham-dealer .shamdealer-box .shamdealer-info .deadler-info-l .time-machine {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    width: 100%
;}

.sham-dealer .shamdealer-box .shamdealer-info .deadler-info-l .download {
    margin-top: 16px
;}

.sham-dealer .shamdealer-box .shamdealer-info .deadler-info-r {
    width: 806px
;}

.sham-dealer .shamdealer-box .shamdealer-info .deadler-info-r .exposure {
    background: #fff;
    border-radius: 4px;
    min-height: 390px;
    width: 100%
;}

.sham-dealer .shamdealer-box .shamdealer-info .deadler-info-r .introduce {
    background: #fff;
    border-radius: 4px;
    margin-top: 16px;
    width: 100%
;}

.sham-dealer .shamdealer-box .shamdealer-info .deadler-info-r .information {
    background: #fff;
    border-radius: 4px;
    margin-top: 16px;
    min-height: 382px;
    width: 100%
;}

.sham-dealer .shamdealer-box .shamdealer-info .deadler-info-r .information .available {
    padding: 24px
;}

.sham-dealer .shamdealer-box .shamdealer-info .deadler-info-r .information .available h3 {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600
;}

.sham-dealer .dealer-l-logo-label {
    background: #2bb351;
    border-radius: 5px 0;
    color: #fff;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    height: 17px;
    left: 1px;
    line-height: 17px;
    max-width: calc(100% - 4px);
    overflow: hidden;
    padding: 0 6px;
    position: absolute;
    top: 1px
;}

.sham-dealer .machine-jeff .machine-con {
    padding: 0 0 20px
;}

@media screen and (max-width: 1199px) {
    .sham-dealer .shamdealer-box {
        width:940px
    ;}

    .sham-dealer .shamdealer-box .shamdealer-info .deadler-info-r {
        width: 546px
    ;}
;}

@media screen and (max-width: 999px) {
    .sham-dealer .shamdealer-box {
        width:760px
    ;}

    .sham-dealer .shamdealer-box .shamdealer-info {
        flex-direction: column
    ;}

    .sham-dealer .shamdealer-box .shamdealer-info .deadler-info-l {
        width: 100%
    ;}

    .sham-dealer .shamdealer-box .shamdealer-info .deadler-info-l .download {
        display: none
    ;}

    .sham-dealer .shamdealer-box .shamdealer-info .deadler-info-r {
        width: 100%
    ;}

    .sham-dealer .shamdealer-box .shamdealer-info .deadler-info-r .information .dealer-article .dealer-rticle-title {
        margin-bottom: 10px
    ;}
;}

@media screen and (max-width: 799px) {
    .sham-dealer .shamdealer-box {
        padding-top:0;
        width: 100%
    ;}

    .sham-dealer .shamdealer-box .shamdealer-info {
        padding-top: 0
    ;}

    .sham-dealer .shamdealer-box .shamdealer-info .deadler-info-l .time-machine {
        border: none;
        border-radius: 0
    ;}

    .sham-dealer .shamdealer-box .shamdealer-info .deadler-info-r .exposure {
        margin-top: 8px
    ;}

    .sham-dealer .shamdealer-box .shamdealer-info .deadler-info-r .exposure .dealer-exposure-jeff {
        padding: 24px 12px
    ;}

    .sham-dealer .shamdealer-box .shamdealer-info .deadler-info-r .information .dealer-article {
        padding: 24px 12px!important
    ;}

    .sham-dealer .screenshot-list .screenshot .screenshot-r .m-r-list-img .m-img-li:first-child,.sham-dealer .screenshot-list .screenshot .screenshot-r .r-time {
        margin-left: 0
    ;}
;}

html[dir=rtl] .sham-dealer .shamdealer-box .shamdealer-info .deadler-info-r .information .dealer-article .article-list .list .list-l {
    padding-left: 24px;
    padding-right: 0
;}

html[dir=rtl] .sham-dealer .shamdealer-box .shamdealer-info .deadler-info-r .information .dealer-article .article-list .list .list-l .list-title span {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .sham-dealer .shamdealer-box .shamdealer-info .deadler-info-r .information .dealer-article .article-list .list .list-l .list-tool .tool-l .tool-l-name {
    margin-right: 10px;
    padding-left: 0
;}

html[dir=rtl] .sham-dealer .screenshot-list .screenshot .screenshot-r .m-r-list-img .m-img-li:first-child,html[dir=rtl] .sham-dealer .screenshot-list .screenshot .screenshot-r .r-time {
    margin-right: 0
;}

.banned-dealer {
    background: #fff;
    margin: 0 auto;
    padding: 140px 0 287px;
    text-align: center
;}

.banned-dealer img {
    height: 326px;
    width: 364px
;}

.banned-dealer h6 {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 34px
;}

.banned-dealer p {
    color: #666c72;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
    margin: 15px 0 30px
;}

.banned-dealer .link {
    background: #323947;
    border-radius: 4px;
    height: 49px;
    padding: 12px 48px
;}

.banned-dealer .link span {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px
;}

.zizhi {
    align-items: center;
    background-color: rgba(0,0,0,.5);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2999
;}

.zizhi .zzbox {
    background: #fff;
    border-radius: 16px;
    position: relative;
    width: 400px
;}

.zizhi .zzbox .icon-close {
    cursor: pointer;
    display: none;
    height: 14px;
    position: absolute;
    right: 14px;
    top: 14px;
    width: 14px
;}

.zizhi .zzbox .zzinfo {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 22px;
    justify-content: center;
    padding: 0 24px
;}

.zizhi .zzbox .zzinfo .zzimg {
    height: 68px;
    margin-top: 44px;
    width: 68px
;}

.zizhi .zzbox .zzinfo p {
    color: #3d3d3d;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin: 26px auto 22px;
    text-align: center;
    width: 320px
;}

.zizhi .zzbox .zzinfo .btn {
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: 40px
;}

.zizhi .zzbox .zzinfo .btn .btn_know {
    align-items: center;
    align-self: stretch;
    border: 1px solid rgba(166,176,195,.5);
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    height: 44px;
    justify-content: center;
    order: 2;
    padding: 0;
    width: 320px
;}

.zizhi .zzbox .zzinfo .btn .btn_know p {
    align-items: center;
    color: #3d3d3d;
    display: block;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-align: center
;}

@media screen and (max-width: 999px) {
    .zizhi .zzbox {
        height:auto;
        width: 80%
    ;}

    .zizhi .zzbox .zzinfo {
        padding: 20px 25px
    ;}

    .zizhi .zzbox .zzinfo p {
        width: 100%
    ;}

    .zizhi .zzbox .zzinfo .btn {
        margin-bottom: 10px
    ;}

    .zizhi .zzbox .zzinfo .btn .btn_know {
        padding: 0 20px;
        width: 100%
    ;}
;}

.new_chrome_down[data-v-3e0a0cbe] {
    border-radius: 12px 0 0 12px;
    display: none;
    height: 114px;
    width: 56px
;}

.new_chrome_down .chrome_ctx_left[data-v-3e0a0cbe] {
    background: url(https://resources1.interface003.com/web20/img/othor/chorme_bg.png) no-repeat #fff;
    border-radius: 12px 0 0 12px;
    box-sizing: border-box;
    cursor: pointer;
    height: 114px;
    position: relative;
    width: 56px
;}

.new_chrome_down .chrome_ctx_left[data-v-3e0a0cbe]:hover {
    background-color: #eee
;}

.new_chrome_down .chrome_ctx_left .chorme_corp[data-v-3e0a0cbe] {
    align-items: center;
    background: #4889f4;
    border-radius: 11px 0;
    display: flex;
    height: 21px;
    justify-content: center;
    width: 27px
;}

.new_chrome_down .chrome_ctx_left .chorme_center[data-v-3e0a0cbe] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
;}

.new_chrome_down .chrome_ctx_left .chorme_center .img_center[data-v-3e0a0cbe] {
    height: 26px;
    width: 26px
;}

.new_chrome_down .chrome_ctx_left .chorme_center .text_center[data-v-3e0a0cbe] {
    color: #3d3d3d;
    font-family: PingFang SC;
    font-size: 10px;
    font-weight: 600;
    height: 14px;
    line-height: 14px;
    margin-top: 3px
;}

.new_chrome_down .chrome_ctx_right[data-v-3e0a0cbe] {
    align-items: center;
    background: #fff;
    background-size: auto 234px;
    border-radius: 12px;
    bottom: -112px;
    display: none;
    filter: drop-shadow(0 0 14px rgba(0,0,0,.1));
    justify-content: center;
    position: absolute;
    right: 68px;
    width: 348px
;}

.new_chrome_down .chrome_ctx_right .chrome_main[data-v-3e0a0cbe] {
    margin: 0 20px;
    position: relative
;}

.new_chrome_down .chrome_ctx_right .chrome_main .chrome_download[data-v-3e0a0cbe] {
    align-items: center;
    display: flex;
    flex-direction: column
;}

.new_chrome_down .chrome_ctx_right .chrome_main .chrome_download .title[data-v-3e0a0cbe] {
    align-items: center;
    color: #000;
    display: flex;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    margin-top: 16px
;}

.new_chrome_down .chrome_ctx_right .chrome_main .chrome_download .subtitle[data-v-3e0a0cbe] {
    color: #9a9a9c;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 2px 0 22px;
    text-align: center
;}

.new_chrome_down .chrome_ctx_right .chrome_main .chrome_download .des[data-v-3e0a0cbe] {
    align-items: center;
    color: #292929;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center
;}

.new_chrome_down .chrome_ctx_right .chrome_main .chrome_download .btn[data-v-3e0a0cbe] {
    align-items: center;
    border: 1px solid rgba(0,0,0,.6);
    border-radius: 69px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    margin: 16px 0 28px;
    padding: 6px 20px
;}

.new_chrome_down .chrome_ctx_right .chrome_main .chrome_download .btn[data-v-3e0a0cbe]:hover {
    background: #eee
;}

.new_chrome_down .chrome_ctx_right .chrome_main .chrome_download .btn img[data-v-3e0a0cbe] {
    height: 32px;
    width: 32px
;}

.new_chrome_down .chrome_ctx_right .chrome_main .chrome_download .btn p[data-v-3e0a0cbe] {
    align-items: center;
    color: #000;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-left: 7px
;}

.new_chrome_down .chrome_ctx_right .chrome_close[data-v-3e0a0cbe] {
    align-items: flex-start;
    border: .5px solid rgba(0,0,0,.2);
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 22px;
    padding: 2px;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 22px
;}

.new_chrome_down .chrome_ctx_right .chrome_close[data-v-3e0a0cbe]:hover {
    background-color: #eee
;}

.new_chrome_down .chrome_ctx_right .chrome_close .iconfont[data-v-3e0a0cbe] {
    font-size: 17px;
    height: 17px;
    width: 17px
;}

.new_chrome_down .chrome_ctx_right_flex[data-v-3e0a0cbe] {
    display: flex
;}

.new_chrome_down .chrome-show[data-v-3e0a0cbe] {
    animation: c_show-3e0a0cbe 1s forwards
;}

@keyframes c_hid-3e0a0cbe {
    0% {
        opacity: 1;
        transform: translateX(0)
    ;}

    to {
        opacity: 0;
        transform: translateX(500px)
    ;}
;}

@keyframes c_show-3e0a0cbe {
    0% {
        opacity: 0;
        transform: translateX(500px)
    ;}

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

.new_chrome_down_block[data-v-3e0a0cbe] {
    display: block
;}

@media screen and (max-width: 799px) {
    .new_chrome_down[data-v-3e0a0cbe] {
        display:none
    ;}
;}

.deposit-new table {
    border-collapse: collapse;
    table-layout: fixed
;}

.deposit-new table tr {
    border-radius: 2px;
    display: flex
;}

.deposit-new table tr td,.deposit-new table tr th {
    color: #3d3d3d;
    flex: 1 1 0%;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 11px;
    text-align: center
;}

.deposit-new table tr th {
    color: #fff!important
;}

.tooltip-dealer.is-dark {
    background: #fff;
    border-radius: 0;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.18);
    max-width: 90%;
    z-index: 5!important
;}

.tooltip-dealer[x-placement^=bottom] .popper__arrow,.tooltip-dealer[x-placement^=bottom] .popper__arrow:after {
    border-bottom-color: #fff
;}

@media screen and (max-width: 799px) {
    .el-tooltip__popper .popper__arrow {
        display:none
    ;}
;}

.dealer-account-new {
    padding: 24px 40px
;}

@media (max-width: 799px) {
    .dealer-account-new {
        padding:20px 12px
    ;}
;}

.dealer-account-new .left {
    --tw-text-opacity: 1;
    color: rgb(29 33 41/var(--tw-text-opacity));
    font-size: 14px;
    font-weight: 400;
    margin-right: 10px;
    max-width: 110px;
    min-width: 110px;
    white-space: nowrap
;}

@media (max-width: 799px) {
    .dealer-account-new .left {
        margin-right:24px;
        min-width: auto;
        width: 56px
    ;}
;}

.dealer-account-new .left:where([dir=rtl],[dir=rtl] *) {
    margin-left: 10px;
    margin-right: 0
;}

.dealer-account-new .ol-left {
    max-width: 240px;
    min-width: 240px;
    width: 240px
;}

@media (max-width: 999px) {
    .dealer-account-new .ol-left {
        max-width:150px;
        min-width: 150px;
        width: 150px
    ;}
;}

@media (max-width: 799px) {
    .dealer-account-new .ol-left {
        margin-bottom:10px;
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
        width: 100%
    ;}
;}

.dealer-account-new .ol-left {
    word-wrap: break-word;
    white-space: unset;
    -ms-word-break: break-all;
    word-break: break-word
;}

.dealer-account-new .right {
    --tw-text-opacity: 1;
    color: rgb(29 33 41/var(--tw-text-opacity));
    font-size: 14px;
    font-weight: 600;
    max-width: 892px
;}

@media (max-width: 1199px) {
    .dealer-account-new .right {
        max-width:356px
    ;}
;}

.dealer-account-new .right {
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word
;}

.dealer-account-new .dealer-real-new .real-head ul li {
    --tw-text-opacity: 1;
    align-items: center;
    color: rgb(255 255 255/var(--tw-text-opacity));
    display: flex;
    font-size: 14px;
    justify-content: center;
    min-height: 40px;
    text-align: center;
    width: 150px
;}

@media (max-width: 1199px) {
    .dealer-account-new .dealer-real-new .real-head ul li {
        width:110px
    ;}
;}

@media (max-width: 999px) {
    .dealer-account-new .dealer-real-new .real-head ul li {
        width:80px
    ;}
;}

@media (max-width: 799px) {
    .dealer-account-new .dealer-real-new .real-head ul li {
        width:150px
    ;}

    .dealer-account-new .dealer-real-new .real-head .isChBox li {
        width: 80px
    ;}
;}

.dealer-account-new .dealer-real-new .real-list ul li {
    --tw-text-opacity: 1;
    align-items: center;
    color: rgb(29 33 41/var(--tw-text-opacity));
    display: flex;
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    line-height: 20px;
    text-align: center;
    width: 150px
;}

@media (max-width: 1199px) {
    .dealer-account-new .dealer-real-new .real-list ul li {
        width:110px
    ;}
;}

@media (max-width: 999px) {
    .dealer-account-new .dealer-real-new .real-list ul li {
        width:80px
    ;}
;}

@media (max-width: 799px) {
    .dealer-account-new .dealer-real-new .real-list ul li {
        width:150px
    ;}

    .dealer-account-new .dealer-real-new .real-list .isChBox li {
        width: 80px
    ;}
;}

.dealer-account-new .list-bg {
    align-items: center;
    display: flex;
    height: 20px;
    justify-content: center;
    width: 80px
;}

.dealer-account-new .red {
    color: #b2243c!important
;}

.dealer-account-new .green {
    color: #338066!important
;}

.soft-li[data-v-2bba5797] {
    align-items: center;
    background: #f6f7f9;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    margin-right: 8px;
    padding: 5px 6px;
    width: 232px
;}

.soft-li .mt-t-r-list-l[data-v-2bba5797] {
    color: #3d3d3d;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
;}

.soft-li .mt-t-r-list-r[data-v-2bba5797] {
    align-items: center;
    display: flex
;}

.soft-li .mt-t-r-list-r .iconfont[data-v-2bba5797] {
    font-size: 14px
;}

.soft-li .mt-t-r-list-r .icon-queren-zhengque[data-v-2bba5797] {
    color: #3d8342
;}

.soft-li .mt-t-r-list-r .icon-17cuowu[data-v-2bba5797] {
    color: #c12d32
;}

.soft-li .mt-t-r-list-r img[data-v-2bba5797] {
    height: 14px;
    margin-left: 5px
;}

.soft-li .mt-t-r-list-r .mt-t-r-list-r-text[data-v-2bba5797] {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px
;}

.soft-li[data-v-2bba5797]:nth-child(2n) {
    margin-right: 0!important
;}

html[dir=rtl] .soft-li[data-v-2bba5797] {
    margin-right: 0
;}

html[dir=rtl] .soft-li[data-v-2bba5797]:nth-child(2n) {
    margin-left: 0
;}

.dealer-mt[data-v-6d93e428] {
    align-items: center;
    background: rgba(0,0,0,.6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2090
;}

.dealer-mt .mt-mode[data-v-6d93e428] {
    background: #fff;
    border-radius: 14px;
    max-height: 900px;
    position: relative;
    width: 920px
;}

.dealer-mt .mt-mode .close[data-v-6d93e428] {
    color: #676c73;
    cursor: pointer;
    font-size: 20px;
    font-weight: 600;
    position: absolute;
    right: 20px;
    top: 12px
;}

.dealer-mt .mt-mode .mt-info[data-v-6d93e428] {
    box-sizing: border-box;
    height: 100%;
    padding: 30px 20px 30px 30px;
    width: 100%
;}

.dealer-mt .mt-mode .mt-info .mt-t[data-v-6d93e428] {
    max-height: 725px;
    min-height: 300px;
    position: relative;
    width: 100%
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-l[data-v-6d93e428] {
    float: left;
    height: 100%;
    width: 358px
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-l .mt-big-img[data-v-6d93e428] {
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: flex;
    height: 224px;
    justify-content: center;
    overflow: hidden;
    width: 100%
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-l .mt-big-img img[data-v-6d93e428] {
    border-radius: 6px;
    cursor: pointer;
    width: 100%
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-l .mt-t-list[data-v-6d93e428] {
    height: 50px;
    margin-top: 8px;
    overflow: hidden;
    position: relative
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-l .mt-t-list .mt-t-list-p[data-v-6d93e428] {
    display: flex;
    left: 0;
    position: absolute;
    top: 0;
    transition: all .5s linear;
    white-space: nowrap
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-l .mt-t-list .mt-t-list-p .mt-t-list-p-box[data-v-6d93e428] {
    align-items: center;
    border: 2px solid #fff;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    height: 50px;
    justify-content: center;
    margin-right: 8px;
    overflow: hidden;
    width: 65.2px
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-l .mt-t-list .mt-t-list-p img[data-v-6d93e428] {
    width: 100%
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-l .mt-t-list .mt-t-list-p .mt-t-list-active[data-v-6d93e428] {
    border: 2px solid #ffd733;
    border-radius: 6px
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-l .mt-t-list .mt-page[data-v-6d93e428] {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 50px;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 27px
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-l .mt-t-list .mt-page .iconfont[data-v-6d93e428] {
    color: #fff;
    font-size: 20px
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-l .mt-t-list .mt-pre[data-v-6d93e428] {
    background: linear-gradient(90deg,#000,transparent);
    left: 0
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-l .mt-t-list .mt-next[data-v-6d93e428] {
    background: linear-gradient(270deg,#000,transparent);
    right: 0
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-r[data-v-6d93e428] {
    box-sizing: border-box;
    float: right;
    padding-left: 30px;
    position: relative;
    width: 510px
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-r .mt-t-r-box[data-v-6d93e428] {
    max-height: 620px;
    overflow: auto
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-r .mt-t-title[data-v-6d93e428] {
    align-items: center;
    display: flex;
    width: calc(100% - 20px)
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-r .mt-t-title img[data-v-6d93e428] {
    border-radius: 4px;
    height: 20px;
    width: 20px
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-r .mt-t-title span[data-v-6d93e428] {
    color: #3d3d3d;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    padding-left: 6px
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-r .mt-t-p[data-v-6d93e428] {
    color: #3d3d3d;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-top: 10px;
    word-break: break-all
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-r .mt-t-r-list[data-v-6d93e428] {
    margin-top: 20px;
    position: relative
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-r .mt-t-r-list .mt-t-r-list-ul[data-v-6d93e428] {
    display: flex;
    flex-flow: wrap
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-r .mt-t-r-list .mt-t-r-list-ul li[data-v-6d93e428] {
    align-items: center;
    background: #f6f7f9;
    border-radius: 4px;
    display: flex;
    height: 28px;
    justify-content: space-between;
    margin-bottom: 8px;
    margin-right: 8px;
    padding: 0 6px;
    width: 232px
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-r .mt-t-r-list .mt-t-r-list-ul li .mt-t-r-list-l[data-v-6d93e428] {
    color: #3d3d3d;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-r .mt-t-r-list .mt-t-r-list-ul li .mt-t-r-list-r[data-v-6d93e428] {
    align-items: center;
    display: flex
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-r .mt-t-r-list .mt-t-r-list-ul li .mt-t-r-list-r .iconfont[data-v-6d93e428] {
    font-size: 14px
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-r .mt-t-r-list .mt-t-r-list-ul li .mt-t-r-list-r .icon-queren-zhengque[data-v-6d93e428] {
    color: #3d8342
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-r .mt-t-r-list .mt-t-r-list-ul li[data-v-6d93e428]:nth-child(2n) {
    margin-right: 0
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-r .zhang[data-v-6d93e428] {
    bottom: -70px;
    height: 92px;
    position: absolute;
    right: 20px
;}

.dealer-mt .mt-mode .mt-info .mt-b[data-v-6d93e428] {
    margin-top: 20px
;}

.dealer-mt .mt-mode .mt-info .mt-b.aitem[data-v-6d93e428] {
    align-items: center;
    display: flex
;}

.dealer-mt .mt-mode .mt-info .mt-b.aitem .mt-b-list[data-v-6d93e428] {
    flex: 1;
    margin-left: 10px;
    margin-top: 0
;}

.dealer-mt .mt-mode .mt-info .mt-b.aitem .mt-b-list .mt-b-ul[data-v-6d93e428] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
;}

.dealer-mt .mt-mode .mt-info .mt-b.aitem .mt-b-list .mt-b-ul .mt-b-ul-lt[data-v-6d93e428] {
    width: 472px
;}

.dealer-mt .mt-mode .mt-info .mt-b .mt-b-title[data-v-6d93e428] {
    color: #3d3d3d;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px
;}

.dealer-mt .mt-mode .mt-info .mt-b .mt-b-list[data-v-6d93e428] {
    display: flex;
    justify-content: space-between;
    margin-top: 14px
;}

.dealer-mt .mt-mode .mt-info .mt-b .mt-b-list .mt-b-ul[data-v-6d93e428] {
    width: 395px
;}

.dealer-mt .mt-mode .mt-info .mt-b .mt-b-list .mt-b-ul .mt-b-ul-t[data-v-6d93e428] {
    color: #a3a3a3;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.dealer-mt .mt-mode .mt-info .mt-b .mt-b-list .mt-b-ul .mt-b-ul-lt[data-v-6d93e428] {
    align-items: center;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.05);
    display: flex;
    height: 48px;
    justify-content: space-between;
    width: 100%
;}

.dealer-mt .mt-mode .mt-info .mt-b .mt-b-list .mt-b-ul .mt-b-ul-lt span[data-v-6d93e428] {
    color: #3d3d3d;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.dealer-mt .mt-mode .mt-info .mt-b .mt-b-list .mt-b-ul .mt-b-ul-lt .mt-b-ul-lt-text[data-v-6d93e428] {
    align-items: center;
    display: flex
;}

.dealer-mt .mt-mode .mt-info .mt-b .mt-b-list .mt-b-ul .mt-b-ul-lt .mt-b-ul-lt-text a[data-v-6d93e428] {
    color: #0081ff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 250px
;}

.dealer-mt .mt-mode .mt-info .mt-b .mt-b-list .mt-b-ul .mt-b-ul-lt .mt-b-ul-lt-text span[data-v-6d93e428] {
    color: #0081ff;
    cursor: pointer;
    margin-left: 6px
;}

.dealer-mt .mt-mode .mt45[data-v-6d93e428] {
    box-sizing: border-box;
    display: flex;
    height: 100%;
    padding: 30px 30px 0;
    width: 100%
;}

.dealer-mt .mt-mode .mt45 .mt45-l[data-v-6d93e428],.dealer-mt .mt-mode .mt45 .mt45-r[data-v-6d93e428] {
    flex: 1
;}

.dealer-mt .mt-mode .mt45 .mt45-l[data-v-6d93e428] {
    margin-right: 30px;
    position: relative
;}

.dealer-mt .mt-mode .mt45 .mt45-l .mt45-l-title[data-v-6d93e428] {
    align-items: center;
    display: flex
;}

.dealer-mt .mt-mode .mt45 .mt45-l .mt45-l-title img[data-v-6d93e428] {
    height: 20px;
    width: 20px
;}

.dealer-mt .mt-mode .mt45 .mt45-l .mt45-l-title span[data-v-6d93e428] {
    color: #3d3d3d;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    margin-left: 6px
;}

.dealer-mt .mt-mode .mt45 .mt45-l .mt45-l-des[data-v-6d93e428] {
    color: #3d3d3d;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-top: 14px
;}

.dealer-mt .mt-mode .mt45 .mt45-l .mt45-l-list[data-v-6d93e428] {
    margin-top: 14px;
    position: relative
;}

.dealer-mt .mt-mode .mt45 .mt45-l .mt45-l-list .mt-t-r-list-ul[data-v-6d93e428] {
    display: flex;
    flex-flow: wrap
;}

.dealer-mt .mt-mode .mt45 .mt45-l .zhang[data-v-6d93e428] {
    height: 92px;
    position: absolute;
    right: 20px;
    top: 5px
;}

.dealer-mt .mt-mode .mt45 .mt45-r[data-v-6d93e428] {
    display: flex;
    flex-direction: column
;}

.dealer-mt .mt-mode .mt45 .mt45-r .mt45-r-title[data-v-6d93e428] {
    color: #3d3d3d;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px
;}

.dealer-mt .mt-mode .mt45 .mt45-r .mt45-info-box[data-v-6d93e428] {
    flex: 1;
    max-height: 540px;
    overflow: auto
;}

.dealer-mt .mt-mode .mt45 .mt45-r .mt45-info-box .mt45-info[data-v-6d93e428] {
    margin-top: 14px
;}

.dealer-mt .mt-mode .mt45 .mt45-r .mt45-info-box .mt45-info .mt45-info-title[data-v-6d93e428] {
    color: #a3a3a3;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.dealer-mt .mt-mode .mt45 .mt45-r .mt45-info-box .mt45-info .mt45-info-a[data-v-6d93e428] {
    align-items: center;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.05);
    display: flex;
    height: 48px;
    justify-content: space-between
;}

.dealer-mt .mt-mode .mt45 .mt45-r .mt45-info-box .mt45-info .mt45-info-a .mt45-info-a-l[data-v-6d93e428] {
    color: #3d3d3d;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.dealer-mt .mt-mode .mt45 .mt45-r .mt45-info-box .mt45-info .mt45-info-a .iconfont[data-v-6d93e428] {
    cursor: pointer
;}

.dealer-mt .mt-mode .mt45 .mt45-r .mt45-info-box .mt45-info .mt45-info-a .mt45-info-a-link[data-v-6d93e428] {
    align-items: center;
    display: flex
;}

.dealer-mt .mt-mode .mt45 .mt45-r .mt45-info-box .mt45-info .mt45-info-a .mt45-info-a-link a[data-v-6d93e428] {
    color: #0081ff;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-mt .mt-mode .mt45 .mt45-r .mt45-info-box .mt45-info .mt45-info-a .mt45-info-a-link .icon-fuzhi[data-v-6d93e428] {
    color: #0081ff;
    margin-left: 10px
;}

.dealer-mt .mt-wap[data-v-6d93e428] {
    background: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
;}

.dealer-mt .mt-wap .mt-wap-head[data-v-6d93e428] {
    align-items: center;
    display: flex;
    height: 45px;
    padding: 0 18px
;}

.dealer-mt .mt-wap .mt-wap-head .mt-wap-head-text[data-v-6d93e428] {
    color: #3d3d3d;
    flex: 1;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    text-align: center
;}

.dealer-mt .mt-wap .mt-wap-info-box[data-v-6d93e428] {
    flex: 1;
    overflow: auto;
    padding-bottom: 20px
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info[data-v-6d93e428] {
    margin-top: 15px;
    padding: 0 20px
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-banner[data-v-6d93e428] {
    background: #868a8d;
    border-radius: 12px;
    height: 180px;
    overflow: hidden;
    width: 100%
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-banner .mt-wap-banner-img[data-v-6d93e428] {
    align-items: center;
    border-radius: 12px;
    display: flex;
    height: 180px;
    justify-content: center;
    overflow: hidden
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-banner .mt-wap-banner-img img[data-v-6d93e428] {
    max-height: 100%;
    max-width: 100%
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-title[data-v-6d93e428] {
    align-items: center;
    display: flex;
    margin-top: 22px
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-title img[data-v-6d93e428] {
    height: 18px;
    width: 18px
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-title span[data-v-6d93e428] {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    margin-left: 6px
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-p[data-v-6d93e428] {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-top: 16px
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-list[data-v-6d93e428] {
    margin-top: 16px;
    position: relative
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-list .mt-t-r-list-ul[data-v-6d93e428] {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-list .mt-t-r-list-ul .soft-li[data-v-6d93e428] {
    margin-right: 0!important;
    width: 49%!important
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-list .zhang[data-v-6d93e428] {
    bottom: -70px;
    height: 92px;
    position: absolute;
    right: 0
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-down[data-v-6d93e428] {
    background: #f7f8fa;
    border-radius: 4px;
    margin-top: 18px
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-down .mt-wap-down-list[data-v-6d93e428] {
    padding: 12px
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-down .mt-wap-down-list h4[data-v-6d93e428] {
    color: #a3a3a3;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-down .mt-wap-down-list ul .mt-wap-down-ul[data-v-6d93e428] {
    align-items: center;
    display: flex;
    height: 20px;
    justify-content: space-between;
    margin-top: 8px
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-down .mt-wap-down-list ul .mt-wap-down-ul .mt-wap-down-label[data-v-6d93e428] {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-down .mt-wap-down-list ul .mt-wap-down-ul .icon-arrow-right[data-v-6d93e428] {
    color: #a3a3a3!important
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-down .mt-wap-down-list ul .mt-wap-down-ul .mt-wap-down-ul-text[data-v-6d93e428] {
    align-items: center;
    color: #0081ff;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-down .mt-wap-down-list ul .mt-wap-down-ul .mt-wap-down-ul-text a[data-v-6d93e428] {
    color: #0081ff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-down .mt-wap-down-list ul .mt-wap-down-ul .mt-wap-down-ul-text .iconfont[data-v-6d93e428] {
    color: #0081ff;
    margin-left: 6px
;}

.dealer-mt .mt-wap .mt-wap-info-box .hr[data-v-6d93e428] {
    background: #f8f8fa;
    height: 8px;
    margin-top: 10px
;}

.dealer-mt .mt45-l-label[data-v-6d93e428] {
    display: flex;
    margin-top: 21px
;}

.dealer-mt .mt45-l-label .mt45-l-label-l[data-v-6d93e428] {
    align-items: center;
    background: rgba(17,170,102,.1);
    border-radius: 4px;
    display: flex;
    height: 28px;
    padding: 0 8px
;}

.dealer-mt .mt45-l-label .mt45-l-label-l .iconfont[data-v-6d93e428] {
    align-items: center;
    background: #1a6;
    border-radius: 8px;
    color: #fff;
    display: flex;
    font-size: 10px;
    height: 16px;
    justify-content: center;
    width: 16px
;}

.dealer-mt .mt45-l-label .mt45-l-label-l .iconfont-text[data-v-6d93e428] {
    color: #1a6;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    padding-left: 6px
;}

.dealer-mt .mt45-ece2 .mt45-ece2-ul[data-v-6d93e428] {
    margin-top: 14px
;}

.dealer-mt .mt45-ece2 .mt45-ece2-ul .mt45-ece2-y[data-v-6d93e428] {
    align-items: center;
    background: #fafafa;
    cursor: pointer;
    display: flex;
    height: 28px;
    justify-content: space-between;
    padding: 0 8px
;}

.dealer-mt .mt45-ece2 .mt45-ece2-ul .mt45-ece2-y .mt45-ece2-y-l[data-v-6d93e428] {
    align-items: center;
    display: flex
;}

.dealer-mt .mt45-ece2 .mt45-ece2-ul .mt45-ece2-y .mt45-ece2-y-l img[data-v-6d93e428] {
    height: 12px
;}

.dealer-mt .mt45-ece2 .mt45-ece2-ul .mt45-ece2-y .mt45-ece2-y-l .mt45-ece2-y-l-text[data-v-6d93e428] {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding-left: 8px
;}

.dealer-mt .mt45-ece2 .mt45-ece2-ul .mt45-ece2-y .mt45-ece2-y-l .iconfont[data-v-6d93e428] {
    color: #2e5299
;}

.dealer-mt .mt45-ece2 .mt45-ece2-ul .mt45-ece2-y .mt45-ece2-y-r span[data-v-6d93e428] {
    display: flex;
    transition: all .5s
;}

.dealer-mt .mt45-ece2 .mt45-ece2-ul .mt45-ece2-more[data-v-6d93e428] {
    padding: 0 8px
;}

.dealer-mt .mt45-ece2 .mt45-ece2-ul .mt45-ece2-more ul li[data-v-6d93e428] {
    align-items: center;
    display: flex;
    height: 28px;
    justify-content: space-between;
    margin-top: 10px
;}

.dealer-mt .mt45-ece2 .mt45-ece2-ul .mt45-ece2-more ul li .mt45-ece2-more-ip[data-v-6d93e428] {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.dealer-mt .mt45-ece2 .mt45-ece2-ul .mt45-ece2-more ul li .mt45-ece2-more-r[data-v-6d93e428] {
    align-items: center;
    display: flex
;}

.dealer-mt .mt45-ece2 .mt45-ece2-ul .mt45-ece2-more ul li .mt45-ece2-more-r img[data-v-6d93e428] {
    height: 14px
;}

.dealer-mt .mt45-ece2 .mt45-ece2-ul .mt45-ece2-more ul li .mt45-ece2-more-r span[data-v-6d93e428] {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding-left: 5px
;}

.dealer-mt .soft-big-img[data-v-6d93e428] {
    align-items: center;
    background: rgba(0,0,0,.6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
;}

.dealer-mt .soft-big-img img[data-v-6d93e428] {
    max-height: 100%;
    max-width: 100%
;}

.dealer-mt .soft-big-img .icon-guanbi2[data-v-6d93e428] {
    color: #fff;
    cursor: pointer;
    font-size: 24px;
    position: fixed;
    right: 30px;
    top: 30px
;}

@media screen and (max-width: 999px) {
    .dealer-mt .mt-mode[data-v-6d93e428] {
        width:700px
    ;}

    .dealer-mt .mt-mode .mt-info .mt-t .mt-t-l[data-v-6d93e428] {
        width: 285px
    ;}

    .dealer-mt .mt-mode .mt-info .mt-t .mt-t-r[data-v-6d93e428] {
        width: 360px
    ;}

    .dealer-mt .mt-mode .mt-info .mt-t .mt-t-r .mt-t-r-list .mt-t-r-list-ul .soft-li[data-v-6d93e428] {
        width: 158px!important
    ;}

    .dealer-mt .mt-mode .mt-info .mt-b .mt-b-list .mt-b-ul[data-v-6d93e428] {
        width: 285px
    ;}

    .dealer-mt .mt-mode .mt-info .mt-b .mt-b-list .mt-b-ul .mt-b-ul-lt .mt-b-ul-lt-text a[data-v-6d93e428] {
        width: 200px
    ;}

    .dealer-mt .mt-mode .mt45 .mt45-l .mt45-l-list .mt-t-r-list-ul .soft-li[data-v-6d93e428] {
        width: 148.5px!important
    ;}

    .dealer-mt .mt-mode .mt45 .mt45-r .mt45-info .mt45-info-a .mt45-info-a-link a[data-v-6d93e428] {
        max-width: 200px!important
    ;}
;}

html[dir=rtl] .dealer-mt .mt-mode .mt-info .mt-t .mt-t-r .mt-t-title[data-v-6d93e428] {
    padding-right: 8px
;}

html[dir=rtl] .dealer-mt .mt-mode .mt-info .mt-t .mt-t-r .mt-t-title span[data-v-6d93e428] {
    padding-right: 6px
;}

html[dir=rtl] .dealer-mt .mt-t-r-list-r img[data-v-6d93e428] {
    padding-left: 0
;}

html[dir=rtl] .dealer-mt .mt-mode .close[data-v-6d93e428] {
    left: 20px;
    right: auto
;}

html[dir=rtl] .dealer-mt .mt-mode .mt45 .mt45-l[data-v-6d93e428] {
    margin-left: 30px;
    margin-right: 0
;}

html[dir=rtl] .dealer-mt .mt-mode .mt45 .mt45-r .mt45-info-box .mt45-info .mt45-ece2 .mt45-ece2-ul .mt45-ece2-y .mt45-ece2-y-l .mt45-ece2-y-l-text[data-v-6d93e428] {
    padding-left: 0;
    padding-right: 8px
;}

html[dir=rtl] .dealer-mt .mt-wap-head .icon-arrow-left[data-v-6d93e428] {
    transform: rotate(180deg)!important
;}

.mt-wap-banner .el-carousel__indicators {
    background: rgba(0,0,0,.5);
    border-radius: 6px;
    height: 12px;
    padding: 0 8px;
    position: absolute!important
;}

.mt-wap-banner .el-carousel__indicators .el-carousel__indicator--horizontal {
    margin-right: 4px;
    padding: 0
;}

.mt-wap-banner .el-carousel__button {
    border-radius: 3px;
    height: 6px;
    width: 6px
;}

.mt-wap-banner .el-carousel__indicators {
    align-items: center;
    display: flex
;}

.mt-wap-banner .is-active .el-carousel__button {
    border-radius: 4px;
    height: 8px;
    width: 8px
;}

.mt-wap-banner .el-carousel__indicators--horizontal {
    bottom: 10px;
    transform: translateX(-50%)!important
;}

.soft-big-img[data-v-34ea684a] {
    align-items: center;
    background: rgba(0,0,0,.6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
;}

.soft-big-img .big-img-box[data-v-34ea684a] {
    position: relative
;}

.soft-big-img img[data-v-34ea684a] {
    max-height: 100%;
    width: 1200px
;}

.soft-big-img .icon-guanbi2[data-v-34ea684a] {
    color: #fff;
    cursor: pointer;
    font-size: 24px;
    position: absolute;
    right: 20px;
    top: 20px
;}

@media screen and (max-width: 1199px) {
    .soft-big-img img[data-v-34ea684a] {
        max-height:100%;
        width: 940px
    ;}
;}

@media screen and (max-width: 999px) {
    .soft-big-img img[data-v-34ea684a] {
        max-height:100%;
        width: 760px
    ;}
;}

.counry-popover {
    margin-top: 5px!important
;}

.sd-download {
    width: 100%
;}

.sd-download .sd-download-box {
    display: none;
    flex-flow: wrap;
    width: 100%
;}

.sd-download .sd-list {
    background: #fafafa;
    border-radius: 8px;
    cursor: pointer;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 0 14px;
    width: 100%
;}

.sd-download .sd-list,.sd-download .sd-list .sd-l {
    align-items: center;
    display: flex
;}

.sd-download .sd-list .sd-l .sd-logo {
    height: 30px;
    margin-right: 8px
;}

.sd-download .sd-list .sd-l .sd-info {
    display: flex;
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.sd-download .sd-list .sd-l .sd-title {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    margin-right: 8px;
    max-width: 145px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.sd-download .sd-list .sd-l .sd-label:last-child {
    margin-right: 0
;}

.sd-download .sd-list .sd-r {
    align-items: center;
    display: flex
;}

.sd-download .sd-list .sd-r .iconfont {
    color: #868a8d;
    font-size: 18px;
    margin-right: 6px
;}

.sd-download .sd-list .sd-r .icon-changyong_gengduo {
    color: #a3a3a3;
    font-size: 12px
;}

.sd-download .sd-list .sd-r img {
    height: 18px;
    margin-right: 6px
;}

.sd-download .sd-list:hover {
    background: rgba(0,0,0,.05)
;}

.sd-download .sd-list-any .sd-l {
    flex-direction: column
;}

.sd-download .sd-list-any .sd-l .sd-logo {
    height: 38px;
    margin-bottom: 8px
;}

.sd-download .sd-list-any .sd-l .sd-info {
    flex-direction: column
;}

.sd-download .sd-list-any .sd-l .sd-label-box,.sd-download .sd-list-any .sd-l .sd-title {
    margin-bottom: 10px
;}

.sd-download .sd-list-any .sd-l .sd-label-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
;}

.sd-download .sd-list-any:nth-child(4n) {
    margin-right: 0
;}

.sd-download .sd-tab {
    width: 100%
;}

.sd-download .sd-tab .sd-tab-box .sd-tab-position {
    transition: all .5s linear
;}

.sd-download .sd-tab .sd-tab-box .sd-tab-position .sd-list {
    margin-right: 11px;
    width: 162px
;}

.sd-download .sd-tab .sd-tab-box .sd-tab-position .sd-list:nth-child(4n) {
    margin-right: 11px
;}

.sd-download .sd-tab .sd-tab-box .next,.sd-download .sd-tab .sd-tab-box .pre {
    align-items: center;
    background: #fafafa;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    height: 162px;
    justify-content: center;
    position: absolute;
    top: 0;
    transform: matrix(-1,0,0,1,0,0);
    width: 26px
;}

.sd-download .sd-tab .sd-tab-box .sfactive:hover {
    background: #999
;}

.sd-download .sd-tab .sd-tab-box .sfactive:hover span {
    color: #fff
;}

.sd-download .sd-tab .sd-tab-box .pre {
    left: 0
;}

.sd-download .sd-tab .sd-tab-box .next {
    right: 0
;}

.sd-download .sd_flex {
    display: flex
;}

.scroll_wrapper::-webkit-scrollbar {
    display: none
;}

.software-module .el-table {
    max-height: 518px;
    overflow: auto;
    padding-right: 10px
;}

.software-module .el-table:before {
    height: 0!important
;}

.software-module .el-table__body-wrapper {
    margin-top: 6px
;}

.software-module .el-table th.el-table__cell>.cell {
    color: #fff!important
;}

.software-module .el-table--border .el-table__cell:first-child .cell {
    font-size: 14px
;}

.software-module .el-table--border {
    border: none!important
;}

.software-module .el-table--border:after,.software-module .el-table--group:after {
    width: 0!important
;}

.software-module .el-dialog__header {
    padding: 0
;}

.software-module .el-dialog__body {
    overflow: hidden;
    padding: 32px 22px 32px 32px
;}

.software-module .el-table__header-wrapper tr,.software-module .only-outer-border .el-table__row {
    border-bottom: 1px solid #dfe6ec
;}

.software-module .el-table__header-wrapper tr:hover>td,.software-module .only-outer-border .el-table__row:hover>td {
    background-color: transparent!important
;}

.software-module .only-outer-border .el-table__row:nth-child(odd) {
    background: #fafafa
;}

.software-module .only-outer-border .el-table__header-wrapper tr,.software-module .only-outer-border .el-table__row:last-child {
    border-bottom: none
;}

.software-module .el-table__header th,.software-module .only-outer-border .el-table__body td {
    border-bottom: none;
    border-right: none;
    padding-left: 26px!important
;}

.software-module .el-table__header th:last-child,.software-module .only-outer-border .el-table__body td:last-child {
    padding-right: 15px
;}

@media screen and (max-width: 799px) {
    .software-module .el-table__header th,.software-module .only-outer-border .el-table__body td {
        padding-left:10px!important
    ;}
;}

.software-module .el-table__header th:first-child,.software-module .only-outer-border .el-table__body td:first-child {
    border-left: none
;}

.software-module .only-outer-border {
    max-height: 310px;
    overflow-y: auto
;}

.software-module .el-table thead {
    color: #a3a3a3;
    font-size: 14px
;}

.software-module .el-table th.el-table__cell.is-leaf {
    border-bottom: none
;}

.software-module thead tr th {
    background: #1d2129!important
;}

html[dir=rtl] .software-module .el-dialog__body {
    padding: 32px 32px 32px 22px
;}

html[dir=rtl] .software-module .el-table {
    padding-left: 10px;
    padding-right: 0
;}

html[dir=rtl] .software-module .el-table th.el-table__cell>.cell,html[dir=rtl] .software-module .el-table--border .el-table__cell:first-child .cell {
    text-align: right
;}

html[dir=rtl] .software-module .el-table__body td,html[dir=rtl] .software-module .el-table__header th {
    border-bottom: none;
    border-right: none;
    padding-left: 0!important;
    padding-right: 26px
;}

html[dir=rtl] .software-module .el-table__body td:last-child,html[dir=rtl] .software-module .el-table__header th:last-child {
    padding-left: 15px;
    padding-right: 0
;}

html[dir=rtl] .software-module .el-table__body td:nth-child(3n),html[dir=rtl] .software-module .el-table__header th:nth-child(3n) {
    padding-left: 15px!important;
    padding-right: 0!important
;}

html[dir=rtl] .software-module .el-table__header th.el-table_1_column_3 {
    padding-left: 15px!important;
    padding-right: 0
;}

html[dir=rtl] .software-module .el-table_1_column_3 {
    padding-left: 15px!important;
    padding-right: 0!important
;}

.dealer-transaction-new {
    background: #fff;
    box-sizing: border-box;
    padding: 24px 40px
;}

@media (max-width: 799px) {
    .dealer-transaction-new {
        padding:20px 16px
    ;}
;}

.dealer-transaction-new .home-tab ul .wiki-nav-item {
    font-size: 24px;
    line-height: 34px
;}

@media (max-width: 799px) {
    .dealer-transaction-new .home-tab ul .wiki-nav-item {
        font-size:20px
    ;}
;}

.dealer-transaction-new .home-tab ul .home-tab-active {
    color: #292929;
    font-weight: 600;
    transform: scale(1.01)
;}

.dealer-transaction-new .transaction {
    display: flex;
    height: 452px;
    margin-top: 24px
;}

@media (max-width: 799px) {
    .dealer-transaction-new .transaction {
        flex-direction:column;
        height: 100%
    ;}
;}

.dealer-transaction-new .transaction .transaction-l {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 20px
;}

@media (max-width: 799px) {
    .dealer-transaction-new .transaction .transaction-l {
        margin-left:0;
        margin-right: 0
    ;}
;}

.dealer-transaction-new .transaction .transaction-l .transaction-l-t {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 20px
;}

.dealer-transaction-new .transaction .transaction-l .transaction-jyhy,.dealer-transaction-new .transaction .transaction-l .transaction-jyss {
    height: 186px;
    width: 100%
;}

@media (max-width: 1199px) {
    .dealer-transaction-new .transaction .transaction-l .transaction-jyhy,.dealer-transaction-new .transaction .transaction-l .transaction-jyss {
        width:606px
    ;}
;}

@media (max-width: 999px) {
    .dealer-transaction-new .transaction .transaction-l .transaction-jyhy,.dealer-transaction-new .transaction .transaction-l .transaction-jyss {
        width:426px
    ;}
;}

@media (max-width: 799px) {
    .dealer-transaction-new .transaction .transaction-l .transaction-jyhy,.dealer-transaction-new .transaction .transaction-l .transaction-jyss {
        width:100%
    ;}
;}

.dealer-transaction-new .transaction .transaction-r {
    border-radius: 0;
    display: flex;
    overflow: hidden;
    width: 234px
;}

@media (max-width: 799px) {
    .dealer-transaction-new .transaction .transaction-r {
        border-radius:0;
        margin-top: 30px;
        width: 100%
    ;}
;}

.dealer-transaction-new .transaction .transaction-r {
    background: #fafafa;
    box-sizing: border-box;
    flex-direction: column;
    padding: 20px
;}

.dealer-transaction-new .transaction .transaction-r .transaction-bcl {
    width: 100%
;}

.dealer-transaction-new .transaction .transaction-r .transaction-bcl .bcl-title {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
;}

.dealer-transaction-new .transaction .transaction-r .transaction-bcl .bcl-title .bcl-title-1 {
    color: rgba(61,61,61,.5);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.dealer-transaction-new .transaction .transaction-r .transaction-bcl .bcl-title .bcl-title-2 {
    color: #3d3d3d;
    font-family: DIN-Medium;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 31px;
    margin-top: 10px
;}

.dealer-transaction-new .transaction .transaction-r .transaction-bcl .bcl-echart {
    height: 100px;
    margin-top: 10px
;}

.dealer-transaction-new .transaction .transaction-r .transaction-pzfb {
    display: flex;
    flex-direction: column;
    height: 220.33px;
    margin-top: 20px;
    width: 100%
;}

.dealer-transaction-new .transaction .transaction-r .transaction-pzfb .pzfb-title {
    color: rgba(61,61,61,.5);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    text-align: center;
    width: 100%
;}

.dealer-transaction-new .transaction .transaction-r .transaction-pzfb .pzfb-b {
    flex: 1
;}

.dealer-transaction-new .transaction .transaction-r-hyd {
    border-radius: 8px;
    width: 234px
;}

@media (max-width: 799px) {
    .dealer-transaction-new .transaction .transaction-r-hyd {
        border-radius:0;
        margin-top: 30px;
        width: 100%
    ;}
;}

.dealer-transaction-new .transaction .transaction-r-hyd {
    background: #fafafa;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 22px 27px
;}

.dealer-transaction-new .transaction .transaction-r-hyd .hyd-r-head {
    border-bottom: 1px solid rgba(0,0,0,.04);
    padding-bottom: 20px
;}

.dealer-transaction-new .transaction .transaction-r-hyd .hyd-r-head-t {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.dealer-transaction-new .transaction .transaction-r-hyd .hyd-r-foot {
    padding-top: 20px
;}

.dealer-transaction-new .transaction .transaction-r-hyd .hyd-r-head-label {
    color: #a3a3a3;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 26px
;}

.dealer-transaction-new .transaction .transaction-r-hyd .hyd-r-head-p {
    color: #3d3d3d;
    font-family: DIN-Medium;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    margin-top: 4px
;}

.dealer-transaction-new .transaction .transaction-r-hyd .biaozhu {
    color: #a3a3a3;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-top: 20px;
    text-align: right
;}

.dealer-transaction-new .transaction table thead tr th {
    font-size: 14px;
    font-weight: 400;
    padding: 10px;
    text-align: center
;}

.dealer-transaction-new .transaction table tbody tr td {
    --tw-text-opacity: 1;
    color: rgb(29 33 41/var(--tw-text-opacity));
    font-size: 14px;
    padding: 12px 10px;
    text-align: center
;}

html[dir=rtl] .dealer-transaction-new .transaction .transaction-l {
    margin-left: 20px;
    margin-right: 0
;}

.dealer-transaction-new .ea-tab li {
    color: #a3a3a3!important
;}

@media (max-width: 799px) {
    .dealer-transaction-new .ea-tab li {
        font-size:20px
    ;}
;}

.dealer-transaction-new .ea-tab .home-tab-active {
    color: #000!important
;}

.line-charts {
    height: 100%;
    width: 100%
;}

.line-charts .line-chart-pop {
    color: #fff
;}

.line-charts .line-chart-pop .item-date {
    font-family: DIN-Medium;
    font-size: 12px
;}

.line-charts .line-chart-pop .item-value {
    align-items: center;
    display: flex;
    font-family: DIN-Medium;
    font-size: 12px;
    justify-content: space-between;
    padding-left: 0;
    position: relative
;}

.line-charts .line-chart-pop .item-value .span {
    font-weight: 600;
    margin-left: 10px
;}

.line-charts .line-chart-pop .item-value .cicle {
    background-color: #5c8ae5;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 8px;
    margin-left: 5px;
    width: 8px
;}

.line-charts .line-chart-pop .item-value:last-child:before {
    background-color: #f5bc49
;}

.spot-charts {
    height: 100%;
    width: 100%
;}

.spot-charts .tooltip-box .item {
    font-family: DIN-Medium;
    font-size: 12px;
    position: relative
;}

.spot-charts .tooltip-box .item1 {
    font-size: 12px;
    padding-left: 18px
;}

.spot-charts .tooltip-box .item1:before {
    background-color: #5c8ae5;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 8px;
    left: 3px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 8px
;}

.spot-charts .tooltip-box .item1 span {
    font-family: DIN-Medium
;}

.spot-charts .tooltip-box .item1:last-child:before {
    background-color: #f5bc49
;}

.dealer-environment-new {
    padding: 24px 40px
;}

@media (max-width: 799px) {
    .dealer-environment-new {
        padding:20px 16px
    ;}
;}

.dealer-environment-new {
    background: #fff
;}

.dealer-environment-new .environment-tlt {
    color: #292929;
    font-size: 24px;
    font-weight: 600;
    height: 34px;
    line-height: 1em
;}

.dealer-environment-new .env-warp {
    grid-gap: 30px;
    gap: 30px;
    margin-top: 24px;
    width: 100%
;}

.dealer-environment-new .env-warp .home-tab {
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.05)
;}

.dealer-environment-new .env-warp .home-tab ul h3 {
    color: #a3a3a3;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0;
    white-space: nowrap
;}

.dealer-environment-new .env-warp .home-tab ul .home-tab-active {
    border-bottom: 1px solid #3d3d3d;
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 600;
    transform: scale(1.01)
;}

.dealer-environment-new .env-warp .speed-charts {
    height: 225px;
    width: 100%
;}

.dealer-environment-new .env-warp .speed-info {
    display: grid;
    gap: 10px;
    width: 100%
;}

.dealer-environment-new .env-warp .speed-info .info-item {
    padding-bottom: 12px;
    padding-top: 12px
;}

.dealer-environment-new .env-warp .speed-info .item-tlt {
    word-wrap: break-word;
    color: #a3a3a3;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    -ms-word-break: break-all;
    word-break: break-word
;}

.dealer-environment-new .env-warp .speed-info .item-ctx {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    font-family: DIN-Medium;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin-top: 4px
;}

.dealer-environment-new .env-warp .speed-info .item-ctx span {
    background: rgba(53,179,137,.05);
    border: 1px solid #35b389;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-left: 10px;
    padding: 0 6px
;}

.dealer-environment-new .env-warp .slippage-info {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2,minmax(0,1fr));
    width: 100%
;}

.dealer-environment-new .env-warp .slippage-info .info-item {
    padding: 12px
;}

.dealer-environment-new .env-warp .slippage-info .item-tlt {
    word-wrap: break-word;
    color: #a3a3a3;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    -ms-word-break: break-all;
    word-break: break-word
;}

.dealer-environment-new .env-warp .slippage-info .item-ctx {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    font-family: DIN-Medium;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin-top: 4px
;}

.dealer-environment-new .env-warp .slippage-info .item-ctx span {
    background: rgba(53,179,137,.05);
    border: 1px solid #35b389;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-left: 10px;
    padding: 0 6px
;}

.dealer-environment-new .warp-left {
    flex: 1;
    width: calc(100% - 374px)
;}

.dealer-environment-new .warp-left .cost-pane,.dealer-environment-new .warp-left .offline-pane,.dealer-environment-new .warp-left .overnight-pane,.dealer-environment-new .warp-left .slippage-pane,.dealer-environment-new .warp-left .speed-pane {
    display: none
;}

.dealer-environment-new .warp-left .pane-block {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 400px
;}

.dealer-environment-new .warp-right {
    background: #fafafa;
    height: 100%;
    margin-left: 30px;
    padding: 20px;
    width: 234px
;}

@media (max-width: 799px) {
    .dealer-environment-new .warp-right {
        margin-left:0;
        margin-right: 0;
        margin-top: 30px;
        width: 100%
    ;}
;}

.dealer-environment-new .warp-right:where([dir=rtl],[dir=rtl] *) {
    margin-left: 0;
    margin-right: 30px
;}

@media (max-width: 799px) {
    .dealer-environment-new .warp-right:where([dir=rtl],[dir=rtl] *) {
        margin-left:0;
        margin-right: 0
    ;}
;}

.dealer-environment-new .warp-right .gauge-charts {
    height: 176px;
    margin: 0 auto;
    width: 188px
;}

.dealer-environment-new .warp-right .gauge-rank {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    line-height: 20px;
    margin-top: -20px
;}

.dealer-environment-new .warp-right .gauge-rank span {
    font-family: DIN;
    font-size: 14px
;}

.dealer-environment-new .warp-right .gauge-rank span i {
    color: #f5ca5d;
    font-family: DIN-Medium;
    font-size: 20px;
    font-style: normal;
    line-height: 24px
;}

.dealer-environment-new .warp-right .right-line {
    background: rgba(0,0,0,.04);
    height: 1px;
    margin: 10px 0;
    width: 100%
;}

.dealer-environment-new .warp-right .r-info-item {
    color: #a3a3a3;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 10px
;}

.dealer-environment-new .warp-right .r-info-item:first-child {
    margin-top: 0
;}

.dealer-environment-new .warp-right .r-info-item span {
    color: #3d3d3d;
    display: block;
    font-family: DIN-Medium;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin-top: 4px
;}

.dealer-environment-new .env-data {
    align-items: center;
    color: #ccc;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 400;
    justify-content: space-between;
    line-height: 17px;
    margin-top: 24px
;}

.dealer-environment-new .env-data .env-data_l {
    align-items: center;
    display: flex
;}

.dealer-environment-new .env-data .env-data_l img {
    height: 15px;
    width: 14px
;}

.dealer-environment-new .env-data .data-time {
    color: #a3a3a3;
    display: flex;
    font-size: 12px;
    line-height: 17px;
    text-align: right
;}

.dealer-environment-new .env-data .data-time span {
    display: flex
;}

.dealer-environment-new .env-data img {
    margin: 0 6px
;}

.dealer-environment-new .env-data .span {
    color: #3685ff
;}

.dealer-environment-new .line-chart-pop .item-date {
    font-family: DIN-Medium;
    font-size: 12px
;}

.dealer-environment-new .line-chart-pop .item-value {
    display: flex;
    font-family: DDIN-MediumIN;
    font-size: 12px;
    justify-content: space-between
;}

.dealer-environment-new .line-chart-pop .item-value span {
    font-family: DIN-Medium;
    font-weight: 600;
    margin-left: 10px
;}

.dealer-environment-new .trend-item {
    position: relative;
    width: 100%
;}

.dealer-environment-new .trend-item .trend-info {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    font-family: DIN-Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px;
    position: absolute;
    right: 0;
    top: 10px
;}

.dealer-environment-new .trend-item .trend-info span {
    background: rgba(53,179,137,.05);
    border: 1px solid #35b389;
    border-radius: 4px;
    color: #35b389;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-left: 10px;
    padding: 0 6px
;}

.dealer-environment-new .trend-item .trend-info span:where([dir=rtl],[dir=rtl] *) {
    margin-left: 0;
    margin-right: 10px
;}

@media screen and (max-width: 799px) {
    .dealer-environment-new .dealer-environment {
        padding:20px 12px
    ;}

    .dealer-environment-new .env-warp {
        display: flex;
        flex-direction: column
    ;}

    .dealer-environment-new .warp-left {
        width: 100%
    ;}

    .dealer-environment-new .environment-tlt {
        word-wrap: break-word;
        font-size: 20px;
        -ms-word-break: break-all;
        word-break: break-word
    ;}
;}

.dealer-environment-new .item-ctx {
    direction: ltr
;}

.dealer-environment-new .item-ctx:where([dir=rtl],[dir=rtl] *) {
    justify-content: flex-end
;}

.dealer-environment-new .item-ctx span:where([dir=rtl],[dir=rtl] *) {
    margin-left: 10px;
    margin-right: 0
;}

.label-common .trader-list-add {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 14px;
    padding-right: 12px;
    position: relative
;}

.label-common .trader-list-add .list-add-label {
    border: .5px solid #e5e6eb;
    border-radius: 2px;
    color: #86909c;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-bottom: 4px;
    margin-right: 4px;
    min-height: 19px;
    padding: 0 4px
;}

.label-common .trader-list-add .iconfont {
    color: #c9cdd4;
    cursor: pointer;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 4px
;}

.label-common .trader-list-add .iconfont:hover {
    opacity: .6
;}

.label-common .trader-list-add .iconfontup {
    transform: rotate(180deg)
;}

.labelmore {
    height: 20px;
    overflow: hidden
;}

html[dir=rtl] .label-common .trader-list-add .list-add-label {
    margin-left: 4px;
    margin-right: 0
;}

html[dir=rtl] .label-common .trader-list-add {
    padding-left: 12px;
    padding-right: 0
;}

html[dir=rtl] .label-common .trader-list-add .iconfont {
    left: 0;
    right: unset
;}

.dealer-primary-jaf-new {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding: 24px 40px
;}

.dealer-primary-jaf-new .primary-tit {
    word-wrap: break-word;
    color: #292929;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    -ms-word-break: break-all;
    word-break: break-word
;}

.dealer-primary-jaf-new .primary-list {
    margin-top: 24px;
    position: relative;
    width: 100%
;}

.dealer-primary-jaf-new .primary-list .more-left,.dealer-primary-jaf-new .primary-list .more-right {
    align-items: center;
    background: rgba(61,61,61,.2);
    cursor: pointer;
    display: flex;
    height: 46px;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
;}

.dealer-primary-jaf-new .primary-list .more-left .iconfont,.dealer-primary-jaf-new .primary-list .more-right .iconfont {
    color: #fff;
    font-size: 14px
;}

.dealer-primary-jaf-new .primary-list .more-left {
    left: 0
;}

.dealer-primary-jaf-new .primary-list .more-right {
    right: 0
;}

.dealer-primary-jaf-new .primary-list .list-c {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(4,minmax(0,1fr));
    white-space: nowrap
;}

.dealer-primary-jaf-new .primary-list .list-c.transition {
    transition: all 1s linear
;}

.dealer-primary-jaf-new .primary-list .list {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity));
    border-radius: 4px;
    cursor: pointer;
    padding: 16px;
    transition: background-color .3s ease
;}

.dealer-primary-jaf-new .primary-list .list:hover {
    background-color: rgba(0,0,0,.05)
;}

.dealer-primary-jaf-new .primary-list .list .list-hand {
    display: flex;
    margin-bottom: 12px
;}

.dealer-primary-jaf-new .primary-list .list .list-hand .head-left {
    margin-right: 10px
;}

.dealer-primary-jaf-new .primary-list .list .list-hand .head-left:where([dir=rtl],[dir=rtl] *) {
    margin-left: 10px;
    margin-right: 0
;}

.dealer-primary-jaf-new .primary-list .list .list-hand .head-left .pri-ico {
    height: 34px;
    width: 34px
;}

.dealer-primary-jaf-new .primary-list .list .list-hand .head-right {
    flex: 1;
    overflow: hidden
;}

.dealer-primary-jaf-new .primary-list .list .list-hand .head-right .head-name {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-primary-jaf-new .primary-list .list .list-hand .head-right .sorce {
    margin-bottom: 4px
;}

.dealer-primary-jaf-new .primary-list .list .lise-bom {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2,minmax(0,1fr))
;}

@media (max-width: 799px) {
    .dealer-primary-jaf-new .primary-list .list .lise-bom {
        display:none
    ;}
;}

.dealer-primary-jaf-new .primary-list .list .lise-bom .Detail,.dealer-primary-jaf-new .primary-list .list .lise-bom .off-website {
    align-items: center;
    background: #fff;
    border: 1px solid #e5e6eb;
    border-radius: 4px;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 32px;
    justify-content: center;
    line-height: 1em;
    overflow: hidden;
    padding: 0 6px 1px;
    text-align: center;
    text-overflow: ellipsis;
    text-underline-offset: 3px;
    white-space: nowrap
;}

.dealer-primary-jaf-new .primary-list .list .lise-bom .Detail:hover,.dealer-primary-jaf-new .primary-list .list .lise-bom .off-website:hover {
    text-decoration: underline
;}

.dealer-primary-jaf-new .primary-list .list .lise-bom .Detail .dlink,.dealer-primary-jaf-new .primary-list .list .lise-bom .off-website .dlink {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
;}

.dealer-primary-jaf-new .primary-list .list .lise-bom .Detail {
    border: 1px solid rgba(61,85,204,.9);
    color: rgba(61,85,204,.9)
;}

.dealer-primary-jaf-new .primary-list .list .lise-bom .tree-detail {
    width: 100%
;}

.dealer-primary-jaf-new .primary-list .list .lise-bom.isChan {
    display: flex;
    flex-direction: column
;}

@media (max-width: 799px) {
    .dealer-primary-jaf-new .primary-list .list .lise-bom.isChan {
        display:none
    ;}
;}

.dealer-primary-jaf-new .primary-list .list .lise-bom.isChan .Detail,.dealer-primary-jaf-new .primary-list .list .lise-bom.isChan .off-website {
    width: 100%
;}

.dealer-primary-jaf-new .primary-list .list .lise-bom.isChan .off-website {
    margin-right: 0!important
;}

.dealer-primary-jaf-new .primary-list .list .lise-bom.isChan .Detail {
    margin-top: 10px
;}

.dealer-primary-jaf-new .iframe-show {
    align-items: center;
    background: rgba(0,0,0,.3);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9
;}

.dealer-primary-jaf-new .iframe-show .show-box {
    position: relative
;}

.dealer-primary-jaf-new .iframe-show .show-box .icon-close {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px
;}

.dealer-primary-jaf-new .iframe-show .show-box .iframe {
    background: #fff;
    border-radius: 10px;
    height: 366px;
    width: 380px
;}

@media screen and (max-width: 1199px) {
    .dealer-primary-jaf-new .primary-list .list-c {
        display:grid;
        gap: 12px;
        grid-template-columns: repeat(3,minmax(0,1fr))
    ;}

    .dealer-primary-jaf-new .primary-list .list-c .list {
        grid-template-columns: repeat(3,minmax(0,1fr))
    ;}

    .dealer-primary-jaf-new .primary-list .list-c .list .list-hand .head-left {
        margin-right: 6px
    ;}

    .dealer-primary-jaf-new .primary-list .list-c .list .lise-bom .Detail,.dealer-primary-jaf-new .primary-list .list-c .list .lise-bom .off-website {
        padding-bottom: 1px
    ;}
;}

@media screen and (max-width: 799px) {
    .dealer-primary-jaf-new {
        padding:20px 12px
    ;}

    .dealer-primary-jaf-new .primary-tit {
        font-size: 20px;
        margin-bottom: 24px
    ;}

    .dealer-primary-jaf-new .primary-list {
        margin-top: 0
    ;}

    .dealer-primary-jaf-new .primary-list .list-c {
        display: grid;
        gap: 10px;
        grid-template-columns: repeat(2,minmax(0,1fr))
    ;}

    .dealer-primary-jaf-new .primary-list .list-c .list.esSte {
        padding: 16px 8px 20px
    ;}

    .dealer-primary-jaf-new .primary-list .list-c .list .list-hand .head-left .pri-ico {
        height: 34px;
        width: 34px
    ;}

    .dealer-primary-jaf-new .primary-list .list-c .list .list-hand .head-right .head-name {
        font-size: 12px
    ;}

    .dealer-primary-jaf-new .lise-bom {
        display: none
    ;}
;}

html[dir=rtl] .dealer-primary-jaf-new .primary-list .list-c .list .list-hand .head-left {
    margin-left: 5px;
    margin-right: 0
;}

@media screen and (max-width: 1199px) {
    html[dir=rtl] .dealer-primary-jaf-new .primary-list .list-c .list:nth-child(2n) {
        margin-left:0
    ;}
;}

@media screen and (max-width: 799px) {
    html[dir=rtl] .dealer-primary-jaf-new .primary-list .list-c .list {
        min-width:48%;
        width: 48%
    ;}

    html[dir=rtl] .dealer-primary-jaf-new .primary-list .list-c .list:where([dir=rtl],[dir=rtl] *) {
        width: auto
    ;}

    html[dir=rtl] .dealer-primary-jaf-new .primary-list .list-c .list:nth-child(2n) {
        margin-left: 0
    ;}
;}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
;}

.wiki-nav-wrap {
    overflow-x: auto;
    position: relative;
    scrollbar-width: none
;}

.wiki-nav-wrap::-webkit-scrollbar {
    display: none
;}

.wiki-nav-list {
    white-space: nowrap
;}

.wiki-nav-list:after {
    border-bottom: 1px solid #000;
    bottom: 0;
    content: "";
    left: calc(var(--pointer-x)*1px);
    position: absolute;
    transition: left .3s ease;
    width: calc(var(--pointer-width)*1px)
;}

.wiki-nav-item {
    align-items: center;
    color: #9c9c9c;
    cursor: pointer;
    display: inline-flex;
    font-size: 16px;
    font-weight: 400;
    justify-content: center;
    margin-right: 24px;
    position: relative;
    transition: color .2s ease
;}

.wiki-nav-item .line {
    background: #292929;
    bottom: 15px;
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%
;}

.wiki-nav-item:hover {
    color: #333
;}

.wiki-nav-item .active {
    background-color: #000;
    bottom: -6px;
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
;}

.wiki-nav-item .home-tab-active {
    color: #000;
    font-weight: 700
;}

.wiki-nav-item li:hover {
    color: #000
;}

.wiki-nav-item.home-tab-active {
    color: #000;
    font-size: 24px;
    font-weight: 700
;}

.workerTabs ::-webkit-scrollbar {
    display: none;
    opacity: 0;
    width: 0
;}

.workerTabs ::-webkit-scrollbar-track {
    background-color: #fff;
    opacity: 0
;}

.workerTabs ::-webkit-scrollbar-thumb {
    border-radius: 0;
    opacity: 0;
    width: 0
;}

html[dir=rtl] .home-articlelist .wiki-nav-item {
    margin-left: 24px;
    margin-right: 0
;}

html[dir=rtl] .home-articlelist .title-tab .list-cate {
    padding-left: 30px;
    padding-right: 0
;}

html[dir=rtl] .wiki-nav-item {
    margin-left: 24px;
    margin-right: 0
;}

.listitem[data-v-ba05d30c]:nth-child(3n-1) {
    margin: 0 20px 20px
;}

.dealerWorker[data-v-ba05d30c] ::-webkit-scrollbar {
    display: none;
    opacity: 0;
    width: 0
;}

.dealerWorker[data-v-ba05d30c] ::-webkit-scrollbar-track {
    background-color: #fff;
    opacity: 0
;}

.dealerWorker[data-v-ba05d30c] ::-webkit-scrollbar-thumb {
    border-radius: 0;
    opacity: 0;
    width: 0
;}

@media screen and (max-width: 1199px) {
    .listitem[data-v-ba05d30c]:nth-child(3n-1) {
        margin:0 0 20px
    ;}

    .listitem[data-v-ba05d30c]:nth-child(2n) {
        margin: 0 0 20px 20px
    ;}
;}

@media screen and (max-width: 799px) {
    .listitem[data-v-ba05d30c]:nth-child(2n),.listitem[data-v-ba05d30c]:nth-child(3n-1) {
        margin:0 0 20px
    ;}
;}

.dealer-introduce-v2 .dealer-introduce-p {
    display: block;
    margin-bottom: 18px;
    padding-right: 4px;
    padding-top: 10px
;}

.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box .introduce-p-info {
    color: #a3a3a3;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding-top: 8px
;}

.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box .introduce-p-info * {
    max-width: 100%
;}

.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box .introduce-p-info p b,.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box .introduce-p-info p h2,.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box .introduce-p-info p h3,.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box .introduce-p-info p h4,.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box .introduce-p-info p strong {
    padding: 18px 0 4px
;}

.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box .introduce-p-info p b,.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box .introduce-p-info p strong {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px
;}

.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box .introduce-p-info p:first-child b,.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box .introduce-p-info p:first-child strong {
    padding-bottom: 8px
;}

.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box .introduce-p-info h2,.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box .introduce-p-info h3,.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box .introduce-p-info h4 {
    display: inline-block;
    padding: 18px 0 4px
;}

.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box .introduce-p-info td:has(embed) {
    text-align: center
;}

.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box .introduce-p-info p:has(embed) {
    text-align: center
;}

.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box::-webkit-scrollbar {
    background: none;
    width: 4px
;}

.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box::-webkit-scrollbar-thumb {
    border-radius: 3px
;}

.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box img,.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box table {
    margin: 14px 0
;}

.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box table {
    width: 100%
;}

.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box table tr td {
    border: 1px solid #d1d1d1;
    height: 35px;
    text-align: center
;}

.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box table tr td b {
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
;}

.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box table tr td img {
    margin: 0
;}

.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box table tr>td:first-child {
    min-width: 50px
;}

.dealer-introduce-v2 .dealer-introduce-p .morestyle {
    max-height: 146px;
    overflow: hidden
;}

.dealer-introduce-v2 .dealer-introduce-p .morestyle.onlyone {
    max-height: 202px
;}

.dealer-introduce-v2 .dealer-introduce-p .morestyle img,.dealer-introduce-v2 .dealer-introduce-p .morestyle table {
    display: none
;}

@media screen and (max-width: 799px) {
    .dealer-introduce-v2 .dealer-introduce-p .morestyle {
        max-height:416px
    ;}
;}

.socle[data-v-5b8d51a4] {
    transition: transform .3s
;}

.socle[data-v-5b8d51a4]:hover {
    transform: scale(1.1)
;}

.load-tab {
    animation: loadtabing .1s linear;
    margin: 20px 0;
    width: 100%
;}

.load-tab,.load-tab .load-tab-ani {
    align-items: center;
    display: flex;
    height: 40px;
    justify-content: center
;}

.load-tab .load-tab-ani {
    position: relative;
    width: 40px
;}

.load-tab .load-tab-ani .load-tab-img {
    animation: loading 2s linear infinite;
    height: 40px;
    left: 0;
    position: absolute;
    top: 0;
    width: 40px
;}

.load-tab .load-tab-ani .load-tab-img-logo {
    height: 38px;
    left: 0;
    position: absolute;
    top: 0;
    width: 38px
;}

@keyframes loading {
    0% {
        transform: rotate(0)
    ;}

    to {
        transform: rotate(1turn)
    ;}
;}

@keyframes loadtabing {
    0% {
        height: 0;
        opacity: .5
    ;}

    to {
        height: 40px;
        opacity: 1
    ;}
;}

.dealer-pinlun[data-v-2d3f370a] {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    box-sizing: border-box;
    padding: 24px
;}

.dealer-pinlun .page_more:hover .pagetext[data-v-2d3f370a] {
    color: rgba(134,144,156,.439)
;}

.no-scrollbar[data-v-2d3f370a] {
    -ms-overflow-style: none;
    scrollbar-width: none
;}

.dealer-pinlun[data-v-2d3f370a] ::-webkit-scrollbar,.dealer-pinlun[data-v-2d3f370a] ::-webkit-scrollbar-thumb {
    display: none
;}

@media screen and (max-width: 1200px) {
    .dealer-pinlun .data-box .list-box-item .list-box-item-right .img-box .img-box-item[data-v-2d3f370a] {
        height:104px;
        width: 104px
    ;}

    .dealer-pinlun .data-box .list-box-item .list-box-item-right .img-box .img-box-item img[data-v-2d3f370a] {
        max-width: 100%
    ;}

    .jysdeatil .jys .tj .left[data-v-2d3f370a] {
        justify-content: space-between;
        width: 100%
    ;}

    .jysdeatil .jys .tj .left .hui[data-v-2d3f370a],.jysdeatil .jys .tj .right[data-v-2d3f370a] {
        display: none
    ;}

    .jysdeatil .addone[data-v-2d3f370a] {
        padding: 0
    ;}

    .imgDolg .show-box[data-v-2d3f370a] {
        width: 90%
    ;}
;}

@media screen and (max-width: 799px) {
    .dealer-pinlun[data-v-2d3f370a] {
        border:none;
        padding: 0
    ;}

    .dealer-pinlun.dealer[data-v-2d3f370a] {
        padding: 24px 16px
    ;}
;}

.more-line-container {
    margin: 0 auto
;}

.more-line-container .more-line-chart {
    margin-right: 30px;
    width: 527px
;}

@media screen and (max-width: 1199px) {
    .more-line-container .more-line-chart {
        margin:0;
        width: 430px
    ;}
;}

@media screen and (max-width: 999px) {
    .more-line-container .more-line-chart {
        margin:0;
        width: 285px
    ;}
;}

@media screen and (max-width: 799px) {
    .more-line-container .more-line-chart {
        margin:0;
        width: 92vw
    ;}
;}

.percentage-data-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    width: 100%
;}

.percentage-data-container h6 {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 20px
;}

.percentage-data-container .block {
    margin-bottom: 18px
;}

.percentage-data-container .block .name {
    align-items: center;
    display: flex;
    justify-content: space-between
;}

.percentage-data-container .block .name span:first-child {
    color: #3d3d3d;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 17px;
    margin-bottom: 7px
;}

.percentage-data-container .block .name span:last-child {
    color: #3d3d3d;
    font-family: DIN-Medium;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px
;}

.percentage-data-container .block .main {
    align-items: center;
    display: flex;
    justify-content: space-between;
    white-space: nowrap
;}

.percentage-data-container .block .main .flag {
    border-radius: 1px;
    height: 12px;
    width: 16px
;}

.percentage-data-container .block .main .item-name {
    color: #3d3d3d;
    font-size: 12px;
    font-weight: 600;
    margin: 0 8px;
    min-width: 24px
;}

.percentage-data-container .block .main .outline-border {
    align-items: center;
    background: #fafafa;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 16px;
    display: flex;
    height: 10px;
    justify-content: flex-start;
    padding: 1px;
    width: 100%
;}

.percentage-data-container .block .main .outline-border .value-border0,.percentage-data-container .block .main .outline-border .value-border1,.percentage-data-container .block .main .outline-border .value-border2,.percentage-data-container .block .main .outline-border .value-border3,.percentage-data-container .block .main .outline-border .value-border4,.percentage-data-container .block .main .outline-border .value-border5 {
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 12px;
    height: 8px
;}

.percentage-data-container .block .main span:first-child {
    margin-right: 8px
;}

.percentage-data-container .block .main span:last-child {
    margin-left: 8px
;}

.percentage-data-container .block:last-child {
    margin: 0
;}

@media screen and (max-width: 799px) {
    .percentage-data-container {
        padding:0 16px
    ;}
;}

.new-dealer-market {
    background: #fff;
    width: 100%
;}

.new-dealer-market .home-tab {
    margin-bottom: 20px
;}

.new-dealer-market .home-tab ul {
    white-space: nowrap;
    width: 100%
;}

.new-dealer-market .home-tab ul h3 {
    color: #a3a3a3;
    font-size: 24px;
    padding-bottom: 6px
;}

.new-dealer-market .home-tab ul .home-tab-active {
    color: #3d3d3d;
    font-weight: 600;
    transform: scale(1.01)
;}

.new-dealer-market .home-tab .wiki-nav-item {
    font-size: 24px
;}

.new-dealer-market .footer-inifo {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 10px
;}

.new-dealer-market .footer-inifo div {
    color: #ccc;
    display: flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px
;}

.new-dealer-market .footer-inifo div img {
    height: 17px;
    margin: 0 6px;
    width: 14px
;}

.new-dealer-market .pie-echarts {
    display: none;
    justify-content: space-between;
    width: 100%
;}

.new-dealer-market .pie-echarts .chart,.new-dealer-market .pie-echarts .chart-data {
    width: 527px
;}

.new-dealer-market .pie-echarts-flex {
    display: flex
;}

html[dir=rtl] .new-dealer-market .footer-inifo div {
    direction: ltr
;}

html[dir=rtl] .new-dealer-market .footer-inifo div span .date-time {
    direction: ltr!important
;}

@media screen and (max-width: 1199px) {
    .new-dealer-market .pie-echarts .chart,.new-dealer-market .pie-echarts .chart-data {
        width:430px
    ;}
;}

@media screen and (max-width: 999px) {
    .new-dealer-market .pie-echarts .chart,.new-dealer-market .pie-echarts .chart-data {
        width:285px
    ;}
;}

@media screen and (max-width: 799px) {
    .new-dealer-market {
        background:#fff;
        border: none;
        border-radius: 4px;
        padding: 24px 0
    ;}

    .new-dealer-market .pie-echarts {
        flex-direction: column
    ;}

    .new-dealer-market .pie-echarts .chart,.new-dealer-market .pie-echarts .chart-data {
        width: 100%
    ;}

    .new-dealer-market .footer-inifo,.new-dealer-market .home-tab {
        padding: 0 16px
    ;}
;}

.new-percentageInf-container .country,.new-percentageInf-container .country2 {
    background: #f5f5f5;
    border-radius: 2px;
    color: #000;
    display: none;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    padding: 0 8px;
    position: absolute;
    right: 100%;
    text-align: center;
    white-space: nowrap;
    width: auto
;}

.new-percentageInf-container .country3,.new-percentageInf-container .country4 {
    display: none
;}

.new-percentageInf-container .arrow-right,.new-percentageInf-container .arrow-right2 {
    border-bottom: 4px solid transparent;
    border-left: 4px solid #f5f5f5;
    border-top: 4px solid transparent;
    display: none;
    height: 0;
    left: 0;
    margin-right: 10px;
    position: absolute;
    width: 0
;}

.new-percentageInf-container .arrow-right2,.new-percentageInf-container .country2 {
    display: block
;}

.new-percentageInf-container div {
    align-items: center;
    display: flex;
    overflow: hidden;
    padding: 3.5px 8px;
    vertical-align: middle
;}

.new-percentageInf-container div.bgc {
    background: rgba(71,125,178,.12);
    border-radius: 4px
;}

.new-percentageInf-container div .country-Name {
    display: none
;}

.new-percentageInf-container div .main {
    align-items: center;
    border-radius: 2px;
    display: inline-block;
    display: flex;
    height: 24px;
    justify-content: flex-end
;}

.new-percentageInf-container div .main .icon-dingwei {
    color: #477db2;
    font-size: 12px
;}

.new-percentageInf-container div .main img {
    display: inline-block
;}

.new-percentageInf-container div .main .outline-border {
    background: #fafafa;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 16px;
    display: inline-block;
    margin: 0;
    padding: 1px
;}

.new-percentageInf-container div .main .outline-border .value-border {
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 12px;
    height: 8px;
    width: 0
;}

.new-percentageInf-container div .main .item-name {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 17px;
    min-width: 40px;
    text-align: center;
    white-space: nowrap
;}

.new-percentageInf-container div .main span:last-child {
    align-items: center;
    display: flex;
    font-family: DIN-Media;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    justify-content: center;
    line-height: 17px;
    margin-left: 8px;
    text-align: right
;}

.new-percentageInf-container div .main .bgc-block:hover {
    background: rgba(71,125,178,.12)
;}

.new-percentageInf-container div .main {
    margin: 0
;}

.new-percentageInf-container .main:hover .country2 {
    display: none
;}

.new-percentageInf-container .block-country:hover .arrow-right,.new-percentageInf-container .block-country:hover .country {
    display: block
;}

.new-percentageInf-container .block-country:hover .arrow-right2,.new-percentageInf-container .block-country:hover .country2 {
    display: none
;}

@media screen and (max-width: 1199px) {
    .container h6 {
        margin-top:30px
    ;}
;}

html[dir=rtl] .new-percentageInf-container {
    left: 15px;
    right: unset
;}

html[dir=rtl] .new-percentageInf-container .country,html[dir=rtl] .new-percentageInf-container .country2 {
    left: 570px;
    right: unset
;}

html[dir=rtl] .new-percentageInf-container .arrow-right2 {
    border-left: unset;
    border-right: 4px solid #f5f5f5;
    right: 0
;}

.expand-area .business-box {
    position: relative
;}

.expand-area .business-box .percentageInf-container {
    right: 0!important
;}

.expand-area .business-box .percentageInf-container div {
    overflow: visible!important
;}

.expand-area .business-box .icon-close {
    color: #000;
    cursor: pointer;
    font-size: 22px;
    position: absolute;
    right: 10px;
    top: 10px
;}

.expand-area .business-box .box-head {
    display: flex;
    justify-content: space-between
;}

.expand-area .business-box .box-head .head-l {
    align-items: center;
    display: flex
;}

.expand-area .business-box .box-head .head-l .l-icon {
    background: #eeb822;
    border-radius: 1px;
    height: 16px;
    margin-right: 12px;
    width: 6px
;}

.expand-area .business-box .box-head .head-l h2 {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    margin-right: 14px;
    white-space: nowrap
;}

.expand-area .business-box .box-head .head-r {
    align-items: center;
    color: #a3a3a3;
    display: flex;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    position: relative
;}

.expand-area .business-box .box-head .head-r span {
    white-space: nowrap
;}

.expand-area .business-box .box-head .head-r .score {
    color: #323947;
    font-family: DIN-Medium;
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: 53px;
    margin: 0 30px 0 20px
;}

.expand-area .business-box .box-head .head-r .unit {
    align-items: center;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 2px;
    bottom: 15%;
    color: #e6e6e6;
    display: flex;
    font-family: DIN;
    font-weight: 400;
    height: 20px;
    justify-content: center;
    padding-right: 2px;
    position: absolute;
    right: 0
;}

.expand-area .business-box .box-head .pc {
    display: none
;}

.expand-area .business-box .l-tab {
    align-items: center;
    display: block;
    display: flex
;}

.expand-area .business-box .l-tab li {
    background: #fafafa;
    border: .5px solid rgba(0,0,0,.05);
    border-radius: 3px;
    color: #ccc;
    cursor: pointer;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    padding: 0 24px;
    white-space: nowrap
;}

.expand-area .business-box .l-tab li.active {
    background: #3d3d3d;
    color: #fff
;}

.expand-area .business-box .box-con {
    display: flex;
    justify-content: space-between
;}

.expand-area .business-box .box-con .con-l .l-bom {
    margin-top: 18px
;}

.expand-area .business-box .box-con .con-l .l-bom ul {
    display: flex;
    justify-content: center
;}

.expand-area .business-box .box-con .con-l .l-bom ul li {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-right: 6px
;}

.expand-area .business-box .box-con .con-l .l-bom ul li i {
    background-color: #eeb822;
    display: flex;
    height: 4px;
    width: 40px
;}

.expand-area .business-box .box-con .con-l .l-bom ul li span {
    color: #a3a3a3;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px
;}

.expand-area .business-box .box-con .con-l2 {
    height: 266.02px;
    margin: 45px auto 0
;}

.expand-area .business-box .box-con .con-r {
    flex: 1;
    height: 348px
;}

.expand-area .business-box .box-bom {
    bottom: 20px;
    color: #ccc;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    left: 50%;
    line-height: 17px;
    position: absolute;
    text-align: center;
    transform: translateX(-50%);
    width: 100%
;}

html[dir=rtl] .expand-area .business-box .icon-close {
    left: 12px;
    right: unset
;}

.flex-center[data-v-212c8164] {
    align-items: center;
    display: flex;
    justify-content: center
;}

[data-v-212c8164] .partner-details-box {
    background-size: 100% 100%;
    border-radius: 0;
    height: 570px;
    width: 800px
;}

[data-v-212c8164] .partner-details-box .el-dialog__headerbtn {
    right: 10px;
    top: 10px
;}

[data-v-212c8164] .partner-details-box .el-dialog__headerbtn i {
    color: #1d2129!important;
    font-size: 22px;
    font-weight: 600
;}

[data-v-212c8164] .partner-details-box .el-dialog__header {
    border: 0
;}

[data-v-212c8164] .partner-details-box .el-dialog__body {
    overflow: unset;
    padding: 30px;
    text-align: center
;}

[data-v-212c8164] .partner-details-box h1 {
    font-size: 50px;
    font-weight: 600;
    line-height: 66px;
    margin: 0 auto 8px;
    max-width: 595px
;}

[data-v-212c8164] .partner-details-box .en-lang {
    font-size: 38px
;}

[data-v-212c8164] .partner-details-box .ru-lang {
    font-size: 36px
;}

[data-v-212c8164] .partner-details-box .vi-lang {
    font-size: 32px
;}

[data-v-212c8164] .partner-details-box .f-lang {
    font-size: 30px
;}

[data-v-212c8164] .partner-details-box .de-lang {
    font-size: 26px
;}

[data-v-212c8164] .partner-details-box .id-lang {
    font-size: 48px
;}

[data-v-212c8164] .partner-details-box .es-lang {
    font-size: 40px
;}

[data-v-212c8164] .partner-details-box .pt-lang {
    font-size: 42px
;}

[data-v-212c8164] .partner-details-box .des {
    color: #1d2129;
    font-family: PingFang SC,Microsoft YaHei,Microsoft Jhenghei,-apple-system,system-ui,Hiragino Sans GB,STHeitiTC-Light,tahoma,arial,sans-serif;
    font-size: 16px;
    margin: 0 auto;
    max-width: 595px
;}

[data-v-212c8164] .partner-details-box main {
    background-size: 100% 100%;
    margin: 37px auto 40px;
    position: relative;
    width: 595px
;}

[data-v-212c8164] .partner-details-box main .own-box {
    flex-direction: column
;}

[data-v-212c8164] .partner-details-box main .own-box .own-border {
    background: #fff;
    border: .5px solid #ebebeb;
    border-radius: 6px;
    height: 98px;
    margin-bottom: 10px;
    padding: 10px;
    position: relative;
    width: 158px
;}

[data-v-212c8164] .partner-details-box main .own-box .own-border .logo {
    flex-shrink: 0;
    height: 80.78px!important;
    min-width: 143px;
    width: 143px
;}

[data-v-212c8164] .partner-details-box main .own-box .own-border .tag {
    font-size: 14px;
    padding: 2px 6px;
    position: absolute;
    top: 0
;}

[data-v-212c8164] .partner-details-box main .own-box .own-border .left {
    border-radius: 2px 0 6px 0;
    color: #fff;
    left: 0
;}

[data-v-212c8164] .partner-details-box main .own-box .own-border .right {
    border-radius: 0 2px 0 6px;
    color: #1d2129;
    right: 0
;}

[data-v-212c8164] .partner-details-box main .own-box .name {
    color: #1d2129;
    font-size: 16px;
    max-width: 176px
;}

[data-v-212c8164] .partner-details-box main .own-box .level-img {
    bottom: -47px;
    min-width: 111px;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: 90px;
    width: 111px
;}

[data-v-212c8164] .partner-details-box main .own-box .stamp-img {
    bottom: -70px;
    min-width: 116px;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: -56px;
    width: 116px
;}

[data-v-212c8164] .partner-details-box main .smybol {
    height: 32px;
    margin: 0 30px 25px;
    min-width: 32px;
    width: 32px
;}

[data-v-212c8164] .partner-details-box main .level-text {
    bottom: 20px;
    font-size: 20px;
    font-weight: 600;
    position: absolute
;}

[data-v-212c8164] .partner-details-box .date {
    color: #86909c;
    font-size: 14px
;}

[data-v-212c8164] .pink-bg {
    background-image: url(https://resources1.interface003.com/web20/img/service/advanced-bg-color.png)
;}

.pink-border[data-v-212c8164] {
    background-image: url(https://resources1.interface003.com/ecomanage/images/partner/pink-border.png)
;}

[data-v-212c8164] .yellow-bg {
    background-image: url(https://resources1.interface003.com/web20/img/service/core-bg-color.png)
;}

.yellow-border[data-v-212c8164] {
    background-image: url(https://resources1.interface003.com/ecomanage/images/partner/yellow-border.png)
;}

[data-v-212c8164] .blue-bg {
    background-image: url(https://resources1.interface003.com/web20/img/service/normal-bg-blue.png)
;}

.blue-border[data-v-212c8164] {
    background-image: url(https://resources1.interface003.com/ecomanage/images/partner/blue-border.png)
;}

.blue-cl[data-v-212c8164] {
    color: #8fb7d0
;}

.pink-cl[data-v-212c8164] {
    color: #8ed6a9
;}

.yellow-cl[data-v-212c8164] {
    color: #e9ca8c
;}

.blue-bd[data-v-212c8164] {
    border-color: rgba(186,209,220,.8)
;}

.pink-bd[data-v-212c8164] {
    border-color: rgba(181,224,197,.8)
;}

.yellow-bd[data-v-212c8164] {
    border-color: hsla(38,37%,68%,.8)
;}

.pink-bgc[data-v-212c8164] {
    color: #8ed6a9
;}

.blue-bgc[data-v-212c8164] {
    color: #8fb7d0
;}

.yellow-bgc[data-v-212c8164] {
    color: #e9ca8c
;}

html[dir=rtl] .el-dialog__headerbtn {
    left: 10px!important;
    right: unset!important
;}

html[dir=rtl] .partner-details-box main .own-box .level-img {
    left: 90px;
    right: unset
;}

html[dir=rtl] .partner-details-box main .own-box .stamp-img {
    bottom: -68px;
    left: -56px;
    right: unset
;}

.hongkong-popup-container {
    margin: 0 auto;
    text-align: center
;}

.hongkong-popup-container .el-dialog {
    border-radius: 16px
;}

.hongkong-popup-container .el-dialog .el-dialog__headerbtn .el-dialog__close:hover {
    color: #979797;
    font-size: 16.25px
;}

.hongkong-popup-container .el-dialog .el-dialog__body {
    padding: 52px 119px 44px
;}

.hongkong-popup-container img {
    border: 1px solid rgba(63,144,137,.2);
    border-radius: 10px;
    display: flex;
    height: 113px;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
    width: 200px
;}

.hongkong-popup-container h1 {
    color: #3d3d3d;
    display: flex;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    justify-content: center;
    line-height: 31px;
    margin: 24px auto 6px
;}

.hongkong-popup-container p {
    color: #a3a3a3;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    margin-bottom: 66px
;}

.hongkong-popup-container .bbt {
    align-items: center;
    display: flex;
    justify-content: center
;}

.hongkong-popup-container .bbt button {
    border-radius: 4px;
    color: #323947;
    cursor: pointer;
    height: 40px;
    width: 120px
;}

.hongkong-popup-container .bbt button:last-child {
    background: #179289;
    margin-left: 18px
;}

.hongkong-popup-container .bbt button:last-child a {
    color: #fff
;}

.dealer-list-ul {
    width: 100%
;}

.dealer-list-ul a {
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    padding: 7px 16px;
    width: 100%
;}

.dealer-list-ul a:hover {
    background: rgba(0,0,0,.05)
;}

.dealer-list-ul a .dealer-l {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    display: flex;
    flex-shrink: 0;
    height: 72px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 120px
;}

.dealer-list-ul a .dealer-l img {
    height: 56px!important;
    max-height: 100%;
    max-width: 100%;
    width: 104px
;}

.dealer-list-ul a .dealer-l .l-identification {
    border-radius: 3px 0;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    left: 1px;
    line-height: 19px;
    max-width: 118px;
    padding: 0 6px;
    position: absolute;
    top: 1px
;}

.dealer-list-ul a .dealer-l .dealer-l-vr {
    animation: dealerani 2.04s steps(16) 0s infinite;
    background-image: url(https://resources1.interface003.com/web20/img/dealer/icon_vrBlue.png);
    background-size: cover;
    bottom: 5px;
    cursor: pointer;
    height: 28px;
    position: absolute;
    width: 28px
;}

@keyframes dealerani {
    0% {
        background-position: 0 0
    ;}

    to {
        background-position: -448px 0
    ;}
;}

.dealer-list-ul a .dealer-l .dealer-trader-bg {
    animation: trader .5s linear forwards;
    height: 100%;
    left: 0;
    position: absolute;
    top: 88px;
    width: 100%
;}

.dealer-list-ul a .dealer-l .dealer-trader-bg img {
    height: 100%!important;
    width: 100%
;}

@keyframes trader {
    0% {
        top: 88px
    ;}

    to {
        top: 0
    ;}
;}

.dealer-list-ul a .dealer-r {
    box-sizing: border-box;
    flex: 1;
    min-height: 74px;
    padding-left: 16px;
    width: 200px
;}

.dealer-list-ul a .dealer-r .r-top {
    align-items: center;
    display: flex;
    justify-content: space-between
;}

.dealer-list-ul a .dealer-r .r-top h4 {
    color: #3d3d3d;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
;}

.dealer-list-ul a .dealer-r .r-top .r-ranking {
    align-items: center;
    background: #fafafa;
    border-radius: 4px;
    color: #a3a3a3;
    display: flex;
    font-family: DIN;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    height: 22px;
    justify-content: center;
    line-height: 17px;
    margin-right: 3px;
    padding: 0 5px;
    white-space: nowrap
;}

.dealer-list-ul a .dealer-r .r-score {
    height: 20px;
    margin-bottom: 6px
;}

.dealer-list-ul a .dealer-r .r-score .score-fraction {
    color: #301;
    font-family: DIN-Medium;
    font-size: 16px;
    font-style: normal;
    line-height: 20px
;}

.dealer-list-ul a .dealer-r .r-score .el-rate {
    display: inline-block;
    margin-left: 3px
;}

.dealer-list-ul a .dealer-r .r-score .el-rate .el-rate__icon {
    margin-right: 0
;}

.dealer-list-ul a .dealer-r .r-bom-more {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%
;}

.dealer-list-ul a .dealer-r .r-bom-more .r-bom-label {
    align-items: center;
    border: .5px solid #e5e6eb;
    border-radius: 2px;
    color: #86909c;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    height: 21px;
    justify-content: center;
    margin-bottom: 4px;
    margin-right: 4px;
    padding: 0 6px
;}

.dealer-list-ul a .dealer-r .r-bom-more .iconfont {
    color: #c9cdd4;
    cursor: pointer;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 4px
;}

.dealer-list-ul a .dealer-r .r-bom-more .iconfont:hover {
    opacity: .6
;}

.dealer-list-ul a .dealer-r .r-bom-more .iconfontup {
    bottom: 6px;
    transform: rotate(180deg)
;}

.dealer-list-ul a .dealer-r .labelmore {
    height: 21px;
    overflow: hidden
;}

.dealer-list-ul a .dealer-r .compositerank-box {
    align-items: center;
    display: flex;
    margin-bottom: 6px
;}

.dealer-list-ul a .dealer-r .compositerank-box .compositerank-flag {
    height: 17px;
    margin-right: 6px;
    width: 26px
;}

.dealer-list-ul a .dealer-r .compositerank-box .compositerank-type {
    align-items: center;
    border: .5px solid #f16816;
    border-radius: 2px;
    display: flex;
    margin-right: 6px
;}

.dealer-list-ul a .dealer-r .compositerank-box .compositerank-type .compositerank-type-l {
    align-items: center;
    background: #f16816;
    display: flex;
    height: 17px;
    justify-content: center;
    width: 18px
;}

.dealer-list-ul a .dealer-r .compositerank-box .compositerank-type .compositerank-type-l .icon-Frame5,.dealer-list-ul a .dealer-r .compositerank-box .compositerank-type .compositerank-type-l .icon-a-Frame812 {
    color: #fff;
    font-size: 12px
;}

.dealer-list-ul a .dealer-r .compositerank-box .compositerank-type .compositerank-type-r {
    color: #f16816;
    font-size: 12px;
    font-weight: 400;
    max-width: 136px;
    overflow: hidden;
    padding: 0 6px;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-list-ul a .dealer-r .compositerank-box .score-txt {
    color: #a3a3a3;
    font-size: 14px;
    font-weight: 400;
    margin-right: 6px
;}

.dealer-list-ul a .dealer-r .compositerank-box .score-txt-txt {
    color: #301;
    font-family: DIN-Medium;
    font-size: 16px;
    font-weight: 700
;}

@media screen and (max-width: 799px) {
    .dealer-list-ul a:hover {
        background:none
    ;}

    .dealer-list-ul a .dealer-r {
        width: 170px
    ;}
;}

html[dir=rtl] .dealer-list-ul a .dealer-r {
    padding-left: 0;
    padding-right: 16px
;}

html[dir=rtl] .dealer-list-ul a .dealer-r .compositerank-box .score-txt {
    margin-left: 6px;
    margin-right: 0
;}

.dealer-list-ul .el-rate__item {
    transform: rotate(-45deg)
;}

.dealer-list-ul .el-rate__icon {
    margin-right: 0
;}

@media screen and (max-width: 799px) {
    .dealer-list-ul a .dealer-r .r-score .r-score-star {
        margin:0
    ;}

    .dealer-list-ul a .dealer-r .r-score .el-icon-star-on {
        font-size: 15px
    ;}
;}

.rehwap {
    height: 100vh;
    height: calc(var(--vh, 1vh)*100)
;}

.rehwap ::-webkit-scrollbar {
    width: 0
;}

.licence-drawer {
    border-radius: 0 6px 6px 0;
    box-shadow: -10px 0 20px 0 rgba(0,0,0,.07);
    height: calc(100% - 57px)!important;
    right: 28px!important;
    top: 28px!important
;}

.licence-drawer:where([dir=rtl],[dir=rtl] *) {
    left: 28px;
    right: auto
;}

.licence-drawer .el-drawer__body {
    margin-bottom: 20px;
    margin-right: 4px;
    margin-top: 20px
;}

.licence-drawer .el-drawer__body::-webkit-scrollbar {
    background-color: transparent;
    width: 4px
;}

.licence-drawer .el-drawer__body::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3);
    border-radius: 8px;
    height: 6px;
    width: 4px
;}

.pop-over-regulatory {
    max-width: 320px!important;
    width: -moz-fit-content!important;
    width: fit-content!important
;}

.desc-popover {
    max-width: 500px!important
;}

.bootm-files {
    height: -moz-fit-content!important;
    height: fit-content!important;
    max-width: 400px;
    min-width: auto!important;
    padding-bottom: 0!important;
    text-align: center;
    width: -moz-fit-content!important;
    width: fit-content!important
;}

.bootm-files .attached-files2 {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 20px;
    height: 100%;
    line-height: 17px;
    text-align: center
;}

.bootm-files .attached-files2 a {
    background: rgba(71,125,178,.03);
    border: .5px solid rgba(71,125,178,.3);
    border-radius: 2px;
    color: #477db2;
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 12px;
    margin-right: 12px;
    padding: 1px 16px
;}

.bootm-files .attached-files2 a:where([dir=rtl],[dir=rtl] *) {
    margin-left: 12px;
    margin-right: 0
;}

.bootm-files .attached-files2 a i {
    font-size: 9.33px;
    margin-right: 6px
;}

.bootm-files .attached-files2 a span {
    white-space: nowrap
;}

html[dir=rtl] .licence-drawer {
    left: 28px!important;
    right: unset!important
;}

ul[data-v-77c03d35] {
    text-align: left
;}

ul[data-v-77c03d35]:where([dir=rtl],[dir=rtl] *) {
    text-align: right
;}

ul li[data-v-77c03d35] {
    text-align: left
;}

ul li[data-v-77c03d35]:where([dir=rtl],[dir=rtl] *) {
    text-align: right
;}

.hover-box[data-v-77c03d35] {
    max-height: 260px;
    overflow-y: auto
;}

.hover-box[data-v-77c03d35]::-webkit-scrollbar {
    background-color: transparent;
    width: 2px
;}

.hover-box[data-v-77c03d35]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 20px
;}

.hover-box ul[data-v-77c03d35] {
    display: flex;
    flex-wrap: wrap;
    width: 100%
;}

.hover-box ul li[data-v-77c03d35] {
    margin-bottom: 10px;
    width: 50%
;}

.hover-box ul li[data-v-77c03d35]:nth-child(odd) {
    padding-right: 10px
;}

.hover-box ul li[data-v-77c03d35]:nth-child(odd):where([dir=rtl],[dir=rtl] *) {
    padding-left: 10px;
    padding-right: 0
;}

.hover-box ul li div[data-v-77c03d35] {
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 600
;}

.hover-box ul li h6[data-v-77c03d35] {
    color: rgba(61,61,61,.6);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 4px
;}

.side-frame[data-v-77c03d35] {
    background-color: #fff;
    height: 650px;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(100%);
    transition: transform .3s ease;
    width: 411px
;}

.side-frame.is-open[data-v-77c03d35] {
    transform: translateX(0)
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog {
    border-radius: 20px;
    display: flex;
    display: -ms-flex;
    flex-direction: column;
    left: 50%;
    margin: 0!important;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .icon-guanbi {
    color: #3d3d3d;
    cursor: pointer;
    font-size: 26px;
    opacity: .6;
    position: absolute;
    right: 22px;
    top: 22px;
    z-index: 2
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .el-dialog__header {
    display: none
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .el-dialog__body {
    height: 100%!important;
    max-height: 100%!important;
    min-height: 706px!important;
    overflow: unset!important;
    padding: 12px;
    position: relative;
    text-align: left!important
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .el-dialog__body .download_btn {
    align-items: center;
    background: rgba(92,138,229,.9);
    border: 1px solid #5c8ae5;
    border-radius: 3px;
    bottom: 56px;
    cursor: pointer;
    display: flex;
    gap: 4px;
    height: 30px;
    justify-content: center;
    padding: 0 12px;
    position: absolute;
    right: 56px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .el-dialog__body .download_btn:hover {
    background: #5c8ae5
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .el-dialog__body .download_btn .iconfont {
    color: #fff;
    font-size: 16px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .el-dialog__body .download_btn .downpdf {
    color: #fff;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container {
    height: 100%;
    min-height: 682px;
    padding: 40px 44px;
    position: relative;
    width: 100%
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .bg-pie {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .head-block {
    display: flex;
    padding-right: 14px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .head-block .logo-block {
    cursor: pointer;
    height: 105px;
    position: relative;
    width: 186px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .head-block .logo-block .logo {
    height: 100%;
    width: 100%
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .head-block .title-container {
    margin-left: 30px;
    width: 472px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .head-block .title-container .fullName {
    align-items: center;
    color: #333;
    display: flex;
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
    margin-bottom: 8px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .head-block .title-container .desc-btn {
    align-items: center;
    background: rgba(54,133,255,.1);
    border-radius: 4px;
    color: #3685ff;
    cursor: pointer;
    display: inline-flex;
    height: 24px;
    padding: 0 6px;
    width: -moz-fit-content;
    width: fit-content
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .head-block .title-container .desc-btn span .icon-arrow-down {
    display: inline-block;
    font-weight: 400;
    transition: .5s
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .head-block .title-container .desc-btn:hover .icon-arrow-down {
    transform: rotate(-180deg);
    transition: .5s
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-block {
    max-width: 688px;
    min-width: 688px;
    width: 688px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom .licensed-institutions-name span,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top .licensed-institutions-name span {
    align-items: center;
    display: flex
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom .licensed-institutions-name span .popover-address,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top .licensed-institutions-name span .popover-address {
    display: flex;
    justify-content: space-between
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom .licensed-institutions-name span .popover-address .reference-name,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top .licensed-institutions-name span .popover-address .reference-name {
    cursor: pointer;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 284px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom .licensed-institutions-name span .popover-address .reference-email,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top .licensed-institutions-name span .popover-address .reference-email {
    cursor: pointer;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 308px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom .licensed-institutions-name span img,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top .licensed-institutions-name span img {
    height: 18px;
    margin-right: 6px;
    width: 18px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom li,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top li {
    margin-bottom: 12px;
    width: calc(50% - 10px)
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom li:where([dir=rtl],[dir=rtl] *),.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top li:where([dir=rtl],[dir=rtl] *) {
    text-align: right
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom li:nth-child(odd),.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top li:nth-child(odd) {
    margin-right: 20px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom li:nth-child(odd):where([dir=rtl],[dir=rtl] *),.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top li:nth-child(odd):where([dir=rtl],[dir=rtl] *) {
    margin-left: 20px;
    margin-right: 0
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom li .pop-over-regulatory,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top li .pop-over-regulatory {
    width: -moz-fit-content!important;
    width: fit-content!important
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom li .pop-over-regulatory .cancelled,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top li .pop-over-regulatory .cancelled {
    align-items: center;
    color: #3685ff;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    height: 20px;
    justify-content: center;
    line-height: 20px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom li p,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top li p {
    color: rgba(61,61,61,.6);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 4px;
    white-space: nowrap
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom li span,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top li span {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom li span .reference-address,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom li span .reference-site,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top li span .reference-address,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top li span .reference-site {
    cursor: pointer;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 308px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom li .annotation,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top li .annotation {
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    padding: 0 4px 1px;
    vertical-align: middle
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom li .country,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top li .country {
    align-items: center;
    display: flex
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom li .country img,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top li .country img {
    height: 18px;
    margin-right: 8px;
    width: 27.69px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom li .sharetraders,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top li .sharetraders {
    color: #164b71;
    cursor: pointer
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom li .attached-files a,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top li .attached-files a {
    align-items: center;
    background: rgba(71,125,178,.03);
    border: .5px solid rgba(71,125,178,.3);
    border-radius: 2px;
    display: flex;
    gap: 4px;
    height: 28px;
    line-height: 28px;
    margin-right: 12px;
    min-height: 28px;
    padding: 0 20px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom li .attached-files a i,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top li .attached-files a i {
    color: #477db2;
    font-size: 9.33px;
    padding-top: 1px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom li .attached-files a span,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top li .attached-files a span {
    color: #477db2;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom .lastChild,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top .lastChild {
    width: 100%
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom .lastChild .file-list-block,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top .lastChild .file-list-block {
    align-items: center;
    display: flex;
    justify-content: flex-start
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom .lastChild .file-list-block .file-list,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top .lastChild .file-list-block .file-list {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom .lastChild .file-list-block .more,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top .lastChild .file-list-block .more {
    align-items: center;
    background: rgba(71,125,178,.03);
    border: .5px solid rgba(71,125,178,.3);
    border-radius: 2px;
    display: flex;
    gap: 4px;
    height: 28px;
    justify-content: center;
    padding: 1px 16px 2px;
    vertical-align: top;
    white-space: nowrap
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom .lastChild .file-list-block .more span,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top .lastChild .file-list-block .more span {
    color: #477db2;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom .lastChild .file-list-block .more .iconfont,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top .lastChild .file-list-block .more .iconfont {
    color: #3685ff;
    font-size: 11px;
    font-weight: 400
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .bottom-seal {
    bottom: 36px;
    position: absolute;
    right: 170px;
    width: 108px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .seal {
    bottom: 36px;
    position: absolute;
    right: 52px;
    width: 108px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .father-info {
    border-top: 2px solid #dec899;
    margin-top: 8px;
    padding-bottom: 20px;
    padding-top: 20px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .father-info .father-info-ul .father-info-title {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .father-info .father-info-ul .father-info-li {
    display: flex;
    flex-wrap: wrap;
    padding-top: 10px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .father-info .father-info-ul .father-info-li li {
    margin-bottom: 10px;
    width: 50%
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .father-info .father-info-ul .father-info-li li .father-info-label {
    color: rgba(61,61,61,.6);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 4px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .father-info .father-info-ul .father-info-li li .father-info-info {
    display: flex
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .father-info .father-info-ul .father-info-li li .father-info-info .father-info-text {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .father-info .father-info-ul .father-info-li li .father-info-info .father-info-s {
    background: #2bb351;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding: 0 4px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .father-info .father-info-more {
    align-items: center;
    display: flex;
    justify-content: center
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .father-info .father-info-more .iconfont {
    color: #c79d45;
    cursor: pointer;
    font-size: 20px;
    font-weight: 600;
    transform: rotate(90deg);
    transition: all .5s
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .popover-address {
    display: flex;
    justify-content: space-between
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .popover-address .icon-arrow-down {
    color: #3685ff;
    display: inline-block;
    font-size: 11px;
    font-weight: 400;
    height: 20px;
    margin-left: 11.5px;
    transition: .5s
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .popover-address:hover .icon-arrow-down {
    transform: rotate(-180deg);
    transition: .5s
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .el-dialog--center {
    text-align: left
;}

@media screen and (max-width: 799px) {
    .dialog-regulatory[data-v-77c03d35] .el-dialog {
        border-radius:0;
        height: 100vh!important;
        height: calc(var(--vh, 1vh)*100)!important;
        width: 100%!important
    ;}

    .dialog-regulatory[data-v-77c03d35] .el-dialog .el-dialog__body {
        height: 100vh!important;
        height: calc(var(--vh, 1vh)*100)!important;
        max-height: unset!important;
        min-height: unset!important;
        overflow: auto!important;
        padding: 0
    ;}

    .dialog-regulatory[data-v-77c03d35] .el-dialog .el-dialog__body .icon-guanbi {
        display: none
    ;}

    .dialog-regulatory[data-v-77c03d35] .el-dialog .el-dialog__body::-webkit-scrollbar {
        width: 0
    ;}
;}

.pop-over-regulatory[data-v-77c03d35] {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.pop-over-regulatory .dealer-sharetraders[data-v-77c03d35] {
    display: flex;
    flex-direction: column;
    justify-content: center
;}

.pop-over-regulatory .dealer-sharetraders a[data-v-77c03d35] {
    align-items: center;
    display: flex;
    margin: 3px 0
;}

.pop-over-regulatory .dealer-sharetraders a img[data-v-77c03d35] {
    height: 18px;
    margin-right: 6px;
    width: 18px
;}

.pop-over-regulatory .dealer-sharetraders a span[data-v-77c03d35] {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.pop-over-regulatory[data-v-77c03d35] {
    min-width: auto!important
;}

html[dir=rtl] .dialog-regulatory .el-dialog .el-dialog__body .dialog-container .head-block .title-container[data-v-77c03d35] {
    margin-left: 0;
    margin-right: 30px
;}

html[dir=rtl] .dialog-regulatory .el-dialog .el-dialog__body .dialog-container .info-top li .country img[data-v-77c03d35] {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .dialog-regulatory .el-dialog .el-dialog__body .dialog-container .info-top .licensed-institutions-name span img[data-v-77c03d35] {
    margin-left: 6px;
    margin-right: 0
;}

html[dir=rtl] .dialog-regulatory .el-dialog .el-dialog__body .dialog-container .info-bottom li .country img[data-v-77c03d35] {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .dialog-regulatory .el-dialog .el-dialog__body .dialog-container .info-bottom .licensed-institutions-name span img[data-v-77c03d35] {
    margin-left: 6px;
    margin-right: 0
;}

html[dir=rtl] .dialog-regulatory .el-dialog .el-dialog__body .dialog-container .head-block .logo-block .seal[data-v-77c03d35] {
    left: -24px!important;
    right: unset
;}

html[dir=rtl] .dialog-regulatory .el-dialog .el-dialog__body .dialog-container .bottom-seal[data-v-77c03d35] {
    left: 164px!important;
    right: unset
;}

html[dir=rtl] .dialog-regulatory .el-dialog .el-dialog__body .dialog-container .seal[data-v-77c03d35] {
    left: 52px!important;
    right: unset
;}

html[dir=rtl] .dialog-regulatory .el-dialog .el-dialog__body .download_btn[data-v-77c03d35] {
    left: 56px!important;
    right: unset
;}

html[dir=rtl] .dialog-regulatory .el-dialog .el-dialog__body .icon-guanbi[data-v-77c03d35] {
    left: 22px;
    right: auto
;}

html[dir=rtl] .dialog-regulatory .pop-over-regulatory[data-v-77c03d35] {
    left: auto!important;
    right: 372px
;}

html[dir=rtl] .dialog-regulatory .el-popper .popper__arrow[data-v-77c03d35] {
    left: auto!important;
    right: 65px
;}

.test {
    position: absolute
;}

.changerecord .el-pagination .btn-next,.changerecord .el-pagination .btn-prev,.changerecord .el-pagination .el-pager li {
    background: #fff;
    border: .5px solid rgba(0,0,0,.1);
    border-radius: 4px;
    color: #86909c;
    height: 40px;
    line-height: 40px;
    width: 40px
;}

.changerecord .el-pagination .btn-next.active,.changerecord .el-pagination .btn-prev.active,.changerecord .el-pagination .el-pager li.active {
    background-color: #1d2129!important;
    color: #fff!important
;}

.changerecord .el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: #3d3d3d
;}

.changerecord .iframe-show {
    align-items: center;
    background: rgba(0,0,0,.3);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
;}

.changerecord .iframe-show .show-box {
    position: relative
;}

.changerecord .iframe-show .show-box .icon-close {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px
;}

.changerecord .iframe-show .show-box .iframe {
    background: #fff;
    border-radius: 10px;
    height: 366px;
    padding: 0 20px;
    width: 380px
;}

html[dir=rtl] .changerecord .el-pagination .btn-next,html[dir=rtl] .changerecord .el-pagination .btn-prev,html[dir=rtl] .changerecord .el-pagination .el-icon-d-arrow-left,html[dir=rtl] .changerecord .el-pagination .el-icon-d-arrow-right {
    transform: rotate(180deg)
;}

.scroll-style::-webkit-scrollbar {
    display: block!important;
    height: 5px
;}

.scroll-style::-webkit-scrollbar-thumb {
    height: 5px
;}

.scroll-style::-webkit-scrollbar-thumb,.scroll-style:hover::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.3);
    border-radius: 10px;
    -webkit-box-shadow: inset1px1px0rgba(0,0,0,.3)
;}

.scroll-style::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0,0,0,.3);
    -webkit-box-shadow: inset1px1px0rgba(0,0,0,.3)
;}

.scroll-style::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,.05);
    border-radius: 10px;
    -webkit-box-shadow: inset006pxrgba(0,0,0,0)
;}

.scroll-style::-webkit-scrollbar-track:hover {
    background-color: rgba(0,0,0,.05);
    border-radius: 0
;}

.test,.text {
    position: relative
;}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff")
;}

:root {
    --swiper-theme-color: #007aff
;}

.swiper-container {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
;}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
;}

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
    z-index: 1
;}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    transform: translateZ(0)
;}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
;}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-direction: column;
    flex-wrap: wrap
;}

.swiper-container-free-mode>.swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
;}

.swiper-container-pointer-events {
    touch-action: pan-y
;}

.swiper-container-pointer-events.swiper-container-vertical {
    touch-action: pan-x
;}

.swiper-slide {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
;}

.swiper-slide-invisible-blank {
    visibility: hidden
;}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
;}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
;}

.swiper-container-3d {
    perspective: 1200px
;}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
;}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
;}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
;}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
;}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
;}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
;}

.swiper-container-css-mode>.swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none
;}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
;}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
;}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
;}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
;}

:root {
    --swiper-navigation-size: 44px
;}

.swiper-button-next,.swiper-button-prev {
    align-items: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
    cursor: pointer;
    display: flex;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    z-index: 10
;}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
;}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none
;}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
;}

.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after {
    content: "prev"
;}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    left: auto;
    right: 10px
;}

.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after {
    content: "next"
;}

.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #fff
;}

.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000
;}

.swiper-button-lock {
    display: none
;}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    transition: opacity .3s;
    z-index: 10
;}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
;}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
;}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
;}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
;}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
;}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
;}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
;}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
;}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
;}

.swiper-pagination-bullet {
    background: #000;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    opacity: .2;
    width: 8px
;}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
;}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
;}

.swiper-pagination-bullet:only-child {
    display: none!important
;}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    opacity: 1
;}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0,-50%,0)
;}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: 6px 0
;}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
;}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s,top .2s
;}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
;}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
;}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,left .2s
;}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,right .2s
;}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
;}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top;
    width: 100%
;}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
;}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%
;}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: 4px
;}

.swiper-pagination-white {
    --swiper-pagination-color: #fff
;}

.swiper-pagination-black {
    --swiper-pagination-color: #000
;}

.swiper-pagination-lock {
    display: none
;}

.swiper-scrollbar {
    background: rgba(0,0,0,.1);
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none
;}

.swiper-container-horizontal>.swiper-scrollbar {
    bottom: 3px;
    height: 5px;
    left: 1%;
    position: absolute;
    width: 98%;
    z-index: 50
;}

.swiper-container-vertical>.swiper-scrollbar {
    height: 98%;
    position: absolute;
    right: 3px;
    top: 1%;
    width: 5px;
    z-index: 50
;}

.swiper-scrollbar-drag {
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
;}

.swiper-scrollbar-cursor-drag {
    cursor: move
;}

.swiper-scrollbar-lock {
    display: none
;}

.swiper-zoom-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%
;}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
;}

.swiper-slide-zoomed {
    cursor: move
;}

.swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
;}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
;}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
;}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    ;}
;}

.swiper-container .swiper-notification {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1000
;}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
;}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
;}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
;}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
;}

.swiper-container-cube {
    overflow: visible
;}

.swiper-container-cube .swiper-slide {
    backface-visibility: hidden;
    height: 100%;
    pointer-events: none;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%;
    z-index: 1
;}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
;}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
;}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
;}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
;}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
    backface-visibility: hidden;
    z-index: 0
;}

.swiper-container-cube .swiper-cube-shadow {
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%;
    z-index: 0
;}

.swiper-container-cube .swiper-cube-shadow:before {
    background: #000;
    bottom: 0;
    content: "";
    filter: blur(50px);
    left: 0;
    position: absolute;
    right: 0;
    top: 0
;}

.swiper-container-flip {
    overflow: visible
;}

.swiper-container-flip .swiper-slide {
    backface-visibility: hidden;
    pointer-events: none;
    z-index: 1
;}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
;}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
;}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
    backface-visibility: hidden;
    z-index: 0
;}

.fix-tab-content[data-v-08164de8] {
    -ms-overflow-style: none;
    overflow-y: scroll;
    scrollbar-width: none
;}

.fix-tab-content[data-v-08164de8]::-webkit-scrollbar {
    display: none
;}

.dealer-download .el-dialog {
    border-radius: 16px;
    left: 50%;
    margin: 0!important;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%)
;}

.dealer-download .el-dialog .mycontainer {
    border-radius: 10px;
    left: 50%;
    min-height: 300px;
    padding: 48px;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 960px
;}

.dealer-download .el-dialog .mycontainer .icon-close {
    color: #3d3d3d;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    right: 1%;
    top: 3%
;}

.dealer-download .el-dialog .mycontainer h2 {
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #52170f;
    display: -webkit-box;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 34px;
    overflow: hidden;
    position: relative;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    white-space: pre-line;
    width: 500px;
    word-break: keep-all;
    z-index: 1
;}

.dealer-download .el-dialog .mycontainer h2 img {
    height: 30px;
    margin-right: 10px;
    width: 30px
;}

.dealer-download .el-dialog .mycontainer h2 span:last-child {
    font-weight: 400;
    margin-left: 10px
;}

.dealer-download .el-dialog .mycontainer h2 span {
    vertical-align: top
;}

.dealer-download .el-dialog .mycontainer h1 {
    color: #52170f;
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 20px;
    position: relative;
    width: 520px;
    z-index: 1
;}

.dealer-download .el-dialog .mycontainer .download-span {
    font-size: 24px
;}

.dealer-download .el-dialog .mycontainer .download-cell {
    position: relative;
    width: 500px
;}

.dealer-download .el-dialog .mycontainer .first-cell,.dealer-download .el-dialog .mycontainer .second-cell {
    align-items: center;
    display: flex;
    max-width: 350px
;}

.dealer-download .el-dialog .mycontainer .qr-code-dealer {
    background: rgba(0,0,0,.08);
    height: 88px;
    position: absolute;
    right: 0;
    top: -18px;
    width: 88px
;}

.dealer-download .el-dialog .mycontainer .qr-code-dealer img {
    left: 5px;
    position: absolute;
    top: 5px
;}

.dealer-download .el-dialog .mycontainer .qr-code-dealer p {
    word-wrap: break-word;
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-top: 5px;
    text-align: center;
    white-space: pre-line;
    width: 88px;
    word-break: keep-all
;}

.dealer-download .el-dialog .mycontainer2 {
    padding: 32px
;}

.dealer-download .el-dialog .el-dialog__header {
    display: none
;}

.dealer-download .el-dialog .el-dialog__body {
    padding: 0
;}

.dealer-download .el-dialog .wiki-down .down-box {
    background: #000;
    border: 1px solid #000;
    height: 44px;
    min-width: auto;
    padding: 0 0 0 10px;
    width: 180px
;}

.dealer-download .el-dialog .wiki-down .down-box:hover .wiki-down-l .img {
    background: url(https://resources1.interface003.com/web20/img/commen/google-play.svg) no-repeat 50%;
    background-size: 25px 25px
;}

.dealer-download .el-dialog .wiki-down .down-box .wiki-down-l .img {
    background-size: 25px 25px;
    height: 25px;
    margin-right: 8px;
    width: 25px
;}

.dealer-download .el-dialog .wiki-down .down-box .wiki-down-l .iconfont {
    color: #fff!important;
    font-size: 23px!important;
    margin-right: 8px
;}

.dealer-download .el-dialog .wiki-down .down-box .wiki-down-l .down-text {
    padding: 0
;}

.dealer-download .el-dialog .wiki-down .down-box .wiki-down-l .down-text .down-text-1 {
    color: #fff;
    font-size: 12px;
    transform: scale(.83);
    transform-origin: left;
    white-space: nowrap
;}

.dealer-download .el-dialog .wiki-down .down-box .wiki-down-l .down-text .down-text-2 {
    color: #fff;
    font-size: 12px!important;
    font-weight: 600
;}

@media screen and (max-width: 1199px) {
    .dealer-download .el-dialog .mycontainer {
        width:600px
    ;}

    .dealer-download .el-dialog .mycontainer h1 {
        font-size: 32px
    ;}
;}

@media screen and (max-width: 799px) {
    .dealer-download {
        display:none
    ;}
;}

html[dir=rtl] .dealer-download .el-dialog .mycontainer .qr-code-dealer {
    left: 0;
    right: unset
;}

html[dir=rtl] .dealer-download .el-dialog .mycontainer .download-cell {
    left: 40px;
    position: absolute;
    right: unset
;}

html[dir=rtl] .dealer-download .el-dialog .mycontainer .download-cell .first-cell .down-box:first-child {
    margin-right: 8px
;}

html[dir=rtl] .dealer-download .el-dialog .mycontainer .download-cell .first-cell .down-box:first-child:where([dir=rtl],[dir=rtl] *) {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .dealer-download .el-dialog .mycontainer .download-cell .second-cell .down-box:first-child {
    margin-right: 8px
;}

html[dir=rtl] .dealer-download .el-dialog .mycontainer .download-cell .second-cell .down-box:first-child:where([dir=rtl],[dir=rtl] *) {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .dealer-download .el-dialog .mycontainer h2 img {
    margin-left: 10px;
    margin-right: unset
;}

html[dir=rtl] .dealer-download .el-dialog .mycontainer .icon-close {
    left: 1%;
    right: unset
;}

html[dir=rtl] .dealer-download .el-dialog .mycontainer h1 {
    margin-bottom: 20px
;}

html[dir=rtl] .dealer-download .wiki-down .down-box {
    padding: 0 10px 0 0
;}

html[dir=rtl] .dealer-download .wiki-down .down-box .wiki-down-l .down-text .down-text-1 {
    transform-origin: right
;}

@media screen and (max-width: 1199px) {
    html[dir=rtl] .dealer-download .el-dialog .mycontainer h1,html[dir=rtl] .dealer-download .el-dialog .mycontainer h2 {
        margin-right:unset
    ;}

    html[dir=rtl] .dealer-download .el-dialog .mycontainer .download-cell {
        right: 35px
    ;}
;}

.relation-vip>div[data-v-2cac84e8] {
    background: hsla(0,0%,100%,.9)
;}

.fx-dialog .el-dialog {
    padding-bottom: 10px
;}

.fx-dialog .el-dialog__header {
    align-items: center;
    display: flex;
    font-size: 20px;
    font-weight: 400;
    padding: 30px 40px 20px
;}

.fx-dialog .el-dialog__body {
    box-sizing: content-box;
    margin: 0 6px;
    padding: 0 34px
;}

.fx-dialog .el-dialog__body::-webkit-scrollbar {
    width: 4px
;}

.fx-dialog .el-dialog__headerbtn {
    right: 32px;
    top: 36px
;}

.fx-dialog .el-dialog__headerbtn>.el-dialog__close {
    color: #1d2129;
    font-size: 18px;
    height: 22px;
    line-height: 22px;
    width: 22px
;}

@media screen and (max-width: 999px) {
    .fx-dialog .el-dialog__header {
        padding:30px 20px 20px
    ;}

    .fx-dialog .el-dialog__body {
        margin: 0 20px;
        padding: 20px 0
    ;}
;}

@media screen and (max-width: 799px) {
    .fx-dialog .el-dialog__header {
        padding:30px 20px 20px
    ;}

    .fx-dialog .el-dialog__body {
        margin: 0 20px;
        padding: 20px 0
    ;}
;}

.bullet-screen-box {
    display: flex;
    justify-content: flex-start;
    position: relative
;}

.bullet-screen-box .bullet-screen {
    bottom: 22px;
    height: 120px;
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    width: 640px;
    z-index: 23
;}

.bullet-screen-box .bullet-screen .bullet-screen-swiper {
    height: 100%;
    width: 100%
;}

.bullet-screen-box .bullet-screen .swiper-slide {
    display: flex;
    justify-content: flex-start
;}

.bullet-screen-box .bullet-screen .swiper-slide p {
    background: rgba(61,85,204,.7);
    border: 1px solid rgba(61,85,204,.3);
    border-radius: 52px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 52px;
    line-height: 50px;
    max-width: 453px;
    opacity: .2;
    padding: 0 16px;
    text-align: center
;}

.bullet-screen-box .bullet-screen .swiper-slide-active p {
    opacity: 1
;}

@media screen and (max-width: 799px) {
    .bullet-screen-box {
        padding:0 16px
    ;}

    .bullet-screen-box .bullet-screen {
        width: 80%
    ;}

    .bullet-screen-box .bullet-screen .swiper-slide p {
        max-width: 100%
    ;}
;}

.dealershangshi[data-v-539baeb4] ::-webkit-scrollbar {
    display: none;
    opacity: 0;
    width: 0
;}

.dealershangshi[data-v-539baeb4] ::-webkit-scrollbar-track {
    background-color: #fff;
    opacity: 0
;}

.dealershangshi[data-v-539baeb4] ::-webkit-scrollbar-thumb {
    border-radius: 0;
    opacity: 0;
    width: 0
;}

.dealer-primary-jeff {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    margin-bottom: 16px;
    padding: 24px
;}

.dealer-primary-jeff.primary-jeff-jp {
    background: none;
    border: none;
    padding: 24px 0
;}

.dealer-primary-jeff.primary-jeff-jp .primary-tit {
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    padding: 0 16px;
    position: relative
;}

.dealer-primary-jeff.primary-jeff-jp .primary-tit:before {
    background: #301;
    content: "";
    display: flex;
    height: 26px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 6px
;}

.dealer-primary-jeff.primary-jeff-jp .primary-list .list-c .list {
    background: none;
    border: none;
    min-width: 184px;
    padding: 16px 12px 20px 0;
    width: 184px
;}

.dealer-primary-jeff.primary-jeff-jp .primary-list .list-c .list:hover {
    box-shadow: none
;}

.dealer-primary-jeff.primary-jeff-jp .primary-list .list-c .list:hover .list-hand .head-right .head-name {
    color: #b38936
;}

.dealer-primary-jeff.primary-jeff-jp .primary-list .list-c .list .list-hand .head-left {
    margin-right: 8px
;}

.dealer-primary-jeff.primary-jeff-jp .primary-list .list-c .list .lise-bom .Detail,.dealer-primary-jeff.primary-jeff-jp .primary-list .list-c .list .lise-bom .off-website {
    border-radius: 27px
;}

.dealer-primary-jeff .primary-tit {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600
;}

.dealer-primary-jeff .primary-list {
    margin-top: 24px;
    position: relative;
    width: 100%
;}

.dealer-primary-jeff .primary-list .more-left,.dealer-primary-jeff .primary-list .more-right {
    align-items: center;
    background: rgba(61,61,61,.2);
    cursor: pointer;
    display: flex;
    height: 46px;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
;}

.dealer-primary-jeff .primary-list .more-left .iconfont,.dealer-primary-jeff .primary-list .more-right .iconfont {
    color: #fff;
    font-size: 14px
;}

.dealer-primary-jeff .primary-list .more-left {
    left: 0
;}

.dealer-primary-jeff .primary-list .more-right {
    right: 0
;}

.dealer-primary-jeff .primary-list .list-c {
    display: flex;
    white-space: nowrap
;}

.dealer-primary-jeff .primary-list .list-c.transition {
    transition: all 1s linear
;}

.dealer-primary-jeff .primary-list .list {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    margin-right: 10px;
    max-width: 180px;
    min-width: 180px;
    padding: 10px;
    width: 180px
;}

.dealer-primary-jeff .primary-list .list:hover {
    box-shadow: 3px 3px 4px 0 rgba(0,0,0,.08),-1px 0 4px 0 rgba(0,0,0,.08)
;}

.dealer-primary-jeff .primary-list .list:nth-child(4n) {
    margin-right: 0
;}

.dealer-primary-jeff .primary-list .list .list-hand {
    display: flex;
    margin-bottom: 10px
;}

.dealer-primary-jeff .primary-list .list .list-hand .head-left {
    margin-right: 10px
;}

.dealer-primary-jeff .primary-list .list .list-hand .head-left .pri-ico {
    border-radius: 50%;
    height: 34px;
    width: 34px
;}

.dealer-primary-jeff .primary-list .list .list-hand .head-right {
    flex: 1;
    overflow: hidden
;}

.dealer-primary-jeff .primary-list .list .list-hand .head-right .head-name {
    color: #292929;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-primary-jeff .primary-list .list .list-hand .head-right .sorce {
    margin-bottom: 4px
;}

.dealer-primary-jeff .primary-list .list .lise-bom {
    align-items: center;
    display: flex;
    justify-content: space-between
;}

.dealer-primary-jeff .primary-list .list .lise-bom .Detail,.dealer-primary-jeff .primary-list .list .lise-bom .off-website {
    background: #fff;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 4px;
    color: #7a7a7a;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    overflow: hidden;
    padding: 4px 10px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 73px
;}

.dealer-primary-jeff .primary-list .list .lise-bom .Detail:hover,.dealer-primary-jeff .primary-list .list .lise-bom .off-website:hover {
    text-decoration: underline
;}

.dealer-primary-jeff .primary-list .list .lise-bom .Detail.fordetail,.dealer-primary-jeff .primary-list .list .lise-bom .off-website.fordetail {
    padding: 0
;}

.dealer-primary-jeff .primary-list .list .lise-bom .Detail .dlink,.dealer-primary-jeff .primary-list .list .lise-bom .off-website .dlink {
    align-items: center;
    color: #7a7a7a;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 4px 10px;
    width: 100%
;}

.dealer-primary-jeff .primary-list .list .lise-bom .Detail {
    border: 1px solid rgba(61,85,204,.9);
    color: rgba(61,85,204,.9)
;}

.dealer-primary-jeff .primary-list .list .lise-bom .tree-detail {
    width: 100%
;}

.dealer-primary-jeff .primary-list .list .lise-bom.isChan {
    flex-direction: column
;}

.dealer-primary-jeff .primary-list .list .lise-bom.isChan .Detail,.dealer-primary-jeff .primary-list .list .lise-bom.isChan .off-website {
    width: 100%
;}

.dealer-primary-jeff .primary-list .list .lise-bom.isChan .off-website {
    margin-right: 0!important
;}

.dealer-primary-jeff .primary-list .list .lise-bom.isChan .Detail {
    margin-top: 8px
;}

.dealer-primary-jeff .iframe-show {
    align-items: center;
    background: rgba(0,0,0,.3);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9
;}

.dealer-primary-jeff .iframe-show .show-box {
    position: relative
;}

.dealer-primary-jeff .iframe-show .show-box .icon-close {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px
;}

.dealer-primary-jeff .iframe-show .show-box .iframe {
    background: #fff;
    border-radius: 10px;
    height: 366px;
    width: 380px
;}

@media screen and (max-width: 1199px) {
    .dealer-primary-jeff .primary-list .list-c {
        display:flex;
        flex-wrap: wrap
    ;}

    .dealer-primary-jeff .primary-list .list-c .list {
        min-width: 256px!important;
        width: 256px!important
    ;}

    .dealer-primary-jeff .primary-list .list-c .list:nth-child(-n+2) {
        margin-bottom: 16px
    ;}

    .dealer-primary-jeff .primary-list .list-c .list:nth-child(2n) {
        margin-right: 0
    ;}

    .dealer-primary-jeff .primary-list .list-c .list .list-hand .head-left {
        margin-right: 6px
    ;}

    .dealer-primary-jeff .primary-list .list-c .list .lise-bom .Detail,.dealer-primary-jeff .primary-list .list-c .list .lise-bom .off-website {
        flex: 1
    ;}

    .dealer-primary-jeff .primary-list .list-c .list .lise-bom .off-website {
        margin-right: 8px
    ;}
;}

@media screen and (max-width: 999px) {
    .dealer-primary-jeff .primary-list .list-c .list {
        min-width:176px!important;
        width: 176px!important
    ;}
;}

@media screen and (max-width: 799px) {
    .dealer-primary-jeff {
        padding:20px 16px 24px
    ;}

    .dealer-primary-jeff.primary-jeff-jp {
        padding: 24px 16px
    ;}

    .dealer-primary-jeff .primary-list {
        margin-top: 0
    ;}

    .dealer-primary-jeff .primary-list .list-c {
        align-items: center;
        display: flex;
        justify-content: center;
        justify-content: space-between
    ;}

    .dealer-primary-jeff .primary-list .list-c .list {
        margin-bottom: 0!important;
        margin-right: 0;
        margin-top: 12px;
        min-width: 49%!important;
        width: 49%!important
    ;}

    .dealer-primary-jeff .primary-list .list-c .list.esSte {
        padding: 16px 8px 20px
    ;}

    .dealer-primary-jeff .primary-list .list-c .list .list-hand .head-left .pri-ico {
        height: 38px;
        width: 38px
    ;}

    .dealer-primary-jeff .primary-list .list-c .list .list-hand .head-right .head-name {
        font-size: 14px;
        margin-bottom: 4px
    ;}

    .dealer-primary-jeff .primary-list .list-c .list .lise-bom .Detail,.dealer-primary-jeff .primary-list .list-c .list .lise-bom .off-website {
        overflow: inherit
    ;}
;}

html[dir=rtl] .dealer-primary-jeff .primary-list .list-c .list {
    margin-left: 10px;
    margin-right: 0
;}

html[dir=rtl] .dealer-primary-jeff .primary-list .list-c .list .list-hand .head-left {
    margin-left: 5px;
    margin-right: 0
;}

@media screen and (max-width: 1199px) {
    html[dir=rtl] .dealer-primary-jeff .primary-list .list-c .list:nth-child(2n) {
        margin-left:0
    ;}
;}

@media screen and (max-width: 799px) {
    html[dir=rtl] .dealer-primary-jeff .primary-list .list-c .list {
        min-width:48%!important;
        width: 48%!important
    ;}

    html[dir=rtl] .dealer-primary-jeff .primary-list .list-c .list:nth-child(2n) {
        margin-left: 0
    ;}
;}

.dealer-environment {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    padding: 24px
;}

.dealer-environment .environment-tlt {
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px
;}

.dealer-environment .env-warp {
    grid-gap: 30px;
    display: flex;
    gap: 30px;
    margin-top: 8px
;}

.dealer-environment .env-warp .home-tab {
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.05)
;}

.dealer-environment .env-warp .home-tab ul h3 {
    color: #a3a3a3;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0;
    white-space: nowrap
;}

.dealer-environment .env-warp .home-tab ul .home-tab-active {
    border-bottom: 1px solid #3d3d3d;
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 600;
    transform: scale(1.01)
;}

.dealer-environment .env-warp .speed-charts {
    height: 264px;
    width: 100%
;}

.dealer-environment .env-warp .speed-info {
    display: flex;
    flex-wrap: wrap
;}

.dealer-environment .env-warp .speed-info .info-item {
    flex-basis: 33.33%;
    padding: 10px 0
;}

.dealer-environment .env-warp .speed-info .item-tlt {
    color: #a3a3a3;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
;}

.dealer-environment .env-warp .speed-info .item-ctx {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    font-family: DIN-Medium;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin-top: 4px
;}

.dealer-environment .env-warp .speed-info .item-ctx span {
    background: rgba(53,179,137,.05);
    border: 1px solid #35b389;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-left: 10px;
    padding: 0 6px
;}

.dealer-environment .env-warp .slippage-info {
    display: flex;
    flex-wrap: wrap;
    gap: 4%
;}

.dealer-environment .env-warp .slippage-info .info-item {
    flex-basis: 48%;
    padding: 10px 0
;}

.dealer-environment .env-warp .slippage-info .item-tlt {
    color: #a3a3a3;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
;}

.dealer-environment .env-warp .slippage-info .item-ctx {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    font-family: DIN-Medium;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin-top: 4px
;}

.dealer-environment .env-warp .slippage-info .item-ctx span {
    background: rgba(53,179,137,.05);
    border: 1px solid #35b389;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-left: 10px;
    padding: 0 6px
;}

.dealer-environment .warp-left {
    width: 494px
;}

.dealer-environment .warp-left .cost-pane,.dealer-environment .warp-left .offline-pane,.dealer-environment .warp-left .overnight-pane,.dealer-environment .warp-left .slippage-pane,.dealer-environment .warp-left .speed-pane {
    display: none
;}

.dealer-environment .warp-left .pane-block {
    display: block
;}

.dealer-environment .warp-right {
    background: #fafafa;
    height: 437px;
    padding: 20px;
    width: 234px
;}

.dealer-environment .warp-right .gauge-charts {
    height: 180px;
    margin: 0 auto;
    width: 180px
;}

.dealer-environment .warp-right .gauge-rank {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    line-height: 20px;
    margin-top: -20px
;}

.dealer-environment .warp-right .gauge-rank span {
    font-family: DIN;
    font-size: 14px
;}

.dealer-environment .warp-right .gauge-rank span i {
    color: #f5ca5d;
    font-family: DIN-Medium;
    font-size: 20px;
    font-style: normal;
    line-height: 24px
;}

.dealer-environment .warp-right .right-line {
    background: rgba(0,0,0,.04);
    height: 1px;
    margin: 16px 0;
    width: 100%
;}

.dealer-environment .warp-right .r-info-item {
    color: #a3a3a3;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 20px
;}

.dealer-environment .warp-right .r-info-item:first-child {
    margin-top: 0
;}

.dealer-environment .warp-right .r-info-item span {
    color: #3d3d3d;
    display: block;
    font-family: DIN-Medium;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin-top: 4px
;}

.dealer-environment .env-data {
    color: #ccc;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 400;
    justify-content: space-between;
    line-height: 17px;
    margin-top: 10px
;}

.dealer-environment .env-data,.dealer-environment .env-data .env-data_l {
    align-items: center;
    display: flex
;}

.dealer-environment .env-data .env-data_l img {
    height: 15px;
    width: 14px
;}

.dealer-environment .env-data .data-time {
    color: #a3a3a3;
    display: flex;
    font-size: 12px;
    line-height: 17px;
    text-align: right
;}

.dealer-environment .env-data .data-time span {
    display: flex
;}

.dealer-environment .env-data img {
    margin: 0 6px
;}

.dealer-environment .env-data .span {
    color: #3685ff
;}

.dealer-environment .line-chart-pop .item-date {
    font-family: DIN-Medium;
    font-size: 12px
;}

.dealer-environment .line-chart-pop .item-value {
    display: flex;
    font-family: DDIN-MediumIN;
    font-size: 12px;
    justify-content: space-between
;}

.dealer-environment .line-chart-pop .item-value span {
    font-family: DIN-Medium;
    font-weight: 600;
    margin-left: 10px
;}

.dealer-environment .trend-item {
    position: relative
;}

.dealer-environment .trend-item .trend-info {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    font-family: DIN-Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px;
    position: absolute;
    right: 0;
    top: 10px
;}

.dealer-environment .trend-item .trend-info span {
    background: rgba(53,179,137,.05);
    border: 1px solid #35b389;
    border-radius: 4px;
    color: #35b389;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-left: 10px;
    padding: 0 6px
;}

@media screen and (max-width: 1199px) {
    .dealer-environment .env-warp {
        flex-direction:column
    ;}

    .dealer-environment .warp-right {
        height: auto;
        width: 100%
    ;}

    .dealer-environment .warp-right .gauge-charts {
        width: 190px
    ;}

    .dealer-environment .right-line {
        display: none
    ;}

    .dealer-environment .right-info {
        margin-left: 20px
    ;}

    .dealer-environment .info-side {
        display: flex
    ;}
;}

@media screen and (max-width: 999px) {
    .dealer-environment .env-warp .speed-info .info-item {
        flex-basis:50%;
        padding: 10px 0
    ;}

    .dealer-environment .warp-left {
        width: 346px
    ;}

    .dealer-environment .info-side {
        flex-direction: column
    ;}

    .dealer-environment .right-info {
        margin-left: 0
    ;}

    .dealer-environment .gauge-charts {
        margin: 0 auto
    ;}
;}

@media screen and (max-width: 799px) {
    .dealer-environment .warp-left {
        width:100%
    ;}

    .dealer-environment .right-info {
        margin-left: 0;
        margin-top: 16px
    ;}

    .dealer-environment .trend-item .trend-info {
        font-size: 12px
    ;}
;}

html[dir=rtl] .dealer-environment .env-warp .speed-info .item-ctx span {
    margin-left: 0;
    margin-right: 10px
;}

@media screen and (max-width: 1199px) {
    html[dir=rtl] .dealer-environment .env-warp .warp-left {
        width:100%
    ;}
;}

.dealer-transaction {
    background: #fff;
    box-sizing: border-box;
    padding: 24px 40px
;}

.dealer-transaction .home-tab ul .wiki-nav-item {
    font-size: 24px;
    line-height: 34px
;}

.dealer-transaction .home-tab ul .home-tab-active {
    color: #292929;
    font-weight: 600;
    transform: scale(1.01)
;}

.dealer-transaction .transaction {
    display: flex;
    margin-top: 24px
;}

.dealer-transaction .transaction .transaction-l {
    flex: 1;
    margin-right: 30px
;}

.dealer-transaction .transaction .transaction-l .transaction-l-t {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 10px
;}

.dealer-transaction .transaction .transaction-l .transaction-l-bar {
    height: 210px;
    margin-top: 21px;
    width: 100%
;}

.dealer-transaction .transaction .transaction-l .transaction-jyhy,.dealer-transaction .transaction .transaction-l .transaction-jyss {
    height: 193px
;}

.dealer-transaction .transaction .transaction-l .transaction-l-list {
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 2px;
    height: 164px;
    margin-top: 13px;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    width: 100%
;}

.dealer-transaction .transaction .transaction-l .transaction-l-list .transaction-l-list-tt {
    background: #fff;
    height: 100%;
    left: 0;
    min-width: 490px;
    position: absolute;
    top: 0;
    width: 100%
;}

.dealer-transaction .transaction .transaction-l .transaction-l-list .list-title {
    align-items: center;
    background: #fafafa;
    display: flex;
    height: 32px
;}

.dealer-transaction .transaction .transaction-l .transaction-l-list .list-title ul {
    align-items: center;
    display: flex;
    flex: 1
;}

.dealer-transaction .transaction .transaction-l .transaction-l-list .list-title ul li {
    align-items: center;
    color: #a3a3a3;
    display: flex;
    flex: 1;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    justify-content: center
;}

.dealer-transaction .transaction .transaction-l .transaction-l-list::-webkit-scrollbar {
    height: 6px
;}

.dealer-transaction .transaction .transaction-l .transaction-l-list .list-list .list-ul {
    align-items: center;
    display: flex;
    height: 44px
;}

.dealer-transaction .transaction .transaction-l .transaction-l-list .list-list .list-ul li {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    flex: 1;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    line-height: 20px
;}

.dealer-transaction .transaction .transaction-l .transaction-l-list .list-list .list-ul li img {
    height: 16px;
    margin-right: 6px
;}

.dealer-transaction .transaction .transaction-l .transaction-l-list .list-list .list-ul li:first-child {
    justify-content: flex-start;
    padding-left: 10px
;}

.dealer-transaction .transaction .transaction-r {
    background: #f3f7fe;
    border-radius: 0;
    box-sizing: border-box;
    padding: 22px 27px 0;
    width: 234px
;}

.dealer-transaction .transaction .transaction-r .transaction-bcl {
    width: 100%
;}

.dealer-transaction .transaction .transaction-r .transaction-bcl .bcl-title {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
;}

.dealer-transaction .transaction .transaction-r .transaction-bcl .bcl-title .bcl-title-1 {
    color: rgba(61,61,61,.5);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.dealer-transaction .transaction .transaction-r .transaction-bcl .bcl-title .bcl-title-2 {
    color: #3d3d3d;
    font-family: DIN-Medium;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 31px;
    margin-top: 10px
;}

.dealer-transaction .transaction .transaction-r .transaction-bcl .bcl-echart {
    height: 100px
;}

.dealer-transaction .transaction .transaction-r .transaction-pzfb {
    display: flex;
    flex-direction: column;
    height: 220.33px;
    width: 100%
;}

.dealer-transaction .transaction .transaction-r .transaction-pzfb .pzfb-title {
    color: rgba(61,61,61,.5);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    width: 100%
;}

.dealer-transaction .transaction .transaction-r .transaction-pzfb .pzfb-b {
    flex: 1
;}

.dealer-transaction .transaction .transaction-r-hyd {
    background: #fafafa;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 22px 27px;
    width: 234px
;}

.dealer-transaction .transaction .transaction-r-hyd .hyd-r-head {
    border-bottom: 1px solid rgba(0,0,0,.04);
    padding-bottom: 20px
;}

.dealer-transaction .transaction .transaction-r-hyd .hyd-r-head-t {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.dealer-transaction .transaction .transaction-r-hyd .hyd-r-foot {
    padding-top: 20px
;}

.dealer-transaction .transaction .transaction-r-hyd .hyd-r-head-label {
    color: #a3a3a3;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 26px
;}

.dealer-transaction .transaction .transaction-r-hyd .hyd-r-head-p {
    color: #3d3d3d;
    font-family: DIN-Medium;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    margin-top: 4px
;}

.dealer-transaction .transaction .transaction-r-hyd .biaozhu {
    color: #a3a3a3;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-top: 40px;
    text-align: right
;}

@media screen and (max-width: 1199px) {
    .dealer-transaction .transaction {
        flex-direction:column
    ;}

    .dealer-transaction .transaction .transaction-l {
        margin-right: 0
    ;}

    .dealer-transaction .transaction .transaction-r {
        display: flex;
        margin-top: 30px;
        width: 100%
    ;}

    .dealer-transaction .transaction .transaction-r .transaction-bcl,.dealer-transaction .transaction .transaction-r .transaction-pzfb {
        align-items: center;
        display: flex;
        flex: 1;
        flex-direction: column
    ;}

    .dealer-transaction .transaction .transaction-r .transaction-bcl .pzfb-b,.dealer-transaction .transaction .transaction-r .transaction-pzfb .pzfb-b {
        flex-shrink: 0;
        height: 170px;
        width: 100%
    ;}

    .dealer-transaction .transaction .transaction-r .transaction-bcl .bcl-echart,.dealer-transaction .transaction .transaction-r .transaction-pzfb .bcl-echart {
        flex-shrink: 0;
        width: 100%
    ;}
;}

@media screen and (max-width: 999px) {
    .dealer-transaction .transaction {
        flex-direction:column
    ;}

    .dealer-transaction .transaction .transaction-l {
        margin-right: 0
    ;}

    .dealer-transaction .transaction .transaction-l .transaction-l-list .list-list .list-ul li {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    ;}

    .dealer-transaction .transaction .transaction-l .transaction-l-list .list-list .list-ul li:first-child,.dealer-transaction .transaction .transaction-l .transaction-l-list .list-list .list-ul li:last-child {
        justify-content: flex-start;
        padding: 0 5px
    ;}

    .dealer-transaction .transaction .transaction-r {
        display: flex;
        flex-direction: column;
        margin-top: 30px;
        width: 100%
    ;}

    .dealer-transaction .transaction .transaction-r .transaction-bcl,.dealer-transaction .transaction .transaction-r .transaction-pzfb {
        flex-shrink: 0;
        flex: auto;
        height: 250px;
        justify-content: center
    ;}
;}

@media screen and (max-width: 799px) {
    .dealer-transaction .transaction .transaction-r-hyd {
        width:100%!important
    ;}
;}

html[dir=rtl] .dealer-transaction .transaction .transaction-l .transaction-l-list .list-list .list-ul li img {
    margin-left: 6px;
    margin-right: 0
;}

html[dir=rtl] .dealer-transaction .transaction .transaction-l .transaction-l-list .list-list .list-ul li:first-child {
    padding-left: 0;
    padding-right: 10px
;}

html[dir=rtl] .dealer-transaction .transaction .transaction-l {
    margin-left: 30px;
    margin-right: 0
;}

html[dir=rtl] .dealer-transaction .transaction .transaction-r-hyd .biaozhu {
    text-align: left
;}

@media screen and (max-width: 1199px) {
    html[dir=rtl] .dealer-transaction .transaction .transaction-l {
        margin-left:0
    ;}
;}

.dealer-transaction .ea-tab li {
    color: #a3a3a3!important
;}

.dealer-transaction .ea-tab .home-tab-active {
    color: #000!important
;}

.epc-pop {
    align-items: center;
    background: rgba(0,0,0,.5)!important;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 104
;}

.epc-pop .epc-box {
    background: url(https://resources1.interface003.com/web20/img/dealer/epc.png);
    height: 302px;
    padding: 60px 40px;
    position: relative;
    width: 962px
;}

.epc-pop .epc-box .phone-bg {
    bottom: 3px;
    display: block;
    height: 260px;
    margin-right: 50px;
    position: absolute;
    right: 0;
    width: 271px
;}

.epc-pop .epc-box .icon-close {
    color: #fff;
    cursor: pointer;
    font-size: 22px;
    position: absolute;
    right: 7px;
    top: 7px
;}

.epc-pop .epc-box .epc-l .l-head {
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #fff;
    display: -webkit-box;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 55px;
    overflow: hidden;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    width: 410px;
    word-break: break-all
;}

.epc-pop .epc-box .epc-l .l-head img {
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    vertical-align: baseline;
    width: 30px
;}

.epc-pop .epc-box .epc-l .l-con {
    word-wrap: break-word;
    color: #fff;
    font-size: 42px;
    font-style: normal;
    font-weight: 600;
    line-height: 59px;
    word-break: break-all
;}

.epc-pop .epc-box .epc-l .not-isZh {
    font-size: 20px;
    line-height: 30px;
    width: 400px
;}

.epc-pop .epc-box .epc-l .l-bom {
    background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.1) 50.78%,hsla(0,0%,100%,0));
    box-shadow: inset 0 .5px 0 hsla(0,0%,100%,.3),inset 0 -.5px 0 hsla(0,0%,100%,.3);
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    height: 44px;
    line-height: 44px;
    margin-top: 40px;
    text-align: center;
    width: 354px
;}

.epc-pop .epc-box .epc-l .marked-words {
    color: rgba(255,238,204,.6);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    left: 460px;
    line-height: 20px;
    position: absolute;
    text-align: center;
    top: 213px;
    width: 129px
;}

.epc-pop .epc-box .epc-r {
    left: 487px;
    position: absolute;
    top: 99px
;}

.epc-pop .epc-box .epc-r img {
    height: 77px;
    width: 77px
;}

@media screen and (max-width: 1199px) {
    .epc-pop .epc-box {
        background:url(https://resources1.interface003.com/web20/img/dealer/epc2.png) no-repeat;
        height: 302px;
        width: 602px
    ;}

    .epc-pop .epc-box .phone-bg {
        display: none
    ;}

    .epc-pop .epc-box .epc-r {
        left: 441px;
        position: absolute;
        top: 100px
    ;}

    .epc-pop .epc-box .epc-r img {
        height: 77px;
        width: 77px
    ;}

    .epc-pop .epc-box .epc-l .l-head {
        width: 400px
    ;}

    .epc-pop .epc-box .epc-l .l-head img {
        height: 36px;
        margin-right: 10px;
        width: 36px
    ;}

    .epc-pop .epc-box .epc-l .l-head h1 {
        word-wrap: break-word;
        word-break: break-all
    ;}

    .epc-pop .epc-box .epc-l .l-con,.epc-pop .epc-box .epc-l .l-head h1 {
        color: #fff;
        font-size: 42px;
        font-style: normal;
        font-weight: 600;
        line-height: 59px
    ;}

    .epc-pop .epc-box .epc-l .not-isZh {
        font-size: 20px;
        line-height: 30px;
        width: 400px
    ;}

    .epc-pop .epc-box .epc-l .marked-words {
        left: 415px;
        top: 213px
    ;}
;}

html[dir=rtl] .epc-pop .icon-close {
    left: 10px;
    right: unset
;}

html[dir=rtl] .epc-pop .epc-box .epc-l .not-isZh {
    margin-right: 480px
;}

html[dir=rtl] .epc-pop .epc-box .epc-l .l-head {
    margin-right: 480px;
    width: 400px
;}

html[dir=rtl] .epc-pop .epc-box .epc-l .l-head img {
    margin-left: 10px;
    margin-right: unset
;}

html[dir=rtl] .epc-pop .epc-box .epc-l .l-bom {
    margin-right: 480px
;}

@media screen and (max-width: 1199px) {
    html[dir=rtl] .epc-pop .epc-box .epc-l .l-bom,html[dir=rtl] .epc-pop .epc-box .epc-l .l-head,html[dir=rtl] .epc-pop .epc-box .epc-l .not-isZh {
        margin-right:170px
    ;}
;}

.japan-popup-dialog .el-dialog {
    border-radius: 16px;
    display: flex;
    display: -ms-flex;
    flex-direction: column;
    height: 500px;
    left: 50%;
    margin: 0!important;
    max-height: calc(100% - 30px);
    max-width: calc(100% - 30px);
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 760px
;}

.japan-popup-dialog .el-dialog .el-dialog__title {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px
;}

.japan-popup-dialog .el-dialog .el-dialog__headerbtn:hover .el-dialog__close {
    color: #000
;}

.japan-popup-dialog .el-dialog .el-dialog__body {
    color: #7a7a7a;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 268px;
    line-height: 26px;
    margin: 54px 0 30px;
    overflow-y: auto!important;
    overflow: hidden;
    overflow-x: hidden;
    padding: 0 30px
;}

.japan-popup-dialog .el-dialog .el-dialog__body span {
    align-items: center;
    display: flex;
    padding-bottom: 20px
;}

.japan-popup-dialog .el-dialog .el-dialog__body span:last-child {
    padding: 0
;}

.japan-popup-dialog .el-dialog .el-dialog__body::-webkit-scrollbar {
    background-color: #fff
;}

.japan-popup-dialog .el-dialog .el-dialog__body::-webkit-scrollbar-thumb {
    background: #e6e6e6;
    border-radius: 10px;
    height: 75px;
    width: 6px
;}

.japan-popup-dialog .el-dialog .japan-website {
    background: #323947;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 40px;
    left: 579px;
    line-height: 22px;
    min-width: 133px;
    padding: 9px 0;
    text-align: center;
    top: 414px;
    width: 133px
;}

html[dir=rtl] .japan-popup-dialog .el-dialog .el-dialog__headerbtn {
    left: 20px;
    right: auto
;}

html[dir=rtl] .japan-popup-dialog .el-dialog .japan-website {
    left: 30px;
    position: absolute
;}

.dealer-epc {
    background: #fff;
    margin-bottom: 20px
;}

.dealer-epc .dealer-epc-ul li {
    align-items: center;
    background: rgba(51,128,102,.05);
    cursor: pointer;
    display: flex;
    padding: 14px 10px 14px 16px;
    position: relative
;}

.dealer-epc .dealer-epc-ul li .epc-logo {
    height: 48px;
    margin-right: 10px;
    width: 48px
;}

.dealer-epc .dealer-epc-ul li .icon-arrow-down1 {
    color: #338066;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%)
;}

.dealer-epc .dealer-epc-ul li .epc-con h3 {
    align-items: center;
    color: #338066;
    display: flex;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    max-width: 300px
;}

.dealer-epc .dealer-epc-ul li .epc-con .epc-t {
    align-items: center;
    display: flex;
    margin-top: 6px
;}

.dealer-epc .dealer-epc-ul li .epc-con .epc-t .iconfont {
    color: #338066;
    font-size: 14px
;}

.dealer-epc .dealer-epc-ul li .epc-con img {
    height: 12px;
    margin-right: 5px;
    vertical-align: middle;
    width: 12px
;}

.dealer-epc .dealer-epc-ul li .epc-con span {
    color: #338066;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    max-height: 32px;
    vertical-align: middle
;}

.dealer-epc .dealer-epc-ul li .epc-con .epc-emc-desc {
    align-items: center;
    display: flex;
    line-height: 16px;
    margin-top: 5px;
    max-width: 300px
;}

.dealer-epc .dealer-epc-ul li .epc-con .epc-emc-desc .iconfont {
    color: #338066;
    font-size: 14px
;}

.dealer-epc .dealer-epc-ul li .epc-con .con-bom {
    align-items: center;
    display: flex;
    padding: 0 6px
;}

.dealer-epc .dealer-epc-ul li .epc-con .con-bom span {
    margin-right: 5px
;}

.dealer-epc .dealer-epc-ul li:hover {
    opacity: .85
;}

@media screen and (max-width: 999px) {
    .dealer-epc .dealer-epc-ul li .epc-con h3 {
        font-size:14px
    ;}
;}

@media screen and (max-width: 799px) {
    .dealer-epc {
        border:0;
        border-radius: 0;
        padding: 0 12px
    ;}

    .dealer-epc .dealer-epc-ul {
        background: #fafafa
    ;}

    .dealer-epc .dealer-epc-ul li {
        box-shadow: none;
        height: unset;
        min-height: 61px
    ;}

    .dealer-epc .dealer-epc-ul li:nth-child(2),.dealer-epc .dealer-epc-ul li:nth-child(3) {
        border-top: none
    ;}

    .dealer-epc .dealer-epc-ul li .epc-con h3 {
        word-wrap: break-word;
        font-size: 14px;
        max-width: 90%
    ;}
;}

html[dir=rtl] .dealer-epc .dealer-epc-ul li .icon-arrow-right {
    left: 18px;
    right: auto
;}

.dealer-regulatory-newlist .container-t {
    margin-top: 8px;
    width: 100%
;}

.dealer-regulatory-newlist .container-t div .block {
    align-items: center;
    border-bottom: 1px dashed #ededed;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 11px 0;
    vertical-align: middle;
    width: 100%
;}

.dealer-regulatory-newlist .container-t div .block:hover {
    background: hsla(0,0%,93%,.5)
;}

.dealer-regulatory-newlist .container-t div .block .left {
    align-items: center;
    display: flex;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-regulatory-newlist .container-t div .block .left .flag {
    height: 18px;
    margin-right: 8px;
    width: 27.69px
;}

.dealer-regulatory-newlist .container-t div .block .left .info {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-regulatory-newlist .container-t div .block .left .dealer-regulatory-list {
    display: flex
;}

.dealer-regulatory-newlist .container-t div .block .left .dealer-regulatory-list span {
    padding-right: 3px
;}

.dealer-regulatory-newlist .container-t div .block .left .dealer-regulatory-list .dealer-regulatory-licenseName {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-regulatory-newlist .container-t div .block .right {
    align-items: center;
    display: flex
;}

.dealer-regulatory-newlist .container-t div .block .right .dealer-status {
    align-items: center;
    border: 1px solid;
    color: #3d3d3d;
    display: flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    margin: 0 4px 0 6px;
    padding: 0 4px;
    white-space: nowrap;
    width: 100%
;}

.dealer-regulatory-newlist .container-t div .block .right .icon-arrow-right {
    color: #a3a3a3;
    font-size: 10.67px
;}

.dealer-regulatory-newlist .container-t div .block .right .iconfont-tt {
    align-items: center;
    border-radius: 9px;
    display: flex;
    font-size: 8px;
    height: 18px;
    justify-content: center;
    margin-right: 4px;
    width: 18px
;}

.dealer-regulatory-newlist .container-t div :last-child {
    border: 0
;}

.dealer-regulatory-newlist .container-t .dealer-items {
    align-items: center;
    border-bottom: 1px dashed #ededed;
    display: flex;
    padding: 10px 0;
    width: 100%
;}

.dealer-regulatory-newlist .container-t .dealer-items:hover {
    background: hsla(0,0%,93%,.5)
;}

.dealer-regulatory-newlist .container-t .dealer-items .flag {
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 50%;
    flex-shrink: 0;
    height: 40px;
    margin-right: 16px;
    width: 40px
;}

.dealer-regulatory-newlist .container-t .dealer-items .info {
    display: flex;
    flex-direction: column;
    width: 100%
;}

.dealer-regulatory-newlist .container-t .dealer-items .info .info-p {
    display: flex;
    width: 100%
;}

.dealer-regulatory-newlist .container-t .dealer-items .info .info-p .dealer-status-span {
    align-items: center;
    display: flex;
    max-width: 222px;
    white-space: nowrap
;}

.dealer-regulatory-newlist .container-t .dealer-items .info .info-p .dealer-status-span .short-name {
    border: 1px solid;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    margin-right: 6px;
    padding: 0 4px
;}

.dealer-regulatory-newlist .container-t .dealer-items .info .info-p .dealer-status-span .dealer-status {
    border-radius: 2px;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    max-width: 179px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-regulatory-newlist .container-t .dealer-items .info .as-licenses {
    color: #3d3d3d;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    margin-top: 4px;
    max-width: 222px;
    width: 100%
;}

.dealer-regulatory-newlist .container-t .dealer-items .info .as-licenses .as-licenses-span1 {
    border-radius: 2px;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    margin-right: 6px;
    white-space: nowrap
;}

.dealer-regulatory-newlist .container-t .dealer-items .info .as-licenses .as-licenses-span2 {
    border-radius: 2px;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-regulatory-newlist .container-t .dealer-items .iconfont-y {
    align-items: center;
    display: flex
;}

.dealer-regulatory-newlist .container-t .dealer-items .iconfont-y .iconfont-tt {
    align-items: center;
    border-radius: 9px;
    display: flex;
    font-size: 8px;
    height: 18px;
    justify-content: center;
    margin-right: 4px;
    width: 18px
;}

.dealer-regulatory-newlist .container-t .dealer-items .iconfont-y i {
    color: #a3a3a3;
    font-size: 16.67px
;}

.dealer-regulatory-newlist .container-t :last-child {
    border: none
;}

@media screen and (max-width: 1199px) {
    .dealer-regulatory-newlist .container-t .dealer-items .info .as-licenses {
        max-width:193px
    ;}

    .dealer-regulatory-newlist .container-t .dealer-items .info .info-p .dealer-status-span {
        max-width: 215px
    ;}

    .dealer-regulatory-newlist .container-t .dealer-items .info .info-p .dealer-status-span .dealer-status {
        max-width: 145px
    ;}
;}

@media screen and (max-width: 999px) {
    .dealer-regulatory-newlist .container-t .dealer-items .info .as-licenses {
        max-width:173px!important
    ;}

    .dealer-regulatory-newlist .container-t .dealer-items .info .info-p .dealer-status-span {
        max-width: 172px!important
    ;}

    .dealer-regulatory-newlist .container-t .dealer-items .info .info-p .dealer-status-span .dealer-status {
        max-width: 128px
    ;}
;}

@media screen and (max-width: 799px) {
    .dealer-regulatory-newlist .container-t div .block {
        padding:10px 0
    ;}

    .dealer-regulatory-newlist .container-t .dealer-items {
        display: flex;
        justify-content: space-between;
        width: 100%
    ;}

    .dealer-regulatory-newlist .container-t .dealer-items .info {
        flex-shrink: 0;
        width: calc(100% - 95px)
    ;}

    .dealer-regulatory-newlist .container-t .dealer-items .info .info-p {
        max-width: unset!important;
        width: 100%!important
    ;}

    .dealer-regulatory-newlist .container-t .dealer-items .info .info-p .dealer-status-span {
        max-width: 284px!important
    ;}

    .dealer-regulatory-newlist .container-t .dealer-items .info .info-p .dealer-status-span .dealer-status {
        max-width: 100%!important
    ;}

    .dealer-regulatory-newlist .container-t .dealer-items .info .as-licenses {
        max-width: 100%
    ;}
;}

html[dir=rtl] .dealer-regulatory-newlist .container-t .dealer-items .info p span .short-name {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .dealer-regulatory-newlist .dealer-items .flag {
    margin-left: 16px;
    margin-right: 0
;}

html[dir=rtl] .dealer-regulatory-newlist .container-t div .block .left .flag {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .dealer-regulatory-newlist .container-t div .block .right .iconfont-tt {
    margin-left: 4px;
    margin-right: 0
;}

.risk-nexpopup {
    overflow: hidden
;}

.risk-nexpopup .el-dialog__header {
    display: none
;}

.risk-nexpopup .el-dialog__body {
    margin: 0;
    padding: 32px;
    position: relative
;}

.risk-nexpopup .el-dialog__body::-webkit-scrollbar {
    background-color: transparent;
    width: 4px
;}

.risk-nexpopup .el-dialog__body::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 99px
;}

@media screen and (max-width: 799px) {
    .risk-popup-newbox .el-dialog__wrapper {
        align-items:flex-end
    ;}

    .risk-popup-newbox .el-dialog__wrapper .el-dialog {
        border-radius: 16px 16px 0 0
    ;}

    .risk-popup-newbox .el-dialog__wrapper .el-dialog .el-dialog__body {
        padding: 16px
    ;}
;}

.dealer-regulatory {
    background: #fbfbfb;
    padding: 16px 0 12px
;}

.dealer-regulatory .title {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    height: 31px;
    line-height: 31px
;}

.dealer-regulatory .container-t {
    margin-top: 6px;
    width: 100%
;}

.dealer-regulatory .container-t div .blockclass {
    align-items: center;
    border-bottom: 1px dashed #ededed;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 11px 0;
    vertical-align: middle;
    width: 100%
;}

.dealer-regulatory .container-t div .blockclass:hover {
    background: hsla(0,0%,93%,.5)
;}

.dealer-regulatory .container-t div .blockclass .left {
    align-items: center;
    display: flex;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-regulatory .container-t div .blockclass .left .flag {
    height: 18px;
    margin-right: 8px;
    width: 27.69px
;}

.dealer-regulatory .container-t div .blockclass .left .info {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-regulatory .container-t div .blockclass .left .dealer-regulatory-list {
    display: flex
;}

.dealer-regulatory .container-t div .blockclass .left .dealer-regulatory-list span {
    padding-right: 3px
;}

.dealer-regulatory .container-t div .blockclass .left .dealer-regulatory-list .dealer-regulatory-licenseName {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-regulatory .container-t div .blockclass .right {
    align-items: center;
    display: flex
;}

.dealer-regulatory .container-t div .blockclass .right .dealer-status {
    align-items: center;
    border: 1px solid;
    color: #3d3d3d;
    display: flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    margin: 0 4px 0 6px;
    padding: 0 4px;
    white-space: nowrap;
    width: 100%
;}

.dealer-regulatory .container-t div .blockclass .right .icon-arrow-right {
    color: #a3a3a3;
    font-size: 10.67px
;}

.dealer-regulatory .container-t div .blockclass .right .iconfont-tt {
    align-items: center;
    border-radius: 9px;
    display: flex;
    font-size: 8px;
    height: 18px;
    justify-content: center;
    margin-right: 4px;
    width: 18px
;}

.dealer-regulatory .container-t div :last-child {
    border: 0
;}

.dealer-regulatory .container-t .dealer-items {
    align-items: center;
    border-bottom: 1px dashed #ededed;
    display: flex;
    padding: 10px 0;
    width: 100%
;}

.dealer-regulatory .container-t .dealer-items:hover {
    background: hsla(0,0%,93%,.5)
;}

.dealer-regulatory .container-t .dealer-items .flag {
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 50%;
    flex-shrink: 0;
    height: 40px;
    margin-right: 10px;
    width: 40px
;}

.dealer-regulatory .container-t .dealer-items .info {
    display: flex;
    flex-direction: column;
    width: 100%
;}

.dealer-regulatory .container-t .dealer-items .info .info-p {
    display: flex;
    width: 100%
;}

.dealer-regulatory .container-t .dealer-items .info .info-p .dealer-status-span {
    align-items: center;
    display: flex;
    max-width: 222px;
    white-space: nowrap
;}

.dealer-regulatory .container-t .dealer-items .info .info-p .dealer-status-span .short-name {
    border: 1px solid;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    margin-right: 6px;
    padding: 0 4px
;}

.dealer-regulatory .container-t .dealer-items .info .info-p .dealer-status-span .dealer-status {
    border-radius: 2px;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-regulatory .container-t .dealer-items .info .as-licenses {
    color: #3d3d3d;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    margin-top: 4px;
    max-width: 222px;
    width: 100%
;}

.dealer-regulatory .container-t .dealer-items .info .as-licenses .as-licenses-span1 {
    border-radius: 2px;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    margin-right: 6px;
    white-space: nowrap
;}

.dealer-regulatory .container-t .dealer-items .info .as-licenses .as-licenses-span2 {
    border-radius: 2px;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-regulatory .container-t .dealer-items .iconfont-y {
    align-items: center;
    display: flex
;}

.dealer-regulatory .container-t .dealer-items .iconfont-y .iconfont-tt {
    align-items: center;
    border-radius: 9px;
    display: flex;
    font-size: 8px;
    height: 18px;
    justify-content: center;
    margin-right: 4px;
    width: 18px
;}

.dealer-regulatory .container-t .dealer-items .iconfont-y i {
    font-size: 12px
;}

.dealer-regulatory .container-t::-webkit-scrollbar {
    width: 2px
;}

.dealer-regulatory .container-t :last-child {
    border: none
;}

.dealer-regulatory .risk-warning {
    align-items: center;
    background: #fff;
    border: 1px dashed rgba(0,0,0,.1);
    border-radius: 6px;
    display: flex;
    justify-content: center;
    margin-top: 16px;
    padding: 22px 16px
;}

.dealer-regulatory .risk-warning i {
    color: #3d3d3d;
    font-size: 16px
;}

.dealer-regulatory .risk-warning p {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding: 0 6px;
    width: 100%;
    word-break: break-all
;}

.dealer-regulatory .zizhiforjg {
    align-items: center;
    background-color: rgba(0,0,0,.5);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2999
;}

.dealer-regulatory .zizhiforjg .zzbox {
    background: #fff;
    border-radius: 16px;
    position: relative;
    width: 400px
;}

.dealer-regulatory .zizhiforjg .zzbox .icon-close {
    cursor: pointer;
    display: none;
    height: 14px;
    position: absolute;
    right: 14px;
    top: 14px;
    width: 14px
;}

.dealer-regulatory .zizhiforjg .zzbox .zzinfo {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 22px;
    justify-content: center;
    padding: 0 24px
;}

.dealer-regulatory .zizhiforjg .zzbox .zzinfo .zzimg {
    height: 68px;
    margin-top: 44px;
    width: 68px
;}

.dealer-regulatory .zizhiforjg .zzbox .zzinfo p {
    color: #3d3d3d;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin: 26px auto 22px;
    text-align: center;
    width: 320px
;}

.dealer-regulatory .zizhiforjg .zzbox .zzinfo .btn {
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: 40px
;}

.dealer-regulatory .zizhiforjg .zzbox .zzinfo .btn .btn_know {
    align-items: center;
    align-self: stretch;
    border: 1px solid rgba(166,176,195,.5);
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    height: 44px;
    justify-content: center;
    order: 2;
    padding: 0;
    width: 320px
;}

.dealer-regulatory .zizhiforjg .zzbox .zzinfo .btn .btn_know p {
    align-items: center;
    color: #3d3d3d;
    display: block;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-align: center
;}

@media screen and (max-width: 1199px) {
    .dealer-regulatory .container-t .dealer-items .info .as-licenses {
        max-width:193px
    ;}

    .dealer-regulatory .container-t .dealer-items .info .info-p .dealer-status-span {
        max-width: 215px
    ;}

    .dealer-regulatory .container-t .dealer-items .info .info-p .dealer-status-span .dealer-status {
        max-width: 145px
    ;}
;}

@media screen and (max-width: 999px) {
    .dealer-regulatory .zizhiforjg .zzbox {
        height:auto;
        width: 80%
    ;}

    .dealer-regulatory .zizhiforjg .zzbox .zzinfo {
        padding: 20px 25px
    ;}

    .dealer-regulatory .zizhiforjg .zzbox .zzinfo p {
        width: 100%
    ;}

    .dealer-regulatory .zizhiforjg .zzbox .zzinfo .btn {
        margin-bottom: 10px
    ;}

    .dealer-regulatory .zizhiforjg .zzbox .zzinfo .btn .btn_know {
        padding: 0 20px;
        width: 100%
    ;}

    .dealer-regulatory .container-t .dealer-items .info .as-licenses {
        max-width: 173px!important
    ;}

    .dealer-regulatory .container-t .dealer-items .info .info-p .dealer-status-span {
        max-width: 172px!important
    ;}

    .dealer-regulatory .container-t .dealer-items .info .info-p .dealer-status-span .dealer-status {
        max-width: 128px
    ;}
;}

@media screen and (max-width: 799px) {
    .dealer-regulatory .container-t div .blockclass {
        padding:10px 0
    ;}

    .dealer-regulatory .container-t .dealer-items {
        display: flex;
        width: 100%
    ;}

    .dealer-regulatory .container-t .dealer-items .info {
        flex-shrink: 0;
        flex: 1;
        width: calc(100% - 100px)
    ;}

    .dealer-regulatory .container-t .dealer-items .info .info-p {
        max-width: unset!important;
        width: 100%!important
    ;}

    .dealer-regulatory .container-t .dealer-items .info .info-p .dealer-status-span {
        max-width: 284px!important
    ;}

    .dealer-regulatory .container-t .dealer-items .info .info-p .dealer-status-span .dealer-status {
        max-width: 100%!important
    ;}

    .dealer-regulatory .container-t .dealer-items .info .as-licenses {
        max-width: 100%
    ;}
;}

html[dir=rtl] .dealer-regulatory .container-t .dealer-items .info p span .short-name {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .dealer-regulatory .dealer-items .flag {
    margin-left: 10px;
    margin-right: 0
;}

html[dir=rtl] .dealer-regulatory .container-t div .blockclass .left .flag {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .dealer-regulatory .container-t div .blockclass .right .iconfont-tt {
    margin-left: 4px;
    margin-right: 0
;}

html[dir=rtl] .dealer-regulatory .container-t .dealer-items .info .as-licenses .as-licenses-span1,html[dir=rtl] .dealer-regulatory .container-t .dealer-items .info .info-p .dealer-status-span .short-name {
    margin-left: 6px;
    margin-right: 0
;}

.vps_pop_warp .close_icon {
    background: url(https://resources1.interface003.com/web20/img/dealer/vps/tyy_close.png) 50% no-repeat;
    background-size: cover;
    cursor: pointer;
    height: 28px;
    position: absolute;
    right: 25px;
    top: -58px;
    width: 28px
;}

.vps_pop_warp .close_icon:hover {
    opacity: .8
;}

.vps_pop_warp .close_line {
    background: #fff;
    height: 30px;
    position: absolute;
    right: 38px;
    top: -30px;
    width: 1px
;}

.vps_pop_warp .vps-host {
    border-radius: 10px;
    height: 528px;
    left: 50%;
    margin: 0!important;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 768px
;}

.vps_pop_warp .el-dialog__body,.vps_pop_warp .el-dialog__header {
    padding: 0
;}

.vps_pop_warp .el-dialog__headerbtn .el-dialog__close {
    color: #1d2129;
    font-size: 24px!important
;}

.vps_pop_warp .el-dialog__headerbtn {
    right: 16px;
    top: 16px;
    z-index: 9
;}

.vps_pop_warp .host-warp {
    display: flex
;}

.vps_pop_warp .host-left {
    background: linear-gradient(180deg,#fcf8f5,#fbf1e8 82.58%);
    height: 528px;
    position: relative;
    width: 284px
;}

.vps_pop_warp .host-left .host_left_bg {
    height: 166px;
    margin: 0 auto;
    position: relative;
    width: 190px
;}

.vps_pop_warp .host-left .host_left_bg:before {
    background: url(https://resources1.interface003.com/web20/img/dealer/vps/newyellow_bottom_bg.png) 50% no-repeat;
    bottom: 0;
    content: "";
    height: 166px;
    left: 0;
    position: absolute;
    width: 190px
;}

.vps_pop_warp .host-left .host_left_bg:after {
    animation: moveTopBG 2s linear infinite;
    background: url(https://resources1.interface003.com/web20/img/dealer/vps/left_newyellow_lid.png) 50% no-repeat;
    bottom: 62px;
    content: "";
    height: 110px;
    left: 51%;
    position: absolute;
    width: 150px
;}

.vps_pop_warp .host-left .host_left_blue_bg {
    height: 166px;
    margin: 0 auto;
    position: relative;
    width: 190px
;}

.vps_pop_warp .host-left .host_left_blue_bg:before {
    background: url(https://resources1.interface003.com/web20/img/dealer/newblue_bottom_bg.png) 50% no-repeat;
    bottom: 0;
    content: "";
    height: 166px;
    left: 0;
    position: absolute;
    width: 190px
;}

.vps_pop_warp .host-left .host_left_blue_bg:after {
    animation: moveTopBG 2s linear infinite;
    background: url(https://resources1.interface003.com/web20/img/dealer/left_newblue_lid.png) 50% no-repeat;
    bottom: 62px;
    content: "";
    height: 110px;
    left: 51%;
    position: absolute;
    width: 150px
;}

.vps_pop_warp .host-left .host_left_logo {
    background: url(https://resources1.interface003.com/web20/img/dealer/vps/newhost_left_logo_cn.svg?v=1) no-repeat;
    background-position: 50%;
    background-size: 100px 32px;
    height: 32px;
    margin: 22px auto 0;
    width: 212px
;}

.vps_pop_warp .host-left .host_left_logo._en {
    background: url(https://resources1.interface003.com/web20/img/dealer/vps/newhost_left_logo_en.svg?v=1) no-repeat;
    background-position: 50%;
    background-size: 178px 32px
;}

.vps_pop_warp .left-text {
    padding: 30px 30px 15px
;}

.vps_pop_warp .left-text .left-tlt {
    color: #5d4833;
    font-size: 28px;
    font-weight: 600;
    line-height: 39px
;}

.vps_pop_warp .left-text .left-span {
    background: #5d4833;
    border-radius: 14px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 22px;
    margin-top: 6px;
    max-width: 200px;
    min-width: 78px;
    padding: 2px 10px
;}

.vps_pop_warp .left-text .left-p {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-items: center;
    background-size: 14px 14px;
    color: #5d4833;
    display: -webkit-box;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 14px;
    text-overflow: ellipsis
;}

.vps_pop_warp .left-text .left-p .icon-zhengque {
    font-weight: 400;
    margin-right: 8px;
    position: relative;
    top: 1px
;}

.vps_pop_warp .left-text .left-p span {
    white-space: nowrap
;}

.vps_pop_warp .host-right {
    height: 528px;
    overflow: hidden;
    width: 484px
;}

.vps_pop_warp .host_right_title {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 20px;
    font-weight: 600;
    justify-content: center;
    line-height: 28px;
    padding: 0 0 16px
;}

.vps_pop_warp .host_right_title .title_text {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #292929;
    display: -webkit-box;
    font-weight: 600;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    width: 400px;
    word-break: auto-phrase
;}

.vps_pop_warp .host_right_title img {
    border-radius: 4px;
    height: 24px;
    margin-right: 8px;
    position: relative;
    top: 4px;
    width: 24px
;}

.vps_pop_warp .host_right_title .yunHost_right_p {
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #a3a3a3;
    display: -webkit-box;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 4px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    width: 400px;
    word-break: auto-phrase
;}

.vps_pop_warp .jys_zs_ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 452px
;}

.vps_pop_warp .jys_zs_ul .processor {
    align-items: center;
    border-bottom: 1px dashed #d3d3d3;
    border-left: 1px dashed #d3d3d3;
    box-sizing: border-box;
    display: flex;
    flex-basis: 33.33%;
    flex-direction: column;
    height: 137px;
    padding-top: 20px;
    position: relative;
    text-align: center
;}

.vps_pop_warp .jys_zs_ul .processor:after {
    background: linear-gradient(180deg,#fff 0,#fff 28%,hsla(0,0%,87%,0));
    content: "";
    height: 100%;
    left: -3px;
    position: absolute;
    top: 0;
    width: 3px
;}

.vps_pop_warp .jys_zs_ul .processor:first-child:before {
    left: 54px;
    transform: rotate(270deg)
;}

.vps_pop_warp .jys_zs_ul .processor:first-child:before,.vps_pop_warp .jys_zs_ul .processor:nth-child(3):before {
    background: linear-gradient(180deg,#fff 0,#fff 28%,hsla(0,0%,87%,0));
    bottom: -65px;
    content: "";
    height: 130px;
    position: absolute;
    width: 5px
;}

.vps_pop_warp .jys_zs_ul .processor:nth-child(3):before {
    left: 84px;
    transform: rotate(90deg)
;}

.vps_pop_warp .jys_zs_ul .processor:first-child {
    border-left: 0
;}

.vps_pop_warp .jys_zs_ul .processor:first-child span:after {
    animation: moveTop 1.5s linear .7s infinite
;}

.vps_pop_warp .jys_zs_ul .processor:nth-child(2) span:after {
    animation: moveTop 1.5s linear 1s infinite
;}

.vps_pop_warp .jys_zs_ul .processor:nth-child(3) span:after {
    animation: moveTop 1.5s linear 2s infinite
;}

.vps_pop_warp .jys_zs_ul .processor:nth-child(4) {
    border-bottom: 0;
    border-left: 0;
    min-height: 110px;
    padding-bottom: 0
;}

.vps_pop_warp .jys_zs_ul .processor:nth-child(4):after {
    background: linear-gradient(180deg,hsla(0,0%,87%,0) 0,#fff 75%,#fff)
;}

.vps_pop_warp .jys_zs_ul .processor:nth-child(4) span:after {
    animation: moveTop 1.5s linear 3s infinite
;}

.vps_pop_warp .jys_zs_ul .processor:nth-child(5) {
    border-bottom: 0;
    min-height: 110px;
    padding-bottom: 0
;}

.vps_pop_warp .jys_zs_ul .processor:nth-child(5):after {
    background: linear-gradient(180deg,hsla(0,0%,87%,0) 0,#fff 75%,#fff)
;}

.vps_pop_warp .jys_zs_ul .processor:nth-child(6) {
    border-bottom: 0;
    min-height: 110px;
    padding-bottom: 0
;}

.vps_pop_warp .jys_zs_ul .processor:nth-child(6):after {
    background: linear-gradient(180deg,hsla(0,0%,87%,0) 0,#fff 75%,#fff)
;}

.vps_pop_warp .jys_zs_ul .processor .procr-icon {
    height: 50px;
    width: 50px
;}

.vps_pop_warp .jys_zs_ul .processor p {
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 6px;
    max-width: 148px;
    padding: 0 5px
;}

.vps_pop_warp .jys_zs_ul .processor span {
    background: #e66112;
    border-radius: 55px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-top: 4px;
    padding: 2px 8px
;}

.vps_pop_warp .jys_zs_ul .processor span i {
    font-family: DIN-Medium;
    font-size: 14px;
    font-style: normal;
    transform: matrix(1,0,-.08,1,0,0)
;}

.vps_pop_warp .jys_zs_ul .processor span:after {
    animation: moveTop 1.5s linear .7s infinite;
    background: url(https://resources1.interface003.com/web20/img/dealer/vps/top_icon.png) 50% no-repeat;
    background-size: cover;
    content: "";
    height: 20px;
    left: 57%;
    position: absolute;
    top: 16px;
    width: 20px
;}

.vps_pop_warp .vps-bz {
    width: 400px
;}

.vps_pop_warp .vps-bz .zyjz-move {
    animation: moveTop 1.5s linear .7s infinite
;}

@keyframes moveTop {
    0% {
        transform: translateY(0)
    ;}

    50% {
        transform: translateY(25%)
    ;}

    to {
        transform: translateY(0)
    ;}
;}

.vps_pop_warp .yunHost_right_tips {
    color: #e66112;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin: 16px 0;
    text-align: center
;}

.vps_pop_warp .yunHost_right_btn {
    align-items: center;
    background: #5d4833;
    border-radius: 24px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    height: 48px;
    justify-content: center;
    line-height: 22px;
    margin: 0 auto;
    width: 255px
;}

.vps_pop_warp .yunHost_right_btn:hover {
    background: rgba(93,72,51,.9)
;}

.vps_pop_warp .vps-general {
    border-radius: 10px;
    height: 573px;
    left: 50%;
    margin: 0!important;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 780px
;}

.vps_pop_warp .vps-general .el-dialog__headerbtn {
    display: none
;}

@keyframes moveTopBGv {
    0% {
        transform: translate(0)
    ;}

    50% {
        transform: translateY(-6%)
    ;}

    to {
        transform: translate(0)
    ;}
;}

.vps_pop_warp .general-warp.plain .g-bottom-l {
    background: linear-gradient(180deg,#579cfb,#4878f8)
;}

.vps_pop_warp .general-warp.plain .g-bottom-l:after {
    background: url(https://resources1.interface003.com/web20/img/dealer/vps/left_blue_lid.png) 50% no-repeat;
    background-size: contain
;}

.vps_pop_warp .general-warp.plain .g-bottom-l:before {
    background: url(https://resources1.interface003.com/web20/img/dealer/vps/blue_bottom_bg.png) 50% no-repeat;
    background-size: contain
;}

.vps_pop_warp .general-warp.major .g-bottom-l {
    background: linear-gradient(180deg,#fcc053,#feab45)
;}

.vps_pop_warp .general-warp.major .g-bottom-l:after {
    background: url(https://resources1.interface003.com/web20/img/dealer/vps/left_yellow_lid.png) 50% no-repeat;
    background-size: contain
;}

.vps_pop_warp .general-warp.major .g-bottom-l:before {
    background: url(https://resources1.interface003.com/web20/img/dealer/vps/yellow_bottom_bg.png) 50% no-repeat;
    background-size: contain
;}

.vps_pop_warp .general-warp.cTrader .g-bottom-l {
    background: linear-gradient(180deg,#a3abca,#58608f)
;}

.vps_pop_warp .general-warp.cTrader .g-bottom-l:after {
    background: url(https://resources1.interface003.com/web20/img/dealer/vps/left_gray_lid.png) 50% no-repeat;
    background-size: contain
;}

.vps_pop_warp .general-warp.cTrader .g-bottom-l:before {
    background: url(https://resources1.interface003.com/web20/img/dealer/vps/gray_bottom_bg.png) 50% no-repeat;
    background-size: contain
;}

.vps_pop_warp .general-warp.exclusive .g-bottom-l {
    background: linear-gradient(180deg,hsla(41,88%,84%,.4),#febc4c);
    color: #97570f
;}

.vps_pop_warp .general-warp.exclusive .g-bottom-l:after {
    background: url(https://resources1.interface003.com/web20/img/dealer/vps/left_newyellow_lid.png) 50% no-repeat;
    background-size: contain
;}

.vps_pop_warp .general-warp.exclusive .g-bottom-l:before {
    background: url(https://resources1.interface003.com/web20/img/dealer/vps/newyellow_bottom_bg.png) 50% no-repeat;
    background-size: contain
;}

.vps_pop_warp .general-warp.exclusive .ctx-tlt h4 {
    color: #97570f!important
;}

.vps_pop_warp .general-warp.exclusive .general-bottom .general-buy .buy-btn {
    background: #ffd88f;
    color: #5d4833
;}

.vps_pop_warp .general-warp.exclusive .general-bottom .general-buy .for-free {
    color: #5d4833!important
;}

.vps_pop_warp .general-warp.exclusive .general-top .tabs-item.active {
    background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,216,143,.2));
    box-shadow: 0 2px 0 0 #5d4833
;}

.vps_pop_warp .general-warp.exclusive .general-top .tabs-item.active .item-version {
    color: #5d4833
;}

.vps_pop_warp .general-top {
    align-items: center;
    background: linear-gradient(180deg,hsla(0,0%,100%,0),#f9f9f9);
    border-radius: 10px 10px 0 0;
    box-shadow: 0 3px 0 -1px #f1f1f1;
    display: flex;
    height: 107px;
    justify-content: space-between;
    padding-left: 20px
;}

.vps_pop_warp .general-top.long_warp .tabs-item {
    justify-content: normal;
    padding: 14px 0 0
;}

.vps_pop_warp .general-top .g-top-logo {
    height: 30px;
    margin-right: 10px;
    width: 168px
;}

.vps_pop_warp .general-top .tabs-item,.vps_pop_warp .general-top .tabs-ul {
    align-items: center;
    display: flex;
    flex: 1
;}

.vps_pop_warp .general-top .tabs-item {
    background: linear-gradient(180deg,hsla(0,0%,100%,0),#f9f9f9);
    color: #dd5751;
    cursor: pointer;
    flex-direction: column;
    font-size: 12px;
    height: 107px;
    justify-content: center;
    line-height: 17px;
    padding-top: 18px;
    text-align: center
;}

.vps_pop_warp .general-top .tabs-item.active {
    background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(93,135,243,.07));
    box-shadow: 0 3px 0 -1px #5d87f3
;}

.vps_pop_warp .general-top .tabs-item.active .item-version {
    color: #5d87f3
;}

.vps_pop_warp .general-top .tabs-item:hover {
    background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(93,135,243,.07));
    box-shadow: 0 3px 0 -1px #5d87f3
;}

.vps_pop_warp .general-top .tabs-item:hover .item-version {
    color: #5d87f3
;}

.vps_pop_warp .general-top .tabs-item img {
    height: 28px;
    width: 28px
;}

.vps_pop_warp .general-top .tabs-item .item-version {
    color: #292929;
    font-size: 14px;
    line-height: 20px;
    margin-top: 6px
;}

.vps_pop_warp .general-top .tabs-item-zs:hover {
    background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,216,143,.2));
    box-shadow: 0 2px 0 0 rrgba(93,72,51,1)
;}

.vps_pop_warp .general-top .tabs-item-zs:hover .item-version {
    color: #5d4833
;}

.vps_pop_warp .general-bottom {
    display: flex;
    padding: 20px
;}

.vps_pop_warp .general-bottom .g-bottom-l {
    background: url(https://resources1.interface003.com/web20/img/dealer/vps/left_bg_blue.png) no-repeat;
    background-position: 36%;
    background-size: cover;
    border-radius: 10px;
    color: #fff;
    font-weight: 700;
    height: 406px;
    padding: 24px;
    position: relative;
    width: 190px
;}

.vps_pop_warp .general-bottom .g-bottom-l:after {
    animation: moveTopBG 2s linear infinite;
    background: url(https://resources1.interface003.com/web20/img/dealer/vps/left_blue_lid.png) 50% no-repeat;
    background-size: cover;
    bottom: 73px;
    content: "";
    height: 110px;
    left: 50%;
    position: absolute;
    width: 150px
;}

.vps_pop_warp .general-bottom .g-bottom-l:before {
    background: url(https://resources1.interface003.com/web20/img/dealer/vps/blue_bottom_bg.png) 50% no-repeat;
    background-size: cover;
    bottom: 20px;
    content: "";
    height: 166px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 190px
;}

.vps_pop_warp .general-bottom .g-bottom-l h4 {
    font-size: 28px;
    font-weight: 600;
    line-height: 39px;
    margin-bottom: 8px
;}

.vps_pop_warp .general-bottom .g-bottom-l p {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    background-size: 14px 14px;
    display: -webkit-box;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 12px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis
;}

.vps_pop_warp .general-bottom .g-bottom-l p .icon-zhengque {
    font-weight: 400
;}

.vps_pop_warp .general-bottom .g-bottom-r {
    height: 406px;
    margin-left: 30px;
    width: 506px
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-tlt {
    height: 63px
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-tlt h4 {
    align-items: center;
    color: #292929;
    display: flex;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-tlt h4 span {
    align-items: center;
    background: #e66112;
    border-radius: 9px;
    color: #fff;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    height: 17px;
    margin-left: 8px;
    padding: 0 8px
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-tlt .ctx-tlt-p {
    color: #a3a3a3;
    display: block;
    font-size: 13px;
    font-weight: 400;
    height: 38px;
    line-height: 20px;
    padding-right: 20px
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-ul {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 14px
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item {
    align-items: center;
    border-bottom: 1px dashed #dfdfdf;
    border-left: 1px dashed #dfdfdf;
    display: flex;
    flex-basis: 24%;
    flex-direction: column;
    justify-content: center;
    position: relative
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item:nth-child(2) .item-vip:after {
    animation: moveTop 1.5s linear 1s infinite
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item:nth-child(3) .item-vip:after {
    animation: moveTop 1.5s linear 1.2s infinite
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item:nth-child(4) .item-vip:after {
    animation: moveTop 1.5s linear 1.5s infinite
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item .item-vip {
    align-items: center;
    background: #e66112;
    border-radius: 16px;
    color: #fff;
    display: flex;
    font-family: DIN-Medium;
    font-size: 13px;
    font-style: normal;
    justify-content: center;
    line-height: 21px;
    margin-top: 6px;
    padding: 0 8px
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item .item-vip:after {
    animation: moveTop 1.5s linear .7s infinite;
    background: url(https://resources1.interface003.com/web20/img/dealer/vps/top_icon.png) 50% no-repeat;
    background-size: cover;
    content: "";
    height: 14px;
    left: 57%;
    position: absolute;
    top: 0;
    width: 14px
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item:after {
    background: linear-gradient(180deg,#fff 0,#fff 28%,hsla(0,0%,87%,0));
    content: "";
    height: 100%;
    left: -3px;
    position: absolute;
    top: 0;
    width: 5px
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item:first-child,.vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item:nth-child(5) {
    border-left: 0
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item:nth-child(-n+4) {
    padding-bottom: 25px
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item:nth-child(n+5) {
    border-bottom: 0;
    padding-top: 25px
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item:nth-child(n+5):after {
    background: linear-gradient(180deg,hsla(0,0%,87%,0) 0,#fff 75%,#fff)
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item:first-child:before {
    background: linear-gradient(180deg,#fff 0,#fff 28%,hsla(0,0%,87%,0));
    bottom: -65px;
    content: "";
    height: 130px;
    left: 63px;
    position: absolute;
    transform: rotate(-90deg);
    width: 5px
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item:nth-child(4):before {
    background: linear-gradient(180deg,#fff 0,#fff 28%,hsla(0,0%,87%,0));
    bottom: -55px;
    content: "";
    height: 109px;
    left: 63px;
    position: absolute;
    transform: rotate(90deg);
    width: 5px
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item img {
    height: 40px;
    margin-bottom: 4px;
    width: 40px
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item p {
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 4px;
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap
;}

.vps_pop_warp .general-bottom .g-bottom-r.langs .ctx-tlt span {
    line-height: 16px
;}

.vps_pop_warp .general-bottom .g-bottom-r.langs .ctx-ul .ul-item {
    max-width: 120px
;}

.vps_pop_warp .general-bottom .g-bottom-r.langs .ctx-ul .ul-item .item-vip {
    margin-top: 4px
;}

.vps_pop_warp .general-bottom .g-bottom-r.langs .ctx-ul .ul-item p {
    font-size: 13px;
    line-height: 17px
;}

.vps_pop_warp .general-bottom .g-bottom-r.langs .ctx-ul .ul-item:nth-child(n+5) p:last-child {
    height: 34px;
    text-align: center;
    white-space: unset
;}

.vps_pop_warp .general-bottom .general-desc {
    color: #a3a3a3;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin-top: 20px;
    text-align: center
;}

.vps_pop_warp .general-bottom .general-buy {
    align-items: center;
    display: flex;
    height: 38px;
    justify-content: space-between;
    margin-top: 10px
;}

.vps_pop_warp .general-bottom .general-buy .for-free {
    font-family: DIN-Medium;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 41px
;}

.vps_pop_warp .general-bottom .general-buy p {
    color: #5d87f3;
    font-family: DIN;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px
;}

.vps_pop_warp .general-bottom .general-buy p .money {
    font-family: DIN-Medium;
    font-size: 34px;
    font-style: normal;
    font-weight: 500;
    line-height: 41px
;}

.vps_pop_warp .general-bottom .general-buy p .time {
    color: #a3a3a3;
    font-family: PingFang SC;
    font-size: 12px;
    line-height: 17px
;}

.vps_pop_warp .general-bottom .general-buy .buy-btn {
    background: #5d87f3;
    border-radius: 64px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    padding: 8px 24px
;}

.vps_pop_warp .general-bottom .general-buy .buy-btn:hover {
    background: #1b8bf1
;}

@keyframes moveTopBG {
    0% {
        transform: translate(-50%)
    ;}

    50% {
        transform: translate(-50%,-6%)
    ;}

    to {
        transform: translate(-50%)
    ;}
;}

html[dir=rtl] .vps_pop_warp .general-top {
    padding-left: 0;
    padding-right: 20px
;}

html[dir=rtl] .vps_pop_warp .general-bottom .g-bottom-r {
    padding-left: 0;
    padding-right: 30px
;}

html[dir=rtl] .vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item:first-child:before {
    transform: rotate(90deg)
;}

html[dir=rtl] .vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item:first-child,html[dir=rtl] .vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item:nth-child(5) {
    border-left: 1px dashed #dfdfdf
;}

html[dir=rtl] .vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item:nth-child(4) {
    border-left: 0
;}

html[dir=rtl] .vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item:nth-child(4):before {
    transform: rotate(270deg)
;}

html[dir=rtl] .vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item:nth-child(8) {
    border-left: 0
;}

html[dir=rtl] .vps_pop_warp .general-bottom .g-bottom-r .ctx-tlt .ctx-tlt-p {
    padding-left: 20px;
    padding-right: 0
;}

html[dir=rtl] .vps_pop_warp .general-bottom .g-bottom-r .ctx-tlt h4 span {
    margin-left: 0;
    margin-right: 8px
;}

html[dir=rtl] .vps_pop_warp .jys_zs_ul .processor {
    border-left: 0;
    border-right: 1px dashed #d3d3d3
;}

html[dir=rtl] .vps_pop_warp .jys_zs_ul .processor:after {
    left: unset;
    right: -3px
;}

html[dir=rtl] .vps_pop_warp .jys_zs_ul .processor:nth-child(3):before {
    left: unset;
    right: 84px;
    transform: rotate(270deg)
;}

html[dir=rtl] .vps_pop_warp .jys_zs_ul .processor:first-child:before {
    left: 0;
    right: 54px;
    transform: rotate(90deg)
;}

html[dir=rtl] .vps_pop_warp .host_right_title img {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .vps_pop_warp .jys_zs_ul .processor:first-child,html[dir=rtl] .vps_pop_warp .jys_zs_ul .processor:nth-child(4) {
    border-right: 0
;}

html[dir=rtl] .vps_pop_warp .left-text .left-p .icon-zhengque {
    margin-left: 8px;
    margin-right: 0
;}

.new-dealer-vps .aniicon {
    animation: moveaniicon 1.5s linear .7s infinite
;}

@keyframes moveaniicon {
    0% {
        transform: translateY(0)
    ;}

    50% {
        transform: translateY(25%)
    ;}

    to {
        transform: translateY(0)
    ;}
;}

.dealer-vps {
    background: linear-gradient(81.81deg,#f7f9ff 3.89%,#eff5ff 88.45%);
    padding: 19px 24px
;}

.dealer-vps .mobile-tips {
    align-items: center;
    color: rgba(61,61,61,.6);
    display: flex;
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
    margin-top: 5px;
    text-align: left
;}

.dealer-vps .vps-tlt {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
;}

.dealer-vps .vps-tlt i {
    color: #5c8ae5;
    margin-right: 8px
;}

.dealer-vps .vps-tlt .mobile_upgrade {
    align-items: center;
    background: #e66112;
    border-radius: 16px;
    color: #fff;
    display: flex;
    font-family: DIN;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    line-height: 18px;
    margin-left: 6px;
    padding: 0 6px
;}

.dealer-vps .vps-tlt .mobile_upgrade img {
    animation: top_bottom 1s linear infinite alternate;
    height: 16px;
    width: 16px
;}

.dealer-vps .vps-tips {
    color: #a3a3a3;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-top: 6px
;}

.dealer-vps .vps-list {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 27px
;}

.dealer-vps .vps-list .list-item {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    flex: 1;
    flex-direction: column;
    font-size: 12px;
    font-weight: 400;
    justify-content: center;
    line-height: 17px;
    min-width: 80px;
    padding: 0 4px
;}

.dealer-vps .vps-list .list-item img {
    height: 42px;
    width: 42px
;}

.dealer-vps .vps-list .list-item .item-tlt {
    color: #3d3d3d;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-vps .vps-list .list-item:nth-child(2) .item-vip .upgrade_icon {
    animation: top_bottom .6s linear .5s infinite alternate
;}

.dealer-vps .vps-list .list-item:nth-child(3) .item-vip .upgrade_icon {
    animation: top_bottom .8s linear 1s infinite alternate
;}

.dealer-vps .vps-list .list-item .item-vip {
    align-items: center;
    background: #e66112;
    border-radius: 16px;
    color: #fff;
    display: flex;
    font-family: DIN;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    line-height: 18px;
    margin-top: 6px;
    padding: 0 2px 0 6px
;}

.dealer-vps .vps-list .list-item .item-vip .upgrade_icon {
    animation: top_bottom .8s linear infinite alternate;
    height: 16px;
    width: 16px
;}

.dealer-vps .vps-btn {
    align-items: center;
    background: #5c8ae5;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    height: 48px;
    justify-content: center;
    line-height: 22px;
    margin-top: 23px;
    text-align: center
;}

.dealer-vps .vps-btn:hover {
    background: #3c8ae5
;}

@keyframes top_bottom {
    0% {
        transform: translateY(-2px)
    ;}

    to {
        transform: translateY(2px)
    ;}
;}

.dealer-vps-ja .vps-ja-head {
    display: flex;
    justify-content: space-between
;}

.dealer-vps-ja .vps-ja-head .vps-ja-head-l {
    color: #292929;
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 29px
;}

.dealer-vps-ja .vps-ja-head .vps-ja-head-r {
    color: #a3a3a3;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin-top: 8px
;}

.dealer-vps-ja .vps-ja-info {
    margin-top: 20px
;}

.dealer-vps-ja .vps-ja-info .vps-ja-li {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px
;}

.dealer-vps-ja .vps-ja-info .vps-ja-li .vps-ja-li-l {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.dealer-vps-ja .vps-ja-info .vps-ja-li .vps-ja-li-r {
    align-items: center;
    background: #e66112;
    border-radius: 9px;
    display: flex;
    height: 18px;
    justify-content: center;
    width: 56px
;}

.dealer-vps-ja .vps-ja-info .vps-ja-li .vps-ja-li-r span {
    color: #fff;
    font-family: DIN-Medium;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 15px
;}

.dealer-vps-ja .vps-ja-info .vps-ja-li .vps-ja-li-r img {
    height: 16px;
    width: 16px
;}

.dealer-vps-ja .vps-ja-info .vps-ja-li:first-child img {
    animation: top_bottom .6s linear 0s infinite alternate
;}

.dealer-vps-ja .vps-ja-info .vps-ja-li:nth-child(2) img {
    animation: top_bottom .6s linear .3s infinite alternate
;}

.dealer-vps-ja .vps-ja-info .vps-ja-li:nth-child(3) img {
    animation: top_bottom .6s linear .6s infinite alternate
;}

@keyframes vpsani {
    0% {
        transform: translateY(-2px)
    ;}

    to {
        transform: translateY(2px)
    ;}
;}

.dealer-vps-ja .vps-btn {
    background: #5c8ae5;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    height: 46px;
    justify-content: center;
    line-height: 22px;
    width: 100%
;}

.dealer-vps-ja .vps-btn,.langele-el .el-carousel__item {
    align-items: center;
    display: flex
;}

@media screen and (max-width: 799px) {
    .dealer-vps {
        align-items:center;
        display: flex;
        justify-content: space-between;
        padding: 14px
    ;}

    .dealer-vps .vps-btn {
        font-size: 12px;
        font-weight: 600;
        height: auto;
        line-height: 17px;
        margin-top: 0;
        min-width: 90px;
        padding: 5px
    ;}

    .dealer-vps .vps-tlt {
        color: #3d3d3d;
        font-size: 15px;
        font-weight: 600;
        line-height: 22px
    ;}

    .dealer-vps .vps-list,.dealer-vps .vps-tips {
        display: none
    ;}
;}

html[dir=rtl] .dealer-vps .vps-tlt i {
    margin-left: 8px;
    margin-right: 0
;}

.swiper-container-box {
    display: flex;
    justify-content: center;
    padding: 16px!important;
    width: 100%
;}

.swiper-container-box:hover .deal-name span,.swiper-container-box:hover .title {
    color: #b38936!important
;}

.swiper-container-box:hover .leftBtn,.swiper-container-box:hover .rightBtn {
    opacity: 1
;}

.swiper-container-box .SwiperBox {
    box-sizing: border-box;
    cursor: pointer;
    height: 110px;
    overflow: hidden;
    position: relative;
    width: 100%
;}

.swiper-container-box .img-box-jaf {
    display: flex;
    float: left;
    height: 100%;
    justify-content: flex-start;
    left: 0;
    position: absolute;
    top: 0
;}

.swiper-container-box .img-box-jaf.more .item-info .deal-img {
    min-width: 180px;
    width: 180px
;}

.swiper-container-box .img-box-jaf .item-info {
    align-items: center;
    display: flex;
    height: 100%;
    position: relative;
    width: 100%
;}

.swiper-container-box .img-box-jaf .item-info .deal-img {
    display: block;
    height: 101px;
    margin-right: 12px;
    max-width: 180px;
    min-width: 178px;
    width: 178px
;}

.swiper-container-box .img-box-jaf .item-info .deal-img .com-img {
    border-radius: 2px;
    display: block;
    height: 101px;
    margin-right: 12px;
    max-height: 101px;
    min-width: 180px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 180px
;}

.swiper-container-box .img-box-jaf .item-info .deal-info {
    display: flex;
    flex-direction: column;
    height: 101px;
    justify-content: space-between;
    margin-right: 12px;
    width: 188px
;}

.swiper-container-box .img-box-jaf .item-info .deal-info .top-cell {
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 100%
;}

.swiper-container-box .img-box-jaf .item-info .deal-info .top-cell .deal-name {
    width: 100%
;}

.swiper-container-box .img-box-jaf .item-info .deal-info .top-cell .deal-name span {
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    transition: all .5s
;}

.swiper-container-box .img-box-jaf .item-info .deal-info .top-cell .deal-name span:first-child {
    white-space: nowrap
;}

.swiper-container-box .img-box-jaf .item-info .deal-info .top-cell .tag {
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    height: 21px;
    line-height: 17px;
    padding: 2px 6px;
    position: absolute;
    right: 8px
;}

.swiper-container-box .img-box-jaf .item-info .deal-info .bottom-cell {
    align-items: center;
    display: flex;
    margin-bottom: 8px
;}

.swiper-container-box .img-box-jaf .item-info .deal-info .bottom-cell img {
    border-radius: 1px;
    height: 16px;
    width: 22px
;}

.swiper-container-box .img-box-jaf .item-info .deal-info .bottom-cell .country {
    color: #7a7a7a;
    font-size: 14px;
    font-weight: 400;
    margin: 0 8px;
    white-space: nowrap
;}

.swiper-container-box .img-box-jaf .item-info .expo-box {
    align-items: center;
    border-radius: 2px;
    display: inline-flex;
    justify-content: center;
    left: 4px;
    padding: 1px 3px;
    position: absolute;
    top: 4px
;}

.swiper-container-box .img-box-jaf .item-info .expo-box img {
    height: 12px;
    margin-right: 4px
;}

.swiper-container-box .img-box-jaf .item-info .expo-box span {
    color: #fff;
    font-size: 12px
;}

.swiper-container-box .img-box-jaf .single-item-info {
    align-items: center;
    display: flex;
    min-width: 776px;
    position: relative;
    width: 776px
;}

.swiper-container-box .img-box-jaf .single-item-info .cover {
    border-radius: 2px;
    margin-right: 12px;
    min-width: 180px;
    width: 180px
;}

.swiper-container-box .img-box-jaf .single-item-info .single-deal-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 575px;
    width: 575px
;}

.swiper-container-box .img-box-jaf .single-item-info .single-deal-info .title {
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 600;
    transition: all .5s
;}

.swiper-container-box .img-box-jaf .single-item-info .single-deal-info .summary {
    color: #a3a3a3;
    font-size: 14px;
    font-weight: 400;
    height: 36px;
    line-height: 18px;
    margin: 6px 0;
    padding-right: 20px
;}

.swiper-container-box .img-box-jaf .single-item-info .single-deal-info .bottom-cell {
    align-items: center;
    display: flex
;}

.swiper-container-box .img-box-jaf .single-item-info .single-deal-info .bottom-cell .tag {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    height: 21px;
    justify-content: center;
    margin-right: 12px;
    padding: 0 6px
;}

.swiper-container-box .img-box-jaf .single-item-info .single-deal-info .bottom-cell img {
    border-radius: 2px;
    height: 16px;
    margin-right: 8px;
    width: 22px
;}

.swiper-container-box .img-box-jaf .single-item-info .single-deal-info .bottom-cell .country {
    color: #7a7a7a;
    font-size: 14px;
    font-weight: 400
;}

.swiper-container-box .img-box-jaf .single-item-info .expo-box {
    align-items: center;
    border-radius: 2px;
    display: inline-flex;
    justify-content: center;
    left: 4px;
    line-height: 20px;
    padding: 1px 3px;
    position: absolute;
    top: 4px
;}

.swiper-container-box .img-box-jaf .single-item-info .expo-box img {
    height: 14px;
    margin-right: 4px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 14px
;}

.swiper-container-box .img-box-jaf .single-item-info .expo-box span {
    color: #fff;
    font-size: 12px;
    line-height: 16px
;}

.swiper-container-box .leftBtn,.swiper-container-box .rightBtn {
    align-items: center;
    background: hsla(0,0%,43%,.445);
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    height: 30px;
    justify-content: center;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all 1s;
    width: 30px
;}

.swiper-container-box .leftBtn {
    left: 10px
;}

.swiper-container-box .rightBtn {
    right: 10px
;}

.swiper-container-box .instBox {
    bottom: 3px;
    display: flex;
    position: absolute;
    right: 0;
    transform: translateX(-50%)
;}

.swiper-container-box .inst {
    background: #fff;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 50%;
    cursor: pointer;
    height: 4px;
    margin: 0 2px;
    transition: all .5s;
    width: 4px
;}

.swiper-container-box .inst:last-child {
    margin-right: 0
;}

.swiper-container-box .instActv {
    background: #292929;
    border-radius: 2px;
    width: 8px
;}

@media screen and (max-width: 1199px) {
    .swiper-container .img-box-jaf.more .item-info .deal-img {
        min-width:182px;
        width: 182px
    ;}

    .swiper-container .img-box-jaf .item-info .deal-info,.swiper-container .img-box-jaf .item-info .deal-info .top-cell,.swiper-container .img-box-jaf .item-info .deal-info .top-cell .deal-name {
        width: 145px
    ;}

    .swiper-container .img-box-jaf .item-info .deal-info .top-cell .deal-name span {
        display: flex;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    ;}

    .swiper-container .img-box-jaf .item-info .deal-info .top-cell .not-chinese span {
        font-size: 12px
    ;}

    .swiper-container .img-box-jaf .single-item-info {
        min-width: 545px;
        width: 545px
    ;}

    .swiper-container .img-box-jaf .single-item-info .single-deal-info {
        min-width: 344px;
        width: 344px
    ;}
;}

@media screen and (max-width: 999px) {
    .swiper-container .img-box-jaf.more .item-info .deal-img {
        min-width:164px;
        width: 164px
    ;}

    .swiper-container .img-box-jaf.more .item-info .deal-img .survey-img {
        margin: 0;
        min-width: 164px;
        width: 164px
    ;}

    .swiper-container .img-box-jaf .item-info .deal-info,.swiper-container .img-box-jaf .item-info .deal-info .top-cell,.swiper-container .img-box-jaf .item-info .deal-info .top-cell .deal-name {
        width: 161px
    ;}

    .swiper-container .img-box-jaf .single-item-info {
        min-width: 348px;
        width: 348px
    ;}

    .swiper-container .img-box-jaf .single-item-info .cover {
        min-width: 163px;
        width: 163px
    ;}

    .swiper-container .img-box-jaf .single-item-info .single-deal-info {
        min-width: 185px;
        width: 185px
    ;}
;}

html[dir=rtl] .swiper-container .instBox {
    left: 16px;
    right: unset
;}

html[dir=rtl] .swiper-container .leftBtn {
    left: unset;
    right: 10px
;}

html[dir=rtl] .swiper-container .leftBtn .iconfont {
    transform: rotate(180deg)!important
;}

html[dir=rtl] .swiper-container .rightBtn {
    left: 10px;
    right: unset
;}

html[dir=rtl] .swiper-container .img-box-jaf .item-info .deal-info .top-cell .tag {
    left: 0;
    right: unset
;}

html[dir=rtl] .swiper-container .img-box-jaf .item-info .deal-img img {
    margin-left: 12px;
    margin-right: unset
;}

html[dir=rtl] .swiper-container .img-box-jaf .item-info .expo-box {
    left: unset;
    right: 20px
;}

html[dir=rtl] .swiper-container .img-box-jaf .item-info .expo-box img {
    margin-left: 4px;
    margin-right: unset
;}

html[dir=rtl] .swiper-container .img-box-jaf .single-item-info .cover {
    margin-left: 12px;
    margin-right: 16px
;}

html[dir=rtl] .swiper-container .img-box-jaf .single-item-info .bottom-cell .tag {
    margin-left: 12px;
    margin-right: unset
;}

html[dir=rtl] .swiper-container .img-box-jaf .single-item-info .bottom-cell img {
    margin-left: 8px;
    margin-right: unset
;}

html[dir=rtl] .swiper-container .img-box-jaf .single-item-info .expo-box {
    left: unset;
    right: 20px
;}

html[dir=rtl] .swiper-container .img-box-jaf .single-item-info .expo-box img {
    margin-left: 4px;
    margin-right: unset
;}

html[dir=rtl] .swiper-container .img-box-jaf .single-item-info .single-deal-info .summary {
    padding-left: 20px;
    padding-right: 0
;}

.dealer-survey-container {
    width: 100%
;}

.dealer-survey-container:hover {
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.14);
    transform: translateY(-2px);
    transition: .2s;
    -webkit-transition: .2s
;}

.dealer-survey-container .dealer-survery .el-carousel__indicators--horizontal {
    bottom: 10px;
    left: none;
    right: 10px;
    text-align: right;
    transform: translateX(0)
;}

.dealer-survey-container .dealer-survery .el-carousel__item.is-active {
    z-index: 0
;}

.dealer-survey-container .dealer-survery .el-carousel__indicator {
    background: rgba(0,0,0,.1);
    border-radius: 50%;
    height: 4px;
    margin-right: 8px;
    padding: 0;
    width: 4px
;}

.dealer-survey-container .dealer-survery .el-carousel__indicator.is-active {
    z-index: 0
;}

.dealer-survey-container .dealer-survery .el-carousel__indicator.is-active .el-carousel__button {
    background: #292929
;}

.dealer-survey-container .dealer-survery .el-carousel__indicator .el-carousel__button {
    background-color: #fff;
    background: hsla(0,0%,100%,0);
    border: none;
    border-radius: 2px;
    cursor: pointer;
    height: 4px;
    margin: 0;
    outline: 0;
    padding: 0;
    transition: .3s;
    width: 8px
;}

.dealer-survey-container .dealer-survery-mobile {
    display: none
;}

.dealer-survey-container .dealer-survery {
    background: #fff;
    border: 1px solid #f2f2f2;
    position: relative
;}

.dealer-survey-container .dealer-survery .el-carousel {
    height: 100%;
    padding: 16px
;}

.dealer-survey-container .dealer-survery .el-carousel .el-carousel__item {
    align-items: center;
    display: flex
;}

.dealer-survey-container .dealer-survery .link {
    width: 100%
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul {
    display: flex
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul:hover .field-survey .survey-tit h1 {
    color: #b38936
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul .dealer-survey-logo-box {
    align-items: center;
    background: rgba(25,43,82,.9);
    border-radius: 2px;
    display: inline-flex;
    left: 4px;
    padding: 1px 3px;
    position: absolute;
    top: 4px
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul .dealer-survey-logo-box img {
    height: 100%;
    margin-right: 2px;
    width: 100%
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul .dealer-survey-logo-box span {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    transform: scale(.83);
    transform-origin: center
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul li {
    border-radius: 2px;
    margin-right: 12px;
    width: 180px
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul li img {
    border-radius: 2px;
    height: 100%;
    width: 100%
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul li.field-survey {
    margin-right: 0;
    position: relative
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul li.field-survey .survey-l {
    align-items: center;
    border-radius: 2px;
    color: #fff;
    display: flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 21px;
    justify-content: center;
    line-height: 17px;
    padding: 0 6px;
    position: absolute;
    right: 0;
    top: 2px
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul li.field-survey .survey-tit h1 {
    color: #3d3d3d;
    display: block;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    height: 44px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul li.field-survey .survey-bom {
    align-items: center;
    bottom: 0;
    display: flex;
    left: 0;
    position: absolute
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul li.field-survey .survey-bom img {
    height: 16px;
    margin-right: 8px;
    width: 22px
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul li.field-survey .survey-bom span {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #7a7a7a;
    display: -webkit-box;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    width: 130px
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .cover {
    margin-right: 12px;
    width: 180px
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .cover img {
    height: 100%;
    width: 100%
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .dealer-survey-logo-box {
    align-items: center;
    background: rgba(25,43,82,.9);
    border-radius: 2px;
    display: inline-flex;
    left: 4px;
    padding: 1px 3px;
    position: absolute;
    top: 4px
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .dealer-survey-logo-box img {
    height: 100%;
    margin-right: 2px;
    width: 100%
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .dealer-survey-logo-box span {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    transform: scale(.83);
    transform-origin: center
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 3px 0
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block h6 {
    color: #3d3d3d;
    display: block;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 548px
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block h6:hover {
    color: #b38936
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block p {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #a3a3a3;
    display: -webkit-box;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    overflow: hidden;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    width: 548px
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block .bottom-info {
    align-items: center;
    display: flex;
    justify-content: flex-start
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block .bottom-info .tag {
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-right: 8px;
    padding: 2px 6px
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block .bottom-info .flag {
    border-radius: 2px;
    height: 16px;
    width: 22px
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block .bottom-info .country {
    color: #7a7a7a;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-left: 8px
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block2 {
    display: none
;}

@media screen and (max-width: 1199px) {
    .dealer-survey-container .dealer-survery ul li {
        width:160px
    ;}

    .dealer-survey-container .dealer-survery ul li:nth-child(3) {
        display: none
    ;}

    .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer {
        width: 100%
    ;}

    .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block h6,.dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block p {
        width: 350px
    ;}

    .dealer-survey-container .dealer-survery-mobile {
        display: none
    ;}
;}

@media screen and (max-width: 999px) {
    .dealer-survey-container .dealer-survery-mobile {
        display:none
    ;}

    .dealer-survey-container .dealer-survery ul li {
        margin-right: 12px;
        width: 160px
    ;}

    .dealer-survey-container .dealer-survery ul li img {
        width: 100%
    ;}

    .dealer-survey-container .dealer-survery ul li:nth-child(2),.dealer-survey-container .dealer-survery ul li:nth-child(3) {
        display: none
    ;}

    .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer {
        width: 100%
    ;}

    .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block {
        display: none
    ;}

    .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block2 {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between
    ;}

    .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block2 .survey-tit {
        display: flex;
        justify-content: space-between;
        width: 192px
    ;}

    .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block2 .survey-tit .tag {
        border-radius: 2px;
        color: #fff;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        height: 21px;
        line-height: 17px;
        padding: 2px 6px
    ;}

    .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block2 .survey-tit h1 {
        align-items: center;
        color: #3d3d3d;
        display: flex;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 22px
    ;}

    .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block2 .survey-tit h1:hover {
        color: #b38936
    ;}

    .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block2 .survey-bom {
        align-items: center;
        display: flex
    ;}

    .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block2 .survey-bom img {
        height: 16px;
        margin-right: 8px;
        width: 22px
    ;}

    .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block2 .survey-bom span {
        color: #7a7a7a;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px
    ;}
;}

@media screen and (max-width: 799px) {
    .dealer-survey-container {
        padding:0 16px
    ;}

    .dealer-survey-container.paddingNone {
        padding: 0
    ;}

    .dealer-survey-container:hover {
        box-shadow: none;
        transform: translateY(0);
        transition: 0;
        -webkit-transition: 0
    ;}

    .dealer-survey-container .dealer-survery {
        display: none
    ;}

    .dealer-survey-container .dealer-survery-mobile {
        display: block;
        padding: 0
    ;}

    .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox {
        background: rgba(239,242,245,.68);
        border-radius: 6px;
        display: flex;
        height: 100%;
        margin: 16px auto 12px;
        min-height: 105px;
        overflow-x: auto;
        padding: 6px;
        position: relative;
        text-align: center;
        width: 100%
    ;}

    .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box {
        border-radius: 6px;
        display: flex;
        flex-direction: column;
        height: 66px;
        margin-left: 10px;
        min-width: 100px;
        width: 33%
    ;}

    .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box .top {
        position: relative
    ;}

    .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box .top .imgLength {
        align-items: center;
        background: #008099;
        border-radius: 41px;
        bottom: 9px;
        display: flex;
        height: 14px;
        left: 6px;
        padding: 3px 6px;
        position: absolute
    ;}

    .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box .top .imgLength i {
        color: #fff;
        font-size: 8px
    ;}

    .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box .top .imgLength span {
        color: #fff;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 14px;
        transform: scale(.83)
    ;}

    .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box .top .dealer-survey-logo-mobilebox {
        align-items: center;
        background: rgba(25,43,82,.9);
        border-radius: 6px;
        display: inline-flex;
        height: 19px;
        left: 4px;
        line-height: 19px;
        padding: 1px 3px;
        position: absolute;
        top: 4px
    ;}

    .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box .top .dealer-survey-logo-mobilebox img {
        height: 12px;
        margin-right: 2px;
        width: 12px
    ;}

    .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box .top .dealer-survey-logo-mobilebox span {
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        transform: scale(.83);
        transform-origin: center
    ;}

    .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box .top .tag {
        border-radius: 2px;
        color: #fff;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        left: 4px;
        line-height: 17px;
        padding: 1px 4px;
        position: absolute;
        top: 4px
    ;}

    .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box .top .cover {
        border-radius: 6px;
        display: block;
        height: 100%;
        max-height: 66px;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: bottom;
        object-position: bottom;
        width: 100%
    ;}

    .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box .bottom {
        align-items: center;
        display: flex;
        height: 17px;
        margin-top: 9.5px
    ;}

    .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box .bottom img {
        border-radius: 1px;
        display: block;
        height: 14px;
        margin-right: 6px;
        width: 22px
    ;}

    .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box .bottom span {
        color: #3d3d3d;
        display: block;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 17px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    ;}

    .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box:first-child {
        margin: 0
    ;}

    .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box-twobox {
        width: 48%
    ;}

    .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box-threebox {
        width: 33%
    ;}

    .dealer-survey-container .dealer-survery-mobile .mobilebox-one {
        display: none
    ;}

    .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox::-webkit-scrollbar {
        display: none
    ;}

    .dealer-survey-container .dealer-survery-mobile .animate-up {
        transform: translateY(-40px);
        transition: all 1s ease-in-out
    ;}

    .dealer-survey-container .dealer-survery-mobile .single-block {
        height: 48px;
        overflow: hidden;
        padding: 9px 16px
    ;}

    .dealer-survey-container .dealer-survery-mobile .single-block.defaultBgColor {
        background: rgba(71,125,179,.08)!important
    ;}

    .dealer-survey-container .dealer-survery-mobile .single-block .single-mobilebox {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 10px;
        width: 100%
    ;}

    .dealer-survey-container .dealer-survery-mobile .single-block .single-mobilebox div {
        align-items: center;
        display: flex
    ;}

    .dealer-survey-container .dealer-survery-mobile .single-block .single-mobilebox img {
        border-radius: 2px;
        height: 30px;
        width: 48px
    ;}

    .dealer-survey-container .dealer-survery-mobile .single-block .single-mobilebox .dealer-survey-logo-mobilebox {
        align-items: center;
        background: rgba(25,43,82,.9);
        border-radius: 2px;
        display: inline-flex;
        height: 19px;
        line-height: 19px;
        margin: 0 11px;
        padding: 1px 3px
    ;}

    .dealer-survey-container .dealer-survery-mobile .single-block .single-mobilebox .dealer-survey-logo-mobilebox img {
        height: 12px;
        margin-right: 2px;
        width: 12px
    ;}

    .dealer-survey-container .dealer-survery-mobile .single-block .single-mobilebox .dealer-survey-logo-mobilebox span {
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        transform: scale(.83);
        transform-origin: center
    ;}

    .dealer-survey-container .dealer-survery-mobile .single-block .single-mobilebox .tag {
        border-radius: 2px;
        color: #fff;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        height: 18px;
        line-height: 17px;
        margin: 0 8px;
        padding: .5px 4px
    ;}

    .dealer-survey-container .dealer-survery-mobile .single-block .single-mobilebox .title {
        display: block;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 65vw
    ;}

    .dealer-survey-container .dealer-survery-mobile .single-block .single-mobilebox .title.defaultColor {
        color: #477db3!important
    ;}

    .dealer-survey-container .dealer-survery-mobile .single-block .single-mobilebox .title2 {
        width: 33vw
    ;}

    .dealer-survey-container .dealer-survery-mobile .single-block .single-mobilebox .num {
        border-radius: 50%;
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        height: 14px;
        line-height: 14px;
        margin-right: 8px;
        text-align: center;
        transform: scale(.83);
        width: 14px
    ;}

    .dealer-survey-container .dealer-survery-mobile .single-block .single-mobilebox .num.defaultColor {
        background: #477db3!important
    ;}

    .dealer-survey-container .dealer-survery-mobile .single-block .single-mobilebox i {
        color: #ccc;
        font-size: 12px
    ;}

    .dealer-survey-container .dealer-survery-mobile .showSingle-box {
        display: none
    ;}

    .dealer-survey-container .dealer-survery-mobile .showSingle-box-ishow {
        display: block
    ;}

    .dealer-survey-container .dealer-survery-mobile-two {
        padding: 0 16px
    ;}
;}

@media screen and (max-width: 375px) {
    .showSingle-box {
        display:block!important
    ;}

    .dealer-survey-container {
        padding: 0!important
    ;}

    .dealer-survery-mobilebox {
        display: none!important
    ;}

    .dealer-survery-mobile-two {
        padding: 0!important
    ;}
;}

html[dir=rtl] .dealer-survey-container .dealer-survery .dealer-survery-ul .dealer-survey-logo-box img {
    margin: unset;
    margin-left: 4px
;}

html[dir=rtl] .dealer-survey-container .dealer-survery .dealer-survery-ul .dealer-survey-logo-box {
    left: unset;
    right: 4px
;}

html[dir=rtl] .dealer-survey-container .dealer-survery .dealer-survery-ul li {
    margin: unset;
    margin-left: 12px
;}

html[dir=rtl] .dealer-survey-container .dealer-survery .dealer-survery-ul li.field-survey .survey-l {
    left: 0;
    margin-right: 5px;
    right: unset
;}

html[dir=rtl] .dealer-survey-container .survey-tit {
    padding-right: 10px
;}

html[dir=rtl] .dealer-survey-container .dealer-survery .dealer-survery-ul li.field-survey .survey-bom img {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .dealer-survey-container .dealer-survery .dealer-survery-ul li.field-survey .survey-bom {
    left: auto;
    right: 10px
;}

html[dir=rtl] .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .cover {
    margin: unset;
    margin-left: 12px
;}

html[dir=rtl] .dealer-survey-container .dealer-survery .el-carousel__indicators--horizontal {
    left: 10px;
    right: unset
;}

html[dir=rtl] .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .dealer-survey-logo-box {
    left: unset;
    right: 4px
;}

html[dir=rtl] .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block2 .survey-tit {
    width: 100%
;}

html[dir=rtl] .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block .bottom-info .tag {
    margin: unset;
    margin-left: 8px
;}

html[dir=rtl] .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block .bottom-info .country {
    margin-left: unset;
    margin-right: 8px
;}

@media screen and (max-width: 1199px) {
    html[dir=rtl] .dealer-survey-container .survey-tit {
        padding-right:unset
    ;}

    html[dir=rtl] .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block2 .survey-tit .tag {
        margin-right: 6px
    ;}

    html[dir=rtl] .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block2 .survey-bom img {
        margin-left: 8px;
        margin-right: unset
    ;}
;}

@media screen and (max-width: 799px) {
    html[dir=rtl] .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box:first-child {
        margin-left:10px
    ;}

    html[dir=rtl] .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box .top .tag {
        left: unset;
        right: 4px
    ;}

    html[dir=rtl] .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box .top .dealer-survey-logo-mobilebox img {
        margin-left: 4px;
        margin-right: unset
    ;}

    html[dir=rtl] .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box .top .dealer-survey-logo-mobilebox {
        height: 19px;
        left: unset;
        right: 4px
    ;}

    html[dir=rtl] .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box .top .imgLength {
        left: unset;
        right: 6px
    ;}

    html[dir=rtl] .dealer-survey-container .dealer-survery-mobile .single-block .single-mobilebox .dealer-survey-logo-mobilebox img {
        margin-left: 4px;
        margin-right: unset
    ;}

    html[dir=rtl] .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box .bottom img {
        margin-left: 6px;
        margin-right: unset
    ;}
;}

.dealer-ad-john {
    border: 1px solid rgba(0,0,0,.05);
    height: 200px
;}

.dealer-ad-john .dealer-ad-a,.dealer-ad-john .dealer-ad-a img {
    display: block;
    height: 100%;
    width: 100%
;}

.dealer-ad-john .dealer-ad-a img {
    border-radius: 2px
;}

.dealer-ad-john .ad-loading {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
;}

.dealer-ad-john .dealer-ad-bg {
    background: url(https://resources1.interface003.com/web20/img/dealer/bg-792.png) 50% no-repeat;
    background-size: 100% 100%;
    height: 100%;
    width: 100%
;}

@media screen and (max-width: 1199px) {
    .dealer-ad-john .dealer-ad-bg {
        background:url(https://resources1.interface003.com/web20/img/dealer/bg-562.png) 50% no-repeat;
        background-size: 100% 100%
    ;}

    .dealer-ad-john .dealer-ad-a img {
        width: 110%
    ;}
;}

@media screen and (max-width: 999px) {
    .dealer-ad-john .dealer-ad-bg {
        background:url(https://resources1.interface003.com/web20/img/dealer/bg-382.png) 50% no-repeat;
        background-size: 100% 100%
    ;}

    .dealer-ad-john .dealer-ad-a img {
        width: 150%
    ;}
;}

@media screen and (max-width: 799px) {
    .dealer-ad-john {
        border:none;
        padding: 0
    ;}

    .dealer-ad-john .dealer-ad-a img {
        width: 100%
    ;}
;}

.dealer-ad-john .el-carousel__indicators,.dealer-ad-john .el-carousel__item.is-active {
    z-index: 1!important
;}

.dealer-ad-john .el-carousel__button {
    border-radius: 2px;
    height: 4px;
    width: 4px
;}

.dealer-ad-john .is-active .el-carousel__button {
    width: 8px
;}

.dealer-ad-john .carousel .el-carousel__container {
    height: 100%
;}

@media screen and (max-width: 799px) {
    .dealer-ad-john {
        margin:0 auto;
        padding: 0 12px;
        width: 100%
    ;}

    .dealer-ad-john,.dealer-ad-john .carousel,.dealer-ad-john .carousel .el-carousel__container {
        height: 90px!important
    ;}

    .dealer-ad-john .ad-loading {
        height: 90px
    ;}

    .dealer-ad-john .dealer-ad-a {
        height: 90px!important
    ;}

    .dealer-ad-john .dealer-ad-a img {
        height: unset!important
    ;}
;}

.infoitemtop {
    background: #fff;
    box-shadow: inset 0 1px 0 #f5f5f5;
    display: inline-block;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    gap: 6px;
    justify-content: center;
    padding: 16px 0 0
;}

.infoitemtop,.infoitemtop .row1 {
    align-items: center;
    align-self: stretch;
    order: 0
;}

.infoitemtop .row1 {
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    line-height: 20px;
    padding: 0
;}

.infoitemtop .row1 .iconfont {
    align-items: center;
    color: #ccc;
    display: flex;
    flex: none;
    flex-grow: 0;
    height: 16px;
    order: 0;
    width: 16px
;}

.infoitemtop .row1 .iconfont .icon-tweer {
    font-size: 18px
;}

.infoitemtop .row1 .img {
    border: 1px solid rgba(61,61,61,.03);
    flex: none;
    flex-grow: 0;
    height: 14px;
    order: 0;
    width: 22px
;}

.infoitemtop .row1 .txt {
    align-items: center;
    color: #a3a3a3;
    display: flex;
    flex: auto;
    flex-grow: 1;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    order: 1
;}

.infoitemtop .row1 .txt .row2-info {
    height: 14px;
    margin-left: 5px;
    position: relative;
    width: 14px
;}

.infoitemtop .row1 .txt .row2-info .iconfont {
    color: #a3a3a3;
    cursor: pointer;
    font-size: 14px
;}

.infoitemtop .row1 .txt .row2-info .row2-info-box {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 14px 0 rgba(0,0,0,.12);
    display: none;
    left: -30px;
    padding: 18px;
    position: absolute;
    top: 20px;
    width: 546px
;}

.infoitemtop .row1 .txt .row2-info .row2-info-box h3 {
    color: #3d3d3d;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 8px
;}

.infoitemtop .row1 .txt .row2-info .row2-info-box p {
    color: #7a7a7a;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 8px
;}

.infoitemtop .row1 .txt .row2-info .row2-info-box h4 {
    color: #292929;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 8px
;}

.infoitemtop .row1 .txt .row2-info:hover .row2-info-box {
    display: block
;}

.infoitemtop .row1 .more {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 1;
    gap: 4px;
    height: 17px;
    justify-content: right;
    line-height: 17px;
    order: 1;
    padding: 0;
    width: 47px
;}

.infoitemtop .row1 .more .more-name {
    align-items: center;
    color: #ccc;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 17px;
    line-height: 17px;
    order: 0;
    width: 29px
;}

.infoitemtop .row1 .more .more-name .icon-arrow-right {
    flex: none;
    flex-grow: 0;
    height: 14px;
    order: 1;
    width: 14px
;}

.infoitemtop .row2 {
    align-items: center;
    align-self: stretch;
    display: inline-block;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    justify-content: center;
    line-height: 20px;
    order: 1;
    padding: 0 0 0 22px;
    width: 100%
;}

.infoitemtop .row2 .val,.infoitemtop .row2 .valline {
    color: #3d3d3d;
    flex: none;
    flex-grow: 1;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    height: 20px;
    line-height: 20px;
    order: 0
;}

.infoitemtop .row2 .valline {
    display: none;
    margin-top: 8px;
    width: 100%
;}

.infoitemtop .row2 .valline:first-child {
    margin-top: 0
;}

.infoitemtop .row2 .valline .link {
    color: #3d3d3d;
    display: inline-block;
    overflow-wrap: break-word;
    width: 100%;
    word-break: break-all
;}

.infoitemtop .row2 .valline .link:hover {
    color: #b28936;
    text-decoration-line: underline
;}

.infoitemtop .row2 .valline .val {
    word-break: break-all
;}

.infoitemtop .row2 .valline-inline-block {
    display: inline-block
;}

.infoitemtop .arrow {
    display: block;
    margin: 0 auto;
    width: 16px
;}

html[dir=rtl] .infoitemtop .row1 .txt .row2-info .row2-info-box {
    left: unset;
    right: -30px
;}

html[dir=rtl] .infoitemtop .row1 .txt .row2-info {
    margin-left: 0;
    margin-right: 5px
;}

.popintro {
    background: url(https://resources1.interface003.com/Contentgj/images/pop_bg.png) repeat;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2001
;}

.popintro .main {
    background: #fff!important;
    border-radius: 16px;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.08);
    box-sizing: border-box;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    height: 400px;
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%) scale(1);
    transition: all .4s;
    width: 560px;
    z-index: 2002
;}

.popintro .main,.popintro .main .title {
    align-items: center;
    display: flex;
    order: 0
;}

.popintro .main .title {
    align-self: stretch;
    background: #fff;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    justify-content: space-between;
    line-height: 22px;
    margin: 0 32px;
    padding: 0;
    position: relative;
    width: 90%
;}

.popintro .main .title .sharp {
    background: #eeb822;
    border-radius: 1px;
    display: flex;
    flex: none;
    flex-grow: 0;
    height: 16px;
    margin-right: 12px;
    order: 0;
    width: 6px
;}

.popintro .main .title .txttt {
    align-items: center;
    color: #292929;
    display: inline-block;
    flex: none;
    flex-grow: 1;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    order: 1;
    padding-right: 14px
;}

.popintro .main .icon-close {
    cursor: pointer;
    display: inline-block;
    flex: none;
    flex-grow: 0;
    height: 22px;
    line-height: 22px;
    order: 1;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 22px
;}

.popintro .main .content {
    align-items: center;
    align-self: stretch;
    display: inline-block;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    justify-content: center;
    max-height: 332px;
    order: 1;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 0 25px
;}

.popintro .main .content .wenzi {
    display: block;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0 32px;
    text-indent: 0
;}

.popintro .main .content .wenzi img {
    width: 100%
;}

.popintro .main .content .wenzi table {
    width: 100%!important
;}

@media screen and (max-width: 799px) {
    .popintro .main {
        width:80%!important
    ;}
;}

.popintro_none {
    display: none
;}

@media screen and (max-width: 799px) {
    .popintro .main .title {
        width:auto
    ;}

    .popintro .main .title embed {
        width: 90%!important
    ;}
;}

.popinformation {
    background: url(https://resources1.interface003.com/Contentgj/images/pop_bg.png) repeat;
    height: 100%;
    left: 0;
    margin-bottom: 16px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2001
;}

.popinformation.right {
    background: none!important;
    height: auto!important
;}

.popinformation.right,.popinformation.right .main {
    max-width: none!important;
    position: static!important;
    width: auto!important
;}

.popinformation.right .main {
    box-shadow: none!important;
    transform: none!important
;}

.popinformation.right .main .popinformation-content {
    height: auto!important
;}

.popinformation.right .popintro .main .popinformation-content {
    display: block;
    height: 556px!important
;}

.popinformation .main {
    border-radius: 8px;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.08);
    box-sizing: border-box;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    left: 50%;
    max-width: 760px;
    padding-bottom: 4px;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%) scale(1);
    transition: all .4s;
    width: 60%;
    z-index: 2002
;}

.popinformation .main,.popinformation .main .title {
    align-items: center;
    background: #fff;
    display: flex;
    order: 0
;}

.popinformation .main .title {
    align-self: stretch;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    height: 40px;
    justify-content: space-between;
    margin: 24px 24px 0;
    padding-left: 0;
    position: relative
;}

.popinformation .main .title .txt {
    align-items: center;
    color: #292929;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    height: 22px;
    line-height: 22px;
    order: 0
;}

.popinformation .main .title .icon-close {
    cursor: pointer;
    flex: none;
    flex-grow: 0;
    font-size: 24px;
    order: 1;
    position: absolute;
    right: 0;
    top: 0
;}

.popinformation .main .popinformation-content {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    height: 556px;
    justify-content: center;
    order: 1;
    overflow-y: auto;
    padding: 0 0 25px
;}

.popinformation .main .popinformation-content .scroll {
    display: inline-block;
    height: 100%;
    width: 100%
;}

.popinformation .main .popinformation-content .scroll .sheet {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    justify-content: center;
    order: 0;
    padding: 0
;}

.popinformation .main .popinformation-content .scroll .sheet .column {
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 1;
    gap: 8px;
    justify-content: center;
    order: 0;
    padding: 16px 24px;
    width: 50%
;}

.popinformation .main .popinformation-content .scroll .sheet .column .info {
    align-items: center;
    align-self: stretch;
    background: #fff;
    box-shadow: inset 0 1px 0 #f5f5f5;
    display: inline-block;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    gap: 6px;
    justify-content: center;
    order: 0;
    padding: 16px 0 0
;}

.popinformation .main .popinformation-content .scroll .sheet .column .info .row1 {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    line-height: 20px;
    order: 0;
    padding: 0;
    width: 100%
;}

.popinformation .main .popinformation-content .scroll .sheet .column .info .row1 .iconfont {
    align-items: center;
    color: #ccc;
    display: flex;
    flex: none;
    flex-grow: 0;
    height: 14px;
    order: 0;
    width: 14px
;}

.popinformation .main .popinformation-content .scroll .sheet .column .info .row1 .img {
    flex: none;
    flex-grow: 0;
    height: 14px;
    order: 0;
    width: 22px
;}

.popinformation .main .popinformation-content .scroll .sheet .column .info .row1 .txt {
    align-items: center;
    color: #a3a3a3;
    display: flex;
    flex: auto;
    flex-grow: 1;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    order: 1
;}

.popinformation .main .popinformation-content .scroll .sheet .column .info .row1 .more {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 1;
    gap: 4px;
    height: 17px;
    justify-content: right;
    order: 1;
    padding: 0;
    width: 47px
;}

.popinformation .main .popinformation-content .scroll .sheet .column .info .row1 .more .more-name {
    align-items: center;
    color: #ccc;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 17px;
    line-height: 17px;
    order: 0;
    width: 29px
;}

.popinformation .main .popinformation-content .scroll .sheet .column .info .row1 .more .more-name .icon-arrow-right {
    flex: none;
    flex-grow: 0;
    height: 14px;
    order: 1;
    width: 14px
;}

.popinformation .main .popinformation-content .scroll .sheet .column .info .row2 {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    justify-content: center;
    line-height: 20px;
    order: 1;
    padding: 10px 0 0
;}

.popinformation .main .popinformation-content .scroll .sheet .column .info .row2 .img {
    display: inline-block;
    flex: none;
    flex-grow: 0;
    height: 14px;
    margin-right: 4px;
    order: 0;
    width: 22px
;}

.popinformation .main .popinformation-content .scroll .sheet .column .info .row2 .val {
    color: #3d3d3d;
    display: inline-block;
    flex: none;
    flex-grow: 1;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    height: 20px;
    line-height: 20px;
    order: 0
;}

.popinformation .main .popinformation-content .scroll .sheet .column .info .row2 .valline {
    color: #3d3d3d;
    flex: none;
    flex-grow: 1;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    height: 20px;
    line-height: 20px;
    margin: 3px 0;
    order: 0
;}

.popinformation .main .popinformation-content .scroll .sheet .column .infoitemtop .row2 {
    padding: 10px 0 0
;}

.popinformation .main .popinformation-content .scroll .item {
    align-items: center;
    align-self: stretch;
    background: #fff;
    border-bottom: 1px inset #f5f5f5;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    gap: 6px;
    height: auto;
    justify-content: center;
    order: 1;
    padding-left: 24px;
    width: 100%
;}

.popinformation .main .popinformation-content .scroll .item .infoitemtop.intro {
    padding-bottom: 16px!important;
    text-align: right!important
;}

.popinformation .main .popinformation-content .scroll .item .infoitemtop.intro .row1 {
    cursor: pointer;
    float: right;
    padding-right: 20px
;}

.popinformation .main .popinformation-content .scroll .item .infoitemtop.intro .row1 .iconfont {
    order: 1
;}

.popinformation .main .popinformation-content .scroll .item .infoitemtop.intro .row1 .txt {
    order: 0
;}

.popinformation .main .popinformation-content .scroll .item .infoitemtop .row2 {
    padding: 10px 0 0
;}

.popinformation .main .popinformation-content .scroll .item .infoitemtop:first-child {
    box-shadow: none
;}

.popinformation .main .popinformation-content .scroll .item .infoitemtop:last-child {
    padding-bottom: 6px
;}

.popinformation .popintro .main {
    align-items: center;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.08)!important;
    box-sizing: border-box;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    height: 408px!important;
    left: 50%;
    order: 0;
    position: fixed!important;
    top: 50%;
    transform: translate(-50%,-50%) scale(1)!important;
    transition: all .4s;
    width: 560px!important;
    z-index: 2002
;}

.popinformation .popintro .main .title {
    justify-content: normal
;}

@media screen and (max-width: 799px) {
    .popinformation .popintro .main {
        width:80%!important
    ;}
;}

html[dir=rtl] .popinformation .main .popinformation-content .scroll .sheet .column .info .row2 .img {
    margin-left: 4px;
    margin-right: unset
;}

html[dir=rtl] .popinformation .main .title .icon-close {
    left: 5px;
    right: auto
;}

html[dir=rtl] .popinformation .main .popinformation-content .scroll .item {
    padding-left: 0;
    padding-right: 24px
;}

.risk-popup .el-dialog__header {
    display: none
;}

.risk-popup .el-dialog__body {
    margin: 0;
    padding: 32px;
    position: relative
;}

@media screen and (max-width: 799px) {
    .risk-popup-box .el-dialog__wrapper {
        align-items:flex-end
    ;}

    .risk-popup-box .el-dialog__wrapper .el-dialog {
        border-radius: 16px 16px 0 0
    ;}

    .risk-popup-box .el-dialog__wrapper .el-dialog .el-dialog__body {
        padding: 32px 16px
    ;}
;}

.dealer-risk-mobile {
    display: none
;}

.dealer-risk {
    align-items: center;
    background: rgba(179,36,60,.05);
    border: 1px solid rgba(179,36,60,.2);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 16px 10px 16px 24px
;}

.dealer-risk.yellow {
    background: rgba(171,138,69,.05);
    border: 1px solid rgba(215,166,56,.2)
;}

.dealer-risk .title {
    align-self: stretch;
    flex: none;
    flex-grow: 0;
    gap: 40px;
    order: 0;
    padding: 0
;}

.dealer-risk .title .left {
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    gap: 8px;
    order: 0;
    padding: 0;
    width: auto;
    word-break: break-all
;}

.dealer-risk .title .left.is-zh-left {
    width: auto
;}

.dealer-risk .title .left .name {
    color: #b3243c;
    font-family: PingFang SC;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px
;}

.dealer-risk .title .left .name.is-zh-name {
    width: auto
;}

.dealer-risk .title .left .name.yellow {
    color: #ab8a45
;}

.dealer-risk .title .right {
    color: #a3a3a3;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 17px;
    line-height: 17px;
    order: 1
;}

.dealer-risk .title .right .fxtime {
    display: inline-block;
    margin: 0 5px
;}

.dealer-risk .content-risk {
    background: none;
    display: none;
    flex-direction: column;
    justify-content: center;
    padding: 0
;}

.dealer-risk .content-risk.arrow {
    cursor: pointer
;}

.dealer-risk .content-risk .li {
    color: #b3243c;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.dealer-risk .content-risk .li.yellow {
    color: #ab8a45
;}

.dealer-risk .content-risk .line {
    align-self: stretch;
    border-top: 1px dashed rgba(179,36,60,.2);
    flex: none;
    flex-grow: 0;
    order: 0
;}

.dealer-risk .content-risk .line.yellow {
    border-top: 1px dashed rgba(215,166,56,.2)
;}

.dealer-risk .content-risk .icon-arrow-down {
    color: #b3243c;
    font-weight: 700
;}

.dealer-risk .content-risk .icon-arrow-down.yellow {
    color: #ab8a45
;}

.dealer-risk .content-risk-flex {
    display: flex
;}

.dealer-risk .dot {
    align-items: center;
    background: #b3243c;
    border-radius: 8px;
    color: #fff;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    height: 16px;
    justify-content: center;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
    width: 16px
;}

.dealer-risk .dot.yellow {
    background: #ab8a45
;}

.dealer-risk .icon-arrow-down1 {
    color: #b3243c
;}

.dealer-risk .icon-arrow-down1.yellow {
    color: #ab8a45
;}

@media screen and (max-width: 999px) {
    .dealer-risk .content-risk {
        width:290px
    ;}
;}

@media screen and (max-width: 799px) {
    .dealer-risk-box {
        padding:0 16px
    ;}

    .dealer-risk-mobile {
        align-items: center;
        border: .5px solid;
        border-radius: 6px;
        display: block;
        display: flex;
        justify-content: space-between;
        margin-bottom: 16px;
        padding: 10px 16px;
        width: 100%
    ;}

    .dealer-risk-mobile.redColor {
        color: #b3243c
    ;}

    .dealer-risk-mobile.redBorderColor {
        background: rgba(178,36,60,.05);
        border-color: rgba(179,36,60,.2)
    ;}

    .dealer-risk-mobile.yellowColor {
        color: #ab8a45
    ;}

    .dealer-risk-mobile.yellowBorderColor {
        background: rgba(215,166,56,.06);
        border-color: rgba(215,166,56,.3)
    ;}

    .dealer-risk-mobile .top-down-risk .down-info .tm-left {
        align-items: center;
        display: flex;
        flex-flow: row;
        font-size: 16px;
        line-height: 22px;
        margin-right: 12px
    ;}

    .dealer-risk-mobile .top-down-risk .down-info .tm-left .icon-zhengque {
        display: block;
        margin-right: 4px
    ;}

    .dealer-risk-mobile .top-down-risk .down-info .tm-left .time-m-right {
        display: flex;
        font-size: 15px!important;
        white-space: nowrap
    ;}

    .dealer-risk-mobile .top-down-risk .down-info .tm-left .time-m-right .fxtime-m {
        line-height: 18px;
        margin-left: 4px
    ;}

    .dealer-risk-mobile .risk-btn {
        border-radius: 4px;
        color: #fff;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 17px;
        padding: 4px 8px;
        white-space: nowrap
    ;}

    .dealer-risk-mobile .risk-btn.redColor {
        background: #b3243c
    ;}

    .dealer-risk-mobile .risk-btn.yellowColor {
        background: #d7a638
    ;}

    .dealer-risk-mobile .icon-arrow-right.redColor {
        color: #b3243c
    ;}

    .dealer-risk-mobile .icon-arrow-right.yellowColor {
        color: #d7a638
    ;}

    .dealer-risk-mobile .top-down-risk .risk-title {
        font-family: PingFang SC;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 22px;
        margin-bottom: 5px
    ;}

    .dealer-risk-mobile .top-down-risk .risk-title.redColor {
        color: #b3243c
    ;}

    .dealer-risk-mobile .top-down-risk .risk-title.yellowColor {
        color: #d7a638
    ;}

    .dealer-risk-mobile .top-down-risk .down-info {
        align-items: center;
        color: #7a7a7a;
        display: flex;
        font-style: normal;
        font-weight: 300;
        height: 15px;
        vertical-align: middle
    ;}

    .dealer-risk-mobile .top-down-risk .down-info span {
        display: flex;
        line-height: 14px
    ;}

    .dealer-risk-mobile .top-down-risk .down-info span .icon-zhengque {
        font-size: 10.5px
    ;}

    .dealer-risk-mobile .top-down-risk .down-info span .last-time {
        font-size: 12px;
        transform: scale(.83)
    ;}

    .dealer-risk-mobile .top-down-risk .down-info span .last-time span.redColor {
        color: #b3243c
    ;}

    .dealer-risk-mobile .top-down-risk .down-info span .last-time span.yellowColor {
        color: #d7a638
    ;}

    .dealer-risk-mobile .top-down-risk .down-info span .time-m-right {
        margin-right: 12px
    ;}

    .dealer-risk-mobile .top-down-risk .down-info span .time-m-right .fxtime-m {
        display: inline-block;
        margin: 0 10px
    ;}

    .dealer-risk-mobile .top-down-risk .down-info-noZh {
        display: flex;
        flex-wrap: wrap;
        height: 100%
    ;}

    .dealer-risk-mobile .top-down-risk .down-info-noZh span .time-m-right {
        margin: 0
    ;}

    .dealer-risk-mobile .top-down-risk .down-info-noZh span .time-m-right .fxtime-m {
        display: inline-block;
        margin: 0 10px
    ;}
;}

html[dir=rtl] .dealer-risk {
    padding: 16px 24px 16px 0
;}

html[dir=rtl] .dealer-risk .title .left .name .dot {
    margin: unset;
    margin-right: 12px
;}

.dealer-supervise-item {
    align-items: center;
    border: .5px solid rgba(237,164,10,.3);
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 118px;
    padding: 16px;
    position: relative;
    width: 100%
;}

.dealer-supervise-item,.dealer-supervise-item.lv1 {
    background: linear-gradient(90.03deg,rgba(237,164,10,0) .03%,rgba(237,164,10,.1) 99.97%)
;}

.dealer-supervise-item.lv1 {
    border: .5px solid rgba(237,164,10,.3)
;}

.dealer-supervise-item.lv1:hover {
    border: .5px solid rgba(237,164,10,.6)
;}

.dealer-supervise-item.lv1:hover .top {
    color: #b38a37
;}

.dealer-supervise-item.lv2 {
    background: linear-gradient(90.03deg,rgba(218,84,30,0) .03%,rgba(218,84,30,.1) 99.97%);
    border: .5px solid rgba(218,84,30,.3)
;}

.dealer-supervise-item.lv2:hover {
    border: .5px solid rgba(218,84,30,.6)
;}

.dealer-supervise-item.lv2:hover .top {
    color: #b38a37
;}

.dealer-supervise-item.lv3 {
    background: linear-gradient(90.03deg,rgba(155,39,58,0) .03%,rgba(155,39,58,.1) 99.97%);
    border: .5px solid rgba(155,39,58,.3)
;}

.dealer-supervise-item.lv3:hover {
    border: .5px solid rgba(155,39,58,.6)
;}

.dealer-supervise-item.lv3:hover .top {
    color: #b38a37
;}

.dealer-supervise-item .line1 {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: space-between;
    line-height: 18px;
    order: 0;
    padding: 0;
    width: 100%
;}

.dealer-supervise-item .line1 .left {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 215px
;}

.dealer-supervise-item .line1 .left .tag {
    align-items: center;
    background: #eda40a;
    border-radius: 2px;
    display: flex;
    flex: none;
    flex-grow: 0;
    height: 18px;
    justify-content: center;
    margin-right: 8px;
    order: 0;
    padding: 3px 4px
;}

.dealer-supervise-item .line1 .left .tag.ALB {
    margin-left: 8px;
    margin-right: 0
;}

.dealer-supervise-item .line1 .left .tag p {
    align-items: center;
    color: #fff;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    height: 18px;
    line-height: 18px;
    order: 0;
    text-align: center
;}

.dealer-supervise-item .line1 .left .img {
    align-items: center;
    display: flex;
    flex: none;
    flex-grow: 0;
    height: 18px;
    justify-content: center;
    margin: 0 6px;
    order: 0;
    width: 28px
;}

.dealer-supervise-item .line1 .left .lisense {
    font-feature-settings: "liga" off;
    color: #3d3d3d;
    font-family: PingFang SC;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    height: 18px;
    line-height: 18px;
    max-width: 154px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-supervise-item .line1 .date {
    align-items: center;
    color: #a3a3a3;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 18px;
    justify-content: center;
    line-height: 18px;
    order: 1
;}

.dealer-supervise-item .line2 {
    align-items: flex-start;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    gap: 12px;
    height: 60px;
    order: 1;
    padding: 0;
    width: 100%
;}

.dealer-supervise-item .line2.high {
    gap: 0;
    height: 154px
;}

.dealer-supervise-item .line2.high .top {
    font-size: 18px;
    font-weight: 600;
    height: 25px;
    line-height: 25px;
    margin: 10px 0 6px
;}

.dealer-supervise-item .line2 .top {
    font-size: 16px;
    font-weight: 500;
    height: 24px;
    white-space: nowrap
;}

.dealer-supervise-item .line2 .des,.dealer-supervise-item .line2 .top {
    align-items: center;
    color: #141414;
    font-family: PingFang SC;
    font-style: normal;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
;}

.dealer-supervise-item .line2 .des {
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    font-size: 14px;
    font-weight: 400;
    height: 72px;
    margin-bottom: 18px
;}

.dealer-supervise-item .line2 .bot {
    align-items: flex-start;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    flex-wrap: wrap;
    gap: 8px;
    height: 24px;
    line-height: 24px;
    order: 1;
    overflow: hidden;
    padding: 0;
    width: 100%
;}

.dealer-supervise-item .line2 .bot .jys {
    align-items: center;
    border: .5px solid rgba(90,127,184,.2);
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    gap: 4px;
    height: 24px;
    margin-right: 10px;
    order: 0;
    padding: 2px 6px
;}

.dealer-supervise-item .line2 .bot .jys:hover {
    border: .5px solid #b38a37
;}

.dealer-supervise-item .line2 .bot .jys:hover .jysname {
    color: #b38a37
;}

.dealer-supervise-item .line2 .bot .jys.dian:hover {
    border: .5px solid rgba(90,127,184,.2)
;}

.dealer-supervise-item .line2 .bot .jys .img {
    align-items: center;
    display: flex;
    flex: none;
    flex-grow: 0;
    height: 16px;
    justify-content: center;
    margin-right: 4px;
    order: 0;
    width: 16px
;}

.dealer-supervise-item .line2 .bot .jys .jysname {
    align-items: center;
    color: #7a7a7a;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    order: 1
;}

.dealer-supervise-item .line2 .bot .jys .jysname .dot {
    background-color: #7a7a7a;
    border-radius: 3px;
    display: inline-block;
    height: 4px;
    margin: 0 4px;
    width: 4px
;}

.dealer-supervise-item .line2 .bot .jys .jysname .dot:first-child,.dealer-supervise-item .line2 .bot .jys .jysname .dot:last-child {
    margin: 0
;}

.dealer-supervise-item .iconfont {
    bottom: 8px;
    font-size: 60px;
    height: 60px;
    position: absolute;
    right: 8px;
    width: 60px;
    z-index: 0
;}

.dealer-supervise-item .iconfont.lv1 {
    color: rgba(237,164,10,.3)
;}

.dealer-supervise-item .iconfont.lv2 {
    color: rgba(218,84,30,.3)
;}

.dealer-supervise-item .iconfont.lv3 {
    color: rgba(178,36,60,.3)
;}

.dealer-supervise-item .iconfont.ALB {
    left: 8px;
    right: auto
;}

html[dir=rtl] .dealer-supervise-item .line2 .bot .jys {
    margin-right: 0
;}

.dealer-superviselist {
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    box-sizing: border-box;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    justify-content: center;
    margin: 16px 0;
    order: 7;
    padding: 0
;}

.dealer-superviselist,.dealer-superviselist .title {
    align-items: center;
    align-self: stretch;
    background: #fff;
    display: flex
;}

.dealer-superviselist .title {
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    height: 56px;
    justify-content: space-between;
    order: 0;
    padding: 0 24px
;}

.dealer-superviselist .title.mobile {
    padding: 0
;}

.dealer-superviselist .title .title-name {
    align-items: center;
    color: #292929;
    display: flex;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    height: 22px;
    line-height: 22px;
    order: 0
;}

.dealer-superviselist .title .more-a {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    gap: 4px;
    height: 17px;
    justify-content: center;
    order: 1;
    padding: 0;
    width: 47px
;}

.dealer-superviselist .title .more-a .more-name {
    align-items: center;
    color: #ccc;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 17px;
    line-height: 17px;
    order: 0;
    width: 29px
;}

.dealer-superviselist .title .more-a .icon-arrow-right {
    align-items: center;
    color: #ccc;
    display: flex;
    flex: none;
    flex-grow: 0;
    height: 14px;
    order: 1;
    width: 14px
;}

.dealer-superviselist .mtitle {
    align-self: stretch;
    background: #fff;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.05);
    flex-direction: row;
    gap: 20px;
    order: 1;
    padding-left: 24px
;}

.dealer-superviselist .mtitle,.dealer-superviselist .mtitle .li {
    align-items: center;
    display: flex;
    flex: none;
    flex-grow: 0;
    height: 40px
;}

.dealer-superviselist .mtitle .li {
    color: #a3a3a3;
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    line-height: 40px;
    order: 0
;}

.dealer-superviselist .mtitle .li.on {
    box-shadow: inset 0 -1px 0 #3d3d3d;
    color: #000;
    font-weight: 600
;}

.dealer-superviselist .popinformation-content {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    gap: 16px;
    justify-content: center;
    order: 1;
    padding: 0 24px 16px
;}

.dealer-superviselist .popinformation-content .item {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 118px;
    width: 100%
;}

@media screen and (max-width: 799px) {
    .dealer-superviselist {
        margin-top:0!important;
        padding: 0 16px!important
    ;}

    .dealer-superviselist .popinformation-content {
        padding: 0 0 16px!important
    ;}
;}

.popsupvise {
    background: url(https://resources1.interface003.com/Contentgj/images/pop_bg.png) repeat;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2001
;}

.popsupvise .main {
    align-items: center;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.08);
    box-sizing: border-box;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    left: 50%;
    max-height: 488px;
    max-width: 680px;
    order: 0;
    padding: 10px 12px 24px 24px;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%) scale(1);
    transition: all .4s;
    width: 80%;
    z-index: 2002
;}

.popsupvise .main .title {
    align-self: stretch;
    background: #fff;
    display: -webkit-box;
    flex-direction: row;
    font-size: 24px;
    justify-content: space-between;
    line-height: 34px;
    margin-bottom: 12px;
    position: relative;
    width: 90%
;}

.popsupvise .main .title,.popsupvise .main .title .txt {
    align-items: center;
    flex: none;
    flex-grow: 0;
    font-weight: 600;
    order: 0
;}

.popsupvise .main .title .txt {
    color: #292929;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    line-height: 22px;
    padding-right: 14px
;}

.popsupvise .main .icon-close {
    cursor: pointer;
    display: inline-block;
    flex: none;
    flex-grow: 0;
    font-size: 20px;
    height: 20px;
    order: 1;
    position: absolute;
    right: 28px;
    top: 22px;
    width: 20px;
    z-index: 1
;}

.popsupvise .main .icon-close.ALB {
    left: 28px;
    right: auto
;}

.popsupvise .main .content {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    flex-wrap: wrap;
    gap: 8px;
    max-height: 372px;
    order: 1;
    overflow-y: auto;
    width: 100%
;}

.popsupvise .main .content .item {
    box-sizing: border-box;
    width: 308px
;}

.popsupvise .main .content .item .dealer-supervise-item .line1 .left {
    max-width: 203px
;}

html[dir=rtl] .popmt4 .main .icon-close {
    left: 5px;
    right: unset
;}

html[dir=rtl] .popmt4 .main .sharp {
    margin-right: 0
;}

html[dir=rtl] .popmt4 .main .content .scroll .li .item .right .mt4 {
    margin-left: 22px;
    margin-right: unset
;}

html[dir=rtl] .popmt4 .main .content .scroll .li .item .right {
    float: left;
    margin-left: 0;
    width: 20%
;}

@media screen and (max-width: 1199px) {
    .popsupvise .main .content .item {
        box-sizing:border-box;
        width: 95%
    ;}
;}

.eco-title {
    align-items: center;
    display: flex;
    height: 56px;
    justify-content: space-between;
    padding: 0 20px;
    width: 100%
;}

.eco-title .eco-title-l {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px
;}

.eco-title .eco-title-r {
    align-items: center;
    cursor: pointer;
    display: flex
;}

.eco-title .eco-title-r .eco-title-more {
    color: #ccc;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px
;}

.eco-title .eco-title-r .icon-Icon-Stroke-arrow-right {
    color: #ccc;
    font-size: 16px;
    margin-left: 4px
;}

html[dir=rtl] .eco-title .eco-title-r .icon-Icon-Stroke-arrow-right {
    margin-left: 0;
    margin-right: 4px;
    transform: rotate(180deg)
;}

.head-share {
    margin-bottom: 40px
;}

.head-share,.head-share .head-share-a {
    align-items: center;
    display: flex;
    justify-content: center
;}

.head-share .head-share-a {
    border-radius: 6px;
    cursor: pointer;
    height: 32px;
    margin-right: 12px;
    position: relative;
    width: 32px
;}

.head-share .head-share-a .iconfont {
    color: #66656a;
    font-size: 32px
;}

.head-share .head-share-a .head-share-wx {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 32px rgba(0,0,0,.14);
    cursor: default;
    height: 162px;
    left: -57px;
    position: absolute;
    top: 40px;
    width: 146px;
    z-index: 99999
;}

.head-share .head-share-a .head-share-wx .head-share-wx-box {
    height: 100%;
    padding: 26px 16px 0;
    position: relative;
    width: 100%
;}

.head-share .head-share-a .head-share-wx .head-share-wx-box .head-share-wx-img {
    height: 97px;
    margin: 0 auto;
    overflow: hidden;
    width: 97px
;}

.head-share .head-share-a .head-share-wx .head-share-wx-box .head-share-wx-p {
    color: #ccc;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    margin-top: 9px;
    text-align: center;
    transform: scale(.8);
    width: 100%
;}

.head-share .head-share-a .head-share-wx .head-share-wx-box .icon-close {
    color: #333;
    font-size: 16px
;}

.head-share .head-share-a .head-share-wx .icon-close {
    color: #333!important;
    cursor: pointer;
    font-size: 16px!important;
    position: absolute;
    right: 9px;
    top: 9px
;}

.b-content,.hedge-trace_box {
    display: flex;
    flex-wrap: nowrap;
    width: 100%
;}

.b-content>li,.hedge-trace_box>li {
    padding: 0 8px 0 0;
    text-align: left
;}

.b-content>li:first-child,.hedge-trace_box>li:first-child {
    flex: 1;
    padding-left: 30px
;}

.b-content>li:nth-child(2),.hedge-trace_box>li:nth-child(2) {
    flex: 2.5
;}

.b-content>li:nth-child(3),.b-content>li:nth-child(4),.hedge-trace_box>li:nth-child(3),.hedge-trace_box>li:nth-child(4) {
    flex: 1
;}

.dealer-john-jp .hedge-trace_box .h-head li {
    background: #f3f3f3
;}

.hedge-trace_box {
    display: flex;
    flex-wrap: wrap
;}

.hedge-trace_box .title {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    justify-content: space-between;
    line-height: 20px;
    padding: 30px 0 12px;
    width: inherit
;}

.hedge-trace_box .title img {
    cursor: pointer;
    padding: 0 4px
;}

.hedge-trace_box .h-head li {
    background: #fafafa;
    color: #7a7a7a;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px
;}

.hedge-trace_box .h-head.ja-head li {
    background: #f3f3f3
;}

.hedge-trace_box .h-con {
    border-bottom: .5px solid #eff2f5;
    box-sizing: content-box;
    min-height: 40px
;}

.hedge-trace_box .h-con li {
    padding: 12px 8px 12px 0
;}

.hedge-trace_box .h-con>li:first-child {
    color: #7a7a7a;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    padding-left: 30px;
    white-space: nowrap;
    word-break: keep-all
;}

.hedge-trace_box .h-con>li:nth-child(2) {
    color: #1d2129;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    word-break: break-all
;}

.hedge-trace_box .h-con>li:nth-child(3) {
    color: #3d3d3d;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 500
;}

.hedge-trace_box .h-con>li:nth-child(3)>p {
    word-break: break-all
;}

.hedge-trace_box .h-con>li:nth-child(3)>p:not(:last-child) {
    margin-bottom: 8px
;}

.hedge-trace_box .h-con>li:nth-child(4) {
    color: #d5494a;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 600
;}

.hedge-trace_box .h-con>li:nth-child(4)>p {
    word-break: break-all
;}

.hedge-trace_box .h-con>li:nth-child(4)>p:not(:last-child) {
    margin-bottom: 8px
;}

@media screen and (max-width: 999px) {
    .hedge-trace_box .b-content>li:first-child,.hedge-trace_box .hedge-trace_box>li:first-child {
        padding-left:14px
    ;}

    .hedge-trace_box .b-content>li:nth-child(2),.hedge-trace_box .hedge-trace_box>li:nth-child(2) {
        flex: 2
    ;}

    .hedge-trace_box .h-con>li:first-child {
        padding-left: 14px
    ;}
;}

@media screen and (max-width: 799px) {
    .hedge-trace_box .b-content>li:first-child,.hedge-trace_box .hedge-trace_box>li:first-child {
        padding-left:14px
    ;}

    .hedge-trace_box .b-content>li:nth-child(2),.hedge-trace_box .hedge-trace_box>li:nth-child(2) {
        flex: 2
    ;}

    .hedge-trace_box .h-con>li:first-child {
        padding-left: 14px
    ;}
;}

html[dir=rtl] .hedge-trace_box .title img {
    rotate: 180deg
;}

html[dir=rtl] .b-content>li,html[dir=rtl] .hedge-trace_box>li {
    padding: 0 0 0 8px;
    text-align: right
;}

html[dir=rtl] .b-content>li:first-child,html[dir=rtl] .hedge-trace_box>li:first-child {
    padding-left: 0;
    padding-right: 30px
;}

html[dir=rtl] .hedge-trace_box .h-con li {
    padding: 12px 0 12px 8px
;}

html[dir=rtl] .hedge-trace_box .h-con>li:first-child {
    padding-left: 0;
    padding-right: 30px
;}

@media screen and (max-width: 999px) {
    html[dir=rtl] .hedge-trace_box .b-content>li:first-child,html[dir=rtl] .hedge-trace_box .h-con>li:first-child,html[dir=rtl] .hedge-trace_box .hedge-trace_box>li:first-child {
        padding-left:0;
        padding-right: 14px
    ;}
;}

@media screen and (max-width: 799px) {
    html[dir=rtl] .hedge-trace_box .b-content>li:first-child,html[dir=rtl] .hedge-trace_box .h-con>li:first-child,html[dir=rtl] .hedge-trace_box .hedge-trace_box>li:first-child {
        padding-left:0;
        padding-right: 14px
    ;}
;}

.card-head .head-tabs,.risk-manage_info .head-tabs {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
;}

.card-head .head-tabs .head-tabs-title,.risk-manage_info .head-tabs .head-tabs-title {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px
;}

.card-head .head-tabs .head-tabs-title.ja-title,.risk-manage_info .head-tabs .head-tabs-title.ja-title {
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    padding-left: 16px;
    position: relative
;}

.card-head .head-tabs .head-tabs-title.ja-title:before,.risk-manage_info .head-tabs .head-tabs-title.ja-title:before {
    background: #301;
    content: "";
    display: flex;
    height: 26px;
    left: 0;
    position: absolute;
    top: -2px;
    width: 6px
;}

.card-head .head-tabs .head-tabs-r,.risk-manage_info .head-tabs .head-tabs-r {
    align-items: center;
    display: flex
;}

.card-head .head-tabs .head-tabs-r .head-tabs-text,.risk-manage_info .head-tabs .head-tabs-r .head-tabs-text {
    color: #a3a3a3;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-right: 8px
;}

.card-head .head-tabs .head-tabs-r .head-tabs-time,.risk-manage_info .head-tabs .head-tabs-r .head-tabs-time {
    color: #292929;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px
;}

.card-per-chart .finance-f,.risk-manage_info .finance-echart-info .finance-f {
    width: 50%
;}

.card-per-chart .finance-f .finance-f-title,.risk-manage_info .finance-echart-info .finance-f .finance-f-title {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
;}

.card-per-chart .finance-f .finance-f-title .f-title,.risk-manage_info .finance-echart-info .finance-f .finance-f-title .f-title {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px
;}

.card-per-chart .finance-f .finance-f-title .f-title img,.risk-manage_info .finance-echart-info .finance-f .finance-f-title .f-title img {
    cursor: pointer;
    margin-left: 6px
;}

.card-per-chart .finance-f .finance-f-title .f-title .el-popover__reference-wrapper,.risk-manage_info .finance-echart-info .finance-f .finance-f-title .f-title .el-popover__reference-wrapper {
    align-items: center;
    display: flex
;}

.card-per-chart .finance-f .finance-f-title .f-text,.risk-manage_info .finance-echart-info .finance-f .finance-f-title .f-text {
    color: #a3a3a3;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.card-per-chart .finance-f .finance-f-title .icon-20gl-questionCircle,.risk-manage_info .finance-echart-info .finance-f .finance-f-title .icon-20gl-questionCircle {
    color: #a3a3a3;
    cursor: pointer;
    font-size: 14px
;}

.card-per-chart .finance-f .finance-ft .finance-label,.risk-manage_info .finance-echart-info .finance-f .finance-ft .finance-label {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 16px
;}

.card-per-chart .finance-f .finance-ft .finance-label .finance-label-t,.risk-manage_info .finance-echart-info .finance-f .finance-ft .finance-label .finance-label-t {
    align-items: center;
    display: flex
;}

.card-per-chart .finance-f .finance-ft .finance-label .finance-label-t .finance-label-z,.risk-manage_info .finance-echart-info .finance-f .finance-ft .finance-label .finance-label-t .finance-label-z {
    background: #efa33f;
    height: 2px;
    width: 10px
;}

.card-per-chart .finance-f .finance-ft .finance-label .finance-label-t .finance-label-text,.risk-manage_info .finance-echart-info .finance-f .finance-ft .finance-label .finance-label-t .finance-label-text {
    color: #3d3d3d;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    padding: 0 0 0 10px;
    text-align: center
;}

.card-per-chart .finance-f .finance-ft-list,.risk-manage_info .finance-echart-info .finance-f .finance-ft-list {
    padding-top: 10px
;}

.card-per-chart .finance-f .finance-ft-list .finance-ft-ul,.risk-manage_info .finance-echart-info .finance-f .finance-ft-list .finance-ft-ul {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 29px
;}

.card-per-chart .finance-f .finance-ft-list .finance-ft-ul .finance-ft-title,.risk-manage_info .finance-echart-info .finance-f .finance-ft-list .finance-ft-ul .finance-ft-title {
    color: #a3a3a3;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.card-per-chart .finance-f .finance-ft-list .finance-ft-ul .finance-ft-text,.risk-manage_info .finance-echart-info .finance-f .finance-ft-list .finance-ft-ul .finance-ft-text {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px
;}

.card-per-chart .finance-f .finance-ft-list .finance-ft-ul:last-child,.risk-manage_info .finance-echart-info .finance-f .finance-ft-list .finance-ft-ul:last-child {
    margin-bottom: 0
;}

.card-per-chart .finance-echart-acc,.card-per-chart .finance-echart-acc .finance-ft-list .finance-ft-ul,.risk-manage_info .finance-echart-info .finance-echart-acc,.risk-manage_info .finance-echart-info .finance-echart-acc .finance-ft-list .finance-ft-ul {
    margin-bottom: 20px
;}

.risk-manage_info {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    padding: 24px
;}

.risk-manage_info .finance-echart-info {
    display: flex;
    gap: 83px
;}

@media screen and (max-width: 1199px) {
    .risk-manage_info .finance-echart-info {
        gap:30px
    ;}
;}

@media screen and (max-width: 999px) {
    .risk-manage_info .finance-echart-info {
        flex-wrap:wrap
    ;}

    .risk-manage_info .finance-echart-info .finance-f {
        margin-top: 20px;
        width: 100%
    ;}

    .risk-manage_info .finance-echart-info .finance-f:first-child {
        margin-top: 0
    ;}
;}

@media screen and (max-width: 799px) {
    .risk-manage_info .finance-echart-info {
        flex-wrap:wrap
    ;}

    .risk-manage_info .finance-echart-info .finance-f {
        margin-top: 20px;
        width: 100%
    ;}

    .risk-manage_info .finance-echart-info .finance-f:first-child {
        margin-top: 0
    ;}
;}

html[dir=rtl] .risk-manage_info .head-tabs .head-tabs-r .head-tabs-text {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .finance-f .finance-f-title .f-title img {
    margin-left: 0;
    margin-right: 6px
;}

html[dir=rtl] .finance-f .finance-label-text {
    padding: 0 10px 0 0!important
;}

html[dir=rtl] .finance-f .finance-label .finance-label-t:first-child {
    margin-left: 10px
;}

.rate-info-pop {
    font-size: 12px;
    white-space: pre-wrap;
    z-index: 1998!important
;}

@media screen and (max-width: 799px) {
    .rate-info-pop {
        width:200px
    ;}
;}

.dealer-nav {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
;}

.dealer-nav .iconfont {
    color: #3d3d3d;
    font-size: 20px!important
;}

.dealer-nav .dealer-nav-text {
    color: #3d3d3d;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    margin-top: 2px
;}

.dealer-nav .dealer-nav-list {
    left: -145px;
    padding-right: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9
;}

.dealer-nav .dealer-nav-list .dealer-nav-list-t {
    background: #fff;
    border-radius: 6px;
    max-width: 300px;
    padding: 16px 24px
;}

.dealer-nav .dealer-nav-list .dealer-nav-ul {
    border-left: 1px solid #e6e6e6;
    position: relative
;}

.dealer-nav .dealer-nav-list .dealer-nav-ul p {
    border-left: 2px solid transparent;
    color: #525252;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 16px;
    margin-left: -1px;
    padding-left: 16px;
    white-space: nowrap
;}

.dealer-nav .dealer-nav-list .dealer-nav-ul p:last-child {
    margin-bottom: 0
;}

.dealer-nav .dealer-nav-list .dealer-nav-ul p:hover {
    border-left: 2px solid #ffd733;
    color: #ffd733
;}

.dealer-nav .dealer-nav-list .dealer-nav-ul .dealer-nav-position-a {
    border-left: 2px solid #ffd733;
    color: #ffd733;
    font-weight: 600
;}

.dealer-nav .dealer-nav-list .dealer-nav-ul .dealer-nav-icon {
    background: #fff;
    height: 12px;
    position: absolute;
    right: -23px;
    top: 50%;
    transform: rotate(45deg) translateY(-50%);
    width: 12px
;}

.socle[data-v-4bd69cfc] {
    transition: transform .3s
;}

.socle[data-v-4bd69cfc]:hover {
    transform: scale(1.1)
;}

.dealer-pinlun[data-v-6880d2f2] {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    box-sizing: border-box;
    padding: 24px
;}

.dealer-pinlun .page_more:hover .pagetext[data-v-6880d2f2] {
    color: rgba(134,144,156,.439)
;}

.dealer-pinlun .no-scrollbar[data-v-6880d2f2] {
    -ms-overflow-style: none;
    scrollbar-width: none
;}

.dealer-pinlun[data-v-6880d2f2] ::-webkit-scrollbar,.dealer-pinlun[data-v-6880d2f2] ::-webkit-scrollbar-thumb {
    display: none
;}

@media screen and (max-width: 1200px) {
    .dealer-pinlun .data-box .list-box-item .list-box-item-right .img-box .img-box-item[data-v-6880d2f2] {
        height:104px;
        width: 104px
    ;}

    .dealer-pinlun .data-box .list-box-item .list-box-item-right .img-box .img-box-item img[data-v-6880d2f2] {
        max-width: 100%
    ;}

    .jysdeatil .jys .tj .left[data-v-6880d2f2] {
        justify-content: space-between;
        width: 100%
    ;}

    .jysdeatil .jys .tj .left .hui[data-v-6880d2f2],.jysdeatil .jys .tj .right[data-v-6880d2f2] {
        display: none
    ;}

    .jysdeatil .addone[data-v-6880d2f2] {
        padding: 0
    ;}

    .imgDolg .show-box[data-v-6880d2f2] {
        width: 90%
    ;}
;}

@media screen and (max-width: 799px) {
    .dealer-pinlun[data-v-6880d2f2] {
        border:none;
        padding: 0
    ;}

    .dealer-pinlun.dealer[data-v-6880d2f2] {
        padding: 24px 16px
    ;}
;}

.dealer-real {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    box-sizing: border-box;
    margin-bottom: 16px;
    padding: 24px;
    width: 100%
;}

.dealer-real .dealer-real-box-box {
    overflow: auto;
    width: 100%
;}

.dealer-real .dealer-real-box-box::-webkit-scrollbar {
    height: 6px
;}

.dealer-real .dealer-real-box {
    width: 756px
;}

.dealer-real .real-title {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px
;}

.dealer-real .real-head,.dealer-real .real-head ul {
    align-items: center;
    display: flex
;}

.dealer-real .real-head ul {
    width: 100%
;}

.dealer-real .real-head ul li {
    align-items: center;
    color: #a3a3a3;
    display: flex;
    flex: 1;
    flex-direction: column;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 46px;
    justify-content: center;
    line-height: 17px;
    padding: 0 5px;
    text-align: center
;}

.dealer-real .real-list {
    overflow: hidden
;}

.dealer-real .real-list .list-bg {
    align-items: center;
    display: flex;
    height: 20px;
    justify-content: center;
    width: 80px
;}

.dealer-real .real-list ul {
    align-items: center;
    display: flex;
    height: 44px;
    width: 100%
;}

.dealer-real .real-list ul li {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    flex: 1;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    line-height: 20px
;}

.dealer-real .real-list ul li img {
    height: 20px;
    margin-right: 5px;
    width: 20px
;}

.dealer-real .real-list ul .red {
    color: #b2243c
;}

.dealer-real .real-list ul .green {
    color: #338066
;}

.dealer-real .real-list ul:hover,.dealer-real .real-list ul:nth-child(2n) {
    background: #fafafa
;}

.dealer-real .more {
    height: 36px;
    margin-top: 8px;
    width: 100%
;}

.dealer-real .more,.dealer-real .more a {
    align-items: center;
    display: flex;
    justify-content: center
;}

.dealer-real .more a {
    color: #3d3d3d;
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
;}

.dealer-real .more a:hover {
    color: #000
;}

html[dir=rtl] .dealer-real .real-list ul li img {
    margin-left: 5px;
    margin-right: 0
;}

html[dir=rtl] .dealer-real .real-list ul li {
    direction: ltr
;}

.add-cooperate .add-email-title {
    color: #1d2129;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 20px
;}

.add-cooperate .add-email-title span {
    color: #f15555
;}

.add-cooperate .add-email-title2 {
    margin-bottom: 10px
;}

.add-cooperate .add-trader-info {
    margin-bottom: 20px
;}

.add-cooperate .cooperate-area .el-textarea__inner {
    border: .5px solid #1d2129
;}

html[dir=rtl] .trader-list .trader-list-r .trader-list-trader .trader-list-add {
    padding-right: 0
;}

.join-service .el-rate__decimal {
    font-size: 18px
;}

.join-service .trader-list .trader-list-r .trader-list-trader .el-rate__icon {
    margin-right: 0
;}

.join-service .dialog-modle {
    background: #000;
    height: 100%;
    left: 0;
    opacity: .5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1999
;}

.join-service .stateawaitdialog .examine-error-later {
    display: none
;}

.join-service .stateawaitdialog .el-dialog__body {
    padding: 0
;}

.join-service .stateawaitdialog .Hostexamine,.join-service .stateawaitdialog .adddialog-info,.join-service .stateawaitdialog .examine-await,.join-service .stateawaitdialog .host-to-examine,.join-service .stateawaitdialog .stateawait,.join-service .stateawaitdialog .to-examine-new {
    height: 100%
;}

.join-service .stateawaitdialog .to-examine-new .examine-await {
    padding: 120px 0 50px
;}

.join-service .stateawaitdialog .Hostexamine,.join-service .stateawaitdialog .stateawait {
    position: relative
;}

.join-service .stateawaitdialog .Hostexamine .icon-close,.join-service .stateawaitdialog .stateawait .icon-close {
    color: #000;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    right: -5px;
    top: 15px
;}

.join-service .stateawaitdialog .examine-await {
    padding-top: 82px
;}

.join-service .stateawaitdialog .to-examine-new .examine-error {
    height: 100%;
    padding: 84px 0 0
;}

.join-service .adddialog-pre-t {
    justify-content: center!important
;}

.join-service .adddialog-pre-t .operation-wcyz {
    margin-left: 0!important;
    min-width: 200px!important
;}

.listitem[data-v-0d63d52e]:nth-child(2n) {
    margin: 0 0 20px 20px
;}

@media screen and (max-width: 999px) {
    .listitem[data-v-0d63d52e]:nth-child(2n) {
        margin:0 0 20px
    ;}
;}

.dealer-john {
    background: #fafafa
;}

.dealer-john .dealer-box {
    margin: 0 auto;
    padding-top: 20px;
    position: relative;
    width: 1200px
;}

.dealer-john .dealer-box .dealer-info {
    display: flex;
    justify-content: space-between;
    padding-top: 20px
;}

.dealer-john .dealer-box .dealer-info .dealer-l {
    width: 370px
;}

.dealer-john .dealer-box .dealer-info .dealer-l .capital,.dealer-john .dealer-box .dealer-info .dealer-l .down,.dealer-john .dealer-box .dealer-info .dealer-l .information,.dealer-john .dealer-box .dealer-info .dealer-l .regulatory,.dealer-john .dealer-box .dealer-info .dealer-l .vps {
    margin-bottom: 16px
;}

.dealer-john .dealer-box .dealer-info .dealer-l .ad,.dealer-john .dealer-box .dealer-info .dealer-l .survery {
    display: none
;}

.dealer-john .dealer-box .dealer-info .dealer-r {
    width: 806px
;}

.dealer-john .dealer-box .dealer-info .dealer-r .account,.dealer-john .dealer-box .dealer-info .dealer-r .ad,.dealer-john .dealer-box .dealer-info .dealer-r .appraisal,.dealer-john .dealer-box .dealer-info .dealer-r .article,.dealer-john .dealer-box .dealer-info .dealer-r .dealer-real,.dealer-john .dealer-box .dealer-info .dealer-r .environment,.dealer-john .dealer-box .dealer-info .dealer-r .exposure,.dealer-john .dealer-box .dealer-info .dealer-r .finance,.dealer-john .dealer-box .dealer-info .dealer-r .market,.dealer-john .dealer-box .dealer-info .dealer-r .new-information,.dealer-john .dealer-box .dealer-info .dealer-r .survery,.dealer-john .dealer-box .dealer-info .dealer-r .transaction {
    margin-bottom: 16px
;}

.dealer-john .dealer-box .dealer-info .dealer-r .real-box {
    overflow: auto;
    width: 100%
;}

.dealer-john .dealer-box .baoguang {
    align-items: center;
    background: rgba(61,85,204,.9);
    border-radius: 24px;
    bottom: 110px;
    display: none;
    height: 48px;
    justify-content: center;
    position: fixed;
    right: 16px;
    width: 48px;
    z-index: 1999
;}

.dealer-john .dealer-box .baoguang .baoguang-box {
    align-items: center;
    display: flex;
    height: 48px;
    justify-content: center;
    position: relative;
    width: 48px
;}

.dealer-john .dealer-box .baoguang .iconfont {
    color: #fff;
    font-size: 24px
;}

.dealer-john .dealer-box .baoguang .icon-num {
    align-items: center;
    background: #b3243c;
    border-radius: 7px;
    color: #fff;
    display: flex;
    font-size: 10px;
    font-style: normal;
    height: 14px;
    justify-content: center;
    padding: 0 5px;
    position: absolute;
    right: 0;
    top: 0
;}

.dealer-john .dealer-box .baoguang:active {
    opacity: .7
;}

.dealer-john .pj-bt {
    bottom: 90px;
    display: none;
    min-width: 170px;
    position: fixed;
    transform: all .5s;
    z-index: 19
;}

.dealer-john .pj-bt .btn-bg {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    gap: 4px;
    height: 52px;
    justify-content: center;
    min-width: 170px;
    padding: 0 20px
;}

.dealer-john .pj-bt .btn-bg:hover {
    opacity: .8
;}

.dealer-john .pj-bt .btn-evaluate {
    background: #ffd733;
    border-radius: 29px;
    color: #1d2129
;}

.dealer-john .pj-bt .btn-mediate {
    background: #3d55cc;
    border-radius: 29px;
    color: #fff
;}

.dealer-john .dealer-lxwm {
    position: fixed;
    right: 0;
    top: 50vh;
    transform: translateY(-50%);
    z-index: 99
;}

.dealer-john .dealer-lxwm .dealer-lxwm-a {
    align-items: center;
    background: #fff;
    border-radius: 10px 0 0 10px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 56px;
    justify-content: center;
    margin-bottom: 6px;
    padding: 8px 0;
    width: 56px;
    z-index: 9
;}

.dealer-john .dealer-lxwm .dealer-lxwm-a.fapingji {
    margin-bottom: 20px
;}

.dealer-john .dealer-lxwm .dealer-lxwm-a.fapingji .iconfont {
    font-size: 20px;
    font-weight: 600;
    height: 20px
;}

.dealer-john .dealer-lxwm .dealer-lxwm-a img {
    height: 20px;
    width: 20px
;}

.dealer-john .dealer-lxwm .dealer-lxwm-a span {
    color: #3d3d3d;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    margin-top: 2px;
    text-align: center
;}

.dealer-john .dealer-lxwm .dealer-lxwm-a:last-child {
    border: 1px solid #e5eaef
;}

.dealer-john .dealer-lxwm .dealer-lxwm-a:last-child span {
    color: #899099
;}

.dealer-john .dealer-lxwm .dealer-lxwm-a:hover {
    background: #ffd733
;}

.dealer-john .dealer-lxwm .dealer-lxwm-nav {
    display: none
;}

@media screen and (max-width: 1199px) {
    .dealer-john .dealer-box {
        width:940px
    ;}

    .dealer-john .dealer-box .dealer-info .dealer-l {
        width: 340px
    ;}

    .dealer-john .dealer-box .dealer-info .dealer-r {
        width: 576px
    ;}
;}

@media screen and (max-width: 999px) {
    .dealer-john .dealer-box {
        width:760px
    ;}

    .dealer-john .dealer-box .dealer-info .dealer-l {
        width: 320px
    ;}

    .dealer-john .dealer-box .dealer-info .dealer-r {
        width: 416px
    ;}
;}

@media screen and (max-width: 799px) {
    .dealer-john .dealer-box {
        padding-top:0;
        width: 100%
    ;}

    .dealer-john .dealer-box .baoguang {
        display: flex
    ;}

    .dealer-john .dealer-box .dealer-info {
        background: #fafafa;
        box-sizing: border-box;
        flex-direction: column;
        padding: 0
    ;}

    .dealer-john .dealer-box .dealer-info .dealer-l {
        width: 100%
    ;}

    .dealer-john .dealer-box .dealer-info .dealer-l .down {
        display: none
    ;}

    .dealer-john .dealer-box .dealer-info .dealer-l .survery {
        display: block;
        margin-bottom: 0;
        width: 100%
    ;}

    .dealer-john .dealer-box .dealer-info .dealer-l .ad {
        display: block;
        margin: 16px auto
    ;}

    .dealer-john .dealer-box .dealer-info .dealer-r {
        width: 100%
    ;}

    .dealer-john .dealer-box .dealer-info .dealer-r .ad,.dealer-john .dealer-box .dealer-info .dealer-r .survery {
        display: none
    ;}

    .dealer-john .dealer-box .dealer-info .dealer-r .dealer-real {
        margin: 0 0 16px
    ;}

    .dealer-john .dealer-lxwm {
        display: none
    ;}
;}

.dealer-john-jp .dealer-box .dealer-info {
    padding-top: 40px
;}

.dealer-john-jp .dealer-box .dealer-info .dealer-r {
    width: 770px
;}

.dealer-john-jp .dealer-epc {
    background: none;
    border: none;
    border-radius: 0
;}

.dealer-john-jp .dealer-epc .dealer-epc-ul li {
    box-shadow: none
;}

.dealer-john-jp .dealer-ad-john {
    background: none;
    border: none;
    padding: 0;
    width: 100%
;}

.dealer-john-jp .dealer-epc .dealer-epc-ul li {
    background: rgba(51,128,102,.05);
    border-radius: 0
;}

.dealer-john-jp .dealer-epc .dealer-epc-ul li .epc-logo {
    display: none
;}

.dealer-john-jp .dealer-epc .dealer-epc-ul li .epc-con h3 {
    font-size: 22px
;}

.dealer-john-jp .dealer-epc .dealer-epc-ul li .epc-con .epc-emc-desc,.dealer-john-jp .dealer-epc .dealer-epc-ul li .epc-con .epc-t {
    margin-top: 16px
;}

.dealer-john-jp .dealer-epc .dealer-epc-ul li .icon-arrow-right {
    color: #338066;
    top: 37%
;}

.dealer-john-jp .dealer-epc .dealer-epc-ul li .dealer-epc .dealer-epc-ul li .epc-con .epc-t .iconfont {
    font-size: 16px
;}

.dealer-john-jp .dealer-epc .dealer-epc-ul li .dealer-article .article-list .list .list-l .list-title {
    font-size: 18px
;}

.dealer-john-jp .dealer-epc .dealer-epc-ul li:first-child {
    background: #338066
;}

.dealer-john-jp .dealer-epc .dealer-epc-ul li:first-child .epc-con h3,.dealer-john-jp .dealer-epc .dealer-epc-ul li:first-child .epc-con span,.dealer-john-jp .dealer-epc .dealer-epc-ul li:first-child .icon-arrow-right {
    color: #fff!important
;}

.dealer-john-jp .dealer-regulatory {
    border: none;
    padding: 0
;}

.dealer-john-jp .dealer-regulatory .title {
    font-size: 21px
;}

.dealer-john-jp .dealer-regulatory .container-t {
    margin-top: 4px
;}

.dealer-john-jp .dealer-regulatory .container-t .dealer-items {
    padding: 16px 0
;}

.dealer-john-jp .dealer-regulatory .container-t .dealer-items:last-child {
    border-bottom: 1px dashed rgba(0,0,0,.2)
;}

.dealer-john-jp .dealer-regulatory .risk-warning {
    background: none
;}

.dealer-john-jp .dealer-regulatory .container-t .dealer-items .info .as-licenses {
    color: #3d3d3d;
    font-size: 18px;
    margin-top: 6px
;}

.dealer-john-jp .dealer-regulatory .container-t .dealer-items .info p span .dealer-status {
    font-size: 16px
;}

.dealer-john-jp .dealer-exposure .exposure-head .head-r .head-r-a {
    background: #eaeaea;
    border: none;
    border-radius: 0
;}

.dealer-john-jp .dealer-exposure .exposure-head .head-r .head-r-a span {
    color: #292929
;}

.dealer-john-jp .leftinfo {
    background: none
;}

.dealer-john-jp .dealer-informationall .title .title-name {
    font-size: 21px
;}

.dealer-john-jp .dealer-superviselist {
    border: none;
    padding: 16px 0
;}

.dealer-john-jp .dealer-superviselist .title .title-name {
    font-size: 21px
;}

.dealer-john-jp .dealer-superviselist .popinformation-content,.dealer-john-jp .dealer-superviselist .title {
    padding: 0
;}

.dealer-john-jp .dealer-capital {
    border: none;
    padding: 16px 0
;}

.dealer-john-jp .dealer-capital .wiki-nav-list {
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.26)
;}

.dealer-john-jp .dealer-capital .wiki-nav-list .wiki-nav-item {
    width: 50%
;}

.dealer-john-jp .dealer-capital .wiki-nav-list .home-tab-active {
    border-bottom: 2px solid #3d3d3d
;}

.dealer-john-jp .dealer-informationall {
    border: none
;}

.dealer-john-jp .dealer-informationall .popinformation-content,.dealer-john-jp .dealer-informationall .title {
    padding: 0
;}

.dealer-john-jp .dealer-informationall .popinformation-content {
    gap: 8px
;}

.dealer-john-jp .dealer-informationall .infoitemtop {
    align-items: flex-start;
    box-shadow: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between
;}

.dealer-john-jp .dealer-informationall .infoitemtop .row1 {
    align-self: flex-start
;}

.dealer-john-jp .dealer-informationall .infoitemtop .row2 {
    align-items: flex-end;
    display: flex;
    flex-grow: unset;
    flex: 1;
    flex-direction: column;
    width: unset
;}

.dealer-john-jp .dealer-informationall .infoitemtop .row2 .val {
    flex-grow: unset
;}

.dealer-john-jp .dealer-informationall .infoitemtop .row2 .valline {
    display: flex;
    height: auto;
    justify-content: flex-end
;}

.dealer-john-jp .dealer-informationall .infoitemtop .row2 .valline .link {
    text-align: right;
    width: auto
;}

.dealer-john-jp .dealer-informationall .popinformation-content .info {
    box-shadow: none
;}

.dealer-john-jp .popinformation .main .popinformation-content .scroll .sheet .column .info .row2 {
    padding: 10px 0 0
;}

.dealer-john-jp .dealer-down {
    background: #fff url(https://resources1.interface003.com/web20/img/dealer/down-bg.png) no-repeat 0 0;
    background-size: cover;
    border: none;
    padding: 40px 38px 24px
;}

.dealer-john-jp .dealer-down .down-box {
    background: #eaeaea;
    border: none;
    border-radius: 32px!important;
    width: 100%!important
;}

.dealer-john-jp .dealer-down .down-list .wiki-down .down-box {
    border: none
;}

.dealer-john-jp .survery {
    margin-bottom: 21px!important
;}

.dealer-john-jp .survery .dealer-survey-container .dealer-survery {
    border: none
;}

.dealer-john-jp .survery .dealer-survey-container .dealer-survery .swiper-container {
    padding: 16px 0
;}

.dealer-john-jp .survery .dealer-survey-container .imgBox .item-info .deal-info .top-cell .tag {
    right: 2px
;}

.dealer-john-jp .dealer-appraisal {
    border: none;
    margin-bottom: 50px!important;
    padding: 0
;}

.dealer-john-jp .dealer-appraisal .appraisal-tit {
    font-size: 25px;
    font-weight: 600;
    line-height: 35px;
    padding: 0 16px;
    position: relative
;}

.dealer-john-jp .dealer-appraisal .appraisal-tit:before {
    background: #301;
    content: "";
    display: flex;
    height: 26px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 6px
;}

.dealer-john-jp .dealer-appraisal .appraisal-con .heavenly-eye .li {
    border: 1px solid #7a7a7a!important;
    border-radius: 20px;
    height: 40px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 0;
    width: 185px
;}

.dealer-john-jp .dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(4n) {
    margin-right: 0
;}

.dealer-john-jp .dealer-appraisal .appraisal-con .heavenly-eye .li:hover {
    background: #efefef
;}

.dealer-john-jp .dealer-appraisal .appraisal-con .heavenly-eye .li .iconfont {
    display: none
;}

.dealer-john-jp .dealer-appraisal .appraisal-con .heavenly-eye .li .long-txt {
    color: #3d3d3d;
    font-size: 14px;
    margin-top: 0
;}

.dealer-john-jp .dealer-introduce .dealer-introduce-title {
    font-size: 25px;
    font-weight: 600;
    line-height: 35px;
    padding: 0 16px 10px!important;
    position: relative
;}

.dealer-john-jp .dealer-introduce .dealer-introduce-title:before {
    background: #301;
    content: "";
    display: flex;
    height: 26px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 6px
;}

.dealer-john-jp .popinformation .main .title .txt {
    font-size: 25px;
    font-weight: 600;
    line-height: 35px;
    padding: 0 16px 10px!important;
    position: relative
;}

.dealer-john-jp .popinformation .main .title .txt:before {
    background: #301;
    content: "";
    display: flex;
    height: 26px;
    left: 0;
    position: absolute;
    top: 0;
    width: 6px
;}

.dealer-john-jp .dealer-survey-container:hover {
    box-shadow: none
;}

.dealer-john-jp .dealer-account {
    border: none;
    margin-bottom: 50px!important;
    padding: 0
;}

.dealer-john-jp .dealer-account .head-tabs .home-tab ul h3 {
    padding: 6px 15px 18px
;}

.dealer-john-jp .dealer-account .head-tabs {
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.26)
;}

.dealer-john-jp .dealer-account .head-tabs .home-tab ul .home-tab-active {
    border-bottom: 2px solid #3d3d3d
;}

.dealer-john-jp .dealer-exposure {
    border: none;
    margin-bottom: 50px!important;
    padding: 0
;}

.dealer-john-jp .dealer-exposure .list-box {
    margin-top: 20px
;}

.dealer-john-jp .dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a {
    background: #fff
;}

.dealer-john-jp .dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a:first-child {
    border-bottom: 1px dashed #ccc
;}

.dealer-john-jp .dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a:hover {
    box-shadow: unset
;}

.dealer-john-jp .dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a:hover .title {
    color: #b38936
;}

.dealer-john-jp .dealer-exposure .exposure-head .head-l .head-l-title {
    font-size: 25px;
    font-weight: 600;
    line-height: 35px;
    padding: 0 16px;
    position: relative
;}

.dealer-john-jp .dealer-exposure .exposure-head .head-l .head-l-title:before {
    background: #301;
    content: "";
    display: flex;
    height: 26px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 6px
;}

.dealer-john-jp .dealer-exposure .list-box .list .list-t {
    background: none;
    height: 100%!important
;}

.dealer-john-jp .dealer-exposure .list-box .list .list-t a {
    padding: 16px 0 26px
;}

.dealer-john-jp .dealer-exposure .list-box .list .list-t a .des {
    -webkit-line-clamp: 5!important;
    height: auto;
    margin-top: 10px
;}

.dealer-john-jp .dealer-exposure .list-box .list .list-t a .tool .tool-l {
    display: none
;}

.dealer-john-jp .dealer-exposure .list-box .list .list-t a .tool .tool-r .iconfont {
    display: flex
;}

.dealer-john-jp .dealer-exposure .list-box .list-ja .list-t a .des {
    -webkit-line-clamp: 4!important
;}

.dealer-john-jp .dealer-exposure .list-exposures a:hover {
    box-shadow: none
;}

.dealer-john-jp .dealer-exposure .list-exposures a:hover .title {
    color: #b38936
;}

.dealer-john-jp .dealer-transaction {
    border: none;
    margin-bottom: 50px!important;
    padding: 0
;}

.dealer-john-jp .dealer-transaction .wiki-nav-list {
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.26);
    display: flex;
    overflow: hidden
;}

.dealer-john-jp .dealer-transaction .wiki-nav-list .home-tab-active {
    border-bottom: 2px solid #3d3d3d
;}

.dealer-john-jp .dealer-transaction .wiki-nav-item {
    flex: 1;
    font-size: 16px
;}

.dealer-john-jp .dealer-transaction .transaction .transaction-r {
    background: none
;}

.dealer-john-jp .dealer-transaction .transaction-pzfb {
    margin-top: 19px
;}

.dealer-john-jp .dealer-transaction .transaction .transaction-l .transaction-l-list .transaction-l-list-tt {
    background: #fafafa!important
;}

.dealer-john-jp .dealer-transaction .transaction .transaction-l .transaction-l-list {
    height: 162px
;}

.dealer-john-jp .dealer-transaction .transaction .transaction-l .transaction-l-list .list-list .list-ul {
    border-bottom: 1px solid #dfdfdf;
    flex-shrink: 0;
    height: 40px
;}

.dealer-john-jp .dealer-transaction .transaction .transaction-l .transaction-l-list .list-list .list-ul:last-child {
    border: none
;}

.dealer-john-jp .dealer-transaction .transaction .transaction-l .transaction-l-list .list-title {
    background: #e6ebf7;
    height: 40px
;}

.dealer-john-jp .dealer-transaction .transaction .transaction-l .transaction-l-list .list-title ul li {
    box-shadow: 1px 0 0 #dfdfdf;
    color: #3d3d3d;
    font-weight: 600;
    height: 40px
;}

.dealer-john-jp .dealer-transaction .transaction .transaction-l .transaction-l-list .list-list .list-ul li {
    box-shadow: 1px 0 0 #dfdfdf;
    flex: unset;
    height: 40px;
    width: 25%
;}

.dealer-john-jp .dealer-finance,.dealer-john-jp .dealer-market {
    border: none;
    margin-bottom: 50px!important;
    padding: 0
;}

.dealer-john-jp .dealer-finance .wiki-nav-list,.dealer-john-jp .dealer-market .wiki-nav-list {
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.26);
    display: flex
;}

.dealer-john-jp .dealer-finance .home-tab ul h3,.dealer-john-jp .dealer-market .home-tab ul h3 {
    flex: 1;
    max-width: 33.33%;
    padding-bottom: 18px
;}

.dealer-john-jp .dealer-finance .home-tab ul h3:last-child,.dealer-john-jp .dealer-market .home-tab ul h3:last-child {
    margin-right: 0
;}

.dealer-john-jp .dealer-finance .home-tab ul .home-tab-active,.dealer-john-jp .dealer-market .home-tab ul .home-tab-active {
    border-bottom: 2px solid #3d3d3d
;}

.dealer-john-jp .real-box .dealer-real {
    border: none;
    margin-bottom: 50px!important;
    padding: 0
;}

.dealer-john-jp .real-box .dealer-real .real-title {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-left: 16px;
    position: relative
;}

.dealer-john-jp .real-box .dealer-real .real-title:before {
    background: #301;
    content: "";
    display: flex;
    height: 26px;
    left: 0;
    position: absolute;
    top: -2px;
    width: 6px
;}

.dealer-john-jp .real-box .dealer-real .real-head {
    background: #e6ebf7;
    border: 1px solid #ccc;
    border-bottom: none
;}

.dealer-john-jp .real-box .dealer-real .real-head ul li {
    box-shadow: 1px 0 0 #dfdfdf;
    height: 64px
;}

.dealer-john-jp .real-box .dealer-real .real-list {
    border: 1px solid #e6e6e6;
    height: 300px!important
;}

.dealer-john-jp .real-box .dealer-real .real-list ul {
    background: #fff;
    border-bottom: 1px solid #dfdfdf;
    height: 50px
;}

.dealer-john-jp .real-box .dealer-real .real-list ul li {
    box-shadow: 1px 0 0 #dfdfdf;
    height: 50px
;}

.dealer-john-jp .real-box .dealer-real .real-list ul li img {
    height: 20px!important
;}

.dealer-john-jp .real-box .dealer-real .icon-arrow-down {
    transform: rotate(-90deg)
;}

.dealer-john-jp .real-box .dealer-real-box {
    width: 770px
;}

.dealer-john-jp .dealer-article {
    border: none;
    margin-bottom: 50px!important;
    padding: 0!important
;}

.dealer-john-jp .dealer-article .dealer-rticle-title {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-left: 16px;
    position: relative
;}

.dealer-john-jp .dealer-article .dealer-rticle-title:before {
    background: #301;
    content: "";
    display: flex;
    height: 26px;
    left: 0;
    position: absolute;
    top: -2px;
    width: 6px
;}

.dealer-john-jp .dealer-article .article-list .list .list-l .list-title span {
    background: #eaeaea!important;
    border-radius: 13px;
    color: #292929;
    line-height: 25px;
    padding: 0 10px
;}

.dealer-john-jp .dealer-article .article-list .list .list-l .list-tool .tool-l {
    display: none
;}

.dealer-john-jp .dealer-article .article-list .list .list-l .list-tool .tool-r {
    align-items: center;
    display: flex
;}

.dealer-john-jp .dealer-article .article-list .list .list-l .list-tool .tool-r .iconfont {
    display: flex!important;
    margin-right: 4px
;}

.dealer-john-jp .dealer-article-ja .article-list {
    display: flex;
    flex-wrap: wrap
;}

.dealer-john-jp .dealer-article-ja .article-list .list {
    flex-direction: column;
    height: auto;
    margin: 0 20px 20px 0;
    width: 243.33px
;}

.dealer-john-jp .dealer-article-ja .article-list .list .dealer-rticle-ja {
    display: block;
    margin-bottom: 16px
;}

.dealer-john-jp .dealer-article-ja .article-list .list .dealer-rticle-ja img {
    display: block;
    height: 146px!important;
    width: 243.33px
;}

.dealer-john-jp .dealer-article-ja .article-list .list .list-l .list-title span,.dealer-john-jp .dealer-article-ja .article-list .list .list-r {
    display: none
;}

.dealer-john-jp .dealer-article-ja .article-list .list .list-l-time {
    align-items: center;
    display: flex;
    margin-top: 8px
;}

.dealer-john-jp .dealer-article-ja .article-list .list .list-l-time span {
    color: #a3a3a3;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px
;}

.dealer-john-jp .dealer-article-ja .article-list .list .list-l-time .list-l-time-text {
    padding: 0 4px
;}

.dealer-john-jp .dealer-article-ja .article-list .list .list-l-time .iconfont {
    font-size: 20px
;}

.dealer-john-jp .dealer-article-ja .article-list .list .list-l .list-l-p {
    -webkit-line-clamp: 4;
    font-size: 12px;
    margin-top: 8px
;}

.dealer-john-jp .dealer-article-ja .article-list .list .list-tool {
    display: none
;}

.dealer-john-jp .dealer-article-ja .article-list .list .label-text {
    display: flex;
    margin-top: 8px
;}

.dealer-john-jp .dealer-article-ja .article-list .list .label-text .label-text-span {
    background: #eaeaea;
    border-radius: 13px;
    color: #292929;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 25px;
    line-height: 25px;
    padding: 0 10px
;}

.dealer-john-jp .dealer-article-ja .article-list .list:nth-child(3n) {
    margin-right: 0
;}

.dealer-john-jp .dealer-informationall .popinformation-content .info .btn_tousu {
    background: #eaeaea;
    border: none;
    border-radius: 0
;}

.dealer-john-jp .dealer-informationall .popinformation-content .info .btn_tousu:hover {
    opacity: .8
;}

.dealer-john-jp .dealer-informationall .popinformation-content .info .btn_baoguang {
    border-radius: 0
;}

.dealer-john-jp .dealer-down .dealer-down-1,.dealer-john-jp .dealer-down .dealer-down-2 {
    font-size: 19px
;}

.dealer-john-jp .dealer-environment {
    border: none;
    margin-bottom: 50px!important;
    padding: 0
;}

.dealer-john-jp .dealer-environment .warp-right {
    background: none;
    height: auto
;}

.dealer-john-jp .dealer-environment .environment-tlt {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-left: 16px;
    position: relative
;}

.dealer-john-jp .dealer-environment .environment-tlt:before {
    background: #301;
    content: "";
    display: flex;
    height: 26px;
    left: 0;
    position: absolute;
    top: -2px;
    width: 6px
;}

.dealer-john-jp .dealer-environment .env-warp .speed-info {
    flex-direction: column
;}

.dealer-john-jp .dealer-environment .env-warp .speed-info .info-item {
    display: flex;
    justify-content: space-between
;}

.dealer-john-jp .dealer-environment .env-warp .speed-info .item-tlt,.dealer-john-jp .dealer-environment .warp-right .r-info-item {
    padding-left: 8px;
    position: relative
;}

.dealer-john-jp .dealer-environment .env-warp .speed-info .item-tlt:before,.dealer-john-jp .dealer-environment .warp-right .r-info-item:before {
    background: rgba(0,0,0,.25);
    border-radius: 1px;
    content: "";
    display: block;
    height: 18px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 3px
;}

.dealer-john-jp .dealer-environment .env-warp .speed-info .info-item {
    margin-bottom: 16px;
    padding: 0
;}

.dealer-john-jp .dealer-environment .env-warp .speed-info .item-ctx {
    line-height: 20px;
    margin-top: 0
;}

.dealer-john-jp .dealer-environment .info-side {
    margin-top: 35px
;}

.dealer-john-jp .dealer-environment .warp-right .r-info-item span {
    margin-top: 8px
;}

.dealer-john-jp .dealer-environment .warp-right .r-info-item {
    margin-top: 26px
;}

.dealer-john-jp .dealer-environment .env-warp .home-tab {
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.26)
;}

.dealer-john-jp .dealer-environment .env-warp .home-tab ul .home-tab-active {
    border-bottom: 2px solid #3d3d3d
;}

.dealer-john-jp .dealer-ad-john {
    margin-bottom: 45px!important
;}

.dealer-john-jp .dealer-account,.dealer-john-jp .dealer-account .capital-ratio-info .right .download-info li .el-select .el-input__inner,.dealer-john-jp .dealer-account .capital-ratio-info .right .download-info li:first-child,.dealer-john-jp .dealer-appraisal,.dealer-john-jp .dealer-article,.dealer-john-jp .dealer-article .article-list .list,.dealer-john-jp .dealer-capital,.dealer-john-jp .dealer-environment,.dealer-john-jp .dealer-exposure,.dealer-john-jp .dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a,.dealer-john-jp .dealer-informationall,.dealer-john-jp .dealer-informationall .popinformation-content .info,.dealer-john-jp .dealer-informationall .title,.dealer-john-jp .dealer-market,.dealer-john-jp .dealer-pinlun,.dealer-john-jp .dealer-real,.dealer-john-jp .dealer-regulatory,.dealer-john-jp .dealer-superviselist,.dealer-john-jp .dealer-superviselist .title,.dealer-john-jp .dealer-survey-container .dealer-survery,.dealer-john-jp .dealer-transaction,.dealer-john-jp .dealer-transaction .transaction .transaction-l .transaction-l-list .transaction-l-list-tt,.dealer-john-jp .infoitemtop,.dealer-john-jp .real-box .dealer-real .real-list ul {
    background: none
;}

.dealer-john-jp .survery .dealer-survey-container .dealer-survery .swiper-container {
    padding: 0!important
;}

.dealer-john-jp .dealer-survey-container .dealer-survery {
    height: auto
;}

.dealer-john-jp .dealer-account .head-tabs .compare-btn span {
    white-space: nowrap
;}

.dealer-john-jp .infoitemtop .row1 .iconfont {
    display: none
;}

.dealer-john-jp .dealer-risk {
    border-radius: 0;
    margin-bottom: 26px;
    padding: 16px 24px
;}

.dealer-john-jp .warp-right .right-line {
    margin: 32px 0
;}

.dealer-john-jp .dealer-account .head-tabs .compare-btn {
    border-radius: 15px
;}

.dealer-john-jp .warp-right .right-line {
    background: none;
    border-bottom: 1px dashed #ccc
;}

.dealer-john-jp .dealer-exposure .exposure-head .head-r .head-r-span {
    border-radius: 15px
;}

.dealer-john-jp .dealer-real .real-head ul li {
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px
;}

.dealer-john-jp .ja-inforight .main {
    background: none
;}

.dealer-john-jp .ja-inforight .main .title {
    background: none;
    margin: 0;
    padding: 0
;}

.dealer-john-jp .ja-inforight .main .popinformation-content .scroll .sheet .column {
    padding: 0
;}

.dealer-john-jp .ja-inforight .main .popinformation-content .scroll .sheet .column .info {
    background: none
;}

.dealer-john-jp .ja-inforight .main .popinformation-content .scroll .item {
    background: none;
    padding-left: 0
;}

.dealer-john-jp .ja-inforight .main .popinformation-content .scroll .sheet .column .info .row1 .iconfont {
    display: none
;}

.dealer-john-jp .dia-ja .row2 .val {
    height: unset;
    width: 100%
;}

.dealer-john-jp .dia-ja .infoitemtop {
    flex-direction: column
;}

.dealer-john-jp .dia-ja .infoitemtop .row2 .valline {
    justify-content: flex-start
;}

.dealer-john-jp .dia-ja .infoitemtop .row2 .valline .link {
    text-align: left
;}

.dealer-john-jp .popinformation .main .popinformation-content .scroll .sheet .column .info .row1 .iconfont {
    display: none
;}

.dealer-john-jp .dia-ja .main .popinformation-content .scroll .sheet .column .info .row2 {
    padding: 10px 0 0 14px
;}

.dealer-john-jp .popinformation {
    margin-bottom: 30px
;}

.dealer-john-jp .popinformation .main .popinformation-content .scroll .item .infoitemtop .row2,.dealer-john-jp .popinformation .main .popinformation-content .scroll .sheet .column .infoitemtop .row2 {
    padding: 10px 0 0
;}

.dealer-john-jp .jp-hover:hover {
    cursor: pointer;
    opacity: .8
;}

.dealer-john-jp .dealer-epc .dealer-epc-ul li .epc-con .epc-emc-desc .iconfont {
    margin-right: 6px
;}

.dealer-john-jp .dealer-box .dealer-info .dealer-r .account-information,.dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-finance,.dealer-john-jp .dealer-box .dealer-info .dealer-r .risk-manage_info,.dealer-john-jp .dealer-introduce {
    background: none;
    border: none;
    margin-bottom: 50px;
    padding: 0
;}

.dealer-john-jp .dealer-introduce .dealer-introduce-title {
    padding: 0 0 16px
;}

.dealer-john-jp .dealer-introduce .dealer-introduce-p .introduce-p-box {
    padding: 0
;}

@media screen and (max-width: 1199px) {
    .dealer-john-jp .dealer-box .dealer-info .dealer-l {
        width:360px
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r {
        width: 540px
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-appraisal .appraisal-con .heavenly-eye .li {
        width: 265px
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(4n) {
        margin-right: 10px
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(2n) {
        margin-right: 0
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-environment .info-side {
        justify-content: center;
        margin-top: 0
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-environment .right-info {
        margin-left: 90px
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .env-warp {
        gap: 0
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .env-warp .warp-left {
        width: 100%
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-article-ja .article-list .list:nth-child(3n) {
        margin-right: 20px
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-article-ja .article-list .list:nth-child(2n) {
        margin-right: 0
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-article-ja .article-list .list {
        width: 260px
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-account .head-tabs .home-tab ul h3 {
        margin-right: 6px
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-account .head-tabs .compare-btn {
        display: none
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-exposure .exposure-head .head-r {
        align-self: flex-end
    ;}
;}

@media screen and (max-width: 999px) {
    .dealer-john-jp .dealer-box .dealer-info .dealer-l {
        width:330px
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r {
        width: 390px
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-environment .warp-right {
        padding: 20px 0
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-appraisal .appraisal-con .heavenly-eye .li {
        width: 190px
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-environment .info-side {
        align-items: center;
        flex-direction: row;
        justify-content: space-between
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-environment .right-info {
        margin-left: 0
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-john-jp .dealer-account .head-tabs {
        box-shadow: none
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-transaction .transaction .transaction-r {
        flex-direction: row;
        margin-top: 0;
        padding: 22px 0 0
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-transaction .transaction .transaction-r .transaction-bcl,.dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-transaction .transaction .transaction-r .transaction-pzfb {
        width: 50%
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-article-ja .article-list .list {
        margin-right: 0;
        width: 100%
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-article-ja .article-list .list .list-l .list-title,.dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-article-ja .article-list .list .list-l-time {
        margin-top: 16px
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-article-ja .article-list .list .label-text {
        margin-top: 13px
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-article-ja .article-list .list .list-l .list-l-p {
        -webkit-line-clamp: 3;
        display: -webkit-box
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-account .head-tabs,.dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-article-ja .article-list .list .dealer-rticle-ja {
        width: 100%
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-article-ja .article-list .list .dealer-rticle-ja img {
        height: 146px;
        width: 100%
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-article-ja .article-list .list .list-l {
        width: 100%
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-article-ja .article-list .list .list-l .list-title {
        margin-top: 0
    ;}
;}

@media screen and (max-width: 799px) {
    .dealer-john-jp .env-warp {
        display:flex;
        flex-direction: column
    ;}

    .dealer-john-jp .dealer-box .dealer-info {
        background: transparent;
        padding-top: 0
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-l {
        width: 100%
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-l .ad {
        margin: 0 auto
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r {
        width: 100%
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox {
        margin: 0 auto
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-account,.dealer-john-jp .dealer-box .dealer-info .dealer-appraisal,.dealer-john-jp .dealer-box .dealer-info .dealer-article,.dealer-john-jp .dealer-box .dealer-info .dealer-capital,.dealer-john-jp .dealer-box .dealer-info .dealer-environment,.dealer-john-jp .dealer-box .dealer-info .dealer-exposure,.dealer-john-jp .dealer-box .dealer-info .dealer-introduce,.dealer-john-jp .dealer-box .dealer-info .dealer-pinlun.jysdeatil,.dealer-john-jp .dealer-box .dealer-info .dealer-r .account-information,.dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-finance,.dealer-john-jp .dealer-box .dealer-info .dealer-r .risk-manage_info,.dealer-john-jp .dealer-box .dealer-info .dealer-transaction,.dealer-john-jp .dealer-box .dealer-info .popinformation,.dealer-john-jp .dealer-box .dealer-info .real-box,.dealer-john-jp .dealer-box .dealer-info .vps {
        padding: 0 16px!important
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-epc,.dealer-john-jp .dealer-box .dealer-info .dealer-l .survery,.dealer-john-jp .dealer-box .dealer-info .dealer-regulatory {
        margin-bottom: 24px!important
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-ad-john {
        margin-bottom: 30px!important
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-appraisal .appraisal-con .heavenly-eye .li {
        margin-right: 0!important;
        width: 100%!important
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-article .article-list .list .dealer-rticle-ja {
        width: 100%
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-article .article-list .list .dealer-rticle-ja img {
        display: flex;
        width: 100%
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-exposure .new-exposures .new-exposures-list {
        height: 516px;
        overflow: hidden
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a {
        border-bottom: 1px dashed #ccc
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-exposure .exposure-head .head-r {
        display: flex;
        flex-direction: row;
        gap: 8px;
        justify-content: center
    ;}

    .dealer-john-jp .dealer-box .dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul .long,.dealer-john-jp .dealer-box .dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul .small {
        height: auto
    ;}

    .dealer-john-jp .dealer-box .dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .tool {
        margin-top: 10px
    ;}

    .dealer-john-jp .popintro .main .icon-close {
        display: none
    ;}

    .dealer-john-jp .dealer-ad-john {
        padding: 0 12px
    ;}
;}

.black-module {
    align-items: center;
    background: #fff;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    padding: 42px 0;
    width: 400px
;}

.black-module .black-module-img {
    margin-bottom: 20px
;}

.black-module .black-module-img img {
    height: 126px;
    width: 223.01px
;}

.black-module .black-module-title {
    color: #3d3d3d;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 10px
;}

.black-module .black-module-p {
    color: rgba(61,61,61,.5);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 20px;
    padding: 0 40px;
    text-align: center;
    word-break: break-all
;}

.black-module .btnlist {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    width: 100%
;}

.black-module .btnlist.long .black-module-bt {
    padding: 0 10px
;}

.black-module .btnlist .black-module-bt {
    align-items: center;
    background: #323947;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 44px;
    justify-content: center;
    line-height: 22px;
    padding: 0 40px
;}

.black-module .btnlist .black-module-bt.xq {
    background: #fff;
    border: 1px solid rgba(61,61,61,.2);
    color: #3d3d3d
;}

.black-module .btnlist .black-module-bt:hover {
    opacity: .8
;}

@media screen and (max-width: 799px) {
    .black-module {
        height:auto;
        padding-bottom: 30px;
        width: 100%
    ;}
;}

@media screen and (max-width: 575px) {
    .black-module .btnlist .black-module-bt {
        width:65%
    ;}
;}

@media screen and (max-width: 400px) {
    .black-module .btnlist .black-module-bt {
        width:85%
    ;}
;}

.dealer-nav-position {
    border-left: 1px solid #e6e6e6;
    max-width: 260px;
    opacity: 0;
    position: fixed;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .5s;
    z-index: 9
;}

.dealer-nav-position a {
    align-items: center;
    border-left: 2px solid transparent;
    color: #525252;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 16px;
    margin-left: -2px;
    padding-left: 16px
;}

.dealer-nav-position a:hover {
    border-left: 2px solid #ffd733;
    box-sizing: border-box;
    color: #ffd733
;}

.dealer-nav-position a:last-child {
    margin-bottom: 0
;}

.dealer-nav-position .dealer-nav-position-a {
    border-left: 2px solid #ffd733;
    box-sizing: border-box;
    color: #ffd733;
    font-weight: 600
;}

.dealer-nav-position-small {
    background: #fff;
    border-radius: 4px 0 0 4px;
    box-shadow: 0 0 12px rgba(0,0,0,.04);
    cursor: pointer;
    display: none;
    height: 56px;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 56px;
    z-index: 9
;}

@media screen and (max-width: 1760px) {
    .dealer-nav-position {
        display:none
    ;}

    .dealer-lxwm .dealer-lxwm-nav,.dealer-nav-position-small {
        display: flex!important
    ;}
;}

.dealer-capital {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    padding: 8px 24px 14px
;}

.dealer-capital .home-tab ul li {
    color: #a3a3a3;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 10px 0
;}

.dealer-capital .wiki-nav-item {
    font-size: 14px;
    padding: 10px 0
;}

.dealer-capital .home-tab ul .home-tab-active {
    border-bottom: 1px solid #3d3d3d;
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px
;}

.dealer-capital .lp_pop {
    background: #fff;
    border-radius: 16px;
    left: 50%;
    margin-top: 0!important;
    max-height: 450px;
    min-height: 350px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 400px
;}

.dealer-capital .lp_pop .el-dialog__body,.dealer-capital .lp_pop .el-dialog__header {
    padding: 0
;}

.lp_pop_warp {
    font-weight: 400;
    padding: 16px
;}

.lp_pop_warp .lp_pop_tlt {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    justify-content: center;
    line-height: 22px;
    margin-top: 24px
;}

.lp_pop_warp .lp_pop_ctx {
    padding: 24px;
    text-align: center
;}

.lp_pop_warp .lp_pop_ctx_img {
    border-radius: 7px;
    height: 70px;
    width: 70px
;}

.lp_pop_warp .lp_pop_ctx_name {
    color: #3d3d3d;
    font-size: 17px;
    line-height: 24px;
    margin-top: 24px
;}

.lp_pop_warp .lp_pop_ctx_webside {
    align-items: center;
    color: #a3a3a3;
    display: flex;
    font-size: 17px;
    justify-content: center;
    line-height: 24px;
    margin-top: 10px
;}

.lp_pop_warp .lp_pop_ctx_webside i {
    cursor: pointer;
    margin-left: 6px
;}

.lp_pop_warp .lp_pop_ctx_webside i:hover {
    color: #5d87f3
;}

.lp_pop_warp .lp_pop_ctx_btn {
    align-items: center;
    background: #323947;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    justify-content: center;
    line-height: 22px;
    margin-top: 24px;
    padding: 11px 0
;}

.lp_pop_warp .lp_pop_ctx_btn:hover {
    background: #000
;}

.lp_warp {
    margin-top: 8px
;}

.lp_warp .lp_warp_item {
    align-items: center;
    border-top: 1px dashed #eee;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 12px 0
;}

.lp_warp .lp_warp_item:first-child {
    border-top: 0
;}

.lp_warp .lp_warp_item .lp_warp_item_l {
    align-items: center;
    display: flex
;}

.lp_warp .lp_warp_item .lp_warp_item_l img {
    border-radius: 3px;
    height: 20px;
    margin-right: 8px;
    width: 20px
;}

.lp_warp .lp_warp_item .iconfont {
    color: #a3a3a3
;}

.lp_warp .lp_warp_item:hover {
    background: #fafafa
;}

.lp_warp .lp_warp_item .item-ico {
    border-radius: 3px;
    height: 20px;
    margin-right: 8px;
    width: 20px
;}

.lp_warp .lp_warp_item .item-name {
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    max-width: 200px
;}

.lp_warp_none {
    display: none
;}

html[dir=rtl] .lp_warp .lp_warp_item .item-ico,html[dir=rtl] .lp_warp .lp_warp_item .lp_warp_item_l img {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .dealer-capital .wiki-nav-item {
    margin-left: 20px;
    margin-right: 0
;}

html[dir=rtl] .dealer-capital .lp_pop .el-dialog__headerbtn {
    left: 20px;
    right: unset
;}

.dealer-account {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    padding: 19px 24px 24px
;}

.dealer-account .head-tabs {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
;}

.dealer-account .head-tabs .home-tab ul h3 {
    color: #a3a3a3;
    padding: 6px 0;
    white-space: nowrap
;}

.dealer-account .head-tabs .home-tab ul .home-tab-active {
    border-bottom: 1px solid #3d3d3d;
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 600;
    transform: scale(1.01)
;}

.dealer-account .head-tabs .compare-btn {
    background: rgba(230,97,18,.9);
    border: 1px solid #e66112;
    border-radius: 3px;
    cursor: pointer;
    height: 30px;
    padding: 0 12px
;}

.dealer-account .head-tabs .compare-btn span {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 8px
;}

.dealer-account .head-tabs .compare-btn:hover {
    background: #e66112
;}

.dealer-account .head-tabs .compare-btn:active {
    opacity: .7
;}

.dealer-account .account-info {
    display: none
;}

.dealer-account .account-info .account-tabs {
    box-shadow: inset 0 1px 0 rgba(0,0,0,.05),inset 0 -1px 0 rgba(0,0,0,.05);
    padding: 0 0 0 8px;
    white-space: nowrap
;}

.dealer-account .account-info .account-tabs .wiki-nav-item {
    color: #a3a3a3;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    margin-right: 20px;
    padding: 10px 0
;}

.dealer-account .account-info .account-tabs .wiki-nav-item:hover {
    color: #3d3d3d;
    font-weight: 600
;}

.dealer-account .account-info .account-tabs .home-tab-active {
    border-bottom: 1px solid #3d3d3d;
    color: #3d3d3d;
    font-weight: 600;
    line-height: 20px;
    transform: scale(1.01)
;}

.dealer-account .account-info .account-tabs::-webkit-scrollbar {
    display: none
;}

.dealer-account .account-info .account-info-block {
    display: none;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 16px;
    width: 100%
;}

.dealer-account .account-info .account-info-block ul {
    width: 49%
;}

.dealer-account .account-info .account-info-block ul li {
    word-wrap: break-word;
    align-items: center;
    border-radius: 2px;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    margin-bottom: 8px;
    padding: 4px 8px;
    word-break: break-all
;}

.dealer-account .account-info .account-info-block ul li span:first-child {
    color: #a3a3a3;
    min-width: 60px
;}

.dealer-account .account-info .account-info-block ul li span:last-child {
    color: #3d3d3d;
    text-align: right
;}

.dealer-account .account-info .account-info-block ul li .trade-category-content {
    width: 100%
;}

.dealer-account .account-info .account-info-block ul li .icon-cross {
    color: #338066
;}

.dealer-account .account-info .account-info-block ul li .icon-close {
    color: #b2243c
;}

.dealer-account .account-info .account-info-block .fabg {
    background: #fafafa
;}

.dealer-account .account-info .account-info-block .table {
    display: flex;
    gap: 20px;
    width: 100%
;}

.dealer-account .account-info .account-info-block .table .table-l,.dealer-account .account-info .account-info-block .table .table-r {
    flex: 1
;}

.dealer-account .account-info .account-info-block .table .table-l table,.dealer-account .account-info .account-info-block .table .table-r table {
    border-collapse: collapse;
    width: 100%
;}

.dealer-account .account-info .account-info-block .table .table-l table .table-bg,.dealer-account .account-info .account-info-block .table .table-r table .table-bg {
    background: #fafafa
;}

.dealer-account .account-info .account-info-block .table .table-l table tr,.dealer-account .account-info .account-info-block .table .table-r table tr {
    display: flex;
    margin-bottom: 8px
;}

.dealer-account .account-info .account-info-block .table .table-l table tr th,.dealer-account .account-info .account-info-block .table .table-r table tr th {
    word-wrap: break-word;
    color: #a3a3a3;
    font-size: 14px;
    font-weight: 400;
    min-width: 60px;
    padding: 4px 8px;
    text-align: left;
    word-break: break-all
;}

.dealer-account .account-info .account-info-block .table .table-l table tr td,.dealer-account .account-info .account-info-block .table .table-r table tr td {
    word-wrap: break-word;
    color: #3d3d3d;
    flex: 1;
    font-size: 14px;
    padding: 4px 8px;
    text-align: right;
    word-break: break-all
;}

.dealer-account .account-info .account-info-block_flex {
    display: flex
;}

.dealer-account .tables-money {
    display: none
;}

.dealer-account .tables-money .tables-money-items {
    margin-bottom: 20px
;}

.dealer-account .tables-money .tables-money-items p {
    color: #3d3d3d;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    height: 17px;
    line-height: 17px;
    margin-bottom: 8px;
    text-align: left
;}

.dealer-account .tables-money .tables-money-items table {
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 2px;
    text-align: center;
    width: 100%
;}

.dealer-account .tables-money .tables-money-items table tr {
    width: 100%
;}

.dealer-account .tables-money .tables-money-items table tr th {
    background: #fafafa;
    color: #a3a3a3;
    font-size: 12px;
    font-weight: 400;
    height: 17px;
    line-height: 17px;
    padding: 7.5px 0
;}

.dealer-account .tables-money .tables-money-items table tr td {
    word-wrap: break-word;
    color: #3d3d3d;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 17px;
    padding: 11px;
    width: 20%;
    word-break: break-all
;}

.dealer-account .tables-money :last-child {
    margin-bottom: 0
;}

.dealer-account .capital-ratio {
    display: none
;}

.dealer-account .capital-ratio-top {
    background: #fafafa;
    border-radius: 6px;
    padding: 12px 20px
;}

.dealer-account .capital-ratio-top .capital-ratio-block {
    align-items: center;
    display: flex;
    font-style: normal;
    font-weight: 400;
    justify-content: space-between
;}

.dealer-account .capital-ratio-top .capital-ratio-block .capital-ratio-name {
    color: #a3a3a3;
    font-size: 14px
;}

.dealer-account .capital-ratio-top .capital-ratio-block .algorithm {
    align-items: center;
    display: flex!important;
    display: block;
    justify-content: space-between
;}

.dealer-account .capital-ratio-top .capital-ratio-block .algorithm i {
    margin: 0 4px
;}

.dealer-account .capital-ratio-top .capital-ratio-block .algorithm .first {
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 600;
    margin-right: 18px
;}

.dealer-account .capital-ratio-top .capital-ratio-block .algorithm .last {
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 600;
    margin-left: 18px
;}

.dealer-account .capital-ratio-top .capital-ratio-block .algorithm .up-and-down {
    color: #3d3d3d;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    font-size: 14px;
    justify-content: center;
    text-align: center
;}

.dealer-account .capital-ratio-top .capital-ratio-block .algorithm .up-and-down .semicolon {
    background: linear-gradient(90deg,rgba(61,61,61,0) -3.27%,rgba(61,61,61,.18) 52.13%,rgba(61,61,61,0));
    height: 1px;
    margin: 4px;
    width: 140px
;}

.dealer-account .capital-ratio-top .capital-ratio-block .ranking {
    align-items: center;
    color: #a3a3a3;
    display: flex;
    font-size: 12px;
    white-space: nowrap
;}

.dealer-account .capital-ratio-top .capital-ratio-block .ranking .rank-number {
    color: #0081ff;
    font-family: DIN;
    font-size: 18px;
    font-style: normal;
    font-weight: 500
;}

.dealer-account .capital-ratio-top .capital-ratio-block .ranking :last-child {
    font-size: 12px;
    height: 17px;
    line-height: 17px;
    padding: 0 4px
;}

.dealer-account .capital-ratio-top .algorithm-onself {
    display: none
;}

.dealer-account .capital-ratio-info {
    display: flex;
    justify-content: space-between;
    margin-top: 14px;
    width: 100%
;}

.dealer-account .capital-ratio-info .left {
    background: rgba(61,61,61,.03);
    border-radius: 6px;
    height: 324px;
    padding: 20px;
    width: 49%
;}

.dealer-account .capital-ratio-info .left li {
    align-items: center;
    box-shadow: 0 1px 0 rgba(0,0,0,.04);
    color: #3d3d3d;
    display: flex;
    font-size: 14px;
    height: 30px;
    justify-content: space-between;
    line-height: 30px;
    margin-bottom: 12px;
    padding-bottom: 10px
;}

.dealer-account .capital-ratio-info .left .gray-block {
    box-shadow: 0 1px 0 transparent;
    color: rgba(61,61,61,.4);
    height: 20px;
    padding: 0
;}

.dealer-account .capital-ratio-info .left .gray-block span {
    align-items: center;
    display: flex;
    height: 20px;
    vertical-align: middle
;}

.dealer-account .capital-ratio-info .left .gray-block:last-child {
    margin: 0
;}

.dealer-account .capital-ratio-info .right {
    text-align: left;
    width: 49%
;}

.dealer-account .capital-ratio-info .right p.capital {
    align-items: center;
    background: rgba(61,61,61,.03);
    border-radius: 6px;
    color: #3d3d3d;
    display: flex;
    height: 46px;
    justify-content: space-between;
    margin-bottom: 14px;
    padding: 12px 20px
;}

.dealer-account .capital-ratio-info .right .download-info {
    background: rgba(61,61,61,.03);
    border-radius: 6px;
    display: none;
    font-weight: 400;
    padding: 20px
;}

.dealer-account .capital-ratio-info .right .download-info li {
    align-items: center;
    background: #fff;
    border-radius: 4px;
    color: #3d3d3d;
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    line-height: 17px;
    margin-bottom: 8px
;}

.dealer-account .capital-ratio-info .right .download-info li i {
    color: #0081ff;
    font-size: 13px
;}

.dealer-account .capital-ratio-info .right .download-info li .el-select {
    width: 100%
;}

.dealer-account .capital-ratio-info .right .download-info li .el-select .el-input__inner {
    background: #fff;
    border: none;
    display: block;
    height: 29px;
    line-height: 29px;
    outline: none
;}

.dealer-account .capital-ratio-info .right .download-info li .el-select .el-input__inner::-moz-placeholder {
    color: #3d3d3d
;}

.dealer-account .capital-ratio-info .right .download-info li .el-select .el-input__inner::placeholder {
    color: #3d3d3d
;}

.dealer-account .capital-ratio-info .right .download-info li .el-select .el-select__caret {
    color: #3d3d3d;
    height: 29px;
    line-height: 29px
;}

.dealer-account .capital-ratio-info .right .download-info li .el-select .el-select-dropdown {
    border-radius: 0
;}

.dealer-account .capital-ratio-info .right .download-info li:first-child {
    background: #fafafa;
    margin-bottom: 14px;
    padding: 0
;}

.dealer-account .capital-ratio-info .right .download-info li:first-child span {
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 400;
    height: 20px;
    line-height: 20px
;}

.dealer-account .capital-ratio-info .right .download-info li:last-child {
    color: rgba(61,61,61,.4);
    font-size: 12px;
    font-weight: 400;
    margin: 0
;}

.dealer-account .capital-ratio-info .right .download-info-block {
    display: block
;}

.dealer-account .sd-download {
    display: none;
    width: 100%
;}

.dealer-account .sd-download .sd-download-box {
    display: none;
    flex-flow: wrap;
    width: 100%
;}

.dealer-account .sd-download .sd-list {
    align-items: center;
    background: #fafafa;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 62px;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 0 14px;
    width: 100%
;}

.dealer-account .sd-download .sd-list .sd-l {
    align-items: center;
    display: flex
;}

.dealer-account .sd-download .sd-list .sd-l .sd-logo {
    height: 30px;
    margin-right: 8px
;}

.dealer-account .sd-download .sd-list .sd-l .sd-info {
    display: flex;
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-account .sd-download .sd-list .sd-l .sd-title {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    margin-right: 8px;
    max-width: 145px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-account .sd-download .sd-list .sd-l .sd-label {
    border: .5px solid rgba(53,179,137,.3);
    border-radius: 4px;
    color: #35b389;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 20px;
    line-height: 18px;
    margin-bottom: 5px;
    margin-right: 8px;
    padding: 0 6px
;}

.dealer-account .sd-download .sd-list .sd-l .sd-label:last-child {
    margin-right: 0
;}

.dealer-account .sd-download .sd-list .sd-r {
    align-items: center;
    display: flex
;}

.dealer-account .sd-download .sd-list .sd-r .iconfont {
    color: #868a8d;
    font-size: 18px;
    margin-right: 6px
;}

.dealer-account .sd-download .sd-list .sd-r .icon-changyong_gengduo {
    color: #a3a3a3;
    font-size: 12px
;}

.dealer-account .sd-download .sd-list .sd-r img {
    height: 18px;
    margin-right: 6px
;}

.dealer-account .sd-download .sd-list:hover {
    background: rgba(0,0,0,.05)
;}

.dealer-account .sd-download .sd-list-any {
    flex-direction: column;
    height: 199px;
    justify-content: center;
    margin-right: 11px;
    width: 180.5px
;}

.dealer-account .sd-download .sd-list-any .sd-l {
    flex-direction: column
;}

.dealer-account .sd-download .sd-list-any .sd-l .sd-logo {
    height: 38px;
    margin-bottom: 8px
;}

.dealer-account .sd-download .sd-list-any .sd-l .sd-info {
    flex-direction: column
;}

.dealer-account .sd-download .sd-list-any .sd-l .sd-label-box,.dealer-account .sd-download .sd-list-any .sd-l .sd-title {
    margin-bottom: 10px
;}

.dealer-account .sd-download .sd-list-any .sd-l .sd-label-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
;}

.dealer-account .sd-download .sd-list-any:nth-child(4n) {
    margin-right: 0
;}

.dealer-account .sd-download .sd-tab {
    display: none;
    width: 100%
;}

.dealer-account .sd-download .sd-tab .sd-tab-box {
    height: 199px;
    overflow: hidden;
    position: relative;
    width: 100%
;}

.dealer-account .sd-download .sd-tab .sd-tab-box .sd-tab-position {
    display: flex;
    height: 199px;
    left: 38px;
    position: absolute;
    top: 0;
    transition: all .5s linear
;}

.dealer-account .sd-download .sd-tab .sd-tab-box .sd-tab-position .sd-list {
    margin-right: 11px;
    width: 162px
;}

.dealer-account .sd-download .sd-tab .sd-tab-box .sd-tab-position .sd-list:nth-child(4n) {
    margin-right: 11px
;}

.dealer-account .sd-download .sd-tab .sd-tab-box .next,.dealer-account .sd-download .sd-tab .sd-tab-box .pre {
    align-items: center;
    background: #fafafa;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    height: 199px;
    justify-content: center;
    position: absolute;
    top: 0;
    transform: matrix(-1,0,0,1,0,0);
    width: 26px
;}

.dealer-account .sd-download .sd-tab .sd-tab-box .sfactive:hover {
    background: #999
;}

.dealer-account .sd-download .sd-tab .sd-tab-box .sfactive:hover span {
    color: #fff
;}

.dealer-account .sd-download .sd-tab .sd-tab-box .pre {
    left: 0
;}

.dealer-account .sd-download .sd-tab .sd-tab-box .next {
    right: 0
;}

.dealer-account .sd-download .sd_flex {
    display: flex
;}

.dealer-account .account-block {
    display: block
;}

@media screen and (max-width: 1199px) {
    .dealer-account .capital-ratio .capital-ratio-block .algorithm {
        display:none!important
    ;}

    .dealer-account .capital-ratio .capital-ratio-info {
        flex-direction: column!important
    ;}

    .dealer-account .capital-ratio .capital-ratio-info .left,.dealer-account .capital-ratio .capital-ratio-info .right {
        width: 100%
    ;}

    .dealer-account .capital-ratio .capital-ratio-info .right p.capital {
        margin: 14px 0
    ;}

    .dealer-account .capital-ratio .algorithm-onself {
        align-items: center;
        display: block;
        display: flex;
        justify-content: space-between;
        margin: 10px auto 0;
        width: 362px
    ;}

    .dealer-account .capital-ratio .algorithm-onself i {
        margin: 0 4px
    ;}

    .dealer-account .capital-ratio .algorithm-onself .first {
        color: #3d3d3d;
        font-size: 16px;
        font-weight: 600;
        margin-right: 18px
    ;}

    .dealer-account .capital-ratio .algorithm-onself .last {
        color: #3d3d3d;
        font-size: 16px;
        font-weight: 600;
        margin-left: 18px
    ;}

    .dealer-account .capital-ratio .algorithm-onself .up-and-down {
        color: #3d3d3d;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        font-size: 14px;
        justify-content: center;
        text-align: center
    ;}

    .dealer-account .capital-ratio .algorithm-onself .up-and-down .semicolon {
        background: linear-gradient(90deg,rgba(61,61,61,0) -3.27%,rgba(61,61,61,.18) 52.13%,rgba(61,61,61,0));
        height: 1px;
        margin: 4px;
        width: 180px
    ;}

    .dealer-account .account-info .account-info-block,.dealer-account .account-info .account-info-block .table {
        flex-direction: column
    ;}

    .dealer-account .account-info .account-info-block ul {
        width: 100%
    ;}

    .dealer-account .account-info .account-info-block ul li .trade-category-content {
        margin-left: 10px
    ;}

    .dealer-account .sd-download .sd-list .sd-l .sd-info {
        width: 330px
    ;}
;}

@media screen and (max-width: 999px) {
    .dealer-account .head-tabs {
        display:inline-block
    ;}

    .dealer-account .head-tabs .compare-btn {
        margin-top: 14px
    ;}

    .dealer-account .account-info .account-info-block {
        flex-direction: column
    ;}

    .dealer-account .account-info .account-info-block li {
        display: flex;
        justify-content: space-between;
        width: 100%
    ;}

    .dealer-account .sd-download .sd-list {
        height: 70px
    ;}

    .dealer-account .sd-download .sd-list .sd-l {
        position: relative;
        top: -10px
    ;}

    .dealer-account .sd-download .sd-list .sd-l .sd-logo {
        height: 18px
    ;}

    .dealer-account .sd-download .sd-list .sd-l .sd-info {
        flex-direction: column;
        max-width: 196px;
        position: relative;
        top: 13px
    ;}

    .dealer-account .sd-download .sd-list .sd-l .sd-info .sd-label-box {
        display: flex;
        margin-top: 4px;
        padding-bottom: 2px
    ;}

    .dealer-account .sd-download .sd-list .sd-l .sd-info .sd-label-box .sd-label {
        max-width: 126px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    ;}

    .dealer-account .sd-download .sd-list .sd-l .sd-title {
        text-align: left
    ;}

    .dealer-account .sd-download .sd-list .sd-r {
        position: relative;
        top: -10px
    ;}

    .dealer-account .sd-download::-webkit-scrollbar {
        background-color: #fff;
        height: 1px
    ;}

    .dealer-account .sd-download::-webkit-scrollbar-thumb {
        background: #9095b0;
        border-radius: 86px
    ;}

    .dealer-account .capital-ratio .capital-ratio-block .algorithm {
        display: none
    ;}

    .dealer-account .capital-ratio .algorithm-onself {
        width: 322px
    ;}

    .dealer-account .capital-ratio .algorithm-onself .up-and-down .semicolon {
        width: 120px
    ;}
;}

@media screen and (max-width: 799px) {
    .dealer-account {
        margin-bottom:16px;
        padding: 19px 16px 24px
    ;}

    .dealer-account .head-tabs {
        display: inline-block;
        width: 100%
    ;}

    .dealer-account .head-tabs .compare-btn {
        display: none
    ;}

    .dealer-account .account-info .account-info-block {
        flex-direction: column
    ;}

    .dealer-account .account-info .account-info-block li {
        display: flex;
        justify-content: space-between;
        width: 100%
    ;}

    .dealer-account .capital-ratio .capital-ratio-top {
        padding: 12px 8px
    ;}

    .dealer-account .capital-ratio .capital-ratio-top .algorithm-onself {
        align-items: center;
        display: block;
        display: flex;
        width: 100%
    ;}

    .dealer-account .capital-ratio .capital-ratio-top .algorithm-onself i {
        margin: 0 4px
    ;}

    .dealer-account .capital-ratio .capital-ratio-top .algorithm-onself .first {
        color: #3d3d3d;
        font-size: 14px;
        font-weight: 600;
        margin: 0
    ;}

    .dealer-account .capital-ratio .capital-ratio-top .algorithm-onself .last {
        color: #3d3d3d;
        font-size: 18px;
        font-weight: 600;
        margin: 0
    ;}

    .dealer-account .capital-ratio .capital-ratio-top .algorithm-onself .up-and-down {
        color: #3d3d3d;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        font-size: 14px;
        justify-content: center;
        text-align: center
    ;}

    .dealer-account .capital-ratio .capital-ratio-top .algorithm-onself .up-and-down .semicolon {
        background: linear-gradient(90deg,rgba(61,61,61,0) -3.27%,rgba(61,61,61,.18) 52.13%,rgba(61,61,61,0));
        height: 1px;
        margin: 4px;
        width: 110px
    ;}

    .dealer-account .capital-ratio .capital-ratio-info {
        flex-direction: column!important
    ;}

    .dealer-account .capital-ratio .capital-ratio-info .left,.dealer-account .capital-ratio .capital-ratio-info .right {
        width: 100%
    ;}

    .dealer-account .sd-download .sd-list .sd-l .sd-info {
        max-width: 188px
    ;}

    .dealer-account .sd-download .sd-list .sd-l .sd-info .sd-title {
        text-align: left
    ;}

    .dealer-account .sd-download .sd-list .sd-r {
        position: relative;
        top: -10px
    ;}
;}

.el-select-dropdown {
    z-index: 9999999999!important
;}

html[dir=rtl] .dealer-account .sd-download table tbody tr td,html[dir=rtl] .dealer-account .sd-download table thead tr th {
    text-align: right
;}

html[dir=rtl] .dealer-account .capital-ratio-top .capital-ratio-block .algorithm .first {
    margin-left: 18px;
    margin-right: unset
;}

html[dir=rtl] .dealer-account .sd-download .sd-list .sd-r .icon-changyong_gengduo {
    transform: rotate(180deg)
;}

html[dir=rtl] .dealer-account .sd-download .sd-list .sd-l .sd-title {
    margin-left: 8px
;}

html[dir=rtl] #sdpre .icon-arrow-right {
    transform: rotate(0)!important
;}

.dealer-information1 {
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    box-sizing: border-box;
    display: none;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    justify-content: center;
    margin-top: 16px;
    order: 7;
    padding: 0
;}

.dealer-information1,.dealer-information1 .title {
    align-items: center;
    align-self: stretch;
    background: #fff
;}

.dealer-information1 .title {
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    height: 56px;
    order: 0;
    padding: 0 16px 0 24px
;}

.dealer-information1 .title .title-name {
    align-items: center;
    color: #292929;
    display: flex;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    height: 22px;
    line-height: 22px;
    order: 0
;}

.dealer-information1 .title .more {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    gap: 4px;
    height: 17px;
    justify-content: center;
    order: 1;
    padding: 0;
    width: 47px
;}

.dealer-information1 .title .more .more-name {
    align-items: center;
    color: #ccc;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 17px;
    line-height: 17px;
    order: 0;
    width: 29px
;}

.dealer-information1 .title .more .more-name .icon-arrow-right {
    flex: none;
    flex-grow: 0;
    height: 14px;
    order: 1;
    width: 14px
;}

.dealer-information1 .mtitle {
    align-self: stretch;
    background: #fff;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.05);
    flex-direction: row;
    gap: 20px;
    order: 1;
    padding-left: 24px
;}

.dealer-information1 .mtitle,.dealer-information1 .mtitle .li {
    align-items: center;
    display: flex;
    flex: none;
    flex-grow: 0;
    height: 40px
;}

.dealer-information1 .mtitle .li {
    color: #a3a3a3;
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    line-height: 40px;
    order: 0
;}

.dealer-information1 .mtitle .li.on {
    box-shadow: inset 0 -1px 0 #3d3d3d;
    color: #000;
    font-weight: 600
;}

.dealer-information1 .contentBox {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    gap: 16px;
    justify-content: center;
    order: 1;
    padding: 0 24px 16px
;}

.dealer-information1 .contentBox .arrow {
    cursor: pointer
;}

@media screen and (max-width: 799px) {
    .dealer-information1 {
        margin-bottom:16px;
        margin-top: 0
    ;}
;}

.dealer-information_flex {
    display: flex
;}

.dealer-information2 {
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    box-sizing: border-box;
    display: none;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    justify-content: center;
    margin-top: 16px;
    order: 7;
    padding: 0
;}

.dealer-information2,.dealer-information2 .title {
    align-items: center;
    align-self: stretch;
    background: #fff
;}

.dealer-information2 .title {
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    height: 56px;
    order: 0;
    padding: 0 16px 0 24px
;}

.dealer-information2 .title .title-name {
    align-items: center;
    color: #292929;
    display: flex;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    height: 22px;
    line-height: 22px;
    order: 0
;}

.dealer-information2 .title .more {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    gap: 4px;
    height: 17px;
    justify-content: center;
    order: 1;
    padding: 0;
    width: 47px
;}

.dealer-information2 .title .more .more-name {
    align-items: center;
    color: #ccc;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 17px;
    line-height: 17px;
    order: 0;
    width: 29px
;}

.dealer-information2 .title .more .more-name .icon-arrow-right {
    flex: none;
    flex-grow: 0;
    height: 14px;
    order: 1;
    width: 14px
;}

.dealer-information2 .mtitle {
    align-self: stretch;
    background: #fff;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.05);
    flex-direction: row;
    gap: 20px;
    order: 1;
    padding-left: 24px
;}

.dealer-information2 .mtitle,.dealer-information2 .mtitle .li {
    align-items: center;
    display: flex;
    flex: none;
    flex-grow: 0;
    height: 40px
;}

.dealer-information2 .mtitle .li {
    color: #a3a3a3;
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    line-height: 40px;
    order: 0
;}

.dealer-information2 .mtitle .li.on {
    box-shadow: inset 0 -1px 0 #3d3d3d;
    color: #000;
    font-weight: 600
;}

.dealer-information2 .contentBox {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    gap: 16px;
    justify-content: center;
    order: 1;
    padding: 0 24px 16px
;}

.dealer-information2 .contentBox .info {
    padding-left: 0!important
;}

@media screen and (max-width: 799px) {
    .dealer-information2 {
        margin-bottom:16px;
        margin-top: 0
    ;}
;}

.dealer-information_flex2 {
    display: flex
;}

.popworders {
    background: url(https://resources1.interface003.com/Contentgj/images/pop_bg.png) repeat;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2001
;}

.popworders .main {
    align-items: center;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.08);
    box-sizing: border-box;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    height: 458px;
    left: 50%;
    order: 0;
    padding: 25px;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%) scale(1);
    transition: all .4s;
    width: 650px;
    z-index: 2002
;}

.popworders .main .sharp {
    background: #eeb822;
    border-radius: 1px;
    display: block;
    flex: none;
    flex-grow: 0;
    height: 16px;
    margin: 3px 12px 3px 0;
    order: 0;
    width: 6px
;}

.popworders .main .title {
    align-self: stretch;
    background: #fff;
    display: -webkit-box;
    flex-direction: row;
    height: 22px;
    justify-content: space-between;
    padding: 0;
    position: relative
;}

.popworders .main .title,.popworders .main .title .txt {
    align-items: center;
    flex: none;
    flex-grow: 0;
    line-height: 22px;
    order: 0
;}

.popworders .main .title .txt {
    color: #292929;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    padding-right: 14px
;}

.popworders .main .icon-close {
    cursor: pointer;
    display: inline-block;
    flex: none;
    flex-grow: 0;
    height: 22px;
    line-height: 22px;
    order: 1;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 22px
;}

.popworders .main .content {
    align-items: center;
    align-self: stretch;
    display: inline-block;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    justify-content: center;
    max-height: 600px;
    order: 1;
    overflow-y: auto;
    padding: 0
;}

.popworders .main .no-data {
    min-height: auto
;}

.dealer-information3 {
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    box-sizing: border-box;
    display: none;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    justify-content: center;
    margin-top: 16px;
    order: 7;
    padding: 0
;}

.dealer-information3,.dealer-information3 .title {
    align-items: center;
    align-self: stretch;
    background: #fff
;}

.dealer-information3 .title {
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    height: 56px;
    justify-content: space-between;
    order: 0;
    padding: 0 16px 0 24px
;}

.dealer-information3 .title .title-name {
    align-items: center;
    color: #292929;
    display: flex;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    height: 22px;
    line-height: 22px;
    order: 0
;}

.dealer-information3 .title .dealer-information-more {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    gap: 4px;
    height: 17px;
    justify-content: center;
    order: 1;
    padding: 0;
    width: 47px
;}

.dealer-information3 .title .dealer-information-more .more-name {
    align-items: center;
    color: #ccc;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 17px;
    line-height: 17px;
    order: 0;
    width: 29px
;}

.dealer-information3 .title .dealer-information-more .icon-arrow-right {
    align-items: center;
    color: #ccc;
    display: flex;
    flex: none;
    flex-grow: 0;
    height: 14px;
    order: 1;
    width: 14px
;}

.dealer-information3 .mtitle {
    align-self: stretch;
    background: #fff;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.05);
    flex-direction: row;
    gap: 20px;
    order: 1;
    padding-left: 24px
;}

.dealer-information3 .mtitle,.dealer-information3 .mtitle .li {
    align-items: center;
    display: flex;
    flex: none;
    flex-grow: 0;
    height: 40px
;}

.dealer-information3 .mtitle .li {
    color: #a3a3a3;
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    line-height: 40px;
    order: 0
;}

.dealer-information3 .mtitle .li.on {
    box-shadow: inset 0 -1px 0 #3d3d3d;
    color: #000;
    font-weight: 600
;}

.dealer-information3 .contentBox {
    gap: 16px;
    order: 1;
    padding: 0 24px 16px
;}

.dealer-information3 .contentBox,.dealer-information3 .contentBox .item {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    justify-content: center
;}

.dealer-information3 .contentBox .item {
    background: #fff;
    box-shadow: inset 0 1px 0 #f5f5f5;
    gap: 6px;
    height: 62px;
    order: 0;
    padding: 16px 0 0
;}

.dealer-information3 .contentBox .item .txt {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    gap: 8px;
    height: 20px;
    justify-content: center;
    order: 0;
    padding: 0
;}

.dealer-information3 .contentBox .item .txt .icon-exchange {
    flex: none;
    flex-grow: 0;
    height: 18px;
    order: 0;
    width: 18px
;}

.dealer-information3 .contentBox .item .txt .name {
    align-items: center;
    color: #a3a3a3;
    display: flex;
    flex: none;
    flex-grow: 1;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    order: 1
;}

.dealer-information3 .contentBox .item .info {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    height: 20px;
    justify-content: center;
    order: 1;
    padding: 0 0 0 26px
;}

.dealer-information3 .contentBox .item .info .val {
    color: #3d3d3d;
    flex: none;
    flex-grow: 1;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    height: 20px;
    line-height: 20px;
    order: 0
;}

.dealer-information3 .contentBox .info {
    grid-gap: 6px;
    align-items: center;
    align-self: stretch;
    background: #fff;
    box-shadow: inset 0 1px 0 #f5f5f5;
    display: inline-block;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    gap: 6px;
    justify-content: center;
    order: 0;
    padding: 16px 0 0
;}

.dealer-information3 .contentBox .info .dealer-information-more {
    align-items: center;
    cursor: pointer;
    display: flex;
    float: right
;}

.dealer-information3 .contentBox .info .dealer-information-more .more-name {
    align-items: center;
    color: #ccc;
    display: flex;
    font-size: 12px;
    width: auto
;}

.dealer-information3 .contentBox .info .dealer-information-more .iconfont {
    align-items: center;
    color: #ccc;
    display: flex;
    height: 16px;
    line-height: 16px;
    vertical-align: middle
;}

.dealer-information3 .contentBox .info .btn_tousu {
    align-items: center;
    align-self: stretch;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    gap: 8px;
    height: 48px;
    justify-content: center;
    margin-bottom: 20px;
    order: 0;
    padding: 0
;}

.dealer-information3 .contentBox .info .btn_tousu:hover {
    background: #eee
;}

.dealer-information3 .contentBox .info .btn_tousu p {
    align-items: center;
    color: #7a7a7a;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 22px;
    line-height: 22px;
    order: 1
;}

.dealer-information3 .contentBox .info .btn-tj-bg:hover {
    background: #2f4de4
;}

.dealer-information3 .contentBox .info .btn_baoguang {
    align-items: center;
    align-self: stretch;
    background: rgba(61,85,204,.9);
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    gap: 8px;
    height: 48px;
    justify-content: center;
    order: 1;
    padding: 0 16px
;}

.dealer-information3 .contentBox .info .btn_baoguang .iconfont {
    color: #fff
;}

.dealer-information3 .contentBox .info .btn_baoguang p {
    align-items: center;
    color: #fff;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 22px;
    line-height: 22px;
    order: 1;
    text-align: center
;}

.dealer-information3 .contentBox .info .btn-pingjia-bg {
    background: #fadc19
;}

.dealer-information3 .contentBox .info .btn-pingjia-bg:hover {
    opacity: .6
;}

.dealer-information3 .contentBox .info .btn-pingjia-bg .iconfont,.dealer-information3 .contentBox .info .btn-pingjia-bg p {
    color: #1d2129
;}

.linkval {
    border-bottom: 1px dashed #3d3d3d;
    cursor: pointer;
    text-decoration: none
;}

.dealer-information_flex3 {
    display: flex
;}

@media screen and (max-width: 799px) {
    .dealer-information3 {
        margin-top:0!important;
        padding: 0 16px!important
    ;}

    .dealer-information3 .contentBox {
        padding: 0 0 16px!important
    ;}

    .dealer-information3 .contentBox .infoitemtop:first-child {
        box-shadow: none!important
    ;}
;}

.dealer-survey {
    align-items: center;
    background: url(https://resources1.interface003.com/Contentgj/images/pop_bg.png) repeat;
    display: none;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2001
;}

.dealer-survey .survey-module {
    background: #fff;
    border-radius: 16px;
    height: 608px;
    position: relative;
    width: 880px
;}

.dealer-survey .survey-module .survey-head {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 66px;
    padding: 0 20px
;}

.dealer-survey .survey-module .survey-head img {
    border-radius: 4px;
    flex-shrink: 0;
    height: 20px;
    width: 20px
;}

.dealer-survey .survey-module .survey-head span {
    color: #3d3d3d;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    padding: 0 8px
;}

.dealer-survey .survey-module .survey-close {
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 20px;
    top: 20px
;}

.dealer-survey .survey-module .survey-info {
    border-radius: 16px;
    height: 420px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 840px
;}

.dealer-survey .survey-module .survey-info .survey-position {
    display: flex;
    height: 420px;
    left: 0;
    position: absolute;
    top: 0;
    white-space: nowrap
;}

.dealer-survey .survey-module .survey-info .survey-position .survey-img {
    height: 420px;
    width: 840px
;}

.dealer-survey .survey-module .survey-info .survey-transition {
    transition: all .5s linear
;}

.dealer-survey .survey-module .survey-info .next,.dealer-survey .survey-module .survey-info .pre {
    align-items: center;
    background: rgba(0,0,0,.6);
    border-radius: 2px;
    cursor: pointer;
    display: flex;
    height: 47.16px;
    justify-content: center;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: matrix(-1,0,0,1,0,0);
    transform: translateY(-50%);
    transition: all .5s;
    width: 22.79px
;}

.dealer-survey .survey-module .survey-info .next .iconfont,.dealer-survey .survey-module .survey-info .pre .iconfont {
    color: #fff
;}

.dealer-survey .survey-module .survey-info .pre {
    left: 10px
;}

.dealer-survey .survey-module .survey-info .next {
    right: 10px
;}

.dealer-survey .survey-module .survey-info .survey-title {
    background: rgba(0,0,0,.7);
    border-radius: 0 0 16px 16px;
    bottom: 0;
    height: 45px;
    left: 0;
    padding: 0 16px;
    position: absolute;
    width: 100%
;}

.dealer-survey .survey-module .survey-info .survey-title,.dealer-survey .survey-module .survey-info .survey-title .survey-title-l {
    align-items: center;
    display: flex;
    justify-content: space-between
;}

.dealer-survey .survey-module .survey-info .survey-title .survey-title-l .survey-title-label {
    background: #04a187;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    padding: 0 10px
;}

.dealer-survey .survey-module .survey-info .survey-title .survey-title-l .survey-title-title {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    overflow: hidden;
    padding: 0 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 540px
;}

.dealer-survey .survey-module .survey-info .survey-title .survey-title-r {
    align-items: center;
    display: flex;
    max-width: 200px
;}

.dealer-survey .survey-module .survey-info .survey-title .survey-title-r .iconfont {
    color: #fff
;}

.dealer-survey .survey-module .survey-info .survey-title .survey-title-r img {
    height: 13px;
    margin: 0 6px
;}

.dealer-survey .survey-module .survey-info .survey-title .survey-title-r .survey-title-r-location {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.dealer-survey .survey-module .survey-info:hover .next,.dealer-survey .survey-module .survey-info:hover .pre {
    opacity: 1
;}

.dealer-survey .survey-module .survey-list-john {
    border: none;
    height: 86px;
    margin: 16px auto 0;
    overflow: hidden;
    position: relative;
    width: 840px
;}

.dealer-survey .survey-module .survey-list-john .survey-list-position {
    align-items: center;
    display: flex;
    height: 86px;
    left: 0;
    position: absolute;
    top: 0;
    transition: all .5s;
    white-space: nowrap
;}

.dealer-survey .survey-module .survey-list-john .survey-list-position .survey-list-img {
    border-radius: 8px;
    cursor: pointer;
    height: 80px;
    margin-right: 10px;
    width: 160px
;}

.dealer-survey .survey-module .survey-list-john .survey-list-position .survey-list-active,.dealer-survey .survey-module .survey-list-john .survey-list-position .survey-list-img:hover {
    border: 3px solid #ffd733
;}

.dealer-survey .survey-module .survey-list-john .survey-label {
    align-items: center;
    background: rgba(25,43,82,.9);
    border-radius: 4px;
    display: flex;
    height: 19px;
    left: 8px;
    padding: 0 3px;
    position: absolute;
    top: 8px
;}

.dealer-survey .survey-module .survey-list-john .survey-label img {
    height: 13px
;}

.dealer-survey .survey-module .survey-list-john .survey-label span {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    padding: 0 3px
;}

@media screen and (max-width: 999px) {
    .dealer-survey .survey-module {
        width:744px
    ;}

    .dealer-survey .survey-module .survey-info,.dealer-survey .survey-module .survey-info .survey-position .survey-img {
        width: 704px
    ;}

    .dealer-survey .survey-module .survey-info .survey-title .survey-title-l .survey-title-title {
        width: 390px
    ;}

    .dealer-survey .survey-module .survey-list-john {
        width: 704px
    ;}

    .dealer-survey .survey-module .survey-list-john .survey-list-img {
        width: 132px
    ;}
;}

.dealer-survey-flex {
    display: flex
;}

html[dir=rtl] .dealer-survey .survey-module .survey-close {
    left: 20px;
    right: auto
;}

html[dir=rtl] .dealer-survey .icon-arrow-right {
    transform: rotate(0)!important
;}

html[dir=rtl] .dealer-survey .survey-module .survey-info .survey-position,html[dir=rtl] .dealer-survey .survey-module .survey-list-john .survey-list-position {
    left: auto;
    right: 0
;}

.popwebsite {
    background: url(https://resources1.interface003.com/Contentgj/images/pop_bg.png) repeat;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2001
;}

.popwebsite .main {
    align-items: center;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.08);
    box-sizing: border-box;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    left: 50%;
    order: 0;
    padding: 32px 0 32px 32px;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%) scale(1);
    transition: all .4s;
    width: 60%;
    width: 560px;
    z-index: 2002
;}

.popwebsite .main .sharp {
    background: #eeb822;
    border-radius: 1px;
    display: block;
    flex: none;
    flex-grow: 0;
    height: 16px;
    margin: 3px 12px 3px 0;
    order: 0;
    width: 6px
;}

.popwebsite .main .title {
    align-self: stretch;
    background: #fff;
    display: -webkit-box;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 12px;
    position: relative;
    width: 90%
;}

.popwebsite .main .title,.popwebsite .main .title .txt {
    align-items: center;
    flex: none;
    flex-grow: 0;
    line-height: 22px;
    order: 0
;}

.popwebsite .main .title .txt {
    color: #292929;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    padding-right: 14px
;}

.popwebsite .main .icon-close {
    cursor: pointer;
    display: inline-block;
    flex: none;
    flex-grow: 0;
    height: 22px;
    line-height: 22px;
    order: 1;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 22px
;}

.popwebsite .main .content {
    align-items: center;
    align-self: stretch;
    display: inline-block;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    justify-content: center;
    max-height: 600px;
    order: 1;
    overflow-y: auto
;}

.popwebsite .main .content .result {
    display: flex
;}

.popwebsite .main .content .result .tip {
    align-items: center;
    color: #3d3d3d;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    margin-right: 10px
;}

.popwebsite .main .content .intro {
    gap: 16px;
    margin: 10px 0 16px
;}

.popwebsite .main .content .intro,.popwebsite .main .content .intro .li {
    align-items: center;
    display: inline-block;
    flex-direction: row;
    line-height: 20px;
    padding: 0
;}

.popwebsite .main .content .intro .li {
    gap: 6px;
    justify-content: center
;}

.popwebsite .main .content .intro .li .flag {
    border-radius: 2px;
    display: inline-block;
    height: 16px;
    margin: 2px 6px 2px 0;
    vertical-align: middle;
    width: 24px
;}

.popwebsite .main .content .intro .li .country {
    align-items: center;
    color: #3d3d3d;
    display: inline-block;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    margin-right: 16px;
    order: 1
;}

.popwebsite .main .content .scroll {
    gap: 12px;
    max-height: 440px
;}

.popwebsite .main .content .scroll,.popwebsite .main .content .scroll .li {
    align-items: center;
    display: inline-block;
    flex-direction: column;
    padding: 0;
    width: 100%
;}

.popwebsite .main .content .scroll .li {
    flex: none;
    flex-grow: 0;
    gap: 16px;
    justify-content: center;
    order: 1
;}

.popwebsite .main .content .scroll .li .item {
    align-items: center;
    align-self: stretch;
    background: #fafafa;
    border: 1px solid #f5f5f5;
    box-sizing: border-box;
    display: inline-block;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    gap: 186px;
    height: 32px;
    justify-content: space-between;
    margin: 6px 0;
    order: 0;
    padding: 6px 12px;
    width: 100%
;}

.popwebsite .main .content .scroll .li .item .left {
    align-items: center;
    display: inline-block;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    gap: 8px;
    height: 20px;
    justify-content: center;
    order: 0;
    padding: 0
;}

.popwebsite .main .content .scroll .li .item .left .zhuji {
    width: 15px
;}

.popwebsite .main .content .scroll .li .item .left .domian {
    color: #000;
    display: inline-block;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    height: 20px;
    line-height: 20px;
    order: 1;
    vertical-align: top
;}

.popwebsite .main .content .scroll .li .item .right {
    display: block;
    flex: none;
    flex-grow: 0;
    float: right;
    order: 1
;}

.popwebsite .main .content .scroll .li .item .right .mt4 {
    background: #6faff9;
    border-radius: 4px;
    display: inline-block;
    height: 20px;
    margin-right: 22px
;}

.popwebsite .main .content .scroll .li .item .right .mt4 .txt {
    color: #fff;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    height: 20px;
    line-height: 20px;
    padding: 0 4px
;}

.popwebsite .main .content .scroll .li .item .right .iconfont {
    cursor: pointer;
    height: 16px;
    width: 16px
;}

.popwebsite .main .content .scroll .li .slide {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    gap: 24px;
    justify-content: center;
    order: 1;
    padding: 0 16px;
    width: 100%
;}

.popwebsite .main .content .scroll .li .slide .line {
    display: flex;
    padding-left: 20px;
    width: 100%
;}

.popwebsite .main .content .scroll .li .slide .left,.popwebsite .main .content .scroll .li .slide .right {
    align-items: flex-start;
    background: #fff;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 1;
    gap: 8px;
    justify-content: flex-start;
    padding: 8px 0;
    width: 50%
;}

.popwebsite .main .content .scroll .li .slide .iconfont {
    height: 16px;
    width: 16px
;}

.popwebsite .main .content .scroll .li .slide .flag {
    border-radius: 1px;
    display: inline-block;
    flex: none;
    flex-grow: 0;
    height: 14px;
    margin-right: 8px;
    order: 0;
    vertical-align: middle;
    width: 20px
;}

.popwebsite .main .content .scroll .li .slide .tip {
    font-feature-settings: "liga" off;
    align-items: center;
    align-self: stretch;
    color: #a3a3a3;
    display: inline-block;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    max-width: 206px;
    order: 0
;}

.popwebsite .main .content .scroll .li .slide .row1 {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 4px
;}

.popwebsite .main .content .scroll .li .slide .row2 {
    align-items: flex-start;
    align-self: stretch;
    color: #3d3d3d;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    justify-content: flex-start;
    line-height: 20px;
    order: 1;
    padding-left: 20px;
    width: 220px;
    word-break: break-all
;}

html[dir=rtl] .popwebsite .main {
    padding: 32px 32px 32px 0
;}

html[dir=rtl] .popwebsite .main .content .intro .li .flag,html[dir=rtl] .popwebsite .main .content .result .tip,html[dir=rtl] .popwebsite .main .sharp {
    margin-right: 0
;}

html[dir=rtl] .popwebsite .main .content .scroll .li .item .right {
    float: left
;}

html[dir=rtl] .popwebsite .main .icon-close {
    left: 5px;
    right: unset
;}

.dealer-appraisal {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    padding: 24px
;}

.dealer-appraisal .appraisal-tit {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 20px
;}

.dealer-appraisal .appraisal-con {
    width: 101%
;}

.dealer-appraisal .appraisal-con .heavenly-eye {
    display: flex;
    flex-wrap: wrap
;}

.dealer-appraisal .appraisal-con .heavenly-eye .li {
    align-items: center;
    border-left: 1px solid rgba(0,0,0,.05);
    border-top: 1px solid rgba(0,0,0,.05);
    color: #3d3d3d;
    display: flex;
    height: 126px;
    justify-content: center;
    padding: 30px;
    position: relative;
    text-align: center;
    width: 151.2px
;}

.dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(5) {
    border-right: 1px solid rgba(0,0,0,.05)
;}

.dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(10),.dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(6),.dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(7),.dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(8),.dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(9) {
    border-bottom: 1px solid rgba(0,0,0,.05)
;}

.dealer-appraisal .appraisal-con .heavenly-eye .li:last-child {
    border-bottom: 1px solid rgba(0,0,0,.05);
    border-right: 1px solid rgba(0,0,0,.05)
;}

.dealer-appraisal .appraisal-con .heavenly-eye .li:hover .heavenly-txt,.dealer-appraisal .appraisal-con .heavenly-eye .li:hover .iconfont {
    color: #b38936
;}

.dealer-appraisal .appraisal-con .heavenly-eye .li div {
    align-items: center
;}

.dealer-appraisal .appraisal-con .heavenly-eye .li .iconfont {
    color: #3d3d3d;
    font-size: 35px;
    left: 50%;
    position: absolute;
    top: 40%;
    transform: translate(-50%,-50%)
;}

.dealer-appraisal .appraisal-con .heavenly-eye .li .heavenly-txt {
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #7a7a7a;
    display: -webkit-box;
    font-size: 16px;
    line-height: 22px;
    margin-top: 42px;
    overflow: hidden;
    text-align: center;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    word-break: break-all
;}

.dealer-appraisal .appraisal-con .heavenly-eye .li .long-txt {
    margin-top: 62px
;}

@media screen and (max-width: 1199px) {
    .dealer-appraisal .appraisal-con .heavenly-eye .li {
        width:174.6px
    ;}

    .dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(5) {
        border-right: unset
    ;}

    .dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(9) {
        display: none
    ;}

    .dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(10),.dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(6) {
        border-bottom: unset
    ;}

    .dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(3),.dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(6) {
        border-right: 1px solid rgba(0,0,0,.05)
    ;}

    .dealer-appraisal .appraisal-con .heavenly-eye .li:last-child {
        border-bottom: 1px solid rgba(0,0,0,.05);
        border-right: 1px solid rgba(0,0,0,.05)
    ;}
;}

@media screen and (max-width: 999px) {
    .dealer-appraisal .appraisal-con .heavenly-eye .li {
        padding:10px;
        width: 122px
    ;}
;}

@media screen and (max-width: 799px) {
    .dealer-appraisal .appraisal-con .heavenly-eye .li {
        height:unset;
        width: 33%
    ;}

    .dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(5) {
        border-right: unset
    ;}

    .dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(9) {
        display: none
    ;}

    .dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(10),.dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(6) {
        border-bottom: unset
    ;}

    .dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(3),.dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(6) {
        border-right: 1px solid rgba(0,0,0,.05)
    ;}

    .dealer-appraisal .appraisal-con .heavenly-eye .li:last-child {
        border-bottom: 1px solid rgba(0,0,0,.05);
        border-right: 1px solid rgba(0,0,0,.05)
    ;}

    .dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(2),.dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(4),.dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(8) {
        word-break: break-all!important
    ;}
;}

html[dir=rtl] .dealer-appraisal .appraisal-con .heavenly-eye .li {
    border-left: unset;
    border-right: 1px solid rgba(0,0,0,.05)
;}

html[dir=rtl] .dealer-appraisal .appraisal-con .heavenly-eye .li:last-child,html[dir=rtl] .dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(3),html[dir=rtl] .dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(6) {
    border-left: 1px solid rgba(0,0,0,.05)
;}

.dealer-finance {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    padding: 19px 24px 24px
;}

.dealer-finance .head-tabs {
    margin-bottom: 20px;
    white-space: nowrap
;}

.dealer-finance .head-tabs .home-tab ul h3 {
    color: #a3a3a3;
    padding: 6px 0;
    white-space: nowrap
;}

.dealer-finance .head-tabs .home-tab ul .home-tab-active {
    border-bottom: 1px solid #3d3d3d;
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 600;
    transform: scale(1.01)
;}

.dealer-finance .finance-echart .finance-head {
    box-shadow: 0 1px 0 rgba(0,0,0,.06);
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
    padding-bottom: 16px
;}

.dealer-finance .finance-echart .finance-head .finance-head-time {
    align-items: center;
    display: flex
;}

.dealer-finance .finance-echart .finance-head .finance-head-time .finance-head-time-text {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-right: 16px
;}

.dealer-finance .finance-echart .finance-head .finance-head-time .finance-head-time-bt {
    cursor: pointer
;}

.dealer-finance .finance-echart .finance-head .finance-head-time .finance-head-time-bt .el-input__inner {
    height: 32px
;}

.dealer-finance .finance-echart .finance-head .finance-head-time .finance-head-time-bt .el-input__icon {
    color: #292929;
    font-size: 24px;
    line-height: 32px
;}

.dealer-finance .finance-echart .finance-head .finance-head-time .finance-head-time-bt .el-date-editor.el-input,.dealer-finance .finance-echart .finance-head .finance-head-time .finance-head-time-bt .el-date-editor.el-input__inner {
    width: 82px
;}

.dealer-finance .finance-echart .finance-head .finance-head-time .finance-head-time-bt .el-input--prefix .el-input__inner {
    padding-left: 12px
;}

.dealer-finance .finance-echart .finance-head .finance-head-time .finance-head-time-bt .el-input__prefix {
    left: 12px
;}

.dealer-finance .finance-echart .finance-head .finance-head-time .finance-head-time-bt .el-input--suffix .el-input__inner {
    background: #f1f1f1;
    border: none;
    cursor: pointer;
    padding-right: 12px;
    text-align: right
;}

.dealer-finance .finance-echart .finance-head .finance-head-time .finance-head-time-bt .el-icon-date:before {
    font-size: 16px
;}

.dealer-finance .finance-echart .finance-head .finance-head-time .finance-head-time-bt .el-input__inner:hover {
    background: #eaeaea
;}

.dealer-finance .finance-echart .finance-echart-info {
    display: flex;
    gap: 30px
;}

.dealer-finance .finance-echart .finance-echart-info .finance-f {
    width: 50%
;}

.dealer-finance .finance-echart .finance-echart-info .finance-f.ratio-boc {
    display: flex;
    flex-direction: column
;}

.dealer-finance .finance-echart .finance-echart-info .finance-f .finance-f-title {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
;}

.dealer-finance .finance-echart .finance-echart-info .finance-f .finance-f-title .f-title {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px
;}

.dealer-finance .finance-echart .finance-echart-info .finance-f .finance-f-title .f-text {
    color: #a3a3a3;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    white-space: nowrap
;}

.dealer-finance .finance-echart .finance-echart-info .finance-f .finance-ft {
    width: 100%
;}

.dealer-finance .finance-echart .finance-echart-info .finance-f .finance-ft .finance-ft-e {
    height: 197px
;}

.dealer-finance .finance-echart .finance-echart-info .finance-f .finance-ft .finance-label {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 16px
;}

.dealer-finance .finance-echart .finance-echart-info .finance-f .finance-ft .finance-label .finance-label-t {
    align-items: center;
    display: flex
;}

.dealer-finance .finance-echart .finance-echart-info .finance-f .finance-ft .finance-label .finance-label-t .finance-label-z {
    background: #efa33f;
    height: 2px;
    width: 10px
;}

.dealer-finance .finance-echart .finance-echart-info .finance-f .finance-ft .finance-label .finance-label-t .finance-label-text {
    color: #3d3d3d;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    padding: 0 10px;
    text-align: left
;}

.dealer-finance .finance-echart .finance-echart-info .finance-f .finance-ft-list {
    padding-top: 10px
;}

.dealer-finance .finance-echart .finance-echart-info .finance-f .finance-ft-list .finance-ft-ul {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
;}

.dealer-finance .finance-echart .finance-echart-info .finance-f .finance-ft-list .finance-ft-ul .finance-ft-title {
    color: #a3a3a3;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.dealer-finance .finance-echart .finance-echart-info .finance-f .finance-ft-list .finance-ft-ul .finance-ft-text {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px
;}

.dealer-finance .finance-echart .finance-echart-info .finance-f .finance-ft-list .finance-ft-ul:last-child {
    margin-bottom: 0
;}

.dealer-finance .finance-echart .finance-echart-info .finance-f .financial-ratio {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between
;}

.dealer-finance .line-chart-pop {
    color: #fff
;}

.dealer-finance .line-chart-pop .item-date {
    font-family: DIN-Medium;
    font-size: 12px
;}

.dealer-finance .line-chart-pop .item-value {
    align-items: center;
    color: #fff;
    display: flex;
    font-family: DIN-Medium;
    font-size: 12px;
    padding-left: 0;
    position: relative;
    text-align: left
;}

.dealer-finance .line-chart-pop .item-value .item-value-box {
    align-items: center;
    display: flex;
    padding-left: 20px;
    position: relative
;}

.dealer-finance .line-chart-pop .item-value .item-value-box .cicle {
    background-color: #5c8ae5;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 8px;
    left: 3px;
    margin-left: 5px;
    margin-right: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 8px
;}

.dealer-finance .line-chart-pop .item-value .span {
    color: #fff;
    font-weight: 600;
    margin-left: 10px
;}

.dealer-finance .line-chart-pop .item-value:last-child:before {
    background-color: #f5bc49
;}

@media screen and (max-width: 799px) {
    .dealer-finance .line-chart-pop .item-value {
        align-items:flex-start;
        flex-direction: column;
        margin-bottom: 5px;
        padding-right: 10px
    ;}

    .dealer-finance .line-chart-pop .item-value .item-value-box {
        padding-left: 15px
    ;}

    .dealer-finance .line-chart-pop .item-value .span {
        padding-left: 5px
    ;}

    .dealer-finance .line-chart-pop .item-value .line-text {
        margin-left: 0;
        max-width: 134px;
        white-space: break-spaces
    ;}

    .dealer-finance .line-chart-pop .item-value .cicle {
        margin-left: 0!important;
        margin-right: 0!important
    ;}

    .dealer-finance .line-chart-pop .item-value:last-child {
        margin-bottom: 0
    ;}
;}

.dealer-finance .echarts-tooltip div>div>div:nth-child(2) div>div span:nth-child(3) {
    float: unset!important
;}

@media screen and (max-width: 1199px) {
    .dealer-finance .finance-echart .finance-echart-info {
        flex-direction:column
    ;}

    .dealer-finance .finance-echart .finance-echart-info .finance-f {
        width: 100%
    ;}
;}

@media screen and (max-width: 799px) {
    .dealer-finance .echarts-tooltip {
        white-space:break-spaces!important;
        width: 170px
    ;}

    .dealer-finance .echarts-tooltip div>div div:first-child {
        word-break: break-all
    ;}
;}

html[dir=rtl] .echarts-tooltip div>div>div:nth-child(2) div>div span:nth-child(2) {
    padding: 0 5px
;}

html[dir=rtl] .echarts-tooltip div>div>div:nth-child(2) div>div span:nth-child(3) {
    float: left!important;
    margin-left: 0!important;
    padding: 0 5px
;}

html[dir=rtl] .dealer-finance .line-chart-pop .item-value .item-value-box .cicle {
    left: unset;
    right: 3px
;}

html[dir=rtl] .dealer-finance .line-chart-pop .item-value .item-value-box {
    padding-left: 0;
    padding-right: 20px
;}

html[dir=rtl] .dealer-finance .line-chart-pop .item-value .span {
    margin-left: 0
;}

.dealer-market {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    padding: 24px;
    width: 100%
;}

.dealer-market .home-tab {
    margin-bottom: 20px
;}

.dealer-market .home-tab ul {
    white-space: nowrap;
    width: 100%
;}

.dealer-market .home-tab ul h3 {
    color: #a3a3a3;
    font-size: 16px;
    padding-bottom: 6px
;}

.dealer-market .home-tab ul .home-tab-active {
    border-bottom: 1px solid #3d3d3d;
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 600;
    transform: scale(1.01)
;}

.dealer-market .footer-inifo {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 10px
;}

.dealer-market .footer-inifo div {
    color: #ccc;
    display: flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px
;}

.dealer-market .footer-inifo div img {
    height: 17px;
    margin: 0 6px;
    width: 14px
;}

.dealer-market .pie-echarts {
    display: none;
    justify-content: space-between;
    width: 100%
;}

.dealer-market .pie-echarts .chart {
    width: 420px
;}

.dealer-market .pie-echarts .chart-data {
    width: 320px
;}

.dealer-market .pie-echarts-flex {
    display: flex
;}

html[dir=rtl] .dealer-market .footer-inifo div {
    direction: ltr
;}

html[dir=rtl] .dealer-market .footer-inifo div span .date-time {
    direction: ltr!important
;}

@media screen and (max-width: 1199px) {
    .dealer-market .pie-echarts {
        flex-direction:column
    ;}

    .dealer-market .pie-echarts .chart {
        width: 526px
    ;}

    .dealer-market .pie-echarts .chart-data {
        width: 100%
    ;}
;}

@media screen and (max-width: 999px) {
    .dealer-market .pie-echarts {
        flex-direction:column
    ;}

    .dealer-market .pie-echarts .chart {
        width: 346px
    ;}

    .dealer-market .pie-echarts .chart-data {
        width: 100%
    ;}
;}

@media screen and (max-width: 799px) {
    .dealer-market {
        background:#fff;
        border: none;
        border-radius: 4px;
        padding: 24px 0
    ;}

    .dealer-market .pie-echarts {
        flex-direction: column
    ;}

    .dealer-market .pie-echarts .chart,.dealer-market .pie-echarts .chart-data {
        width: 100%
    ;}

    .dealer-market .footer-inifo,.dealer-market .home-tab {
        padding: 0 16px
    ;}
;}
.comm-sub-nav {
    width: 100%
;}

.comm-sub-nav .nav {
    align-items: center;
    display: flex;
    height: 58px;
    margin: 0 auto;
    width: 1200px
;}

.comm-sub-nav .nav .nav-box {
    border-radius: 0 0 4px 4px;
    display: flex;
    white-space: nowrap
;}

.comm-sub-nav .nav .nav-list {
    align-items: center;
    display: flex
;}

.comm-sub-nav .nav .nav-list a,.comm-sub-nav .nav .nav-list i,.comm-sub-nav .nav .nav-list span {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.comm-sub-nav .nav .nav-list i {
    padding: 0 5px
;}

.comm-sub-nav .nav .nav-list:last-child i {
    display: none
;}

@media screen and (max-width: 1199px) {
    .comm-sub-nav .nav {
        width:940px
    ;}
;}

@media screen and (max-width: 999px) {
    .comm-sub-nav .nav {
        width:752px
    ;}
;}

@media screen and (max-width: 799px) {
    .comm-sub-nav {
        display:none
    ;}
;}

.article-page {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    width: 100%
;}

.article-page .page {
    display: flex
;}

.article-page .page a {
    align-items: center;
    background: #f5f5f5;
    color: #a3a3a3;
    display: flex;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    height: 30px;
    justify-content: center;
    line-height: 18px;
    margin-right: 10px;
    width: 30px
;}

.article-page .page .active,.article-page .page .page-a:hover {
    background: #ffd733;
    color: #000
;}

.no-data {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    min-height: 350px;
    width: 100%
;}

.no-data img {
    max-width: 300px
;}

.no-data p {
    color: #a3a3a3;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-top: 25px;
    text-align: center
;}

.emojibox .e-it[data-v-0c976088] {
    cursor: pointer;
    font-size: 14px;
    height: 22px;
    list-style: none;
    text-align: center;
    width: 22px
;}

.emojibox .e-it:hover img[data-v-0c976088] {
    border: 1px solid #ccc
;}

.exposure-entry.Mobile {
    padding: 0!important
;}

.exposure-entry .loading-u {
    background: rgba(0,0,0,.3) url(https://resources1.interface003.com/web20/img/class/Loading.gif) no-repeat 50%;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99
;}

.exposure-entry .nearly-month-top {
    border-radius: 4px;
    display: none;
    flex-direction: row;
    gap: 16px;
    margin-bottom: 16px;
    width: 100%
;}

.exposure-entry .nearly-month-top .nearly-month-item {
    -webkit-backdrop-filter: blur(1.5px);
    backdrop-filter: blur(1.5px);
    background: hsla(0,0%,100%,.4);
    min-height: 110px;
    mix-blend-mode: normal;
    padding: 24px 20px;
    position: relative;
    width: 50%
;}

.exposure-entry .nearly-month-top .nearly-month-item.symbol_icon {
    background: linear-gradient(90deg,#fff4de .02%,#fff8e3 99.99%)
;}

.exposure-entry .nearly-month-top .nearly-month-item.peoples_icon {
    background: linear-gradient(268deg,#e2fef9 1.41%,#dffaf2 98.27%)
;}

.exposure-entry .nearly-month-top .nearly-month-item .bg-right {
    bottom: 0;
    position: absolute;
    right: 0
;}

.exposure-entry .nearly-month-top .resolved-title {
    color: #322200;
    font-size: 14px;
    line-height: 20px
;}

.exposure-entry .nearly-month-top .resolved-title.peoples {
    color: #005b47
;}

.exposure-entry .nearly-month-top .resolved-value {
    color: #322200;
    font-family: DIN-BlackItalic;
    font-size: 28px;
    font-weight: 600;
    margin-top: 8px
;}

.exposure-entry .nearly-month-top .resolved-value.peoples {
    color: #004420
;}

.exposure-entry .tab-group {
    align-items: center;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px 0 0
;}

.exposure-entry .tab-group .menutop {
    align-items: flex-end;
    border-bottom: 1px solid rgba(0,0,0,.05);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 20px;
    width: 100%
;}

.exposure-entry .tab-group .menutop .tab-box {
    display: flex
;}

.exposure-entry .tab-group .menutop .tab-box .item-category {
    color: #a3a3a3;
    font-size: 20px;
    line-height: 28px;
    padding-bottom: 12px
;}

.exposure-entry .tab-group .menutop .tab-box .item-category:not(:first-child) {
    margin-left: 35px
;}

.exposure-entry .tab-group .menutop .tab-box a:hover {
    color: #3d3d3d;
    cursor: pointer
;}

.exposure-entry .tab-group .menutop .tab-box .item-active {
    border-bottom: 3px solid #1d2129;
    color: #1d2129;
    font-weight: 600
;}

.exposure-entry .tab-group .menutop .input-box {
    align-items: center;
    background: rgba(61,75,102,.05);
    border-radius: 20px;
    display: flex;
    height: 40px;
    margin-bottom: 10px;
    padding: 0 16px
;}

.exposure-entry .tab-group .menutop .input-box .iconfont {
    color: #a3a3a3;
    font-size: 20px;
    margin-right: 10px
;}

.exposure-entry .tab-group .menutop .input-box .textbox {
    background: transparent;
    color: #3d3d3d;
    font-size: 14px;
    height: 100%;
    min-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.exposure-entry .tab-group .menutop .tab-box::-webkit-scrollbar {
    display: none
;}

.exposure-entry .main-group {
    background: #fff
;}

.exposure-entry .main-group .list-group {
    display: flex;
    padding: 20px
;}

.exposure-entry .label-group {
    display: flex;
    flex-wrap: wrap
;}

.exposure-entry .label-group .a {
    align-items: center;
    background: #f7f8fa;
    border-radius: 20px;
    box-sizing: border-box;
    color: #444;
    display: flex;
    font-size: 16px;
    height: 33px;
    line-height: 33px;
    margin: 0 12px 12px 0;
    padding: 0 16px
;}

.exposure-entry .label-group .a i {
    color: #444;
    font-size: 20px;
    margin-right: 4px
;}

.exposure-entry .label-group .a .spcateTab {
    margin-right: 4px;
    width: 20px
;}

.exposure-entry .label-group .active,.exposure-entry .label-group a:hover {
    background: #fadc19;
    color: #1d2129
;}

.exposure-entry .label-group .active i,.exposure-entry .label-group a:hover i {
    color: #1d2129
;}

.exposure-entry .label-group .active {
    font-weight: 600
;}

.exposure-entry .label-group .active .iconfont {
    font-weight: 400
;}

.exposure-entry .label-group::-webkit-scrollbar {
    display: none
;}

.exposure-entry .solarize-left {
    flex: 1;
    overflow: hidden
;}

.exposure-entry .solarize-left .item-list {
    min-height: 424px
;}

.exposure-entry .solarize-left .item-list .item-exposure {
    border-top: 1px solid #e5e6eb;
    box-sizing: border-box;
    display: block;
    padding: 20px 0
;}

.exposure-entry .solarize-left .item-list .item-exposure.nopagelastone {
    border-bottom: none
;}

.exposure-entry .solarize-left .item-list .item-exposure:first-child {
    border-top: none;
    padding: 8px 0 20px
;}

.exposure-entry .solarize-left .item-list .item-exposure.Boutique-exposure {
    padding-top: 0
;}

.exposure-entry .solarize-left .item-list .item-exposure .general-layout {
    display: flex
;}

.exposure-entry .solarize-left .item-list .item-exposure .general-layout .layout-left {
    flex: 1;
    position: relative;
;}

.exposure-entry .solarize-left .item-list .item-exposure .general-layout .layout-left .item-title {
    display: -webkit-box;
    max-height: 52px;
    overflow: hidden;
;}

.exposure-entry .solarize-left .item-list .item-exposure .general-layout .layout-right {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    position: relative;
;}

.exposure-entry .solarize-left .item-list .item-exposure .general-layout .layout-right .right-time {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 12px;
    width: 192px;
;}

.exposure-entry .solarize-left .item-list .item-exposure .general-layout .layout-right .right-time p {
    color: #86909c;
    font-size: 14px;
    line-height: 14px;
    text-align: right;
;}

.exposure-entry .solarize-left .item-list .item-exposure .item-title {
    color: #292929;
    font-size: 20px;
    font-weight: 500;
    word-break: break-all;
;}

.exposure-entry .solarize-left .item-list .item-exposure .item-summary {
    color: #1d2129;
    font-size: 14px;
    line-height: 20px;
    margin-top: 6px;
    max-height: 40px;
    overflow: hidden;
    word-break: normal;
;}

.exposure-entry .solarize-left .item-list .item-exposure .item-summary img {
    height: 16px;
    margin: 0 2px;
    width: 16px;
;}

.exposure-entry .solarize-left .item-list .item-exposure .ul-cp-trader {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    margin-top: 12px;
;}

.exposure-entry .solarize-left .item-list .item-exposure .ul-cp-trader.abs {
    bottom: 0;
    left: 0;
    position: absolute;
;}

.exposure-entry .solarize-left .item-list .item-exposure .ul-cp-trader .li-cp {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: center;
;}

.exposure-entry .solarize-left .item-list .item-exposure .ul-cp-trader .li-cp .cp-tip {
    color: #86909c;
    font-size: 14px;
;}

.exposure-entry .solarize-left .item-list .item-exposure .ul-cp-trader .li-cp .cp-trader {
    align-items: center;
    display: flex;
    gap: 6px;
    justify-content: center;
;}

.exposure-entry .solarize-left .item-list .item-exposure .ul-cp-trader .li-cp .cp-trader .cp-ico {
    height: 16px;
    width: 16px;
;}

.exposure-entry .solarize-left .item-list .item-exposure .ul-cp-trader .li-cp .cp-trader p {
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 600;
;}

.exposure-entry .solarize-left .item-list .item-exposure .ul-cp-trader .li-cp .cp-cate {
    color: #3d55cc;
    font-size: 14px;
    font-weight: 600;
;}

.exposure-entry .solarize-left .item-list .item-exposure .left-time {
    display: none;
;}

.exposure-entry .solarize-left .item-list .item-exposure .item-pic {
    border-radius: 4px;
    height: 116px;
    margin-left: 20px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 192px;
;}

.exposure-entry .solarize-left .item-list .item-exposure .mobile-item-title {
    display: none;
;}

.exposure-entry .solarize-left .item-list .special-layout {
    padding: 20px 0;
;}

.exposure-entry .solarize-left .item-list .item-exposure:hover .item-title {
    color: #b38936;
;}

.exposure-entry .solarize-left .pager-group {
    padding: 26px 0 36px;
;}

.exposure-entry .solarize-left .pager-group .page .active,.exposure-entry .solarize-left .pager-group .page .page-a:hover {
    background: #fadc19;
;}

.exposure-entry .solarize-left .nopager {
    padding: 26px 0 36px;
;}

.exposure-entry .solarize-left .release-group {
    border: 1px solid #f2f2f2;
    padding: 20px;
;}

.exposure-entry .solarize-left .release-group .release-title {
    color: rgba(61,61,61,.6);
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
;}

.exposure-entry .solarize-left .release-group .find-group {
    background: rgba(61,75,102,.05);
    margin-top: 8px;
    padding: 0 16px;
    position: relative;
;}

.exposure-entry .solarize-left .release-group .find-group .query-box {
    align-items: center;
    display: flex;
    height: 40px;
;}

.exposure-entry .solarize-left .release-group .find-group .query-box .iconfont {
    font-size: 18px;
    margin-right: 10px;
;}

.exposure-entry .solarize-left .release-group .find-group .query-box input {
    background: transparent;
    color: #3d4b66;
    flex: 1;
    font-size: 14px;
    height: 100%;
;}

.exposure-entry .solarize-left .release-group .find-group .result-box {
    background: #fff;
    border: 1px solid rgba(61,75,102,.1);
    border-top: 0;
    left: 0;
    max-height: 240px;
    overflow-y: auto;
    padding: 10px 0;
    position: absolute;
    top: 40px;
    width: 100%;
    z-index: 1;
;}

.exposure-entry .solarize-left .release-group .find-group .result-box .item-dealer {
    align-items: center;
    display: flex;
    min-height: 40px;
    padding: 0 10px;
;}

.exposure-entry .solarize-left .release-group .find-group .result-box .item-logo {
    height: 20px;
    margin-right: 10px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 20px;
;}

.exposure-entry .solarize-left .release-group .find-group .result-box .item-name {
    color: #666;
    font-size: 14px;
    margin-right: 10px;
    word-break: break-all;
;}

.exposure-entry .solarize-left .release-group .find-group .result-box .isFake {
    background-color: #fff;
    border: 1px solid #e45950;
    border-radius: 2px;
    box-sizing: border-box;
    color: #e45950;
    font-size: 14px;
    font-weight: 400;
    height: 21px;
    padding: 0 5px;
;}

.exposure-entry .solarize-left .release-group .find-group .result-box .item-dealer:hover {
    background: #f5f5f5;
    cursor: pointer;
;}

.exposure-entry .solarize-left .release-group .tag-group {
    display: flex;
    flex-wrap: wrap;
;}

.exposure-entry .solarize-left .release-group .tag-group.mobile {
    gap: 8px;
    margin: 18px 0;
;}

.exposure-entry .solarize-left .release-group .tag-group.mobile .item-tag {
    margin: 0;
;}

.exposure-entry .solarize-left .release-group .tag-group .item-tag {
    background: #fafafa;
    border-radius: 4px;
    color: #a3a3a3;
    font-size: 14px;
    line-height: 20px;
    margin: 18px 12px 18px 0;
    padding: 6px 20px;
;}

.exposure-entry .solarize-left .release-group .tag-group .active,.exposure-entry .solarize-left .release-group .tag-group .item-tag:hover {
    color: #301;
    cursor: pointer;
;}

.exposure-entry .solarize-left .release-group .tag-group .active {
    background: rgba(255,204,102,.2);
;}

.exposure-entry .solarize-left .release-group .detailed-information {
    background: #fafafa;
    border-radius: 4px;
    margin-top: 10px;
    padding: 7px 20px;
    position: relative;
;}

.exposure-entry .solarize-left .release-group .detailed-information .operation-group {
    align-items: center;
    border-top: 1px solid #e5e6eb;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 6px;
;}

.exposure-entry .solarize-left .release-group .detailed-information .operation-group .custom-opt {
    align-items: center;
    display: flex;
;}

.exposure-entry .solarize-left .release-group .detailed-information .operation-group .custom-opt .iconfont {
    color: #3d3d3d;
    display: block;
    font-size: 20px;
    margin-right: 10px;
;}

.exposure-entry .solarize-left .release-group .detailed-information .operation-group .custom-opt .iconfont:hover {
    color: #fc6;
    cursor: pointer;
;}

.exposure-entry .solarize-left .release-group .detailed-information .particulars {
    background: #fafafa;
    border: none;
    color: #3d4b66;
    font-size: 14px;
    line-height: 20px;
    min-height: 130px;
    resize: none;
    width: 100%;
;}

.exposure-entry .solarize-left .release-group .detailed-information .particulars img {
    margin: 0 3px 3px;
    vertical-align: top;
    width: 30px;
;}

.exposure-entry .solarize-left .release-group .detailed-information .picture-list {
    display: flex;
    flex-wrap: wrap;
;}

.exposure-entry .solarize-left .release-group .detailed-information .picture-list .item-upload {
    height: 64px;
    margin: 0 10px 10px 0;
    position: relative;
    width: 64px;
;}

.exposure-entry .solarize-left .release-group .detailed-information .picture-list .item-upload .mask {
    background: rgba(0,0,0,.4);
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
;}

.exposure-entry .solarize-left .release-group .detailed-information .picture-list .item-upload .up-pic {
    border-radius: 2px;
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
;}

.exposure-entry .solarize-left .release-group .detailed-information .picture-list .item-upload .ico-delete {
    color: #3d3d3d;
    display: none;
    font-size: 15px;
    position: absolute;
    right: -7px;
    top: -7px;
    transition: all .3s;
    z-index: 1;
;}

.exposure-entry .solarize-left .release-group .detailed-information .picture-list .item-upload .ico-delete:hover {
    cursor: pointer;
    transform: rotate(180deg);
;}

.exposure-entry .solarize-left .release-group .detailed-information .picture-list .item-upload:hover .ico-delete,.exposure-entry .solarize-left .release-group .detailed-information .picture-list .item-upload:hover .mask {
    display: block;
;}

.exposure-entry .solarize-left .release-group .postchapin {
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
;}

.exposure-entry .solarize-left .release-group .postchapin .tongbu {
    align-items: center;
    display: flex;
    gap: 8px;
;}

.exposure-entry .solarize-left .release-group .postchapin .tongbu .iconfont {
    background: #fadc19;
    border: .9px solid #fadc19;
    border-radius: 16px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    height: 16px;
    width: 16px;
;}

.exposure-entry .solarize-left .release-group .postchapin .tongbu .iconfont.niming {
    background-color: #fff;
    border: none;
;}

.exposure-entry .solarize-left .release-group .postchapin .tongbu .tongbutxt {
    color: #1d2129;
    font-size: 14px;
    font-weight: 400;
;}

.exposure-entry .solarize-left .release-group .postchapin .release-btn {
    background: #fc6;
    border-radius: 4px;
    color: #301;
    cursor: pointer;
    font-size: 14px;
    height: 29px;
    min-width: 72px;
    padding: 0 10px;
;}

.exposure-entry .solarize-left .release-group .postchapin .release-btn:disabled {
    background: #e6e6e6;
    color: #a3a3a3;
    cursor: default;
;}

.exposure-entry .solarize-left .release-group .redact {
    background: #fafafa;
    border-radius: 4px;
    color: #3d4b66;
    display: block;
    font-size: 14px;
    height: 40px;
    padding: 0 20px;
    width: 100%;
;}

.exposure-entry .solarize-left .how-resolved {
    margin-top: 12px;
    padding: 18px 8px;
;}

.exposure-entry .solarize-left .how-resolved .how-title {
    align-items: center;
    color: #a3a3a3;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    padding-bottom: 12px;
;}

.exposure-entry .solarize-left .how-resolved .how-title .iconfont {
    font-size: 22px;
    font-weight: 400;
    margin-right: 5px;
;}

.exposure-entry .solarize-left .how-resolved .how-tips li {
    color: #a3a3a3;
    font-size: 14px;
    line-height: 20px;
    list-style: disc inside;
    margin-top: 6px;
;}

.exposure-entry .solarize-right {
    margin-left: 32px;
    width: 383px;
;}

.exposure-entry .solarize-right .nearly-month {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 4px;
    overflow: hidden;
;}

.exposure-entry .solarize-right .nearly-month .nearly-month-item {
    -webkit-backdrop-filter: blur(1.5px);
    backdrop-filter: blur(1.5px);
    background: hsla(0,0%,100%,.4);
    min-height: 110px;
    mix-blend-mode: normal;
    padding: 24px 20px;
    position: relative;
;}

.exposure-entry .solarize-right .nearly-month .nearly-month-item.symbol_icon {
    background: linear-gradient(90deg,#fff4de .02%,#fff8e3 99.99%);
;}

.exposure-entry .solarize-right .nearly-month .nearly-month-item.peoples_icon {
    background: linear-gradient(268deg,#e2fef9 1.41%,#dffaf2 98.27%);
;}

.exposure-entry .solarize-right .nearly-month .nearly-month-item .bg-right {
    bottom: 0;
    position: absolute;
    right: 0;
;}

.exposure-entry .solarize-right .nearly-month .resolved-title {
    color: #322200;
    font-size: 14px;
    line-height: 20px;
;}

.exposure-entry .solarize-right .nearly-month .resolved-title.peoples {
    color: #005b47;
;}

.exposure-entry .solarize-right .nearly-month .space-gap {
    margin-top: 16px;
;}

.exposure-entry .solarize-right .nearly-month .resolved-value {
    color: #322200;
    font-family: DIN-BlackItalic;
    font-size: 28px;
    font-weight: 600;
    margin-top: 8px;
;}

.exposure-entry .solarize-right .nearly-month .resolved-value.peoples {
    color: #004420;
;}

.exposure-entry .solarize-right .exposure-btn {
    background: #fc6;
    border-radius: 4px;
    color: #301;
    display: block;
    font-size: 21px;
    font-weight: 600;
    height: 74px;
    margin-top: 20px;
    padding: 6px;
    width: 100%;
;}

.exposure-entry .solarize-right .exposure-btn .icon-modify {
    color: #000;
    font-size: 24px;
    margin-right: 10px;
;}

.exposure-entry .solarize-right .exposure-btn:hover {
    background: rgba(255,204,102,.8);
    cursor: pointer;
;}

.exposure-entry .solarize-right .exposure-btn.none {
    display: none;
;}

.exposure-entry .solarize-right .exposure-classification {
    border: 1px solid #f2f2f2;
    margin-top: 20px;
    padding: 20px;
;}

.exposure-entry .solarize-right .exposure-classification .classify-txt {
    color: rgba(61,61,61,.7);
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
;}

.exposure-entry .solarize-right .exposure-classification .classify-group {
    display: flex;
    margin-top: 18px;
;}

.exposure-entry .solarize-right .exposure-classification .classify-group .item-genre {
    cursor: pointer;
    text-align: center;
    width: 25%;
;}

.exposure-entry .solarize-right .exposure-classification .classify-group .genre-icon {
    display: block;
    height: 58px;
    margin: 0 auto;
    -o-object-fit: cover;
    object-fit: cover;
    width: 58px;
;}

.exposure-entry .solarize-right .exposure-classification .classify-group .genre-txt {
    color: rgba(61,61,61,.6);
    font-size: 12px;
    line-height: 17px;
    margin-top: 8px;
    word-break: break-all;
;}

.exposure-entry .solarize-right .exposure-classification .classify-group .item-genre:hover .genre-txt {
    color: #fc6;
;}

.exposure-entry .solarize-right .weekly-most {
    border: 1px solid #f2f2f2;
    margin-top: 20px;
    padding: 20px;
;}

.exposure-entry .solarize-right .weekly-most .weekly-txt {
    color: rgba(61,61,61,.7);
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
;}

.exposure-entry .solarize-right .weekly-most .ranking-list {
    margin-top: 10px;
;}

.exposure-entry .solarize-right .weekly-most .ranking-list .item-dealer {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0;
;}

.exposure-entry .solarize-right .weekly-most .ranking-list .dealer-info {
    align-items: center;
    display: flex;
    flex: 1;
;}

.exposure-entry .solarize-right .weekly-most .ranking-list .dealer-info .dealer-icon {
    height: 22px;
    margin-right: 10px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 22px;
;}

.exposure-entry .solarize-right .weekly-most .ranking-list .dealer-info .dealer-name {
    color: #3d3d3d;
    font-size: 16px;
    line-height: 22px;
;}

.exposure-entry .solarize-right .weekly-most .ranking-list .rank-num {
    height: 26px;
    width: 26px;
;}

.exposure-entry .solarize-right .weekly-most .ranking-list a:hover {
    background: #fafafa;
;}

.exposure-entry .solarize-right .weekly-most .ranking-list a:hover .dealer-info .dealer-name {
    color: #fc6;
;}

.exposure-entry .bottom-space {
    height: 44px;
;}

.exposure-entry .mobile-nearly-month {
    display: none;
    margin: 8px 0;
    padding: 0 20px;
;}

.exposure-entry .mobile-nearly-month .content-region {
    align-items: center;
    background: #f7f8fa;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    padding: 8px;
;}

.exposure-entry .mobile-nearly-month .content-region .resolved-title {
    color: #a3a3a3;
    flex: 1;
    font-size: 10px;
    line-height: 14px;
;}

.exposure-entry .mobile-nearly-month .content-region .resolved-value {
    align-items: center;
    color: #ff9f40;
    display: flex;
    font-family: DIN-Medium;
    font-size: 14px;
;}

.exposure-entry .mobile-nearly-month .content-region .resolved-value .iconfont {
    color: #a3a3a3;
    font-size: 18px;
    margin-left: 6px;
;}

.exposure-entry .suspension-group {
    align-items: center;
    background: rgba(255,204,102,.8);
    border-radius: 41px;
    bottom: 100px;
    color: #301;
    display: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding: 10px 22px;
    position: fixed;
    right: 20px;
    z-index: 3;
;}

.exposure-entry .suspension-group .iconfont {
    color: #000;
    font-size: 20px;
    margin-right: 10px;
;}

.exposure-entry .suspension-group:hover {
    background: #fc6;
    cursor: pointer;
;}

.exposure-entry .mobile-fixed-selection {
    background: rgba(0,0,0,.4);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3000;
;}

.exposure-entry .mobile-fixed-selection .main-region {
    background: #fff;
    border-radius: 12px 12px 0 0;
    bottom: 0;
    padding: 30px 20px 36px;
    position: absolute;
    width: 100%;
;}

.exposure-entry .mobile-fixed-selection .item-type {
    align-items: center;
    background: #fafafa;
    border: 1px solid #f5f5f5;
    cursor: pointer;
    display: flex;
    margin-bottom: 12px;
    padding: 14px 20px;
;}

.exposure-entry .mobile-fixed-selection .item-type .ico-type {
    height: 32px;
    margin-right: 10px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 32px;
;}

.exposure-entry .mobile-fixed-selection .item-type .type-txt {
    color: #3d3d3d;
    flex: 1;
    font-size: 17px;
    line-height: 24px;
;}

.exposure-entry .mobile-fixed-selection .cancel-btn {
    background: #fafafa;
    border: 1px solid #e6e6e6;
    color: #3d4b66;
    cursor: pointer;
    display: block;
    font-size: 17px;
    font-weight: 600;
    margin-top: 16px;
    min-height: 56px;
    width: 100%;
;}

.exposure-entry .mobile-exposure-search {
    background: rgba(0,0,0,.7);
    height: 100%;
    left: 0;
    padding: 72px 16px 40px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20000;
;}

.exposure-entry .mobile-exposure-search .substance-group {
    align-items: center;
    display: flex;
;}

.exposure-entry .mobile-exposure-search .outer-box {
    align-items: center;
    background: #f7f7f7;
    border: 1px solid #3d3d3d;
    border-radius: 5px;
    display: flex;
    flex: 1;
    overflow: hidden;
    padding: 0 10px 0 16px;
;}

.exposure-entry .mobile-exposure-search .outer-box .iconfont {
    color: #3d3d3d;
    font-size: 20px;
    margin-right: 8px;
;}

.exposure-entry .mobile-exposure-search .outer-box .textbox {
    background-color: transparent;
    color: #3d3d3d;
    flex: 1;
    font-size: 14px;
    height: 40px;
    overflow: hidden;
;}

.exposure-entry .mobile-exposure-search .outer-box .textbox::-moz-placeholder {
    color: #ccc;
;}

.exposure-entry .mobile-exposure-search .outer-box .textbox::placeholder {
    color: #ccc;
;}

.exposure-entry .mobile-exposure-search .btn-cancel {
    background-color: transparent;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    height: 40px;
    line-height: 20px;
    margin-left: 16px;
;}

.exposure-entry .understand-dialog {
    border-radius: 4px;
    top: 20%;
    transform: translateY(-50%);
;}

.exposure-entry .understand-dialog .el-dialog__body {
    padding: 24px 44px;
    text-align: center;
;}

.exposure-entry .understand-dialog .icon-close {
    color: #3d3d3d;
    font-size: 24px;
    font-weight: 600;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
;}

.exposure-entry .understand-dialog .icon-close:hover {
    cursor: pointer;
    transform: rotate(180deg);
    transition: all .3s;
;}

.exposure-entry .understand-dialog .understand-group {
    padding: 0 0 20px;
;}

.exposure-entry .understand-dialog .understand-group .understand-pic {
    display: block;
    margin: 0 auto;
    -o-object-fit: cover;
    object-fit: cover;
    width: 116px;
;}

.exposure-entry .understand-dialog .understand-group .understand-txt {
    color: #272729;
    font-size: 14px;
    line-height: 20px;
    margin: 12px auto 0;
    width: 356px;
;}

.exposure-entry .understand-dialog .understand-group .understand-txt.title {
    font-size: 18px;
    font-weight: 500;
;}

.exposure-entry .understand-dialog .confirm-btn {
    background: #fadc19;
    border-radius: 4px;
    color: #1d2129;
    font-size: 14px;
    font-weight: 600;
    height: 40px;
    min-width: 124px;
    padding: 0 10px;
;}

.exposure-entry .understand-dialog .confirm-btn:hover {
    background: rgba(255,204,102,.8);
    cursor: pointer;
;}

.exposure-entry .understand-dialog .el-dialog__header {
    display: none;
;}

.exposure-entry .mobile-understand-dialog {
    border-radius: 10px;
    box-shadow: 0 16px 32px rgba(0,0,0,.05),0 8px 16px rgba(0,0,0,.05);
    overflow: hidden;
    top: 10%;
    transform: translateY(-50%);
;}

.exposure-entry .mobile-understand-dialog.hasone .understand-pic {
    margin: 44px auto;
;}

.exposure-entry .mobile-understand-dialog.hasone .understand-txt {
    margin-bottom: 28px;
;}

.exposure-entry .mobile-understand-dialog.hasone .confirm-btn {
    background-color: #fadc19;
    border-radius: 6px;
    height: auto;
    margin-bottom: 30px;
    padding: 10px 32px;
    width: auto;
;}

.exposure-entry .mobile-understand-dialog .el-dialog__body {
    padding: 0;
    text-align: center;
;}

.exposure-entry .mobile-understand-dialog .icon-close {
    color: #3d3d3d;
    font-size: 24px;
    font-weight: 600;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
;}

.exposure-entry .mobile-understand-dialog .icon-close:hover {
    cursor: pointer;
    transform: rotate(180deg);
    transition: all .3s;
;}

.exposure-entry .mobile-understand-dialog .understand-pic {
    display: block;
    margin: 20px auto 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 116px;
;}

.exposure-entry .mobile-understand-dialog .understand-txt {
    color: #7a7a7a;
    font-size: 14px;
    line-height: 20px;
    margin: 6px auto 0;
    width: 85%;
;}

.exposure-entry .mobile-understand-dialog .confirm-btn {
    background: #fadc19;
    color: #301;
    font-size: 16px;
    font-weight: 600;
    height: 46px;
    margin-top: 15px;
    padding: 0 10px;
    width: 100%;
;}

.exposure-entry .mobile-understand-dialog .confirm-btn:hover {
    background-color: rgba(250,220,25,.7);
    cursor: pointer;
;}

.exposure-entry .mobile-understand-dialog .el-dialog__header {
    display: none;
;}

@media screen and (max-width: 1199px) {
    .exposure-entry {
        padding:0 30px;
    ;}

    .exposure-entry .tab-group .menutop .input-box .textbox {
        font-size: 12px;
        min-width: 235px;
    ;}

    .exposure-entry .main-group .list-group {
        padding: 20px;
    ;}

    .exposure-entry .solarize-left .item-list {
        padding: 0;
    ;}

    .exposure-entry .solarize-right {
        margin-left: 30px;
        width: 309px;
    ;}

    .exposure-entry .solarize-right .nearly-month .resolved-title {
        font-size: 12px;
        line-height: 17px;
    ;}

    .exposure-entry .solarize-right .nearly-month .resolved-value {
        font-size: 26px;
        line-height: 31px;
    ;}

    .exposure-entry .solarize-right .exposure-btn {
        margin-top: 15px;
    ;}

    .exposure-entry .solarize-right .exposure-classification {
        margin-top: 15px;
        padding: 16px;
    ;}

    .exposure-entry .solarize-right .exposure-classification .classify-txt {
        font-size: 12px;
        line-height: 17px;
    ;}

    .exposure-entry .solarize-right .exposure-classification .classify-group {
        margin-top: 14px;
    ;}

    .exposure-entry .solarize-right .exposure-classification .classify-group .genre-icon {
        height: 46px;
        width: 46px;
    ;}

    .exposure-entry .solarize-right .exposure-classification .classify-group .genre-txt {
        font-size: 10px;
        line-height: 14px;
        margin-top: 6px;
    ;}

    .exposure-entry .solarize-right .weekly-most {
        margin-top: 15px;
        padding: 16px
       
    ;}
;}

@media screen and (max-width: 999px) {
    .exposure-entry {
        padding:0 20px;
    ;}

    .exposure-entry .nearly-month-top {
        display: flex;
    ;}

    .exposure-entry .tab-group {
        min-height: 62px;
        overflow: hidden;
        position: relative;
    ;}

    .exposure-entry .tab-group .menutop {
        height: 50px;
    ;}

    .exposure-entry .tab-group .menutop .tab-box {
        height: 38px;
    ;}

    .exposure-entry .tab-group .menutop .tab-box .item-category {
        font-size: 16px;
        line-height: 22px;
    ;}

    .exposure-entry .tab-group .menutop .tab-box .item-category:not(:first-child) {
        margin-left: 30px;
    ;}

    .exposure-entry .tab-group .menutop .input-box {
        border-radius: 50%;
        cursor: pointer;
        height: 38px;
        justify-content: center;
        padding: 0;
        width: 38px;
    ;}

    .exposure-entry .tab-group .menutop .input-box .iconfont {
        font-size: 16px;
        margin-right: 0;
    ;}

    .exposure-entry .tab-group .menutop .input-box .textbox {
        min-width: 0;
        transition: all .3s;
        width: 0;
    ;}

    .exposure-entry .special-tab .menutop .input-box {
        border-radius: 20px;
        cursor: default;
        justify-content: flex-start;
        padding: 0 16px;
        position: absolute;
        right: 20px;
        width: auto;
    ;}

    .exposure-entry .special-tab .menutop .input-box .iconfont {
        margin-right: 10px;
    ;}

    .exposure-entry .special-tab .menutop .input-box .textbox {
        min-width: 230px;
        width: auto;
    ;}

    .exposure-entry .main-group .list-group {
        flex-direction: column;
        justify-content: flex-start;
    ;}

    .exposure-entry .solarize-right {
        display: none;
    ;}

    .exposure-entry .suspension-group {
        display: flex;
    ;}
;}

@media screen and (max-width: 799px) {
    .exposure-entry {
        padding:0;
    ;}

    .exposure-entry .nearly-month-top {
        display: none;
    ;}

    .exposure-entry .tab-group {
        flex-wrap: nowrap;
        min-height: 0;
        padding: 16px 16px 0;
    ;}

    .exposure-entry .tab-group .menutop {
        border-bottom: none;
        height: 38px;
        margin: 0;
    ;}

    .exposure-entry .tab-group .menutop .tab-box {
        border-bottom: none;
        flex: 1;
        overflow-x: auto;
    ;}

    .exposure-entry .tab-group .menutop .tab-box .item-category {
        padding-bottom: 0;
        white-space: nowrap;
    ;}

    .exposure-entry .tab-group .menutop .tab-box .item-active {
        border-bottom: none;
    ;}

    .exposure-entry .tab-group .menutop .input-box {
        background: transparent;
        border-radius: 0;
        height: 22px;
        width: auto;
    ;}

    .exposure-entry .tab-group .menutop .input-box .iconfont {
        color: #3d3d3d;
    ;}

    .exposure-entry .mobile-nearly-month {
        display: block;
        padding: 0 16px;
    ;}

    .exposure-entry .main-group .list-group {
        padding: 0;
    ;}

    .exposure-entry .label-group {
        border-bottom: .5px solid rgba(0,0,0,.05);
        flex-wrap: nowrap;
        gap: 15px;
        margin: 0 16px;
        overflow-x: auto;
        padding: 8px 0 0;
    ;}

    .exposure-entry .label-group .a {
        background: transparent;
        border-radius: 0;
        color: #86909c;
        font-size: 14px;
        height: auto;
        line-height: 20px;
        margin: 0;
        padding: 6px 0 9px;
        text-align: center;
        white-space: nowrap;
    ;}

    .exposure-entry .label-group .a:hover {
        background-color: #fff;
        color: #3d3d3d;
    ;}

    .exposure-entry .label-group .a .spcateTab,.exposure-entry .label-group .a i {
        display: none;
    ;}

    .exposure-entry .label-group .active {
        border-bottom: 3px solid #fadc19;
        color: #3d3d3d;
        font-weight: 600;
    ;}

    .exposure-entry .solarize-left {
        padding: 0;
    ;}

    .exposure-entry .solarize-left .item-list {
        background-color: #f7f8fa;
    ;}

    .exposure-entry .solarize-left .item-list .item-exposure {
        background-color: #fff;
        border: none;
        border-radius: 12px;
        margin: 8px 0;
        padding: 16px;
    ;}

    .exposure-entry .solarize-left .item-list .item-exposure:first-child {
        margin: 8px 0;
        padding: 16px;
    ;}

    .exposure-entry .solarize-left .item-list .item-exposure .mobile-item-title {
        color: #292929;
        display: -webkit-box;
        font-size: 16px;
        font-weight: 600;
        height: 22px;
        line-height: 22px;
        margin: 0 0 8px;
        overflow: hidden;
    ;}

    .exposure-entry .solarize-left .item-list .item-exposure .mobile-item-title span {
        white-space: normal;
    ;}

    .exposure-entry .solarize-left .item-list .item-exposure .long-title {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
    ;}

    .exposure-entry .solarize-left .item-list .item-exposure .long-title .tag,.exposure-entry .solarize-left .item-list .item-exposure .long-title span:not(:first-child) {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
    ;}

    .exposure-entry .solarize-left .item-list .item-exposure .long-title span:not(:first-child) {
        -webkit-line-clamp: 2;
    ;}

    .exposure-entry .solarize-left .item-list .item-exposure .item-summary {
        font-size: 14px;
        line-height: 22px;
        margin-top: 0;
        max-height: 44px;
    ;}

    .exposure-entry .solarize-left .item-list .item-exposure .item-pic {
        height: 66px;
        margin-left: 8px;
        width: 105px;
    ;}

    .exposure-entry .solarize-left .item-list .item-exposure .item-title {
        display: none!important;
    ;}

    .exposure-entry .solarize-left .item-list .item-exposure .ul-cp-trader {
        display: none;
    ;}

    .exposure-entry .solarize-left .item-list .item-exposure .left-time {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 10px;
    ;}

    .exposure-entry .solarize-left .item-list .item-exposure .left-time p {
        color: #86909c;
        font-size: 12px;
        line-height: 14px;
    ;}

    .exposure-entry .solarize-left .item-list .item-exposure .general-layout .layout-right .right-time {
        display: none;
    ;}

    .exposure-entry .solarize-left .item-list .item-exposure .ul-cp-trader-mobile {
        align-items: flex-start;
        border-top: .5px solid #eaeaea;
        display: flex;
        flex-direction: column;
        gap: 8px;
        justify-content: center;
        margin-top: 12px;
        padding: 12px 0 0;
    ;}

    .exposure-entry .solarize-left .item-list .item-exposure .ul-cp-trader-mobile .li-cp {
        align-items: center;
        display: flex;
        gap: 12px;
        justify-content: center;
    ;}

    .exposure-entry .solarize-left .item-list .item-exposure .ul-cp-trader-mobile .li-cp .cp-tip {
        color: #86909c;
        font-size: 14px;
    ;}

    .exposure-entry .solarize-left .item-list .item-exposure .ul-cp-trader-mobile .li-cp .cp-trader {
        align-items: center;
        display: flex;
        gap: 6px;
        justify-content: center;
    ;}

    .exposure-entry .solarize-left .item-list .item-exposure .ul-cp-trader-mobile .li-cp .cp-trader .cp-ico {
        height: 16px;
        width: 16px;
    ;}

    .exposure-entry .solarize-left .item-list .item-exposure .ul-cp-trader-mobile .li-cp .cp-trader p {
        color: #3d3d3d;
        font-size: 14px;
        font-weight: 600;
    ;}

    .exposure-entry .solarize-left .item-list .item-exposure .ul-cp-trader-mobile .li-cp .cp-cate {
        color: #3d55cc;
        font-size: 14px;
        font-weight: 600;
    ;}

    .exposure-entry .bottom-space,.exposure-entry .solarize-left .how-resolved,.exposure-entry .solarize-left .release-group {
        display: none;
    ;}
;}

.exposure-entry .emoticon-group {
    background: #fff;
    border: 1px solid #ebedef;
    bottom: 40px;
    box-shadow: 0 0 10px -2px #999;
    left: 9px;
    padding: 15px 20px;
    position: absolute;
    width: 402px;
;}

.exposure-entry .emoticon-group:before {
    border: 10px solid transparent;
    border-top-color: #fff;
    bottom: -20px;
    content: "";
    height: 0;
    left: 10px;
    position: absolute;
    width: 0;
;}

.exposure-entry .emoticon-group ul {
    display: flex;
    flex-wrap: wrap;
;}

.exposure-entry .emoticon-group li .item-face {
    background: url(https://resources1.interface003.com/web20/img/exposure/face-feel.png) no-repeat;
    cursor: pointer;
    display: block;
    height: 36px;
    width: 36px;
;}

.exposure-entry .emoticon-group li .face-feel1 {
    background-position: 0 0;
;}

.exposure-entry .emoticon-group li .face-feel2 {
    background-position: -36px 0;
;}

.exposure-entry .emoticon-group li .face-feel3 {
    background-position: -72px 0;
;}

.exposure-entry .emoticon-group li .face-feel4 {
    background-position: -108px 0;
;}

.exposure-entry .emoticon-group li .face-feel5 {
    background-position: -144px 0;
;}

.exposure-entry .emoticon-group li .face-feel6 {
    background-position: -180px 0;
;}

.exposure-entry .emoticon-group li .face-feel7 {
    background-position: -216px 0;
;}

.exposure-entry .emoticon-group li .face-feel8 {
    background-position: -252px 0;
;}

.exposure-entry .emoticon-group li .face-feel9 {
    background-position: -288px 0;
;}

.exposure-entry .emoticon-group li .face-feel10 {
    background-position: -324px 0;
;}

.exposure-entry .emoticon-group li .face-feel11 {
    background-position: 0 -36px;
;}

.exposure-entry .emoticon-group li .face-feel12 {
    background-position: -36px -36px;
;}

.exposure-entry .emoticon-group li .face-feel13 {
    background-position: -72px -36px;
;}

.exposure-entry .emoticon-group li .face-feel14 {
    background-position: -108px -36px;
;}

.exposure-entry .emoticon-group li .face-feel15 {
    background-position: -144px -36px;
;}

.exposure-entry .emoticon-group li .face-feel16 {
    background-position: -180px -36px;
;}

.exposure-entry .emoticon-group li .face-feel17 {
    background-position: -216px -36px;
;}

.exposure-entry .emoticon-group li .face-feel18 {
    background-position: -252px -36px;
;}

.exposure-entry .emoticon-group li .face-feel19 {
    background-position: -288px -36px;
;}

.exposure-entry .emoticon-group li .face-feel20 {
    background-position: -324px -36px;
;}

.exposure-entry .emoticon-group li .face-feel21 {
    background-position: 0 -72px;
;}

.exposure-entry .emoticon-group li .face-feel22 {
    background-position: -36px -72px;
;}

.exposure-entry .emoticon-group li .face-feel23 {
    background-position: -72px -72px;
;}

.exposure-entry .emoticon-group li .face-feel24 {
    background-position: -108px -72px;
;}

.exposure-entry .emoticon-group li .face-feel25 {
    background-position: -144px -72px;
;}

.exposure-entry .emoticon-group li .face-feel26 {
    background-position: -180px -72px
;}

.exposure-entry .emoticon-group li .face-feel27 {
    background-position: -216px -72px
;}

.exposure-entry .emoticon-group li .face-feel28 {
    background-position: -252px -72px
;}

.exposure-entry .emoticon-group li .face-feel29 {
    background-position: -288px -72px
;}

.exposure-entry .emoticon-group li .face-feel30 {
    background-position: -324px -72px
;}

.exposure-entry .emoticon-group li .face-feel31 {
    background-position: 0 -108px
;}

.exposure-entry .emoticon-group li .face-feel32 {
    background-position: -36px -108px
;}

.exposure-entry .emoticon-group li .face-feel33 {
    background-position: -72px -108px
;}

.exposure-entry .emoticon-group li .face-feel34 {
    background-position: -108px -108px
;}

.exposure-entry .emoticon-group li .face-feel35 {
    background-position: -144px -108px
;}

.exposure-entry .emoticon-group li .face-feel36 {
    background-position: -180px -108px
;}

.exposure-entry .emoticon-group li .face-feel37 {
    background-position: -216px -108px
;}

.exposure-entry .emoticon-group li .face-feel38 {
    background-position: -252px -108px
;}

.exposure-entry .emoticon-group li .face-feel39 {
    background-position: -288px -108px
;}

.exposure-entry .emoticon-group li .face-feel40 {
    background-position: -324px -108px
;}

.exposure-entry .emoticon-group li .face-feel41 {
    background-position: 0 -144px
;}

.exposure-entry .emoticon-group li .face-feel42 {
    background-position: -36px -144px
;}

.exposure-entry .emoticon-group li .face-feel43 {
    background-position: -72px -144px
;}

.exposure-entry .emoticon-group li .face-feel44 {
    background-position: -108px -144px
;}

.exposure-entry .emoticon-group li .face-feel45 {
    background-position: -144px -144px
;}

.exposure-entry .emoticon-group li .face-feel46 {
    background-position: -180px -144px
;}

.exposure-entry .emoticon-group li .face-feel47 {
    background-position: -216px -144px
;}

.exposure-entry .emoticon-group li .face-feel48 {
    background-position: -252px -144px
;}

.exposure-entry .emoticon-group li .face-feel49 {
    background-position: -288px -144px
;}

.exposure-entry .emoticon-group li .face-feel50 {
    background-position: -324px -144px
;}

.exposure-entry .emoticon-group li .face-feel51 {
    background-position: 0 -180px
;}

.exposure-entry .emoticon-group li .face-feel52 {
    background-position: -36px -180px
;}

.exposure-entry .emoticon-group li .face-feel53 {
    background-position: -72px -180px
;}

.exposure-entry .emoticon-group li .face-feel54 {
    background-position: -108px -180px
;}

.exposure-entry .emoticon-group li .face-feel55 {
    background-position: -144px -180px
;}

.exposure-entry .emoticon-group li .face-feel56 {
    background-position: -180px -180px
;}

.exposure-entry .emoticon-group li .face-feel57 {
    background-position: -216px -180px
;}

.exposure-entry .emoticon-group li .face-feel58 {
    background-position: -252px -180px
;}

.exposure-entry .emoticon-group li .face-feel59 {
    background-position: -288px -180px
;}

html[dir=rtl] .exposure-entry .result-box .item-dealer .item-name {
    margin-left: 10px;
    margin-right: 0
;}

html[dir=rtl] .exposure-entry .label-group .a .spcateTab,html[dir=rtl] .exposure-entry .label-group .a i {
    margin-left: 4px;
    margin-right: 0
;}

html[dir=rtl] .exposure-entry .solarize-left .item-list .item-exposure .item-pic,html[dir=rtl] .exposure-entry .solarize-right {
    margin-left: 0;
    margin-right: 20px
;}

html[dir=rtl] .exposure-entry .solarize-left .release-group .find-group .query-box .iconfont {
    margin-left: 10px;
    margin-right: 0
;}

html[dir=rtl] .exposure-entry .solarize-left .release-group .tag-group .item-tag {
    margin: 18px 0 18px 12px
;}

html[dir=rtl] .exposure-entry .solarize-left .how-resolved .how-title .iconfont {
    margin-left: 5px;
    margin-right: 0
;}

html[dir=rtl] .exposure-entry .solarize-right .exposure-btn .icon-modify,html[dir=rtl] .exposure-entry .tab-group .menutop .input-box .iconfont {
    margin-left: 10px;
    margin-right: 0
;}

html[dir=rtl] .exposure-entry .tab-group .tab-box .item-category:not(:first-child) {
    margin-left: 0;
    margin-right: 35px
;}

html[dir=rtl] .exposure-entry .suspension-group .iconfont {
    margin-left: 10px;
    margin-right: 0
;}

html[dir=rtl] .exposure-entry .solarize-left .item-list .item-exposure .share-info .share-pop .item-channel i {
    margin-left: 6px;
    margin-right: 0
;}

html[dir=rtl] .exposure-entry .solarize-left .release-group .find-group .result-box .item-logo {
    margin-left: 10px;
    margin-right: 0
;}

html[dir=rtl] .exposure-entry .emoticon-group {
    left: auto;
    right: 9px
;}

html[dir=rtl] .exposure-entry .emoticon-group:before {
    left: auto;
    right: 20px
;}

html[dir=rtl] .exposure-entry .solarize-right .weekly-most .ranking-list .dealer-info .dealer-icon {
    margin-left: 10px;
    margin-right: 0
;}

@media screen and (max-width: 799px) {
    html[dir=rtl] .exposure-entry .solarize-left .item-list .item-exposure .item-pic {
        margin-left:0;
        margin-right: 8px
    ;}
;}
 html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  outline: none;
;}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  display: block;
;}

html {
  -webkit-text-size-adjust: none;
  /* 禁用Webkit内核浏览器的文字大小调整功能（因为字体<12px时，中文版Chrome浏览器里字体显示仍为12px） */
;}

html,
body,
textarea {
  font-family: "PingFang SC", "Microsoft YaHei", "Microsoft Jhenghei", -apple-system, system-ui, "Hiragino Sans GB", STHeitiTC-Light, tahoma, arial, sans-serif;
;}

html,
body {
  -webkit-font-smoothing: antialiased;
  /* 字体抗锯齿渲染 */
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* 这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过JavaScript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。要重设这个表现，可设置-webkit-tap-highlight-color为任何颜色 */
  scroll-behavior: smooth;
;}

blockquote,
q {
  quotes: none;
;}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none;
;}

a {
  text-decoration: none;
  outline: none;
  -webkit-backface-visibility: hidden;
;}

li,
ol,
ul {
  list-style: none;
;}

table {
  border-collapse: collapse;
  border-spacing: 0;
;}

input {
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-appearance: none;
  /* 去除浏览器默认样式 */
;}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 100px white inset;
;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
;}

input[type="number"] {
  -moz-appearance: textfield;
;}

/* ---------- 自定义样式 ---------- */
* {
  box-sizing: border-box;
;}

button {
  border: 0;
  outline: 0;
;}

/* 超出省略 */
.overhide {
  /* 一行溢出省略 */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
;}

.overhide1 {
  /* 一行溢出省略 */
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
;}

.overhide2 {
  /* 两行溢出省略（手机端使用） */
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
;}

.overhide3 {
  /* 三行溢出省略（手机端使用） */
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
;}

/* 自定义字体 */
@font-face {
  font-family: "DIN";
  src: url("https://resources1.interface003.com/web20/font/DIN-Light.otf");
  font-display: swap;
;}

@font-face {
  font-family: "DIN-Medium";
  src: url("https://resources1.interface003.com/web20/font/DIN-MEDIUM_0.OTF");
  font-display: swap;
;}

.g-header-warp .select-country-btn {
  box-sizing: content-box;
;}

html {
  min-height: 100vh;
  background: #FAFAFA;
;}

::-webkit-scrollbar {
  width: 6px;
  height: 1px;
  background-color: #F1F1F1;
;}

::-webkit-scrollbar-thumb {
  background-color: #C1C1C1;
;}

#__layout {
  position: relative;
;}

.page-width {
  /* Web端 */
  width: 1200px;
  margin: 0 auto;
;}
.animation_star{
  display: flex;
;}
.animation_star i {
  animation: 2291ms startLoading ease;
;}
.animation_star i:nth-child(1){
  animation-delay: 42ms;
;}
.animation_star i:nth-child(2){
  animation-delay: 126ms;
;}
.animation_star i:nth-child(3){
  animation-delay: 294ms;
;}
.animation_star i:nth-child(4){
  animation-delay: 462ms;
;}
.animation_star i:nth-child(5){
  animation-delay: 546ms;
;}


@keyframes startLoading {
  0% {
    -webkit-transform: scale(0) translateX(-10px);
    transform: scale(0)translateX(-10px);
  ;}
  100% {
    -webkit-transform: scale(1) translateX(0px);
    transform: scale(1) translateX(0px);
  ;}
;}

.el-message-override {
  z-index: 2005;
;}
/* 全局弹框不抖动 */
.el-popup-parent--hidden {
    overflow :auto !important;
    padding: 0 !important;
;}
/* 关闭颜色设置为黑色 */
.el-dialog__headerbtn:hover .el-dialog__close {
  color: #3d3d3d !important;
;}
@media screen and (max-width: 1199px) {

  /* PC客户端 */
  .page-width {
    width: 1000px;
  ;}
;}
/*
@media screen and (width: 1000px) {
  /* #__layout {
    max-height: 742px;
    overflow-x: hidden;
    overflow-y: auto;
  ;} */

@media screen and (max-width: 999px) {

  /* pad端 */
  .page-width {
    width: 800px;
  ;}
;}

@media screen and (max-width: 799px) {

  /* pad端 */
  html {
    background: #FCFCFF;
  ;}

  .page-width {
    /* width: 576px; */
    width: 100%;
    padding: 0 20px !important;
  ;}

  .el-message {
    top: 45vh !important;
    min-width: auto !important;
    /* flex-direction: column; */
  ;}

  .el-icon-success {
    height: 24px;
    width: 24px;
    background: url('./message.svg') no-repeat center center;
    background-size: contain;
    flex-shrink: 0;
  ;}

  .el-icon-success:before {
    content: '' !important;
  ;}

  .el-message__content {
    text-align: center;
    line-height: 20px;
    /* color: #2E9987 !important; */
    font-size: 16px !important;
    line-height: 22px !important;
  ;}

  .el-message--success {
    background: rgba(23, 134, 115, 0.1) !important;
    border: 1px solid #2E9987 !important;
    color: #2E9987 !important;
    backdrop-filter: blur(3px) !important;
    border-radius: 6px;
  ;}
  .el-message--error{
    /* width: auto !important; */
    color: #F56C6C;
  ;}
  /*
  .el-message__icon {
    margin-bottom: 20px;
    font-size: 40px;
  ;}
  .el-message__content {
    text-align: center;
    line-height: 20px;
    color: #2E9987 !important;
    font-size: 16px !important;
    line-height: 22px !important;
  ;}
   */
;}

@media screen and (max-width: 575px) {

  /* 移动端 */
  .page-width {
    width: 100%;
  ;}
;}
html[dir='rtl'] body .icon-arrow-right {
  transform: rotate(180deg) !important;
;}

html[dir='rtl'] body .icon-arrow-left {
  transform: rotate(0) !important;
;}
html[dir='rtl'] body .el-message--success .el-message__content{
  margin-right:10px;
;}
html[dir='rtl'] .news-view .news-list .list .list-l {
  float: right;
;}

html[dir='rtl'] .news-view .news-list .list .list-r {
  float: left;
;}
.loading[data-v-3fc3173f] {
    background: rgba(0,0,0,.3);
    justify-content: center;
    left: 0;
    min-height: 400px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
;}

.loading .loading-p[data-v-3fc3173f],.loading[data-v-3fc3173f] {
    align-items: center;
    display: flex
;}

.loading .loading-p .loading-text[data-v-3fc3173f] {
    color: #fff;
    font-size: 14px;
    padding: 0 10px
;}

.emojibox .e-it[data-v-0c976088] {
    cursor: pointer;
    font-size: 14px;
    height: 22px;
    list-style: none;
    text-align: center;
    width: 22px
;}

.emojibox .e-it:hover img[data-v-0c976088] {
    border: 1px solid #ccc
;}

.imgtextContnet {
    align-items: center;
    height: 100%;
    justify-content: center
;}

.imgtextContnet,.imgtextContnet .result {
    display: flex;
    position: relative;
    width: 100%
;}

.imgtextContnet .result {
    flex-direction: column
;}

.imgtextContnet .result .description-group {
    border: 1px solid #e5e6eb;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 8px 16px
;}

.imgtextContnet .result .description-group .ql-editor {
    color: #606266;
    height: 100%;
    min-height: 92px;
    padding: 0;
    width: 100%
;}

.imgtextContnet .result .description-group .ql-editor:before {
    color: #c0c4cc;
    font-size: 14px;
    font-style: normal;
    left: 0
;}

.imgtextContnet .result .description-group .ql-clipboard,.imgtextContnet .result .description-group .ql-toolbar,.imgtextContnet .result .description-group .ql-tooltip {
    display: none
;}

.imgtextContnet .result .description-group .description-input {
    background-color: transparent;
    border: none;
    color: #3d3d3d;
    display: block;
    font-size: 14px;
    line-height: 20px;
    min-height: 92px;
    outline: 0;
    resize: none;
    width: 100%
;}

.imgtextContnet .result .description-group .description-input img {
    height: 16px
;}

.imgtextContnet .result .description-group .limit {
    color: #ccc;
    font-size: 11px;
    line-height: 15px;
    padding: 8px 0
;}

.imgtextContnet .result .description-group .limit.desc {
    border-bottom: 1px solid #e5e6eb
;}

.imgtextContnet .result .description-group .opbtn {
    display: flex;
    gap: 11px;
    margin-top: 7px;
    position: relative
;}

.imgtextContnet .result .description-group .opbtn .icon-emoje-safe,.imgtextContnet .result .description-group .opbtn .icon-image {
    cursor: pointer;
    font-size: 20px;
    height: 20px;
    width: 20px
;}

.imgtextContnet .result .description-group .opbtn .loadingdiv {
    height: 20px;
    position: relative;
    width: 100%
;}

.imgtextContnet .result .description-group .opbtn .loadingdiv .loading {
    background-color: #fff!important;
    min-height: 20px;
    position: absolute;
    top: 0
;}

.imgtextContnet .result .description-group .opbtn .loadingdiv .loading .loading-p {
    background-color: rgba(0,0,0,.3);
    border-radius: 4px
;}

.imgtextContnet .result .imgfilelist {
    display: flex;
    flex-direction: row;
    gap: 12px;
    margin-top: 20px
;}

.imgtextContnet .result .imgfilelist .van-uploader .van-uploader__preview {
    border-radius: 8px
;}

.imgtextContnet .result .imgfilelist .van-uploader .van-uploader__upload {
    display: none
;}

.imgtextContnet .result .show-placeholder:before {
    color: #86909c;
    content: attr(placeholder);
    font-size: 14px;
    pointer-events: none;
    position: absolute;
    top: 9px
;}

@media screen and (max-width: 799px) {
    .imgtextContnet .result .description-group {
        border:none;
        border-bottom: 1px solid rgba(0,0,0,.05)
    ;}

    .imgtextContnet .result .description-group .limit.desc {
        border: none;
        box-shadow: 0 1px 0 0 rgba(0,0,0,.05)
    ;}
;}

.evaluate-dialog .evaluateTitle.ar .el-input__inner {
    padding: 0 15px 0 45px!important
;}

.evaluate-dialog .evaluateTitle.ar .el-input__suffix {
    left: 5px;
    right: auto
;}

.evaluate-dialog .evaluateTitle .el-input__inner {
    padding: 0 45px 0 15px!important
;}

.evaluate-dialog .dialog-content .el-dialog__header {
    --tw-shadow: 0px 1px 0px 0px rgba(0,0,0,.05);
    --tw-shadow-colored: 0px 1px 0px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    margin-left: 30px;
    margin-right: 30px;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0
;}

.evaluate-dialog .dialog-content .el-dialog__close {
    color: #1d2129;
    font-size: 22px
;}

.evaluate-dialog .EnterMediatePopUp .el-dialog .el-dialog__body {
    padding: 0 30px 30px 20px
;}

.evaluate-dialog .el-dialog__title {
    color: #1d2129;
    font-weight: 600
;}

.evaluate-dialog .el-dialog .el-dialog__body {
    padding: 20px 30px
;}

.evaluate-dialog .dialog-btn .el-button {
    --tw-bg-opacity: 1;
    background-color: rgb(255 215 51/var(--tw-bg-opacity));
    border-radius: 6px;
    color: #1d2129;
    font-size: 16px;
    line-height: 22px;
    padding: 10px 32px
;}

.evaluate-dialog .dialog-btn .is-disabled {
    background-color: #f7f8fa;
    color: #ccc
;}

.toast-for-evalute {
    max-width: none!important
;}

@media screen and (max-width: 799px) {
    .evaluate-dialog .evaluateTitle.ar .el-input__inner {
        padding:0 15px 0 45px!important
    ;}

    .evaluate-dialog .evaluateTitle .el-input__inner {
        padding: 0 45px 0 15px!important
    ;}

    .evaluate-dialog .dialog-content .el-dialog__header {
        --tw-shadow: 0px 1px 0px 0px rgba(0,0,0,.05);
        --tw-shadow-colored: 0px 1px 0px 0px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
        margin-left: 16px;
        margin-right: 16px;
        padding-bottom: 20px;
        padding-left: 0;
        padding-right: 0
    ;}

    .evaluate-dialog .dialog-content .el-dialog {
        height: 100vh;
        margin-top: 15vh!important
    ;}

    .evaluate-dialog .EnterMediatePopUp .el-dialog .el-dialog__body {
        padding: 0 30px 30px 20px
    ;}

    .evaluate-dialog .el-dialog {
        border-radius: 0
    ;}

    .evaluate-dialog .el-dialog .el-dialog__body {
        max-height: 100vh;
        padding: 20px 16px
    ;}

    .evaluate-dialog .dialog-btn .el-button {
        padding: 10px 32px
    ;}
;}

.empty[data-v-f94c7b04] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 52px
;}

.empty img[data-v-f94c7b04] {
    width: 224px
;}

.empty p[data-v-f94c7b04] {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 24px
;}

.comm-sub-nav {
    width: 100%
;}

.comm-sub-nav .nav {
    align-items: center;
    display: flex;
    height: 58px;
    margin: 0 auto;
    width: 1200px
;}

.comm-sub-nav .nav .nav-box {
    border-radius: 0 0 4px 4px;
    display: flex;
    white-space: nowrap
;}

.comm-sub-nav .nav .nav-list {
    align-items: center;
    display: flex
;}

.comm-sub-nav .nav .nav-list a,.comm-sub-nav .nav .nav-list i,.comm-sub-nav .nav .nav-list span {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.comm-sub-nav .nav .nav-list i {
    padding: 0 5px
;}

.comm-sub-nav .nav .nav-list:last-child i {
    display: none
;}

@media screen and (max-width: 1199px) {
    .comm-sub-nav .nav {
        width:940px
    ;}
;}

@media screen and (max-width: 999px) {
    .comm-sub-nav .nav {
        width:752px
    ;}
;}

@media screen and (max-width: 799px) {
    .comm-sub-nav {
        display:none
    ;}
;}

.dealer-head-jeff {
    background: #313233;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    padding: 20px 24px
;}

.dealer-head-jeff .head-l {
    display: flex
;}

.dealer-head-jeff .head-l .l-logo {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 6px;
    flex-shrink: 0;
    height: 132px;
    margin-right: 30px;
    overflow: hidden;
    position: relative;
    width: 220px
;}

.dealer-head-jeff .head-l .l-logo .l-logo-img {
    border-radius: 6px;
    height: 100%;
    width: 100%
;}

.dealer-head-jeff .head-l .l-logo .dealer-l-logo-label {
    background: #e45950;
    border-radius: 3px 0;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 24px;
    left: 2px;
    line-height: 24px;
    max-width: 100%;
    padding: 0 6px;
    position: absolute;
    top: 2px
;}

.dealer-head-jeff .head-l .l-Info .Info-time-h5 {
    display: none
;}

.dealer-head-jeff .head-l .l-Info .Info-head {
    color: #fff;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    max-width: 524px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-head-jeff .head-l .l-Info .Info-count {
    align-items: center;
    background: rgba(0,0,0,.04);
    border: .5px solid hsla(0,0%,100%,.1);
    border-radius: 2px;
    display: flex;
    margin-top: 10px;
    padding: 6px 8px;
    width: -moz-max-content;
    width: max-content
;}

.dealer-head-jeff .head-l .l-Info .Info-count .count-img {
    border-radius: 1px;
    height: 14px;
    margin-right: 6px;
    width: 20.53px
;}

.dealer-head-jeff .head-l .l-Info .Info-count .count-txt {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
;}

.dealer-head-jeff .head-l .l-Info .Info-Time {
    background: rgba(0,0,0,.04);
    border: .5px solid hsla(0,0%,100%,.1);
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-top: 8px;
    padding: 3px 8px;
    width: -moz-max-content;
    width: max-content
;}

.dealer-head-jeff .head-l .l-Info .Info-website {
    align-items: center;
    background: hsla(0,0%,100%,.08);
    border: .5px solid hsla(0,0%,100%,.05);
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: flex;
    height: 26px;
    margin-right: 6px;
    margin-top: 8px;
    padding: 0 8px;
    position: relative;
    white-space: nowrap;
    width: -moz-max-content;
    width: max-content
;}

.dealer-head-jeff .head-l .l-Info .Info-website:hover {
    background: rgba(76,109,141,.05)
;}

.dealer-head-jeff .head-l .l-Info .Info-website .Website-Address {
    display: none
;}

.dealer-head-jeff .head-l .l-Info .Info-website .dealer-label-list-ul-a {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-head-jeff .head-l .l-Info .Info-website .icon-guanwangdizhi {
    margin-right: 6px
;}

.dealer-head-jeff .head-l .l-Info .Info-website .icon-xiala {
    font-size: 10px;
    margin-left: 30px;
    transform: rotate(-90deg) scale(.8)
;}

.dealer-head-jeff .head-l .l-Info .Info-website .url-list {
    left: 0;
    max-height: 138px;
    position: absolute;
    top: 37px;
    width: 276px;
    z-index: 3
;}

.dealer-head-jeff .head-l .l-Info .Info-website .url-list .url-list-box {
    position: relative
;}

.dealer-head-jeff .head-l .l-Info .Info-website .url-list .url-list-box .url-list-j {
    background: #fff;
    display: flex;
    height: 5px;
    left: 50%;
    position: absolute;
    top: -3px;
    transform: translate(-50%) rotate(45deg);
    width: 5px
;}

.dealer-head-jeff .head-l .l-Info .Info-website .url-list .url-list-box .url-list-ul {
    background: #fff;
    border-radius: 4px;
    max-height: 138px;
    overflow: auto;
    padding-bottom: 14px;
    width: 276px
;}

.dealer-head-jeff .head-l .l-Info .Info-website .url-list .url-list-box .url-list-ul a {
    color: #000;
    display: block;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-top: 14px;
    overflow: hidden;
    padding: 0 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
;}

.dealer-head-jeff .head-l .l-Info .Info-website .url-list .url-list-box .url-list-ul a:hover {
    color: #ffd733
;}

.dealer-head-jeff .head-r {
    display: flex
;}

.dealer-head-jeff .head-r .r-care {
    background: hsla(0,0%,100%,.06);
    border: 1px solid hsla(0,0%,100%,.06);
    border-radius: 4px;
    height: 28px;
    margin-right: 10px;
    width: 34px
;}

.dealer-head-jeff .head-r .r-care .tool-ul {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
;}

.dealer-head-jeff .head-r .r-care .tool-ul .iconfont {
    font-size: 18px
;}

.dealer-head-jeff .head-r .r-care .tool-ul:hover {
    background: hsla(0,0%,93%,.2)
;}

.dealer-head-jeff .head-r .r-care .tool-ul:hover .gz-box {
    display: block
;}

.dealer-head-jeff .head-r .r-care .tool-ul .gz-box {
    display: none;
    left: 50%;
    position: absolute;
    top: 37px;
    transform: translateX(-50%)
;}

.dealer-head-jeff .head-r .r-care .tool-ul .gz-box .gz-box-s {
    background: rgba(0,0,0,.7);
    border-radius: 4px;
    padding: 3px 6px;
    position: relative
;}

.dealer-head-jeff .head-r .r-care .tool-ul .gz-box .gz-box-s .gz-text {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    white-space: nowrap
;}

.dealer-head-jeff .head-r .r-care .tool-ul .gz-box .gz-box-s .gz-t {
    background: rgba(0,0,0,.7);
    display: flex;
    height: 5px;
    left: 50%;
    position: absolute;
    top: -2px;
    transform: translateX(-50%) rotate(45deg);
    width: 5px
;}

.dealer-head-jeff .head-r .r-exposure {
    align-items: center;
    background: #3d55cc;
    border: 1px solid hsla(0,0%,100%,.05);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 28px;
    padding: 0 12px
;}

.dealer-head-jeff .head-r .r-exposure .icon-exposure2 {
    color: #fff;
    margin-right: 4px
;}

.dealer-head-jeff .head-r .r-exposure .iconfont-text {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400
;}

@media screen and (max-width: 799px) {
    .dealer-head-jeff {
        border-radius:0;
        padding: 22px 12px
    ;}

    .dealer-head-jeff .head-l .l-logo {
        border-radius: 4px;
        height: 64px;
        margin-right: 12px;
        width: 101px
    ;}

    .dealer-head-jeff .head-l .l-logo .dealer-l-logo-label {
        color: #fff;
        font-size: 11px;
        font-style: normal;
        font-weight: 400
    ;}

    .dealer-head-jeff .head-l .l-logo .l-logo-img {
        border-radius: 4px
    ;}

    .dealer-head-jeff .head-l .l-Info .Info-head {
        color: #fff;
        font-size: 16px;
        font-style: normal;
        font-weight: 600
    ;}

    .dealer-head-jeff .head-l .l-Info .Info-Time,.dealer-head-jeff .head-l .l-Info .Info-count {
        display: none
    ;}

    .dealer-head-jeff .head-l .l-Info .Info-time-h5 {
        align-items: center;
        display: flex;
        margin-top: 6px
    ;}

    .dealer-head-jeff .head-l .l-Info .Info-time-h5 .count-img {
        border-radius: 2px;
        height: 16px;
        margin-right: 8px;
        width: 24px
    ;}

    .dealer-head-jeff .head-l .l-Info .Info-time-h5 .Info-enter {
        color: #fff;
        font-size: 12px;
        font-style: normal;
        font-weight: 400
    ;}

    .dealer-head-jeff .head-l .l-Info .Info-website {
        background: none;
        border: none;
        height: -moz-max-content;
        height: max-content;
        margin-top: 4px;
        padding: 0
    ;}

    .dealer-head-jeff .head-l .l-Info .Info-website .dealer-label-list-ul-a,.dealer-head-jeff .head-l .l-Info .Info-website .icon-guanwangdizhi,.dealer-head-jeff .head-l .l-Info .Info-website .icon-xiala {
        display: none
    ;}

    .dealer-head-jeff .head-l .l-Info .Info-website .Website-Address {
        align-items: center;
        color: #fff;
        display: flex;
        font-size: 11px;
        font-style: normal;
        font-weight: 400
    ;}

    .dealer-head-jeff .head-l .l-Info .Info-website .Website-Address .address {
        display: inline-block;
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    ;}

    .dealer-head-jeff .head-l .l-Info .Info-website .Website-Address .icon-arrow-down {
        font-size: 12px
    ;}

    .dealer-head-jeff .head-r {
        display: none
    ;}
;}

html[dir=rtl] .dealer-head-jeff .head-l .l-logo {
    margin-left: 30px;
    margin-right: 0
;}

html[dir=rtl] .dealer-head-jeff .head-l .l-Info .Info-count .count-img,html[dir=rtl] .dealer-head-jeff .head-l .l-Info .Info-website,html[dir=rtl] .dealer-head-jeff .head-l .l-Info .Info-website .icon-guanwangdizhi {
    margin-left: 6px;
    margin-right: 0
;}

html[dir=rtl] .dealer-head-jeff .head-l .l-Info .Info-website .icon-xiala {
    margin-left: auto;
    margin-right: 30px;
    transform: rotate(90deg) scale(.8)
;}

html[dir=rtl] .dealer-head-jeff .head-l .l-Info .Info-time-h5 .count-img {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .dealer-head-jeff .head-r .r-care {
    margin-left: 10px;
    margin-right: 0
;}

html[dir=rtl] .dealer-head-jeff .head-r .r-exposure .icon-exposure2 {
    margin-left: 4px;
    margin-right: 0
;}

@media screen and (max-width: 799px) {
    html[dir=rtl] .dealer-head-jeff .head-l .l-Info .Info-head {
        max-width:200px
    ;}

    html[dir=rtl] .dealer-head-jeff .head-l .l-logo {
        margin-left: 12px;
        margin-right: 0
    ;}
;}

.layui-layer {
    align-items: center;
    background: rgba(0,0,0,.1)!important;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2002!important
;}

.layui-layer .layer-box {
    background-color: #fff;
    border-radius: 16px;
    height: 533.33px;
    overflow: hidden;
    position: relative;
    width: 1000px
;}

.layui-layer .layer-box .close {
    align-items: center;
    background: rgba(0,0,0,.5);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: 22.5px;
    top: 22.5px;
    width: 40px
;}

.layui-layer .layer-box .close .icon-close {
    color: #fff;
    font-size: 25px
;}

.layui-layer .layer-box .layer-con {
    background: url(https://resources1.interface003.com/web20/img/class/Loading.gif) no-repeat 50%;
    height: 533.33px;
    overflow-y: scroll;
    width: 1000px
;}

.layui-layer .layer-box .layer-con::-webkit-scrollbar {
    width: 5px
;}

.layui-layer .layer-box .layer-con::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.05);
    background-color: rgba(0,0,0,.2);
    border-radius: 10px;
    -webkit-box-shadow: inset1px1px0rgba(0,0,0,.1);
    width: 5px
;}

.layui-layer .layer-box .layer-con::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0,0,0,.4);
    -webkit-box-shadow: inset1px1px0rgba(0,0,0,.1)
;}

.layui-layer .layer-box .layer-con::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: inset006pxrgba(0,0,0,0)
;}

.layui-layer .layer-box .layer-con::-webkit-scrollbar-track:hover {
    background-color: #fff;
    border-radius: 0
;}

.layui-layer .layer-box .layer-con .con-icon-l,.layui-layer .layer-box .layer-con .con-icon-r {
    align-items: center;
    background: rgba(0,0,0,.7);
    border-radius: 56px;
    cursor: pointer;
    display: flex;
    height: 56px;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 56px
;}

.layui-layer .layer-box .layer-con .con-icon-l .iconc,.layui-layer .layer-box .layer-con .con-icon-r .iconc {
    color: #fff;
    font-size: 22px
;}

.layui-layer .layer-box .layer-con .con-icon-l {
    left: 40px
;}

.layui-layer .layer-box .layer-con .con-icon-r {
    right: 40px
;}

.layui-layer img {
    width: 100%
;}

@media screen and (max-width: 1199px) {
    .layui-layer .layer-box,.layui-layer .layer-box .layer-con {
        width:800px
    ;}
;}

@media screen and (max-width: 999px) {
    .layui-layer .layer-box,.layui-layer .layer-box .layer-con {
        width:600px
    ;}
;}

@media screen and (max-width: 799px) {
    .layui-layer {
        background-color:#000!important;
        padding: 0
    ;}

    .layui-layer .layer-box {
        border-radius: 0;
        height: 270px;
        position: static;
        width: 100%
    ;}

    .layui-layer .layer-box .close {
        left: 22.5px;
        position: absolute;
        top: 22.5px
    ;}

    .layui-layer .layer-box .layer-con {
        height: 270px;
        width: 100%
    ;}

    .layui-layer .layer-box .layer-con .con-icon-l,.layui-layer .layer-box .layer-con .con-icon-r {
        align-items: center;
        background: rgba(0,0,0,.7);
        border-radius: 40px;
        cursor: pointer;
        display: flex;
        height: 40px;
        justify-content: center;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 40px
    ;}

    .layui-layer .layer-box .layer-con .con-icon-l .iconc,.layui-layer .layer-box .layer-con .con-icon-r .iconc {
        color: #fff;
        font-size: 22px
    ;}

    .layui-layer .layer-box .layer-con .con-icon-l {
        left: 20px
    ;}

    .layui-layer .layer-box .layer-con .con-icon-r {
        right: 20px
    ;}
;}

html[dir=rtl] .layui-layer .layer-box .close {
    left: 22.5px;
    right: unset
;}

html[dir=rtl] .layui-layer .layer-box .layer-con .con-icon-r {
    transform: translateY(-50%) rotate(180deg)
;}

.machine-jeff {
    padding: 0 24px
;}

.machine-jeff .machine-head {
    align-items: center;
    background: #fff;
    display: flex;
    height: 56px;
    justify-content: space-between;
    width: 100%
;}

.machine-jeff .machine-head .head-tit {
    color: #292929;
    font-size: 22px;
    font-style: normal;
    font-weight: 600
;}

.machine-jeff .machine-head .more {
    align-items: center;
    color: #3d3d3d;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
;}

.machine-jeff .machine-head .more .iconfont {
    color: #3d3d3d;
    font-size: 14px;
    margin-left: 6px
;}

.machine-jeff .machine-head .more-txt {
    display: none
;}

.machine-jeff .machine-con {
    padding: 16px 0 40px
;}

.machine-jeff .machine-con .empty p,.machine-jeff .machine-con .machine-time {
    color: #a3a3a3;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
;}

.machine-jeff .machine-con .machine-time-h5 {
    display: none
;}

.machine-jeff .machine-con .machine-list {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    cursor: pointer;
    margin-top: 20px;
    overflow: hidden;
    width: 322px
;}

.machine-jeff .machine-con .machine-list:hover {
    border: 1px solid #f5bc49
;}

.machine-jeff .machine-con .machine-list .list-img {
    height: 160px;
    width: 100%
;}

.machine-jeff .machine-con .machine-list .list-time {
    color: #a3a3a3;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    padding: 16px 20px 24px
;}

.machine-jeff .machine-con .machine-list .list-time .time-txt {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    margin-left: 10px
;}

.machine-jeff .machine-con .machine-con-list-h5 {
    display: none
;}

.machine-jeff .machine-con .want-expose {
    align-items: center;
    background: #3d55cc;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    margin-top: 32px;
    width: 100%
;}

.machine-jeff .machine-con .want-expose:hover {
    background: #2f4de4
;}

.machine-jeff .machine-con .want-expose .iconfont {
    color: #fff;
    margin-right: 10px
;}

.machine-jeff .machine-con .want-expose .iconfont-text {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
;}

@media screen and (max-width: 999px) {
    .machine-jeff .machine-con .Info .machine-con-list {
        display:flex;
        justify-content: space-between
    ;}

    .machine-jeff .machine-con .Info .machine-con-list .machine-list {
        width: 346px
    ;}
;}

@media screen and (max-width: 799px) {
    .machine-jeff {
        padding:0 0 0 12px
    ;}

    .machine-jeff .machine-head .more {
        display: none
    ;}

    .machine-jeff .machine-head .head-tit {
        color: #3d3d3d;
        font-size: 16px;
        font-style: normal;
        font-weight: 600
    ;}

    .machine-jeff .machine-head .more-txt {
        color: #999;
        display: block;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        margin-right: 12px
    ;}

    .machine-jeff .machine-con {
        padding: 0 0 4px
    ;}

    .machine-jeff .machine-con .Info .machine-time,.machine-jeff .machine-con .want-expose {
        display: none
    ;}

    .machine-jeff .machine-con .Info .machine-time-h5 {
        color: #292929;
        display: block;
        font-size: 12px;
        font-style: normal;
        font-weight: 600
    ;}

    .machine-jeff .machine-con .Info .machine-con-list {
        display: none
    ;}

    .machine-jeff .machine-con .Info .machine-con-list-h5 {
        -ms-overflow-style: none;
        display: flex;
        margin-top: 12px;
        overflow-x: auto;
        scrollbar-width: none
    ;}

    .machine-jeff .machine-con .Info .machine-con-list-h5::-webkit-scrollbar {
        display: none
    ;}

    .machine-jeff .machine-con .Info .machine-con-list-h5 .list-h5 {
        cursor: pointer;
        margin-right: 8px
    ;}

    .machine-jeff .machine-con .Info .machine-con-list-h5 .list-h5 .list-h5-img {
        border-radius: 8px;
        height: 100px;
        width: 155px
    ;}

    html[dir=rtl] .machine-jeff {
        padding: 0 12px 0 0
    ;}

    html[dir=rtl] .machine-jeff .machine-head .more-txt {
        margin-left: 12px;
        margin-right: 0
    ;}
;}

html[dir=rtl] .machine-jeff .machine-head .more .iconfont {
    margin-left: 0;
    margin-right: 4px
;}

html[dir=rtl] .machine-jeff .machine-con .Info .machine-list .list-time .time-txt {
    margin-left: 0;
    margin-right: 10px
;}

html[dir=rtl] .machine-jeff .machine-con .want-expose .iconfont {
    margin-left: 10px;
    margin-right: 0
;}

.wiki-down .down-block {
    display: none;
    filter: drop-shadow(0 4px 17px rgba(0,0,0,.1));
    position: absolute!important;
    z-index: 1
;}

.wiki-down:hover .down-block {
    display: block
;}

.wiki-down .down-box {
    align-items: center;
    background: #fafafa;
    border: 2px solid #fff;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 64px;
    justify-content: space-between;
    min-width: 264px;
    padding: 0 20px;
    width: 100%
;}

.wiki-down .down-box,.wiki-down .down-box:hover {
    box-shadow: 0 0 0 1px rgba(179,137,54,.3),0 4px 4px rgba(0,0,0,.05)
;}

.wiki-down .down-box:hover {
    background: #292929!important;
    border: 1px solid #fafafa;
    border-radius: 3px
;}

.wiki-down .down-box:hover .wiki-down-l .img {
    background: url(https://resources1.interface003.com/web20/img/commen/google-play-hover.svg) no-repeat 50%;
    background-size: 35px 35px
;}

.wiki-down .down-box:hover .wiki-down-l .iconfont {
    color: #fff!important
;}

.wiki-down .down-box:hover .wiki-down-l .down-text .down-text-1 {
    color: #7a7a7a
;}

.wiki-down .down-box:hover .wiki-down-l .down-text .down-text-2 {
    color: #fff
;}

.wiki-down .down-box:hover .wiki-down-r {
    height: 36px;
    line-height: 36px
;}

.wiki-down .down-box:hover .iconfont,.wiki-down .down-box:hover .wiki-down-r .iconfont,.wiki-down .down-box:hover span {
    color: #fff!important
;}

.wiki-down .down-box .wiki-down-l {
    align-items: center;
    display: flex
;}

.wiki-down .down-box .wiki-down-l .img {
    background: url(https://resources1.interface003.com/web20/img/commen/google-play.svg) no-repeat 50%;
    background-size: 35px 35px;
    height: 35px;
    width: 35px
;}

.wiki-down .down-box .wiki-down-l .iconfont {
    color: #333;
    font-size: 28px
;}

.wiki-down .down-box .wiki-down-l .down-text {
    padding-left: 8px
;}

.wiki-down .down-box .wiki-down-l .down-text .down-text-1 {
    color: #a3a3a3;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    transform: scale(.83);
    transform-origin: left
;}

.wiki-down .down-box .wiki-down-l .down-text .down-text-2 {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
;}

.wiki-down .down-box .wiki-down-l .down-text .down-text-3 {
    font-size: 14px
;}

.wiki-down .down-box .wiki-down-r {
    height: 36px;
    line-height: 36px
;}

.wiki-down .down-box .wiki-down-r .iconfont {
    color: #3d3d3d;
    font-size: 22px
;}

.wiki-down .down-box2,.wiki-down .down-box3 {
    background: #fafafa!important;
    border: 2px solid #fafafa;
    border-radius: 2px 2px 0 0;
    box-shadow: 0 0 0 1px rgba(179,137,54,.302),0 4px 4px rgba(0,0,0,.05)
;}

.wiki-down .down-box2 span,.wiki-down .down-box3 span {
    color: #3d3d3d!important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.wiki-down .down-box2 .icon-xiazai,.wiki-down .down-box3 .icon-xiazai {
    font-size: 17px
;}

.wiki-down .down-box2:hover,.wiki-down .down-box3:hover {
    background: #292929!important
;}

.wiki-down .down-box3 {
    border-radius: 0 0 2px 2px;
    border-top: unset
;}

@media screen and (max-width: 999px) {
    .wiki-down .down-box {
        height:74.32px;
        min-width: 240px
    ;}
;}

html[dir=rtl] .wiki-down .down-box .wiki-down-l .down-text {
    margin-left: 0;
    margin-right: 8px
;}

html[dir=rtl] .wiki-down .down-box .wiki-down-l .down-text .down-text-1 {
    transform-origin: right
;}

.dealer-down {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px 40px 24px
;}

.dealer-down.service {
    padding-bottom: 0
;}

.dealer-down .dealer-down-1 {
    color: #3d3d3d
;}

.dealer-down .dealer-down-1,.dealer-down .dealer-down-2 {
    align-items: center;
    display: flex;
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 29px;
    text-align: center;
    transform: matrix(.99,0,-.11,1,0,0)
;}

.dealer-down .dealer-down-2 {
    word-wrap: break-word;
    color: #b28936;
    margin-top: 8px;
    max-width: 100%;
    word-break: break-all
;}

.dealer-down .down-list {
    margin-top: 24px;
    width: 100%
;}

.dealer-down .down-list.service {
    flex-direction: column;
    padding-left: 24px;
    padding-right: 24px
;}

.dealer-down .down-list .donw-block-dealer {
    margin-bottom: 20px
;}

.dealer-down .down-list .wiki-down .down-box {
    border: 1px solid rgba(0,0,0,.05);
    box-shadow: none
;}

.dealer-down .down-list .down-text-2 {
    font-size: 14px!important;
    font-weight: 600
;}

.dealer-down .down-list .wiki-down-r {
    height: 36px;
    line-height: 36px
;}

.dealer-down .down-list .wiki-down-r .iconfont {
    font-size: 14px
;}

.dealer-down .survey-download {
    margin: 20px auto 0;
    width: 228px
;}

.dealer-down .wiki-down {
    width: 100%
;}

.dealer-down .down-box {
    background: #fafafa;
    height: 56px
;}

@media screen and (max-width: 1199px) {
    .dealer-down .down-box {
        width:100%!important
    ;}
;}

.list-exposures {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 2px;
    box-sizing: border-box;
    height: 188px;
    width: 387px
;}

.list-exposures.Boutique-exposure {
    background: rgba(255,204,102,.08)!important;
    border-radius: 2px
;}

.list-exposures a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 16px;
    width: 100%
;}

.list-exposures a .head {
    display: flex
;}

.list-exposures a .head .head-title {
    align-items: center;
    background: rgba(61,85,204,.05);
    border-radius: 12px;
    display: flex;
    flex-flow: 1;
    height: 24px;
    line-height: 24px;
    padding: 0 6px 0 0
;}

.list-exposures a .head .head-title .head-title-icon {
    align-items: center;
    background: #3d55cc;
    border-radius: 12px;
    box-shadow: 0 0 0 3px #fff;
    display: flex;
    height: 24px;
    justify-content: center;
    width: 24px
;}

.list-exposures a .head .head-title .head-title-icon .iconfont {
    color: #fff
;}

.list-exposures a .head .head-title .text {
    color: #3d55cc;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    padding-left: 8px
;}

.list-exposures a .head .space {
    display: flex;
    flex-grow: 1
;}

.list-exposures a .head .spcateDealer {
    height: 24px;
    width: 24px
;}

.list-exposures a .title {
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-top: 10px;
    white-space: nowrap
;}

.list-exposures a .des,.list-exposures a .title {
    font-style: normal;
    overflow: hidden;
    text-overflow: ellipsis
;}

.list-exposures a .des {
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #a3a3a3;
    display: -webkit-box;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 6px;
    max-height: 60px
;}

.list-exposures a .empty {
    flex: 1
;}

.list-exposures a .tool {
    justify-content: space-between
;}

.list-exposures a .tool,.list-exposures a .tool .tool-l {
    align-items: center;
    display: flex
;}

.list-exposures a .tool .tool-l .tool-img {
    align-items: center;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 10px;
    box-sizing: border-box;
    display: flex;
    height: 20px;
    justify-content: center;
    width: 20px
;}

.list-exposures a .tool .tool-l .tool-img img {
    border-radius: 8px;
    height: 16px;
    width: 16px
;}

.list-exposures a .tool .tool-l .tool-text {
    color: #3d3d3d;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    padding-left: 6px
;}

.list-exposures a .tool .tool-r {
    align-items: center;
    display: flex
;}

.list-exposures a .tool .tool-r .iconfont,.list-exposures a .tool .tool-r .tool-time {
    color: #a3a3a3;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    padding: 0 4px
;}

.list-exposures a .tool .tool-r .iconfont {
    display: none;
    font-size: 20px
;}

.list-exposures a:hover {
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.14);
    cursor: pointer;
    transition: .5s;
    -webkit-transition: .5s
;}

.list-exposures:hover {
    border: none
;}

@media screen and (max-width: 1199px) {
    .list-exposures {
        width:100%
    ;}

    .list-exposures a .des,.list-exposures a .two {
        -webkit-line-clamp: 2
    ;}
;}

@media screen and (max-width: 999px) {
    .list-exposures a .des,.list-exposures a .two {
        -webkit-line-clamp:2
    ;}
;}

@media screen and (max-width: 799px) {
    .list-exposures a .des {
        -webkit-line-clamp:2
    ;}
;}

.list-exposures:first-child,.list-exposures:nth-child(2) {
    margin-bottom: 18px
;}

html[dir=rtl] .list-exposures a .tool .tool-l .tool-text {
    padding-left: 6px;
    padding-right: 6px
;}

html[dir=rtl] .list-exposures a .head .head-title {
    padding: 0 0 0 6px
;}

html[dir=rtl] .list-exposures a .head .head-title .text {
    padding: 0 6px
;}

.error {
    color: #f95355;
    display: block;
    font-size: 14px;
    height: 25px;
    line-height: 25px
;}

.complaint-capital-jeff {
    align-items: center;
    background: rgba(0,0,0,.5)!important;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2088
;}

.complaint-capital-jeff .conplaint-box-jeff {
    background: #fff;
    border-radius: 16px;
    padding-bottom: 45px;
    position: relative;
    width: 640px
;}

.complaint-capital-jeff .conplaint-box-jeff .close {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
    transition: all .85s
;}

.complaint-capital-jeff .conplaint-box-jeff .close:hover {
    transform: rotate(180deg)
;}

.complaint-capital-jeff .conplaint-box-jeff .close span {
    font-size: 23px
;}

.complaint-capital-jeff .conplaint-box-jeff .box-head {
    align-items: center;
    display: flex;
    margin: 32px
;}

.complaint-capital-jeff .conplaint-box-jeff .box-head i {
    background: #eeb822;
    border-radius: 1px;
    display: inline-block;
    height: 16px;
    width: 6px
;}

.complaint-capital-jeff .conplaint-box-jeff .box-head h1 {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    margin-left: 12px
;}

.complaint-capital-jeff .conplaint-box-jeff .introduce {
    padding: 0 48px
;}

.complaint-capital-jeff .conplaint-box-jeff .introduce .introduce-tit {
    color: #292929;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 10px
;}

.complaint-capital-jeff .conplaint-box-jeff .introduce .introduce-con {
    color: #292929;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 22px
;}

.complaint-capital-jeff .conplaint-box-jeff .introduce .introduce-ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px
;}

.complaint-capital-jeff .conplaint-box-jeff .introduce .introduce-ul li {
    background: #fafafa;
    border-radius: 2px;
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 32px;
    line-height: 32px;
    margin-bottom: 10px;
    margin-right: 16px;
    padding: 0 16px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff {
    padding: 0 48px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-tit {
    align-items: center;
    display: flex;
    margin-bottom: 20px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-tit span {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-tit img {
    height: 20px;
    margin: 0 6px 0 20px;
    width: 20px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-number-jeff .number-tit {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-number-jeff .number-tit i {
    color: #ef6828
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-number-jeff .error {
    margin-left: 160px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-number-jeff .number-ing {
    display: flex;
    margin-top: 8px;
    position: relative
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-number-jeff .number-ing .ing-country {
    align-items: center;
    background: #fafafa;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 48px;
    padding: 0 12px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-number-jeff .number-ing .ing-country img {
    border-radius: 1px;
    height: 16px;
    margin-right: 8px;
    width: 22px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-number-jeff .number-ing .ing-country span {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    transition: all .85s
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-number-jeff .number-ing .ing-country span.jiantou {
    transform: rotate(180deg)
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-number-jeff .number-ing .ing-country .icon-arrow-down {
    margin-left: 20px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-number-jeff .number-ing .ing-input {
    background: #fafafa;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    height: 48px;
    margin-left: 16px;
    width: 297px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-number-jeff .number-ing .ing-input:hover {
    border: 1px solid rgba(0,0,0,.5)
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-number-jeff .number-ing .ing-input input {
    border-radius: 4px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    height: 100%;
    line-height: 20px;
    padding-left: 18px;
    width: 100%
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-number-jeff .number-ing .ing-input ::-webkit-input-placeholder {
    color: #ccc;
    font-size: 14px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-number-jeff .number-ing .ing-input :-moz-placeholder {
    color: #ccc;
    font-size: 14px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-number-jeff .number-ing .ing-input ::moz-placeholder {
    color: #ccc;
    font-size: 14px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-number-jeff .number-ing .ing-input :-ms-input-placeholder {
    color: #ccc;
    font-size: 14px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-reason-jeff .reason-tit {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-reason-jeff .reason-tit i {
    color: #ef6828
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-reason-jeff .reason-ing {
    background: #fafafa;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    height: 130px;
    margin-top: 6px;
    width: 544px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-reason-jeff .reason-ing textarea {
    border: 1px solid transparent;
    box-sizing: border-box;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 100%;
    line-height: 20px;
    padding: 16px;
    width: 100%
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-reason-jeff .reason-ing textarea:hover {
    border: 1px solid rgba(0,0,0,.5)
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-reason-jeff .reason-ing textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    resize: none
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-upload-jeff {
    height: 100%;
    position: relative
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-upload-jeff .el-upload--picture-card {
    background: #fafafa;
    border: 1px solid #e1e3e6;
    border-radius: 5px;
    height: 72px;
    margin-top: 12px;
    position: relative;
    width: 72px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-upload-jeff .el-upload__tip {
    display: inline-block;
    font-size: 14px;
    line-height: 26px;
    margin-left: 20px;
    width: 354px
;}

.complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-upload-jeff .el-upload-list--picture-card .el-upload-list__item {
    height: 72px;
    margin-top: 12px;
    width: 72px
;}

.complaint-capital-jeff .conplaint-box-jeff .submitted-successfully {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-top: 20px
;}

.complaint-capital-jeff .conplaint-box-jeff .submitted-successfully img {
    margin-bottom: 20px
;}

.complaint-capital-jeff .conplaint-box-jeff .submitted-successfully h3 {
    color: #3d3d3d;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 10px
;}

.complaint-capital-jeff .conplaint-box-jeff .submitted-successfully p {
    color: #a3a3a3;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    padding: 0 30px;
    text-align: center
;}

.complaint-capital-jeff .conplaint-box-jeff .report-bot {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin-top: 20px
;}

.complaint-capital-jeff .conplaint-box-jeff .report-bot span {
    align-items: center;
    background: #323947;
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 40px;
    justify-content: center;
    line-height: 20px;
    padding: 0 20px
;}

.complaint-capital-jeff .conplaint-box-jeff .report-bot span:hover {
    background-color: #565e6e
;}

html[dir=rtl] .complaint-capital-jeff .conplaint-box-jeff .close {
    left: 20px;
    right: auto
;}

html[dir=rtl] .complaint-capital-jeff .conplaint-box-jeff .box-head h1 {
    margin-left: auto;
    margin-right: 12px
;}

html[dir=rtl] .complaint-capital-jeff .conplaint-box-jeff .reporting-platform-jeff .platform-number-jeff .number-ing .ing-input {
    margin-left: 0;
    margin-right: 16px
;}

html[dir=rtl] .complaint-capital-jeff .reporting-platform-jeff .platform-number-jeff .number-ing .ing-input input {
    padding-left: 0;
    padding-right: 18px
;}

html[dir=rtl] .complaint-capital-jeff .platform-number-jeff .number-ing .ing-country img {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .complaint-capital-jeff .platform-number-jeff .number-ing .ing-country .icon-arrow-down {
    margin-left: 0;
    margin-right: 20px
;}

html[dir=rtl] .complaint-capital-jeff .platform-number-jeff .number-ing .user-country {
    left: unset;
    right: 0
;}

html[dir=rtl] .complaint-capital-jeff .platform-upload-jeff .upload-pictures .left .el-upload-list--picture-card .el-upload-list__item {
    margin: 12px 0 0 8px
;}

.dealer-exposure-jeff {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    padding: 24px
;}

.dealer-exposure-jeff .empty p {
    color: #a3a3a3;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
;}

.dealer-exposure-jeff .exposure-head {
    align-items: center;
    display: flex;
    height: 30px;
    justify-content: space-between
;}

.dealer-exposure-jeff .exposure-head .head-l {
    align-items: center;
    display: flex
;}

.dealer-exposure-jeff .exposure-head .head-l .head-l-title {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px
;}

.dealer-exposure-jeff .exposure-head .head-l .head-l-count {
    align-items: center;
    color: #3d55cc;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding-left: 16px
;}

.dealer-exposure-jeff .exposure-head .head-l .head-l-count .iconfont {
    color: #3d55cc
;}

.dealer-exposure-jeff .exposure-head .head-r {
    display: flex
;}

.dealer-exposure-jeff .exposure-head .head-r .head-r-span {
    align-items: center;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    padding: 0 12px
;}

.dealer-exposure-jeff .exposure-head .head-r .head-r-span .head-r-text {
    color: #7a7a7a;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    overflow: hidden;
    padding-left: 4px;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-exposure-jeff .exposure-head .head-r .head-r-span:active {
    opacity: .5
;}

.dealer-exposure-jeff .exposure-head .head-r .Capital-disk:hover {
    background: #eee
;}

.dealer-exposure-jeff .exposure-head .head-r .head-r-a {
    background: #fff;
    border: 1px solid rgba(0,0,0,.1);
    margin-right: 8px
;}

.dealer-exposure-jeff .exposure-head .head-r .head-r-b {
    background: rgba(61,85,204,.9);
    border: 1px solid #3d55cc
;}

.dealer-exposure-jeff .exposure-head .head-r .head-r-b .head-r-text,.dealer-exposure-jeff .exposure-head .head-r .head-r-b .icon-exposure2 {
    color: #fff
;}

.dealer-exposure-jeff .exposure-head .head-r .head-r-b:hover {
    background: #3d55cc
;}

.dealer-exposure-jeff .list-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 28px
;}

.dealer-exposure-jeff .list-box .list {
    width: 371px
;}

.dealer-exposure-jeff .list-box .list .list-t {
    background: #fafafa;
    border: none
;}

.dealer-exposure-jeff .new-exposures {
    height: 550px;
    margin-top: 24px;
    overflow: hidden;
    position: relative;
    width: 100%
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list {
    display: flex;
    left: 0;
    position: absolute;
    top: 0;
    white-space: nowrap
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul {
    flex-shrink: 0;
    margin-right: 16px;
    width: 242px
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a {
    background: #fafafa;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
    padding: 16px;
    width: 100%
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a .head {
    display: flex
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a .head .head-title {
    align-items: center;
    background: rgba(61,85,204,.05);
    border-radius: 12px;
    display: flex;
    height: 24px;
    line-height: 24px;
    padding: 0 6px 0 0
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a .head .head-title .head-title-icon {
    align-items: center;
    background: #3d55cc;
    border-radius: 12px;
    box-shadow: 0 0 0 3px #fff;
    display: flex;
    height: 24px;
    justify-content: center;
    width: 24px
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a .head .head-title .head-title-icon .iconfont {
    color: #fff
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a .head .head-title .text {
    color: #3d55cc;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    padding-left: 8px
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a .head .space {
    display: flex;
    flex-grow: 1
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a .head .spcateDealer {
    height: 24px;
    width: 24px
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a .title {
    color: #3d3d3d;
    flex-shrink: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    margin-top: 10px;
    max-height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a .des {
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #a3a3a3;
    display: -webkit-box;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: break-spaces!important
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a .empty {
    flex: 1
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a .tool,.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a .tool .tool-l {
    align-items: center;
    display: flex
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a .tool .tool-l .tool-img {
    align-items: center;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 10px;
    box-sizing: border-box;
    display: flex;
    height: 20px;
    justify-content: center;
    width: 20px
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a .tool .tool-l .tool-img img {
    border-radius: 8px;
    height: 16px;
    width: 16px
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a .tool .tool-l .tool-text {
    color: #3d3d3d;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    padding-left: 6px
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a .tool .iconfont,.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a .tool .tool-time {
    color: #a3a3a3;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-right: 5px
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a .tool .iconfont {
    font-size: 20px
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a:last-child {
    margin-bottom: 0
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a:hover {
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.14);
    cursor: pointer;
    transition: .5s;
    -webkit-transition: .5s
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul .small {
    height: 231px
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul .small .des {
    -webkit-line-clamp: 4;
    max-height: 80px
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul .long {
    height: 271px
;}

.dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul .long .des {
    -webkit-line-clamp: 6;
    max-height: 120px
;}

.dealer-exposure-jeff .new-exposures .transition {
    transition: all 1s linear
;}

.dealer-exposure-jeff .new-exposures .new-exposures-a {
    bottom: 4px;
    display: flex;
    left: calc(50% - 25px);
    position: absolute
;}

.dealer-exposure-jeff .new-exposures .new-exposures-a li {
    background: #d9d9d9;
    border-radius: 3px;
    height: 6px;
    margin-right: 8px;
    width: 6px
;}

.dealer-exposure-jeff .new-exposures .a-active {
    border: 2px solid #5166d1;
    border-radius: 4px;
    height: 8px;
    width: 8px
;}

@media screen and (max-width: 1199px) {
    .dealer-exposure-jeff .exposure-head.flex-dem {
        align-items:flex-start;
        flex-direction: column;
        height: auto
    ;}

    .dealer-exposure-jeff .exposure-head .head-r {
        margin-top: 10px
    ;}

    .dealer-exposure-jeff .list-box {
        margin-top: 18px
    ;}

    .dealer-exposure-jeff .list-box .list {
        width: 100%!important
    ;}

    .dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul {
        width: 245px
    ;}
;}

@media screen and (max-width: 999px) {
    .dealer-exposure-jeff .exposure-head {
        align-items:flex-start;
        flex-direction: column;
        height: auto;
        width: 1005
    ;}

    .dealer-exposure-jeff .exposure-head .head-l {
        justify-content: space-between;
        margin-bottom: 14px;
        width: 100%
    ;}

    .dealer-exposure-jeff .exposure-head .head-r {
        flex-direction: column;
        width: 100%
    ;}

    .dealer-exposure-jeff .exposure-head .head-r .head-r-span {
        flex: none;
        flex-shrink: 0;
        margin-bottom: 10px;
        margin-right: 0
    ;}

    .dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul {
        width: 348px
    ;}

    .dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul a:last-child {
        margin-bottom: 16px
    ;}
;}

@media screen and (max-width: 799px) {
    .dealer-exposure-jeff .exposure-head .head-r .head-r-span {
        height:40px
    ;}

    .dealer-exposure-jeff .new-exposures {
        height: auto
    ;}

    .dealer-exposure-jeff .new-exposures .new-exposures-list {
        flex-direction: column;
        position: unset
    ;}

    .dealer-exposure-jeff .new-exposures .new-exposures-list .new-exposures-ul {
        width: 100%
    ;}

    .dealer-exposure-jeff .new-exposures .new-exposures-a {
        display: none
    ;}
;}

html[dir=rtl] .dealer-exposure-jeff .exposure-head .head-r .head-r-a {
    margin-right: 0
;}

html[dir=rtl] .dealer-exposure-jeff a .head .head-title .text {
    padding: 0 8px
;}

html[dir=rtl] .dealer-exposure-jeff .exposure-head .head-l .head-l-count {
    padding-left: 0;
    padding-right: 16px
;}

html[dir=rtl] .dealer-exposure-jeff .new-exposures .new-exposures-list {
    left: auto;
    right: 0
;}

.dealer-exposure-jeff .list-exposures {
    width: 100%!important
;}

.dealer-exposure-jeff .title {
    word-wrap: break-word!important;
    -webkit-box-orient: vertical!important;
    display: -webkit-box!important;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    white-space: break-spaces!important
;}

.dealer-exposure-jeff .title,.dealer-exposure-jeff .two {
    -webkit-line-clamp: 2!important
;}

html[dir=rtl] .dealer-exposure-jeff .exposure-head .head-r .head-r-span .head-r-text {
    padding-left: unset;
    padding-right: 4px
;}

html[dir=rtl] .dealer-exposure-jeff .exposure-head .head-r .head-r-a {
    margin-left: 8px;
    margin-right: unset
;}

.dealer-article {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    box-sizing: border-box;
    padding: 24px
;}

.dealer-article.article {
    padding: 24px!important
;}

.dealer-article .dealer-rticle-title {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px
;}

.dealer-article .article-list .list {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #f7f7f7;
    display: flex;
    height: 154px;
    width: 100%
;}

.dealer-article .article-list .list .dealer-rticle-ja {
    display: none
;}

.dealer-article .article-list .list .list-l {
    box-sizing: border-box;
    flex: 1;
    overflow: hidden;
    padding-right: 24px
;}

.dealer-article .article-list .list .list-l .list-title {
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #2a2a2a;
    display: -webkit-box;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis
;}

.dealer-article .article-list .list .list-l .list-title span {
    background: #47b3a1;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-right: 8px;
    padding: 0 6px;
    position: relative;
    top: -1px
;}

.dealer-article .article-list .list .list-l .label-text,.dealer-article .article-list .list .list-l .list-l-time {
    display: none
;}

.dealer-article .article-list .list .list-l .list-l-p {
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #a3a3a3;
    display: -webkit-box;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 12px;
    overflow: hidden;
    text-overflow: ellipsis
;}

.dealer-article .article-list .list .list-l .list-tool {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 12px
;}

.dealer-article .article-list .list .list-l .list-tool .tool-l {
    align-items: center;
    display: flex
;}

.dealer-article .article-list .list .list-l .list-tool .tool-l .tool-l-name {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding-left: 10px
;}

.dealer-article .article-list .list .list-l .list-tool .tool-l img {
    height: 16px;
    width: 16px
;}

.dealer-article .article-list .list .list-l .list-tool .tool-r {
    color: #a3a3a3;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px
;}

.dealer-article .article-list .list .list-l .list-tool .tool-r .icon-Frame9 {
    display: none
;}

.dealer-article .article-list .list .list-r {
    border-radius: 4px;
    height: 106px;
    overflow: hidden;
    width: 200px
;}

.dealer-article .article-list .list .list-r img {
    width: 100%
;}

.dealer-article .article-list .list:hover .list-l .list-title {
    color: #b38936
;}

.dealer-article .article-list .list:last-child {
    box-shadow: unset
;}

.dealer-article .more {
    height: 36px;
    margin-top: 8px;
    width: 100%
;}

.dealer-article .more,.dealer-article .more a {
    align-items: center;
    display: flex;
    justify-content: center
;}

.dealer-article .more a {
    color: #3d3d3d;
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
;}

.dealer-article .more a:hover {
    color: #000
;}

@media screen and (max-width: 999px) {
    .dealer-article .article-list .list {
        height:auto;
        margin-bottom: 16px;
        padding-bottom: 16px
    ;}

    .dealer-article .article-list .list .list-l .list-l-p {
        display: none
    ;}

    .dealer-article .article-list .list .list-l .list-tool {
        justify-content: flex-start
    ;}

    .dealer-article .article-list .list .list-l .list-tool .tool-l {
        display: none
    ;}

    .dealer-article .article-list .list .list-r {
        height: 72px;
        width: 120px
    ;}
;}

@media screen and (max-width: 799px) {
    .dealer-article .dealer-rticle-title {
        margin-bottom:10px
    ;}
;}

html[dir=rtl] .dealer-article .article-list .list .list-l {
    padding-left: 24px;
    padding-right: 0
;}

html[dir=rtl] .dealer-article .article-list .list .list-l .list-title span {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .dealer-article .article-list .list .list-l .list-tool .tool-l .tool-l-name {
    padding-left: 0;
    padding-right: 10px
;}

.dealer-introduce {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    margin-bottom: 16px;
    padding: 18px 0;
    width: 100%
;}

.dealer-introduce .dealer-introduce-title {
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    gap: 20px;
    line-height: 22px;
    padding: 0 24px 16px
;}

.dealer-introduce .dealer-introduce-title.tab {
    box-shadow: inset 0 -1px 0 rgba(61,61,61,.05);
    margin: 0 24px;
    padding: 0
;}

.dealer-introduce .dealer-introduce-title.one {
    box-shadow: inset 0 -1px 0 rgba(61,61,61,.05);
    padding: 0 24px 18px
;}

.dealer-introduce .dealer-introduce-title h3 {
    display: inline
;}

.dealer-introduce .dealer-introduce-title p {
    color: #999;
    cursor: pointer
;}

.dealer-introduce .dealer-introduce-title p.active {
    border-bottom: 3px solid #000;
    color: #000
;}

.dealer-introduce .dealer-introduce-title p.multi {
    padding: 4px 4px 16px
;}

.dealer-introduce .dealer-introduce-p {
    display: none;
    margin-bottom: 18px;
    padding-right: 4px;
    padding-top: 10px
;}

.dealer-introduce .dealer-introduce-p .introduce-p-title {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 8px
;}

.dealer-introduce .dealer-introduce-p .introduce-p-box {
    overflow: auto;
    padding: 0 20px 0 24px
;}

.dealer-introduce .dealer-introduce-p .introduce-p-box .introduce-p-info {
    color: #a3a3a3;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding-top: 8px
;}

.dealer-introduce .dealer-introduce-p .introduce-p-box .introduce-p-info * {
    max-width: 100%
;}

.dealer-introduce .dealer-introduce-p .introduce-p-box .introduce-p-info p b,.dealer-introduce .dealer-introduce-p .introduce-p-box .introduce-p-info p h2,.dealer-introduce .dealer-introduce-p .introduce-p-box .introduce-p-info p h3,.dealer-introduce .dealer-introduce-p .introduce-p-box .introduce-p-info p h4,.dealer-introduce .dealer-introduce-p .introduce-p-box .introduce-p-info p strong {
    padding: 18px 0 4px
;}

.dealer-introduce .dealer-introduce-p .introduce-p-box .introduce-p-info p b,.dealer-introduce .dealer-introduce-p .introduce-p-box .introduce-p-info p strong {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px
;}

.dealer-introduce .dealer-introduce-p .introduce-p-box .introduce-p-info p:first-child b,.dealer-introduce .dealer-introduce-p .introduce-p-box .introduce-p-info p:first-child strong {
    padding-bottom: 8px
;}

.dealer-introduce .dealer-introduce-p .introduce-p-box .introduce-p-info h2,.dealer-introduce .dealer-introduce-p .introduce-p-box .introduce-p-info h3,.dealer-introduce .dealer-introduce-p .introduce-p-box .introduce-p-info h4 {
    display: inline-block;
    padding: 18px 0 4px
;}

.dealer-introduce .dealer-introduce-p .introduce-p-box::-webkit-scrollbar {
    background: none;
    width: 4px
;}

.dealer-introduce .dealer-introduce-p .introduce-p-box::-webkit-scrollbar-thumb {
    border-radius: 3px
;}

.dealer-introduce .dealer-introduce-p .introduce-p-box img,.dealer-introduce .dealer-introduce-p .introduce-p-box table {
    margin: 14px 0
;}

.dealer-introduce .dealer-introduce-p .introduce-p-box table {
    width: 100%
;}

.dealer-introduce .dealer-introduce-p .introduce-p-box table tr td {
    border: 1px solid #d1d1d1;
    height: 35px;
    text-align: center
;}

.dealer-introduce .dealer-introduce-p .introduce-p-box table tr td b {
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
;}

.dealer-introduce .dealer-introduce-p .introduce-p-box table tr td img {
    margin: 0
;}

.dealer-introduce .dealer-introduce-p .morestyle {
    max-height: 360px;
    overflow: hidden
;}

.dealer-introduce .dealer-introduce-p .morestyle img,.dealer-introduce .dealer-introduce-p .morestyle table {
    display: none
;}

.dealer-introduce .dealer-introduce-pbox {
    display: block
;}

.dealer-introduce .dealer-introduce-more {
    align-items: center;
    display: none;
    justify-content: center
;}

.dealer-introduce .dealer-introduce-more span {
    color: #292929;
    cursor: pointer;
    font-size: 18px;
    transition: all .2s
;}

.dealer-introduce .dealer-introduce-morebox {
    display: flex
;}

@media screen and (max-width: 799px) {
    .dealer-introduce .dealer-introduce-title {
        padding:0 16px 16px
    ;}

    .dealer-introduce .dealer-introduce-title.tab {
        margin: 0 16px
    ;}

    .dealer-introduce .dealer-introduce-p .introduce-p-box {
        padding: 0 16px
    ;}

    .sham-dealer .shamdealer-box {
        padding-top: 0;
        width: 100%
    ;}

    .sham-dealer .shamdealer-box .shamdealer-info {
        padding-top: 0
    ;}

    .sham-dealer .shamdealer-box .shamdealer-info .deadler-info-l .time-machine {
        border: none;
        border-radius: 0
    ;}

    .sham-dealer .shamdealer-box .shamdealer-info .deadler-info-r .exposure {
        margin-top: 8px
    ;}

    .sham-dealer .shamdealer-box .shamdealer-info .deadler-info-r .exposure .dealer-exposure-jeff {
        padding: 24px 12px
    ;}

    .sham-dealer .shamdealer-box .shamdealer-info .deadler-info-r .information .dealer-article {
        padding: 24px 12px!important
    ;}
;}

.dealer-exposure {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    padding: 24px
;}

.dealer-exposure .exposure-head {
    align-items: center;
    display: flex;
    height: 30px;
    justify-content: space-between
;}

.dealer-exposure .exposure-head .head-l {
    align-items: center;
    display: flex
;}

.dealer-exposure .exposure-head .head-l .head-l-title {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px
;}

.dealer-exposure .exposure-head .head-l .head-l-count {
    align-items: center;
    color: #3d55cc;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding-left: 16px
;}

.dealer-exposure .exposure-head .head-l .head-l-count .iconfont {
    color: #3d55cc
;}

.dealer-exposure .exposure-head .head-r {
    display: flex
;}

.dealer-exposure .exposure-head .head-r .head-r-span {
    align-items: center;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    padding: 0 12px
;}

.dealer-exposure .exposure-head .head-r .head-r-span .head-r-text {
    color: #7a7a7a;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    overflow: hidden;
    padding-left: 4px;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-exposure .exposure-head .head-r .head-r-span:active {
    opacity: .5
;}

.dealer-exposure .exposure-head .head-r .Capital-disk:hover {
    background: #eee
;}

.dealer-exposure .exposure-head .head-r .head-r-a {
    background: #fff;
    border: 1px solid rgba(0,0,0,.1);
    margin-right: 8px
;}

.dealer-exposure .exposure-head .head-r .head-r-b {
    background: rgba(61,85,204,.9);
    border: 1px solid #3d55cc
;}

.dealer-exposure .exposure-head .head-r .head-r-b .head-r-text,.dealer-exposure .exposure-head .head-r .head-r-b .icon-exposure2 {
    color: #fff
;}

.dealer-exposure .exposure-head .head-r .head-r-b:hover {
    background: #3d55cc
;}

.dealer-exposure .list-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 28px
;}

.dealer-exposure .list-box .list {
    width: 371px
;}

.dealer-exposure .list-box .list .list-t {
    background: #fafafa;
    border: none
;}

.dealer-exposure .new-exposures {
    height: 550px;
    margin-top: 24px;
    overflow: hidden;
    position: relative;
    width: 100%
;}

.dealer-exposure .new-exposures .new-exposures-list {
    display: flex;
    left: 0;
    position: absolute;
    top: 0;
    white-space: nowrap
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul {
    flex-shrink: 0;
    margin-right: 16px;
    width: 242px
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a {
    background: #fafafa;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
    padding: 16px;
    width: 100%
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .head {
    display: flex
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .head .head-title {
    align-items: center;
    background: rgba(61,85,204,.05);
    border-radius: 12px;
    display: flex;
    height: 24px;
    line-height: 24px;
    padding: 0 6px 0 0
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .head .head-title .head-title-icon {
    align-items: center;
    background: #3d55cc;
    border-radius: 12px;
    box-shadow: 0 0 0 3px #fff;
    display: flex;
    height: 24px;
    justify-content: center;
    width: 24px
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .head .head-title .head-title-icon .iconfont {
    color: #fff
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .head .head-title .text {
    color: #3d55cc;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    padding-left: 8px
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .head .space {
    display: flex;
    flex-grow: 1
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .head .spcateDealer {
    height: 24px;
    width: 24px
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .title {
    color: #3d3d3d;
    flex-shrink: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    margin-top: 10px;
    max-height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .des {
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #a3a3a3;
    display: -webkit-box;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: break-spaces!important
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .empty {
    flex: 1
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .tool,.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .tool .tool-l {
    align-items: center;
    display: flex
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .tool .tool-l .tool-img {
    align-items: center;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 10px;
    box-sizing: border-box;
    display: flex;
    height: 20px;
    justify-content: center;
    width: 20px
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .tool .tool-l .tool-img img {
    border-radius: 8px;
    height: 16px;
    width: 16px
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .tool .tool-l .tool-text {
    color: #3d3d3d;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    padding-left: 6px
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .tool .iconfont,.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .tool .tool-time {
    color: #a3a3a3;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-right: 5px
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .tool .iconfont {
    font-size: 20px
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a:last-child {
    margin-bottom: 0
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a:hover {
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.14);
    cursor: pointer;
    transition: .5s;
    -webkit-transition: .5s
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul .small {
    height: 231px
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul .small .des {
    -webkit-line-clamp: 4;
    max-height: 80px
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul .long {
    height: 271px
;}

.dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul .long .des {
    -webkit-line-clamp: 6;
    max-height: 120px
;}

.dealer-exposure .new-exposures .transition {
    transition: all 1s linear
;}

.dealer-exposure .new-exposures .new-exposures-a {
    bottom: 4px;
    display: flex;
    left: calc(50% - 25px);
    position: absolute
;}

.dealer-exposure .new-exposures .new-exposures-a li {
    background: #d9d9d9;
    border-radius: 3px;
    height: 6px;
    margin-right: 8px;
    width: 6px
;}

.dealer-exposure .new-exposures .a-active {
    border: 2px solid #5166d1;
    border-radius: 4px;
    height: 8px;
    width: 8px
;}

@media screen and (max-width: 1199px) {
    .dealer-exposure .exposure-head {
        align-items:flex-start;
        flex-direction: column;
        height: auto
    ;}

    .dealer-exposure .exposure-head .head-r {
        margin-top: 10px
    ;}

    .dealer-exposure .list-box {
        margin-top: 18px
    ;}

    .dealer-exposure .list-box .list {
        width: 100%!important
    ;}

    .dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul {
        width: 256px
    ;}
;}

@media screen and (max-width: 999px) {
    .dealer-exposure .exposure-head {
        align-items:flex-start;
        flex-direction: column;
        height: auto;
        width: 1005
    ;}

    .dealer-exposure .exposure-head .head-l {
        justify-content: space-between;
        margin-bottom: 14px;
        width: 100%
    ;}

    .dealer-exposure .exposure-head .head-r {
        flex-direction: column;
        width: 100%
    ;}

    .dealer-exposure .exposure-head .head-r .head-r-span {
        flex: none;
        flex-shrink: 0;
        margin-bottom: 10px;
        margin-right: 0
    ;}

    .dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul {
        width: 368px
    ;}

    .dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a:last-child {
        margin-bottom: 16px
    ;}
;}

@media screen and (max-width: 799px) {
    .dealer-exposure .new-exposures {
        height:auto
    ;}

    .dealer-exposure .new-exposures .new-exposures-list {
        flex-direction: column;
        position: unset
    ;}

    .dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul {
        width: 100%
    ;}

    .dealer-exposure .new-exposures .new-exposures-a {
        display: none
    ;}
;}

html[dir=rtl] .dealer-exposure .exposure-head .head-r .head-r-a {
    margin-right: 0
;}

html[dir=rtl] .dealer-exposure a .head .head-title .text {
    padding: 0 8px
;}

html[dir=rtl] .dealer-exposure .exposure-head .head-l .head-l-count {
    padding-left: 0;
    padding-right: 16px
;}

html[dir=rtl] .dealer-exposure .new-exposures .new-exposures-list {
    left: auto;
    right: 0
;}

.dealer-exposure .list-exposures {
    width: 100%!important
;}

.dealer-exposure .title {
    word-wrap: break-word!important;
    -webkit-box-orient: vertical!important;
    display: -webkit-box!important;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    white-space: break-spaces!important
;}

.dealer-exposure .title,.dealer-exposure .two {
    -webkit-line-clamp: 2!important
;}

html[dir=rtl] .dealer-exposure .exposure-head .head-r .head-r-span .head-r-text {
    padding-left: unset;
    padding-right: 4px
;}

html[dir=rtl] .dealer-exposure .exposure-head .head-r .head-r-a {
    margin-left: 8px;
    margin-right: unset
;}

.loading-box>div {
    margin: 7.5px 1px
;}

.lds-ellipsis {
    display: inline-block;
    height: 64px;
    position: relative;
    width: 64px
;}

.lds-ellipsis div {
    animation-timing-function: cubic-bezier(0,1,1,0);
    background: #f5bc49;
    border-radius: 50%;
    height: 11px;
    position: absolute;
    top: 27px;
    width: 11px
;}

.lds-ellipsis div:first-child {
    animation: lds-ellipsis1 .6s infinite;
    left: 6px
;}

.lds-ellipsis div:nth-child(2) {
    animation: lds-ellipsis2 .6s infinite;
    left: 6px
;}

.lds-ellipsis div:nth-child(3) {
    animation: lds-ellipsis2 .6s infinite;
    left: 26px
;}

.lds-ellipsis div:nth-child(4) {
    animation: lds-ellipsis3 .6s infinite;
    left: 45px
;}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0)
    ;}

    to {
        transform: scale(1)
    ;}
;}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1)
    ;}

    to {
        transform: scale(0)
    ;}
;}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0)
    ;}

    to {
        transform: translate(19px)
    ;}
;}

.no-data {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 15px;
    position: relative;
    width: 100%
;}

.no-data .img {
    height: 200px;
    width: 250px
;}

.no-data .title {
    color: #ccc;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 24px;
    line-height: 24px;
    text-align: center
;}

.no-data .title .nodataval {
    align-items: center;
    display: flex;
    margin: 0 auto
;}

.no-data .comment {
    background: #ffd733;
    border-radius: 32px;
    box-sizing: border-box;
    flex-direction: row;
    gap: 6px;
    justify-content: center;
    line-height: 42px;
    margin-top: 16px;
    order: 2;
    padding: 10px 16px
;}

.no-data .comment,.no-data .comment .commenttext {
    align-items: center;
    display: flex;
    flex: none;
    flex-grow: 0
;}

.no-data .comment .commenttext {
    color: #301;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin: 0;
    max-width: 250px;
    order: 0;
    text-align: center
;}

.no-data .comment .iconfont {
    color: #301;
    font-size: 18px;
    font-weight: 600;
    height: 18px;
    line-height: 20px;
    width: 22px
;}

@media screen and (max-width: 799px) {
    .no-data .no-data-1 {
        font-size:20px;
        margin-top: 40px
    ;}

    .no-data .no-data-2,.no-data .no-data-link {
        font-size: 14px
    ;}
;}

.popmt4 {
    background: url(https://resources1.interface003.com/Contentgj/images/pop_bg.png) repeat;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2001
;}

.popmt4 .main {
    align-items: center;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.08);
    box-sizing: border-box;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    left: 50%;
    max-width: 560px;
    order: 0;
    padding: 32px;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%) scale(1);
    transition: all .4s;
    width: 560px;
    z-index: 2002
;}

.popmt4 .main .sharp {
    background: #eeb822;
    border-radius: 1px;
    display: block;
    flex: none;
    flex-grow: 0;
    height: 16px;
    margin: 3px 12px 3px 0;
    order: 0;
    width: 6px
;}

.popmt4 .main .title {
    align-self: stretch;
    background: #fff;
    display: -webkit-box;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 12px;
    position: relative;
    width: 90%
;}

.popmt4 .main .title,.popmt4 .main .title .txt {
    align-items: center;
    flex: none;
    flex-grow: 0;
    line-height: 22px;
    order: 0
;}

.popmt4 .main .title .txt {
    color: #292929;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    padding-right: 14px
;}

.popmt4 .main .icon-close {
    cursor: pointer;
    display: inline-block;
    flex: none;
    flex-grow: 0;
    height: 22px;
    line-height: 22px;
    order: 1;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 22px
;}

.popmt4 .main .content {
    align-items: center;
    align-self: stretch;
    display: inline-block;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    justify-content: center;
    max-height: 460px;
    order: 1;
    overflow-y: auto;
    padding: 0 0 25px
;}

.popmt4 .main .content .result {
    display: inline-block
;}

.popmt4 .main .content .result .jdtip {
    align-items: center;
    color: #3d3d3d;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    margin-right: 10px
;}

.popmt4 .main .content .result .jd {
    align-items: center;
    background: rgba(17,170,102,.1);
    border-radius: 4px;
    display: inline-block;
    flex-direction: row;
    height: 30px;
    justify-content: center;
    padding: 5px 10px
;}

.popmt4 .main .content .result .jd .jdimg {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    margin-right: 2px;
    position: relative;
    top: -1px;
    vertical-align: middle
;}

.popmt4 .main .content .result .jd .jdimg .img {
    height: 16px;
    width: 16px
;}

.popmt4 .main .content .result .jd .jdval {
    align-items: center;
    color: #64b274;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    height: 20px;
    line-height: 20px;
    vertical-align: top
;}

.popmt4 .main .content .intro {
    align-items: center;
    color: #a3a3a3;
    display: flex;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin: 9px 0 20px
;}

.popmt4 .main .content .scroll {
    gap: 12px;
    max-height: 440px
;}

.popmt4 .main .content .scroll,.popmt4 .main .content .scroll .li {
    align-items: center;
    display: inline-block;
    flex-direction: column;
    padding: 0;
    width: 100%
;}

.popmt4 .main .content .scroll .li {
    flex: none;
    flex-grow: 0;
    gap: 16px;
    justify-content: center;
    order: 1
;}

.popmt4 .main .content .scroll .li .item {
    align-self: stretch;
    background: #fafafa;
    border: 1px solid #f5f5f5;
    box-sizing: border-box;
    gap: 186px;
    height: 32px;
    justify-content: space-between;
    margin: 6px 0;
    padding: 6px 12px;
    width: 100%
;}

.popmt4 .main .content .scroll .li .item,.popmt4 .main .content .scroll .li .item .left {
    align-items: center;
    display: inline-block;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    order: 0
;}

.popmt4 .main .content .scroll .li .item .left {
    gap: 8px;
    height: 20px;
    justify-content: center;
    padding: 0
;}

.popmt4 .main .content .scroll .li .item .left .zhuji {
    width: 15px
;}

.popmt4 .main .content .scroll .li .item .left .domian {
    color: #000;
    display: inline-block;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    height: 20px;
    line-height: 20px;
    max-width: 349px;
    order: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap
;}

.popmt4 .main .content .scroll .li .item .right {
    display: block;
    flex: none;
    flex-grow: 0;
    float: right;
    order: 1;
    width: 88px
;}

.popmt4 .main .content .scroll .li .item .right .mt4 {
    background: #6faff9;
    border-radius: 4px;
    display: inline-block;
    height: 20px;
    margin-right: 22px
;}

.popmt4 .main .content .scroll .li .item .right .mt4 .txt {
    color: #fff;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    height: 20px;
    line-height: 20px;
    padding: 0 4px;
    vertical-align: top
;}

.popmt4 .main .content .scroll .li .item .right .iconfont {
    cursor: pointer;
    height: 16px;
    width: 16px
;}

.popmt4 .main .content .scroll .li .slide {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    gap: 24px;
    justify-content: center;
    order: 1;
    padding: 0 16px
;}

.popmt4 .main .content .scroll .li .slide .left,.popmt4 .main .content .scroll .li .slide .right {
    align-items: flex-start;
    background: #fff;
    display: inline-block;
    flex: none;
    flex-direction: row;
    flex-grow: 1;
    gap: 8px;
    justify-content: center;
    padding: 8px 0;
    width: 45%
;}

.popmt4 .main .content .scroll .li .slide .iconfont {
    height: 16px;
    width: 16px
;}

.popmt4 .main .content .scroll .li .slide .flag {
    border-radius: 1px;
    display: inline-block;
    flex: none;
    flex-grow: 0;
    height: 14px;
    order: 0;
    position: relative;
    top: 2px;
    width: 20px
;}

.popmt4 .main .content .scroll .li .slide .tip {
    font-feature-settings: "liga" off;
    align-items: center;
    align-self: stretch;
    color: #a3a3a3;
    display: inline-block;
    flex: none;
    flex-grow: 0;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    max-width: 200px;
    order: 0;
    padding-left: 3px;
    position: relative;
    top: -2px
;}

.popmt4 .main .content .scroll .li .slide .row1 {
    display: flex;
    margin-bottom: 4px
;}

.popmt4 .main .content .scroll .li .slide .row2 {
    align-self: stretch;
    color: #3d3d3d;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    order: 1;
    padding-left: 20px;
    width: 220px
;}

html[dir=rtl] .popmt4 .main .content .scroll .li .slide .tip {
    padding-left: 0;
    padding-right: 3px
;}

html[dir=rtl] .popmt4 .main .content .scroll .li .slide .row2 {
    padding-left: 0;
    padding-right: 20px
;}

.echarts-pie {
    position: relative;
    width: 100%
;}

.echarts-pie p {
    align-items: center;
    bottom: 0;
    color: rgba(61,61,61,.5);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    left: 50%;
    line-height: 17px;
    position: absolute;
    transform: translate(-50%)
;}

.percentageInf-container {
    position: absolute;
    right: 15px
;}

.percentageInf-container .country,.percentageInf-container .country2 {
    background: #f5f5f5;
    border-radius: 2px;
    color: #000;
    display: none;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    padding: 0 8px;
    position: absolute;
    right: 100%;
    text-align: center;
    white-space: nowrap;
    width: auto
;}

.percentageInf-container .country3,.percentageInf-container .country4 {
    display: none
;}

.percentageInf-container .arrow-right,.percentageInf-container .arrow-right2 {
    border-bottom: 4px solid transparent;
    border-left: 4px solid #f5f5f5;
    border-top: 4px solid transparent;
    display: none;
    height: 0;
    margin-right: 10px;
    position: absolute;
    right: 95.5%;
    width: 0
;}

.percentageInf-container .arrow-right2,.percentageInf-container .country2 {
    display: block
;}

.percentageInf-container div {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
    padding: 3.5px 8px;
    vertical-align: middle
;}

.percentageInf-container div.bgc {
    background: rgba(71,125,178,.12);
    border-radius: 4px
;}

.percentageInf-container div:hover .arrow-right,.percentageInf-container div:hover .country {
    display: block
;}

.percentageInf-container div .country-Name,.percentageInf-container div:hover .arrow-right2,.percentageInf-container div:hover .country2 {
    display: none
;}

.percentageInf-container div .main {
    align-items: center;
    border-radius: 2px;
    display: inline-block;
    display: flex;
    height: 24px;
    justify-content: flex-end
;}

.percentageInf-container div .main .icon-dingwei {
    color: #477db2;
    font-size: 12px;
    margin-right: 9px
;}

.percentageInf-container div .main img {
    display: inline-block
;}

.percentageInf-container div .main .outline-border {
    background: #fafafa;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 16px;
    display: inline-block;
    margin: 0;
    padding: 1px;
    width: 137px
;}

.percentageInf-container div .main .outline-border .value-border {
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 12px;
    height: 8px;
    width: 0
;}

.percentageInf-container div .main .item-name {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 17px;
    min-width: 40px;
    text-align: center;
    white-space: nowrap
;}

.percentageInf-container div .main span:last-child {
    align-items: center;
    display: flex;
    font-family: DIN-Media;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    justify-content: center;
    line-height: 17px;
    margin-left: 8px;
    text-align: right;
    width: 45px
;}

.percentageInf-container div .main .bgc-block:hover {
    background: rgba(71,125,178,.12)
;}

.percentageInf-container div .main {
    margin: 0
;}

@media screen and (max-width: 999px) {
    .percentageInf-container .country,.percentageInf-container .country2 {
        display:none;
        width: auto
    ;}

    .percentageInf-container .country,.percentageInf-container .country-Name,.percentageInf-container .country2 {
        background: #f5f5f5;
        border-radius: 2px;
        color: #000;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 17px;
        padding: 0 8px;
        white-space: nowrap
    ;}

    .percentageInf-container .country-Name {
        display: block!important;
        left: 32px;
        position: absolute;
        top: -20px;
        z-index: 999
    ;}

    .percentageInf-container .arrow-right,.percentageInf-container .arrow-right2 {
        border-bottom: 4px solid transparent;
        border-left: 4px solid #f5f5f5;
        border-top: 4px solid transparent;
        display: none;
        height: 0;
        margin-right: 10px;
        position: absolute;
        right: 36.5%;
        width: 0
    ;}

    .percentageInf-container div {
        align-items: center;
        display: flex;
        justify-content: flex-end;
        overflow: hidden;
        padding: 0 8px;
        vertical-align: middle
    ;}

    .percentageInf-container div:hover .arrow-right2,.percentageInf-container div:hover .country,.percentageInf-container div:hover .country2 {
        display: none!important
    ;}

    .percentageInf-container div.bgc {
        background: rgba(71,125,178,.12)
    ;}

    .percentageInf-container div .main {
        align-items: center;
        border-radius: 2px;
        display: inline-block;
        display: flex;
        height: 24px;
        justify-content: flex-end;
        width: 100%
    ;}

    .percentageInf-container div .main .icon-dingwei {
        color: #477db2;
        font-size: 12px;
        margin-right: 9px
    ;}

    .percentageInf-container div .main img {
        display: inline-block
    ;}

    .percentageInf-container div .main .outline-border {
        background: #fafafa;
        border: 1px solid rgba(0,0,0,.05);
        border-radius: 16px;
        display: inline-block;
        margin: 0;
        padding: 1px;
        width: 290px
    ;}

    .percentageInf-container div .main .outline-border .value-border {
        border: 1px solid rgba(0,0,0,.05);
        border-radius: 12px;
        height: 8px
    ;}

    .percentageInf-container div .main .item-name {
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 17px;
        margin: 0 8px;
        min-width: 40px;
        text-align: center;
        white-space: nowrap
    ;}

    .percentageInf-container div .main span:last-child {
        align-items: center;
        display: flex;
        font-family: DIN-Media;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        justify-content: center;
        line-height: 17px;
        margin-left: 8px;
        text-align: right;
        width: 40px
    ;}

    .percentageInf-container div .main .bgc-block:hover {
        background: rgba(71,125,178,.12)
    ;}

    .percentageInf-container div .main .bgc-block:hover .country,.percentageInf-container div .main .bgc-block:hover .country2 {
        display: none
    ;}

    .percentageInf-container div .main {
        margin: 0
    ;}
;}

html[dir=rtl] .percentageInf-container {
    left: 15px;
    right: unset
;}

html[dir=rtl] .percentageInf-container .country,html[dir=rtl] .percentageInf-container .country2 {
    right: -35px
;}

html[dir=rtl] .percentageInf-container .arrow-right2 {
    border-left: unset;
    border-right: 4px solid #f5f5f5;
    right: 0
;}

.promote-business {
    align-items: center;
    background: rgba(0,0,0,.5)!important;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2088
;}

.promote-business .business-box {
    background: #fff;
    border-radius: 16px;
    height: 450px;
    padding: 15px 25px;
    position: relative;
    width: 800px
;}

.promote-business .business-box .icon-close {
    color: #000;
    cursor: pointer;
    font-size: 22px;
    position: absolute;
    right: 10px;
    top: 10px
;}

.promote-business .business-box .box-head {
    display: flex;
    justify-content: space-between
;}

.promote-business .business-box .box-head .head-l {
    align-items: center;
    display: flex
;}

.promote-business .business-box .box-head .head-l .l-icon {
    background: #eeb822;
    border-radius: 1px;
    height: 16px;
    margin-right: 12px;
    width: 6px
;}

.promote-business .business-box .box-head .head-l h2 {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    margin-right: 14px;
    white-space: nowrap
;}

.promote-business .business-box .box-head .head-r {
    align-items: center;
    color: #a3a3a3;
    display: flex;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    position: relative
;}

.promote-business .business-box .box-head .head-r span {
    white-space: nowrap
;}

.promote-business .business-box .box-head .head-r .score {
    color: #323947;
    font-family: DIN-Medium;
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: 53px;
    margin: 0 30px 0 20px
;}

.promote-business .business-box .box-head .head-r .unit {
    align-items: center;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 2px;
    bottom: 15%;
    color: #e6e6e6;
    display: flex;
    font-family: DIN;
    font-weight: 400;
    height: 20px;
    justify-content: center;
    padding-right: 2px;
    position: absolute;
    right: 0
;}

.promote-business .business-box .box-head .pc {
    display: none
;}

.promote-business .business-box .l-tab {
    align-items: center;
    display: block;
    display: flex
;}

.promote-business .business-box .l-tab li {
    background: #fafafa;
    border: .5px solid rgba(0,0,0,.05);
    border-radius: 3px;
    color: #ccc;
    cursor: pointer;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    padding: 0 24px;
    white-space: nowrap
;}

.promote-business .business-box .l-tab li.active {
    background: #3d3d3d;
    color: #fff
;}

.promote-business .business-box .box-con {
    display: flex;
    justify-content: space-between
;}

.promote-business .business-box .box-con .con-l {
    height: 270px;
    width: 400px
;}

.promote-business .business-box .box-con .con-l #appRaisal {
    height: 250px;
    width: 400px
;}

.promote-business .business-box .box-con .con-l .l-bom {
    margin-top: 40px
;}

.promote-business .business-box .box-con .con-l .l-bom ul {
    display: flex;
    justify-content: center
;}

.promote-business .business-box .box-con .con-l .l-bom ul li {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-right: 6px
;}

.promote-business .business-box .box-con .con-l .l-bom ul li i {
    background-color: #eeb822;
    display: flex;
    height: 4px;
    width: 40px
;}

.promote-business .business-box .box-con .con-l .l-bom ul li span {
    color: #a3a3a3;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px
;}

.promote-business .business-box .box-con .con-l2 {
    height: 266.02px;
    margin: 45px auto 0;
    width: 400px
;}

.promote-business .business-box .box-con .con-r {
    flex: 1;
    height: 348px
;}

.promote-business .business-box .box-bom {
    bottom: 20px;
    color: #ccc;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    left: 50%;
    line-height: 17px;
    position: absolute;
    text-align: center;
    transform: translateX(-50%);
    width: 100%
;}

@media screen and (max-width: 999px) {
    .promote-business .business-box {
        height:700px;
        padding: 25px;
        width: 500px
    ;}

    .promote-business .business-box .box-head {
        flex-direction: column;
        margin: 0
    ;}

    .promote-business .business-box .box-head .head-r {
        align-items: center;
        display: flex;
        justify-content: flex-end;
        margin-top: 5px
    ;}

    .promote-business .business-box .box-head .pc {
        display: block
    ;}

    .promote-business .business-box .box-head .l-tab {
        align-items: center;
        display: block;
        display: flex;
        justify-content: center;
        margin: 15px 0 0
    ;}

    .promote-business .business-box .box-head .l-tab li {
        background: #fafafa;
        border: .5px solid rgba(0,0,0,.05);
        border-radius: 3px;
        color: #ccc;
        cursor: pointer;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 17px;
        padding: 0 24px;
        white-space: nowrap
    ;}

    .promote-business .business-box .box-head .l-tab li.active {
        background: #3d3d3d;
        color: #fff
    ;}

    .promote-business .business-box .l-tab {
        display: none
    ;}

    .promote-business .business-box .box-con {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 auto
    ;}

    .promote-business .business-box .box-con .con-l2 {
        margin: 4px auto 0
    ;}

    .promote-business .business-box .box-con .con-l {
        margin: 0 auto
    ;}

    .promote-business .business-box .box-con .con-l .l-bom {
        left: 50%;
        margin: 0 auto;
        position: absolute;
        top: 52%;
        transform: translate(-50%)
    ;}

    .promote-business .business-box .box-bom {
        width: 450px
    ;}
;}

html[dir=rtl] .promote-business .business-box .icon-close {
    left: 12px;
    right: unset
;}

.popziben {
    background: url(https://resources1.interface003.com/Contentgj/images/pop_bg.png) repeat;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2001
;}

.popziben .main {
    border-radius: 16px;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.08);
    box-sizing: border-box;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    height: 541px;
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%) scale(1);
    transition: all .4s;
    width: 760px;
    z-index: 2
;}

.popziben .main,.popziben .main .title {
    align-items: center;
    background: #fff;
    display: flex;
    order: 0
;}

.popziben .main .title {
    align-self: stretch;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    height: 96px;
    justify-content: space-between;
    margin: 0 35px 0 48px
;}

.popziben .main .title .txt {
    align-items: center;
    color: #292929;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    order: 0;
    padding-right: 14px
;}

.popziben .main .title .iconfont {
    cursor: pointer!important;
    display: inline-flex;
    flex: none;
    flex-grow: 0;
    height: 22px;
    line-height: 22px;
    order: 1;
    width: 22px
;}

.popziben .main .content {
    align-items: center;
    align-self: stretch;
    border-top: 1px solid #f3f3f3;
    display: inline-block;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    height: 434px;
    justify-content: center;
    order: 1;
    overflow-y: auto
;}

.popziben .main .content .scroll {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 8px 37px;
    width: 680px
;}

.popziben .main .content .scroll .line1 {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    justify-content: space-between;
    order: 1;
    padding: 0
;}

.popziben .main .content .scroll .line1 .left {
    display: flex;
    height: 240px;
    margin-right: 32px;
    order: 0;
    position: relative;
    width: 240px
;}

.popziben .main .content .scroll .line1 .left .yuan {
    background: #fff;
    border-radius: 4px;
    height: 8px;
    left: 117px;
    position: absolute;
    top: 8px;
    width: 8px;
    z-index: 1
;}

.popziben .main .content .scroll .line1 .right {
    align-items: flex-start;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 1;
    gap: 12px;
    order: 1;
    padding: 0
;}

.popziben .main .content .scroll .line1 .right .li {
    align-items: center;
    background: #fafafa;
    border-radius: 6px;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    gap: 4px;
    justify-content: space-between;
    order: 0;
    padding: 10px 14px;
    width: 100%
;}

.popziben .main .content .scroll .line1 .right .li:first-child {
    margin-top: 10px
;}

.popziben .main .content .scroll .line1 .right .li .info {
    align-items: flex-start;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 1;
    gap: 4px;
    order: 0;
    padding: 0;
    width: 104px
;}

.popziben .main .content .scroll .line1 .right .li .info .tip {
    color: #3d3d3d;
    order: 0;
    text-align: center
;}

.popziben .main .content .scroll .line1 .right .li .info .tip,.popziben .main .content .scroll .line1 .right .li .info .val {
    align-items: center;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.popziben .main .content .scroll .line1 .right .li .info .val {
    color: #016f54;
    order: 1
;}

.popziben .main .content .scroll .line1 .right .li .level {
    align-items: center;
    color: #7a7a7a;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    order: 1;
    width: 47px
;}

.popziben .main .content .scroll .line2 {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    gap: 12px;
    margin-top: 25px;
    order: 2;
    padding: 0
;}

.popziben .main .content .scroll .line2 .title {
    font-feature-settings: "liga" off;
    align-items: center;
    color: #3d3d3d;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    height: 22px;
    line-height: 22px;
    margin: 0;
    order: 0
;}

.popziben .main .content .scroll .line2 .suanfa {
    align-items: center;
    align-self: stretch;
    background: #fafafa;
    border-radius: 6px;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    gap: 30px;
    height: 67px;
    justify-content: center;
    order: 1;
    padding: 12px 140px
;}

.popziben .main .content .scroll .line2 .suanfa .left {
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    gap: 18px;
    height: 22px;
    order: 0;
    padding: 0
;}

.popziben .main .content .scroll .line2 .suanfa .left img {
    height: 12px;
    width: 13px
;}

.popziben .main .content .scroll .line2 .suanfa .center {
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 1;
    gap: 4px;
    height: 43px;
    justify-content: center;
    order: 1;
    padding: 0
;}

.popziben .main .content .scroll .line2 .suanfa .center .top {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: DIN;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    height: 17px;
    line-height: 17px;
    order: 0;
    text-align: center
;}

.popziben .main .content .scroll .line2 .suanfa .center .line {
    background: linear-gradient(90deg,rgba(61,61,61,0) -3.27%,rgba(61,61,61,.18) 52.13%,rgba(61,61,61,0));
    flex: none;
    flex-grow: 0;
    height: 1px;
    order: 1;
    width: 100%
;}

.popziben .main .content .scroll .line2 .suanfa .center .bot {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: DIN;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    height: 17px;
    line-height: 17px;
    order: 2;
    text-align: center
;}

.popziben .main .content .scroll .line2 .suanfa .right {
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    gap: 18px;
    height: 22px;
    order: 2;
    padding: 0
;}

.popziben .main .content .scroll .line2 .last {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    gap: 10px;
    height: 82px;
    margin-bottom: 10px;
    order: 2;
    padding: 0
;}

.popziben .main .content .scroll .line2 .last li {
    color: #292929;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    order: 0;
    width: 100%
;}

.popziben .main .content .scroll .line2 .last li.fright {
    display: inline-block;
    padding-right: 10px;
    text-align: right
;}

.hide-dialog {
    background-size: 100% 100%;
    border-radius: 16px;
    overflow: hidden;
    width: 560px
;}

.hide-dialog .el-dialog__headerbtn {
    right: 10px;
    top: 10px
;}

.hide-dialog .el-dialog__headerbtn i {
    color: #1d2129!important;
    font-size: 22px;
    font-weight: 600
;}

.hide-dialog .el-dialog__header {
    border: 0;
    display: none
;}

.hide-dialog .el-dialog__body {
    background: url(https://resources1.interface003.com/web20/img/dealer/hidebg.png) no-repeat 0 0;
    overflow: unset;
    padding: 32px
;}

@media screen and (max-width: 799px) {
    .hide-dialog .el-dialog__body {
        background:url(https://resources1.interface003.com/web20/img/dealer/hidewapbg.png) no-repeat 0 0;
        background-size: 100% auto;
        padding: 22px
    ;}
;}

.hide-dig {
    overflow: hidden!important
;}

.theserver-popover {
    min-width: -moz-max-content!important;
    min-width: max-content!important
;}

.theserver-popover.el-popover {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    z-index: 9999!important
;}

.theserver-popover.el-popover .popper__arrow {
    display: none
;}

.dealer-info-list {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
;}

.dealer-info-list .dealer-info-ul {
    display: flex;
    height: 100%
;}

.dealer-info-list .dealer-info-ul .dealer-info-box {
    background: hsla(0,0%,100%,.6);
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    height: 251px;
    margin-right: 12px;
    padding: 8px 10px;
    position: relative;
    width: 310px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box:last-child {
    margin-right: 0
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-title {
    align-items: center;
    display: flex;
    height: 24px;
    margin-bottom: 30px;
    width: 100%
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-title .dealer-info-title-text {
    color: #3d3d3d;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-title .dealer-info-title-icon {
    color: #3d3d3d;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    margin-left: 4px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-title .dealer-info-title-icon:hover {
    opacity: .8
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-pfzs {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: center
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-pfzs canvas {
    cursor: pointer
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all {
    padding: 0 5px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    height: 83px;
    justify-content: space-between;
    width: 100%
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-l {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 92px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-l .dealer-info-li-tl {
    color: #3d3d3d;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    width: 100%
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-l .dealer-info-li-txt {
    color: #3d3d3d;
    font-size: 24px;
    font-weight: 600;
    line-height: 42px;
    text-align: center;
    width: 100%
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-c {
    padding-left: 10px;
    width: 143px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-c .dealer-info-li-c-txt {
    color: #3d3d3d;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-bottom: 11px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label {
    align-items: center;
    display: flex
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label .dealer-info-li-c1 {
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-right: 6px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label .dealer-info-li-c2 {
    background: #52a164;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    padding: 0 6px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label .dealer-info-li-c3 {
    height: 12px;
    margin-right: 6px;
    width: 18px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label .info-li-c4-box:hover:after {
    background-color: none;
    background-color: #fff;
    border: none;
    border-radius: 5px;
    box-shadow: 0 0 14px 0 rgba(0,0,0,.14);
    content: attr(data-title);
    left: 0;
    padding: 4px 10px;
    position: absolute;
    top: -35px;
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 6
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label .dealer-info-li-c4 {
    color: #3d3d3d;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    margin-right: 6px;
    position: relative
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label .dealer-info-li-c5 {
    color: #3d3d3d;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-right: 6px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label .dealer-info-li-c6 {
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-right: 6px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label .dealer-info-li-c-labelson {
    align-items: center;
    display: flex
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-c-labellang .dealer-info-li-c-label {
    align-items: flex-start;
    flex-direction: column
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-c-labellang .dealer-info-li-c-label .dealer-info-li-c-labelson,.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-c-labellang .dealer-info-li-c-txt {
    margin-bottom: 3px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-r {
    align-items: center;
    display: flex
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-r .mt-num {
    align-items: center;
    border: .5px solid #3d3d3d;
    border-radius: 9px;
    color: #3d3d3d;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    height: 18px;
    justify-content: center;
    padding: 0 5px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-r .iconfont {
    color: #3d3d3d;
    font-size: 16px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li:first-child {
    border-bottom: 1px dashed hsla(0,0%,40%,.2);
    padding-bottom: 24px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li:nth-child(2) {
    padding-top: 24px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li:hover {
    opacity: .8
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li:nth-child(3),.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li:nth-child(4) {
    display: none
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-jyhj {
    display: flex;
    justify-content: space-between
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-jyhj .dealer-info-jyhj-l {
    align-items: center;
    display: flex;
    height: 146px;
    justify-content: center;
    width: 165px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-jyhj .dealer-info-jyhj-r {
    padding-top: 6.5px;
    width: 115px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-jyhj .dealer-info-jyhj-r p {
    color: #3d3d3d;
    font-family: DIN;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-bottom: 12px;
    width: 100%
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt {
    padding: 0 18px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-head {
    align-items: center;
    border-bottom: 1px dashed hsla(0,0%,100%,.2);
    display: flex;
    justify-content: space-between;
    padding-bottom: 18px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-head .mt-head-l {
    align-items: center;
    display: flex
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-head .mt-head-l .iconfont {
    color: #52a164!important;
    font-size: 54px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-head .mt-head-l img {
    height: 54px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-head .mt-head-l .mt-head-l-t {
    max-width: 150px;
    padding-left: 10px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-head .mt-head-l .mt-head-l-t .mt-head-l-t1 {
    color: #3d3d3d;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-head .mt-head-l .mt-head-l-t .mt-head-l-t2 {
    color: #52a164;
    font-size: 28px;
    font-weight: 600;
    line-height: 39px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-head .mt-head-r {
    display: flex
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-head .mt-head-r .mt-head-num {
    align-items: center;
    border: .5px solid #3d3d3d;
    border-radius: 9px;
    color: #3d3d3d;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    height: 18px;
    justify-content: center;
    padding: 0 4px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-head .mt-head-r .iconfont {
    color: #3d3d3d;
    font-size: 16px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-info {
    padding-top: 18px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-info .mt-info-p {
    align-items: center;
    display: flex;
    margin-bottom: 8px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-info .mt-info-p .mt-info-text {
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-right: 8px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-info .mt-info-p .mt-info-text:last-child {
    margin-right: 0
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-info .mt-info-p .mt-info-span {
    background: #52a164;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-right: 8px;
    padding: 0 6px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-info .mt-info-p .mt-info-img {
    border-radius: 1px;
    height: 12px;
    margin-right: 8px;
    width: 18px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-info .mt-info-p .mt-info-bold {
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl {
    padding: 0 15px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    width: 100%
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li .dealer-info-li-l {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 110px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li .dealer-info-li-l .dealer-info-li-tl {
    color: #3d3d3d;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li .dealer-info-li-l .dealer-info-li-txt {
    color: #3d3d3d;
    font-size: 27px;
    font-weight: 600;
    line-height: 42px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li .dealer-info-li-c {
    margin-left: 20px;
    width: 140px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li .dealer-info-li-c .dealer-info-li-c-txt {
    color: #3d3d3d;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-bottom: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label {
    align-items: center;
    display: flex
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label .dealer-info-li-c1 {
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-right: 6px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label .dealer-info-li-c2 {
    background: #52a164;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    padding: 0 6px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label .dealer-info-li-c3 {
    height: 12px;
    margin-right: 6px;
    width: 18px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label .dealer-info-li-c4 {
    color: #3d3d3d;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    margin-right: 6px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label .dealer-info-li-c5 {
    color: #3d3d3d;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-right: 6px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label .dealer-info-li-c6 {
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-right: 6px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li .dealer-info-li-r {
    align-items: center;
    display: flex
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li .dealer-info-li-r .mt-num {
    align-items: center;
    border: .5px solid #8a9199;
    border-radius: 9px;
    color: #3d3d3d;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    height: 18px;
    justify-content: center;
    width: 18px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li .dealer-info-li-r .iconfont {
    color: #3d3d3d;
    font-size: 16px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li:first-child {
    border-bottom: 1px dashed hsla(212,7%,57%,.2);
    padding-bottom: 14px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li:nth-child(2) {
    padding-top: 24px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li:hover {
    opacity: .8
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-num {
    padding-top: 16.5px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-num .zbbl-num-title {
    align-items: center;
    display: flex
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-num .zbbl-num-title .zbbl-num-title1 {
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-num .zbbl-num-title .zbbl-num-title2 {
    color: #da433d!important;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-num .zbbl-num-title .zbbl-num-title3 {
    color: #3d3d3d;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-num .zbbl-num-box {
    margin-top: 28px;
    width: 256px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-num .zbbl-num-box .zbbl-num-1 {
    align-items: center;
    background: #d6d6d6;
    border-radius: 4px;
    display: flex;
    height: 8px;
    width: 100%
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-num .zbbl-num-box .zbbl-num-2 {
    background: #9b273a;
    border-radius: 4px 0 0 4px;
    width: 30%
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-num .zbbl-num-box .zbbl-num-3 {
    background: #016f54;
    width: 30%
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-num .zbbl-num-box .zbbl-num-jd {
    height: 8px;
    position: relative
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-num .zbbl-num-box .zbbl-num-cicle {
    background: #016f54;
    border: 2px solid #fff;
    border-radius: 7px;
    height: 14px;
    position: absolute;
    right: -7px;
    top: -3px;
    width: 14px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-num .zbbl-num-box .zbbl-num-cicle .zbbl-num-cicle-box {
    height: 100%;
    position: relative;
    width: 100%
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-num .zbbl-num-box .zbbl-num-cicle .zbbl-num-cicle-box .zbbl-num-cicle-text {
    background: #016f54;
    border-radius: 2px;
    color: #fff;
    display: flex;
    font-family: DIN;
    font-size: 11px;
    font-weight: 500;
    height: 16px;
    left: 50%;
    line-height: 16px;
    padding: 0 2px;
    position: absolute;
    top: -25px;
    transform: translateX(-50%);
    z-index: 2
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-num .zbbl-num-box .zbbl-num-cicle .zbbl-num-cicle-box .zbbl-num-cicle-tag {
    background: #016f54;
    display: flex;
    height: 6px;
    left: 50%;
    position: absolute;
    top: -10px;
    transform: rotate(45deg) translateX(-50%);
    width: 6px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-num .zbbl-num-box .zbbl-num-cicle .zbbl-num-cicle-box .zbbl-num-cicle-label {
    bottom: -25px;
    color: #3d3d3d;
    font-size: 10px;
    font-weight: 400;
    left: 50%;
    line-height: 14px;
    position: absolute;
    transform: translateX(-50%);
    white-space: nowrap
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info {
    padding-top: 24px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-title {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 8px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-title span {
    font-weight: 600;
    padding: 0 5px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line {
    background: rgba(59,118,246,.2);
    border-radius: 4px;
    display: flex;
    height: 8px;
    margin-bottom: 8px;
    overflow: hidden;
    width: 258px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line .yyl-info-line-l {
    background: #3b76f6;
    height: 8px;
    width: 70%
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line .yyl-info-line-r {
    background: #fff;
    height: 8px;
    transform: skew(-30deg) translateX(-4px);
    width: 6px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-text {
    color: #8a9199;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-text span {
    color: #3d3d3d;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-bottom: 5px;
    margin-right: 22px;
    position: relative;
    white-space: nowrap
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-text span:last-child {
    margin-right: 0
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-text span:last-child:after {
    display: none!important
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-text span:after {
    background: hsla(212,7%,57%,.5);
    border-radius: 50%;
    content: "";
    display: flex;
    height: 3px;
    position: absolute;
    right: -12px;
    top: 6px;
    width: 3px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-lxfs {
    padding: 0 15px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-lxfs .lxfs-list {
    display: flex;
    margin-bottom: 10px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-lxfs .lxfs-list .iconfont {
    color: #3d3d3d;
    font-size: 18px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-lxfs .lxfs-list .lxfs-list-text {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #3d3d3d;
    display: -webkit-box;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
    word-break: break-all
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .error-info {
    align-items: center;
    background: #f1d2ce;
    border-radius: 0 0 4px 4px;
    bottom: 0;
    display: flex;
    height: 25px;
    justify-content: center;
    left: 0;
    padding: 0 10px;
    position: absolute;
    width: 100%
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .error-info .iconfont {
    color: #ff1800!important;
    font-size: 14px
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .error-info .score-fx-p {
    color: #ff1800!important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-left: 4px;
    max-width: 340px;
    overflow: hidden
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .error-info .score-fx-p .clone_text,.dealer-info-list .dealer-info-ul .dealer-info-box .error-info .score-fx-p .text_warp {
    color: #ff1800!important
;}

.dealer-info-list .dealer-info-ul .dealer-info-box:hover .dealer-info-jyhj,.dealer-info-list .dealer-info-ul .dealer-info-box:hover .dealer-info-mt,.dealer-info-list .dealer-info-ul .dealer-info-box:hover .dealer-info-zbbl {
    opacity: .8
;}

.dealer-info-list .dealer-info-ul .dealer-info-box:hover .dealer-info-pfzs {
    opacity: .9
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .module-l-echart-text {
    left: 50%;
    top: 61%;
    transform: translate(-50%,-50%)
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .module-l-echart-text,.dealer-info-list .dealer-info-ul .dealer-info-box .module-l-echart-textjyhj {
    align-items: center;
    color: #fff;
    display: flex;
    font-family: DIN-Medium;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    justify-content: center;
    line-height: 34px;
    position: absolute;
    z-index: 1
;}

.dealer-info-list .dealer-info-ul .dealer-info-box .module-l-echart-textjyhj {
    left: 75px;
    top: 117px
;}

.dealer-info-list .dealer-info-ul .dealer-info-boxlx {
    height: auto
;}

.dealer-info-list .dealer-info-ul .dealer-info-boxlx:hover {
    opacity: 1
;}

.dealer-info-list .dealer-info-ul .dealer-info-pfzsbox .dealer-info-title {
    margin-bottom: 11px
;}

.dealer-info-list .dealer-info-ul .dealer-info-pfzsbox .dealer-info-pfzs {
    cursor: pointer
;}

.dealer-info-list .dealer-info-ul .dealer-info-boxtwo:hover {
    opacity: 1
;}

.dealer-info-list .dealer-info-ullang .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-l .dealer-info-li-txt {
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis
;}

.dealer-info-list .error-info {
    align-items: center;
    background: #f1d2ce;
    border-radius: 0 0 4px 4px;
    bottom: 0;
    display: flex;
    height: 25px;
    justify-content: center;
    padding: 0 10px;
    position: absolute;
    right: 0;
    width: 310px
;}

.dealer-info-list .error-info .iconfont {
    color: #ff1800!important;
    font-size: 14px
;}

.dealer-info-list .error-info .score-fx-p {
    color: #ff1800!important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-left: 4px;
    max-width: 340px;
    overflow: hidden
;}

.dealer-info-list .error-info .score-fx-p .clone_text,.dealer-info-list .error-info .score-fx-p .text_warp {
    color: #ff1800!important
;}

.dealer-info-list .score-position {
    align-items: center;
    display: flex;
    gap: 4px;
    position: absolute;
    right: 332px;
    top: 8px
;}

.dealer-info-list .dealer-info-db {
    align-items: center;
    background: #e8712a;
    border-radius: 2px;
    cursor: pointer;
    display: flex;
    height: 24px;
    padding: 0 12px;
    z-index: 9
;}

.dealer-info-list .dealer-info-db span {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px
;}

.dealer-info-list .dealer-info-db .iconfont {
    font-size: 14px;
    margin-right: 4px
;}

.dealer-info-list .dealer-info-db:hover {
    opacity: .8
;}

.dealer-info-list .dealer-info-db-claim {
    background: hsla(212,7%,57%,.05);
    border: .5px solid #e5e6eb
;}

.dealer-info-list .dealer-info-db-claim span {
    color: #1d2129
;}

.dealer-info-list .dealer-info-db-claim .iconfont {
    color: #333
;}

@media screen and (max-width: 1199px) {
    .dealer-info-list .dealer-info-ul .dealer-info-box {
        margin-right:0
    ;}

    .dealer-info-list .dealer-info-ul .dealer-info-pfzsbox {
        position: fixed;
        top: -10000px
    ;}

    .dealer-info-list .dealer-info-db {
        display: none
    ;}
;}

.dealer-info-list .el-table {
    max-height: 518px;
    overflow: auto;
    padding-right: 10px
;}

.dealer-info-list .el-table:before {
    height: 0!important
;}

.dealer-info-list .el-table__body-wrapper {
    margin-top: 6px
;}

.dealer-info-list .el-table th.el-table__cell>.cell {
    color: #fff!important
;}

.dealer-info-list .el-table--border .el-table__cell:first-child .cell {
    font-size: 14px
;}

.dealer-info-list .el-table--border {
    border: none!important
;}

.dealer-info-list .el-table--border:after,.dealer-info-list .el-table--group:after {
    width: 0!important
;}

.dealer-info-list .el-dialog__header {
    padding: 0
;}

.dealer-info-list .el-dialog__body {
    overflow: hidden;
    padding: 32px 22px 32px 32px
;}

.dealer-info-list .el-table__header-wrapper tr,.dealer-info-list .only-outer-border .el-table__row {
    border-bottom: 1px solid #dfe6ec
;}

.dealer-info-list .el-table__header-wrapper tr:hover>td,.dealer-info-list .only-outer-border .el-table__row:hover>td {
    background-color: transparent!important
;}

.dealer-info-list .only-outer-border .el-table__row:nth-child(odd) {
    background: #fafafa
;}

.dealer-info-list .only-outer-border .el-table__header-wrapper tr,.dealer-info-list .only-outer-border .el-table__row:last-child {
    border-bottom: none
;}

.dealer-info-list .el-table__header th,.dealer-info-list .only-outer-border .el-table__body td {
    border-bottom: none;
    border-right: none;
    padding-left: 26px!important
;}

.dealer-info-list .el-table__header th:last-child,.dealer-info-list .only-outer-border .el-table__body td:last-child {
    padding-right: 15px
;}

@media screen and (max-width: 799px) {
    .dealer-info-list .el-table__header th,.dealer-info-list .only-outer-border .el-table__body td {
        padding-left:10px!important
    ;}
;}

.dealer-info-list .el-table__header th:first-child,.dealer-info-list .only-outer-border .el-table__body td:first-child {
    border-left: none
;}

.dealer-info-list .only-outer-border {
    max-height: 310px;
    overflow-y: auto
;}

.dealer-info-list .only-outer-border::-webkit-scrollbar {
    background-color: transparent;
    width: 4px
;}

.dealer-info-list .only-outer-border::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 99px
;}

.dealer-info-list .el-table thead {
    color: #a3a3a3;
    font-size: 14px
;}

.dealer-info-list .el-table th.el-table__cell.is-leaf {
    border-bottom: none
;}

.dealer-info-list thead tr th {
    background: #1d2129!important
;}

html[dir=rtl] .dealer-info-list .el-dialog__body {
    padding: 32px 32px 32px 22px
;}

html[dir=rtl] .dealer-info-list .el-table {
    padding-left: 10px;
    padding-right: 0
;}

html[dir=rtl] .dealer-info-list .el-table th.el-table__cell>.cell,html[dir=rtl] .dealer-info-list .el-table--border .el-table__cell:first-child .cell {
    text-align: right
;}

html[dir=rtl] .dealer-info-list .el-table__body td,html[dir=rtl] .dealer-info-list .el-table__header th {
    border-bottom: none;
    border-right: none;
    padding-left: 0!important;
    padding-right: 26px
;}

html[dir=rtl] .dealer-info-list .el-table__body td:last-child,html[dir=rtl] .dealer-info-list .el-table__header th:last-child {
    padding-left: 15px;
    padding-right: 0
;}

html[dir=rtl] .dealer-info-list .el-table__body td:nth-child(3n),html[dir=rtl] .dealer-info-list .el-table__header th:nth-child(3n) {
    padding-left: 15px!important;
    padding-right: 0!important
;}

html[dir=rtl] .dealer-info-list .el-table__header th.el-table_1_column_3 {
    padding-left: 15px!important;
    padding-right: 0
;}

html[dir=rtl] .dealer-info-list .el-table_1_column_3 {
    padding-left: 15px!important;
    padding-right: 0!important
;}

.vr-box {
    position: relative
;}

.vr-box .el-dialog {
    border-radius: 16px;
    max-width: 1110px;
    width: 90%
;}

.vr-box .el-dialog .el-dialog__body {
    height: 68vh;
    padding-top: 10px
;}

.vr-box .el-dialog .el-dialog__close {
    color: #1d2129;
    font-size: 24px
;}

.vr-box .dialog-container {
    margin-top: 15vh
;}

.vr-box .vr-header {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 20px;
    line-height: 20px
;}

.vr-box .vr-header .vr-logo {
    height: 20px;
    width: 20px
;}

.vr-box .vr-header .vr-title {
    margin: 0 28px 0 8px
;}

.vr-box .vr-header .vr-flag {
    height: 13px;
    margin: 0 8px;
    width: 18px
;}

.vr-box .vr-header .vr-time {
    margin: 0 15px 0 22px
;}

.vr-box .vr-header time {
    align-items: center;
    display: flex
;}

.vr-box .vr-header time .icon-jubanshijian {
    margin-right: 8px
;}

.vr-box iframe {
    height: 100%;
    width: 100%
;}

.vr-box .icon-arrow-left {
    color: #fff;
    display: none;
    font-size: 16px;
    left: 18px;
    position: fixed;
    top: 20px
;}

@media screen and (max-width: 1199px) {
    .vr-box .icon-arrow-left {
        display:none
    ;}
;}

@media screen and (max-width: 999px) {
    .vr-box .icon-arrow-left {
        display:none
    ;}
;}

@media screen and (max-width: 799px) {
    .vr-box .dialog-container {
        margin-top:60px
    ;}

    .vr-box .dialog-container ::-webkit-scrollbar {
        width: 0
    ;}

    .vr-box .dialog-container::-webkit-scrollbar {
        display: none
    ;}

    .vr-box iframe {
        position: absolute;
        top: 0
    ;}

    .vr-box .el-dialog {
        width: 100%
    ;}

    .vr-box .el-dialog .el-dialog__body {
        height: 93vh;
        padding: 0
    ;}

    .vr-box .el-dialog .el-dialog__header {
        display: none;
        padding: 0
    ;}

    .vr-box .el-dialog .vr-header {
        display: none
    ;}

    .vr-box .icon-arrow-left {
        display: block
    ;}
;}

html[dir=rtl] .vr-box .el-dialog__headerbtn {
    left: 20px;
    right: auto
;}

html[dir=rtl] .vr-box .vr-header time .icon-jubanshijian {
    margin-left: 8px;
    margin-right: 0
;}

.head-l.head-l-john {
    margin-right: 24px;
    width: 200px
;}

.head-l .head-l-logo {
    align-items: center;
    background: #fff;
    border: 1px solid #e5e6eb;
    border-radius: 6px;
    display: flex;
    height: 120px;
    justify-content: center;
    margin-bottom: 16px;
    position: relative;
    width: 200px
;}

.head-l .head-l-logo .head-l-logo-img {
    height: 99.44px;
    width: 176px
;}

.head-l .head-l-logo .dealer-l-logo-label {
    background: #2bb351;
    border-radius: 6px 0;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 24px;
    left: 2px;
    line-height: 24px;
    max-width: calc(100% - 4px);
    overflow: hidden;
    padding: 0 6px;
    position: absolute;
    top: 2px
;}

.head-l .head-l-logo .dealer-l-logo-seal {
    height: 94px;
    left: 86px;
    position: absolute;
    top: 48px
;}

.head-l .head-l-logo .dealer-l-vr {
    animation: dealerani 2.04s steps(16) 0s infinite;
    background-image: url(https://resources1.interface003.com/web20/img/dealer/vr.png);
    background-size: cover;
    bottom: 10px;
    cursor: pointer;
    height: 28px;
    position: absolute;
    width: 28px
;}

.head-l .head-l-score {
    background: rgba(76,109,141,.05);
    border: 1px solid rgba(76,109,141,.15);
    border-radius: 6px;
    cursor: pointer;
    flex-direction: column;
    height: 115px;
    position: relative;
    width: 200px
;}

.head-l .head-l-score,.head-l .head-l-score .head-l-score-h3 {
    align-items: center;
    display: flex;
    justify-content: center
;}

.head-l .head-l-score .head-l-score-h3 .head-l-score-title {
    color: #4c6d8d;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
;}

.head-l .head-l-score .head-l-score-h3 .iconfont {
    color: #4c6d8d;
    font-size: 14px;
    font-weight: 400;
    margin-left: 5px
;}

.head-l .head-l-score .head-l-score-num {
    align-items: flex-end;
    display: flex;
    position: relative
;}

.head-l .head-l-score .head-l-score-num .score-num {
    color: #4c6d8d;
    direction: ltr;
    display: flex;
    font-family: DIN-Medium;
    font-size: 48px;
    font-weight: 500;
    height: 58px;
    line-height: 58px;
    overflow: hidden
;}

.head-l .head-l-score .head-l-score-num .score-num .score-num-text {
    animation: topTz 2s;
    display: flex;
    flex-direction: column
;}

.head-l .head-l-score .head-l-score-num .score-num-small {
    color: #4c6d8d;
    font-family: DIN;
    font-size: 17px;
    font-weight: 500;
    line-height: 21px;
    margin-left: 6px;
    opacity: .5;
    position: relative;
    top: -5px
;}

.head-l .head-l-score .error-info {
    align-items: center;
    background: #f1d2ce;
    border-radius: 0 0 6px 6px;
    bottom: 0;
    display: none;
    height: 25px;
    left: 0;
    padding: 0 10px;
    position: absolute;
    width: 100%
;}

.head-l .head-l-score .error-info #icon-a-DangerCircle1,.head-l .head-l-score .error-info #icon-a-DangerCircle11,.head-l .head-l-score .error-info .iconfont {
    color: #ff1800!important;
    font-size: 14px
;}

.head-l .head-l-score .error-info .score-fx-p {
    color: #ff1800!important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-left: 4px;
    max-width: 340px;
    overflow: hidden
;}

.head-l .head-l-score .error-info .score-fx-p .clone_text,.head-l .head-l-score .error-info .score-fx-p .text_warp {
    color: #ff1800!important
;}

.head-l .head-l-score:hover {
    opacity: .6
;}

@media screen and (max-width: 999px) {
    .head-l .head-l-score .error-info {
        display:flex
    ;}

    .head-l .head-l-score .complaintDesc {
        position: relative;
        top: -10px
    ;}
;}

html[dir=rtl] .head-l .head-l-logo .dealer-l-vrar {
    left: unset!important;
    right: 10px
;}

.head-c-info {
    display: flex
;}

.head-c-info .head-c-infolist {
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    flex: 1;
    height: 92px;
    margin-right: 10px;
    overflow: hidden
;}

.head-c-info .head-c-infolist .head-c-infolist-title {
    align-items: center;
    background: #f5f5f5;
    color: #3d3d3d;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    height: 40px;
    justify-content: center;
    line-height: 20px;
    text-align: center
;}

.head-c-info .head-c-infolist .head-c-infolist-txt {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    font-size: 28px;
    font-weight: 600;
    height: 52px;
    justify-content: center
;}

.head-c-info .head-c-infolist .ja-score-val {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    height: 50px;
    justify-content: center;
    line-height: 21px;
    text-align: center
;}

.head-c-info .head-c-infolist .ja-score-val img {
    height: 18px
;}

.head-c-info .head-c-infolist .ja-score-val0,.head-c-info .head-c-infolist .ja-score-val1,.head-c-info .head-c-infolist .ja-score-val2 {
    font-family: DIN-Medium;
    font-size: 26px;
    font-weight: 500
;}

.head-c-info .head-c-infolist:last-child {
    margin-right: 0
;}

.newhead-head {
    display: flex;
    margin-bottom: 10px
;}

.newhead-head .newhead-head-l {
    align-items: center;
    background: #fff;
    border: 2px solid rgba(0,0,0,.05);
    border-radius: 6px;
    display: flex;
    height: 72px;
    justify-content: center;
    position: relative;
    width: 120px
;}

.newhead-head .newhead-head-l .newhead-head-logo {
    border-radius: 6px;
    height: 100%;
    width: 100%
;}

.newhead-head .newhead-head-l .dealer-l-logo-label {
    background: #2bb351;
    border-radius: 5px 0;
    color: #fff;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    height: 17px;
    left: 1px;
    line-height: 17px;
    max-width: calc(100% - 4px);
    overflow: hidden;
    padding: 0 6px;
    position: absolute;
    top: 1px
;}

.newhead-head .newhead-head-l .dealer-l-vr {
    animation: dealerani 2.04s steps(16) 0s infinite;
    background-image: url(https://resources1.interface003.com/web20/img/dealer/vr.png);
    background-size: cover;
    bottom: 8px;
    cursor: pointer;
    height: 28px;
    position: absolute;
    width: 28px
;}

.newhead-head .newhead-head-l .dealer-l-logo-seal {
    height: 48px;
    left: 62px;
    position: absolute;
    top: 35px
;}

.newhead-head .newhead-head-r {
    flex: 1;
    flex-shrink: 0;
    padding-left: 16px;
    width: calc(100% - 116px)
;}

.newhead-head .newhead-head-r .newhead-head-title {
    align-items: center;
    display: flex;
    margin-bottom: 1px
;}

.newhead-head .newhead-head-r .newhead-head-title .title-icon {
    font-weight: 400;
    height: 20px;
    margin-right: 6px
;}

.newhead-head .newhead-head-r .newhead-head-title .newhead-head-titletxt {
    color: #3d3d3d;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    margin-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.newhead-head .newhead-head-r .newhead-head-title .icon-play-circle {
    font-weight: 400
;}

.newhead-head .newhead-head-r .newhead-head-span {
    align-items: center;
    display: flex;
    flex-wrap: wrap
;}

.newhead-head .newhead-head-r .newhead-head-span span {
    margin-left: 8px
;}

.newhead-head .newhead-head-r .newhead-head-span .newhead-head-span2 {
    color: #3d3d3d;
    font-size: 12px;
    line-height: 17px;
    position: relative
;}

.newhead-head .newhead-head-r .newhead-head-span .newhead-head-label {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden
;}

.newhead-head .newhead-head-r .lcs-info {
    display: flex
;}

.newhead-head .newhead-head-r .lcs-info .lcs-label {
    align-items: center;
    border: 1px solid hsla(0,0%,100%,.5);
    border-radius: 4px;
    display: flex;
    height: 21px;
    justify-content: center;
    line-height: 19px;
    padding: 0 6px
;}

.newhead-head .newhead-head-r .lcs-info .lcs-label .iconfont {
    color: #fff;
    font-size: 16px
;}

.newhead-head .newhead-head-r .lcs-info .lcs-label .lcs-text {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
    margin-left: 2px;
    position: relative;
    top: 1px
;}

.newhead-tool {
    align-items: center;
    display: flex;
    position: absolute;
    right: 30px;
    top: 28px;
    z-index: 2
;}

.newhead-tool .newhead-toolbox {
    align-items: center;
    background: hsla(212,7%,57%,.05);
    border: .5px solid hsla(212,7%,57%,.1);
    border-radius: 2px;
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    margin-left: 4px;
    position: relative;
    width: 26px
;}

.newhead-tool .newhead-toolbox:hover {
    opacity: .6
;}

.newhead-tool .newhead-toolbox .iconfont {
    color: #3d3d3d;
    font-size: 14px
;}

.newhead-tool .newhead-toolbox .share-dealer {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 32px rgba(0,0,0,.14);
    display: flex;
    flex-direction: column;
    height: 130px;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 42px;
    transform: translateX(-50%);
    width: 146px
;}

.newhead-tool .newhead-toolbox .share-dealer a {
    align-items: center;
    display: flex;
    height: 36px;
    padding-left: 17px
;}

.newhead-tool .newhead-toolbox .share-dealer a .share-text {
    color: #7a7a7a;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding-left: 7px
;}

.newhead-tool .newhead-toolbox .share-dealer a .iconfont {
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    padding: 2px
;}

.newhead-tool .newhead-toolbox .share-dealer a .icon-facebook2 {
    background: #425f9b
;}

.newhead-tool .newhead-toolbox .share-dealer a .icon-tw {
    background: #52a9e7
;}

.newhead-tool .newhead-toolbox .share-dealer a .icon-weixin1 {
    background: #60c539
;}

.newhead-tool .newhead-toolbox .share-dealer a:hover .share-text {
    color: #3d3d3d;
    font-weight: 600
;}

.newhead-tool .newhead-toolbox .wx-ewm {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 32px rgba(0,0,0,.14);
    cursor: default;
    height: 162px;
    left: -146px;
    position: absolute;
    top: 123px;
    width: 146px
;}

.newhead-tool .newhead-toolbox .wx-ewm .share-wx-i {
    box-sizing: border-box;
    height: 100%;
    padding: 26px 16px 0;
    position: relative;
    width: 100%
;}

.newhead-tool .newhead-toolbox .wx-ewm .share-wx-i .share-wx-close {
    color: #333!important;
    cursor: pointer;
    position: absolute;
    right: 9px;
    top: 9px
;}

.newhead-tool .newhead-toolbox .wx-ewm .share-wx-i .share-wx-ewm {
    height: 97px;
    margin: 0 auto;
    width: 97px
;}

.newhead-tool .newhead-toolbox .wx-ewm .share-wx-i .share-wx-1 {
    color: #292929;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-top: 12px;
    text-align: center
;}

.newhead-tool .newhead-toolbox .wx-ewm .share-wx-i .share-wx-2 {
    color: #ccc;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    margin-top: 9px;
    text-align: center;
    transform: scale(.8);
    width: 100%
;}

.newhead-tool .newhead-toolbox-share:hover {
    background: hsla(212,7%,57%,.1)!important;
    opacity: 1
;}

.newhead-tool .newhead-toolbox-db {
    background: #e8712a!important;
    display: none
;}

.newhead-tool .newhead-toolbox-db .icon-add {
    color: #fff
;}

.newhead-tool .newhead-toolbox-db:hover {
    background: rgba(232,113,42,.8)
;}

.newhead-tool .newhead-toolbg {
    align-items: center;
    background: #3d55cc;
    border-radius: 2px;
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    margin-left: 4px;
    padding: 0 6px
;}

.newhead-tool .newhead-toolbg:hover {
    opacity: .6
;}

.newhead-tool .newhead-toolbg .iconfont {
    color: #fff;
    font-size: 14px
;}

.newhead-tool .newhead-toolbg .newhead-toolbgtxt {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    margin-left: 4px
;}

.newhead-tool .small-toolbg {
    background: #fadc19;
    border: 1px solid hsla(212,7%,57%,.05)
;}

.newhead-tool .small-toolbg .newhead-toolbgtxt {
    color: #1d2129
;}

.newhead-tool .small-toolbg .iconfont {
    color: #1d2129;
    font-size: 14px
;}

.container-john {
    background: rgba(0,0,0,.5);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9998
;}

.container-john .video {
    align-items: center;
    background: #000;
    display: flex;
    height: 483px;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 858px
;}

.container-john .video video {
    display: flex;
    max-height: 100%;
    max-width: 100%
;}

.container-john .video .icon-guanbi1 {
    color: #fff;
    cursor: pointer;
    font-size: 24px;
    position: absolute;
    right: 6px;
    top: 6px;
    z-index: 9999
;}

.container-john .picture {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
;}

.container-john .picture .el-carousel__container {
    height: 50vh;
    width: 50vw
;}

.container-john .picture .icon-guanbi1 {
    color: #fff;
    cursor: pointer;
    font-size: 24px;
    position: absolute;
    right: 10px;
    top: 5px;
    z-index: 9999
;}

.container-john .picture img {
    max-height: 100%;
    max-width: 100%
;}

.container-john .el-carousel__item {
    align-items: center;
    display: flex;
    height: 100%!important;
    justify-content: center;
    width: 100%!important
;}

@media screen and (max-width: 1199px) {
    .container-john .picture .el-carousel__container {
        min-height:100%;
        width: 80vw
    ;}
;}

@media screen and (max-width: 799px) {
    .container-john .video {
        height:unset;
        position: absolute;
        width: 100%
    ;}

    .container-john .video #video {
        width: 100vw
    ;}

    .container-john .picture .close-box {
        top: 54px
    ;}

    .container-john .picture .el-carousel__container {
        height: 23vh;
        width: 98vw
    ;}
;}

html[dir=rtl] .container-john .picture .icon-close {
    left: 5px;
    right: auto
;}

.dealer-score .score-module {
    border-radius: 16px;
    display: flex;
    height: 560px;
    overflow: hidden;
    width: 960px
;}

.dealer-score .score-module .module-l {
    background: #171b35;
    box-sizing: border-box;
    height: 560px;
    width: 327px
;}

.dealer-score .score-module .module-l .module-l-title {
    align-items: center;
    display: flex;
    padding: 52px 25px 0
;}

.dealer-score .score-module .module-l .module-l-title img {
    height: 20px;
    width: 20px
;}

.dealer-score .score-module .module-l .module-l-title span {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    padding: 0 8px
;}

.dealer-score .score-module .module-l .module-l-score {
    align-items: center;
    color: #fff;
    display: flex;
    height: 60px;
    justify-content: space-between;
    padding: 0 20px
;}

.dealer-score .score-module .module-l .module-l-score .module-l-score-box {
    align-items: flex-end;
    display: flex
;}

.dealer-score .score-module .module-l .module-l-score .module-l-score-1 {
    font-family: DIN-Medium;
    font-size: 42px;
    font-style: normal;
    font-weight: 500;
    line-height: 51px;
    position: relative;
    top: 8px
;}

.dealer-score .score-module .module-l .module-l-score .module-l-score-2 {
    color: #7a7a7a;
    font-family: DIN-Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px;
    padding: 0 6px 0 4px
;}

.dealer-score .score-module .module-l .module-l-score .animation_star .iconfont {
    font-size: 14px
;}

.dealer-score .score-module .module-l .module-l-score .module-l-score-3 {
    background: #47b2a1;
    border-radius: 4px;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin-left: 8px;
    padding: 0 6px
;}

.dealer-score .score-module .module-l .module-l-score .top-rank {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    top: 20px
;}

.dealer-score .score-module .module-l .module-l-score .top-rank .top-rank-img {
    margin-bottom: 7px;
    width: 57px
;}

.dealer-score .score-module .module-l .module-l-score .top-rank .top-rank-info {
    align-items: center;
    background: #f6a02b;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    height: 20px;
    padding: 0 11px
;}

.dealer-score .score-module .module-l .module-l-score .top-rank .top-rank-info .top-rank-text {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px;
    padding-right: 3px;
    white-space: nowrap
;}

.dealer-score .score-module .module-l .module-l-score .top-rank .top-rank-info .iconfont {
    color: hsla(0,0%,100%,.8);
    font-size: 12px
;}

.dealer-score .score-module .module-l .module-l-score .top-rank .top-rank-info img {
    height: 14px
;}

.dealer-score .score-module .module-l .module-l-time {
    align-items: center;
    color: #7a7a7a;
    display: flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-top: 6px;
    padding: 0 25px
;}

.dealer-score .score-module .module-l .module-l-time .iconfont {
    padding-right: 5px
;}

.dealer-score .score-module .module-l .module-l-echart-box {
    height: 257px;
    margin: 38px 0 43px;
    position: relative;
    width: 100%
;}

.dealer-score .score-module .module-l .module-l-echart-box .module-l-echart-text {
    align-items: center;
    color: #fff;
    display: flex;
    font-family: DIN-Medium;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    height: 100%;
    justify-content: center;
    left: 0;
    line-height: 34px;
    position: absolute;
    top: 0;
    transform: translate(-4%,10px);
    width: 100%;
    z-index: 99
;}

.dealer-score .score-module .module-l .module-l-echart {
    height: 257px;
    width: 100%
;}

.dealer-score .score-module .module-l .module-l-buttom {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0 25px
;}

.dealer-score .score-module .module-l .module-l-buttom img {
    height: 12px;
    margin: 0 5px;
    width: 12px
;}

.dealer-score .score-module .module-l .module-l-buttom span {
    color: #a3a3a3;
    font-size: 12px;
    font-style: normal;
    font-weight: 400
;}

.dealer-score .score-module .module-r {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 560px;
    padding: 30px 35px;
    width: 633px
;}

.dealer-score .score-module .module-r .module-r-head {
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    width: 100%
;}

.dealer-score .score-module .module-r .module-r-head .r-head-info {
    flex: 1;
    padding: 16px
;}

.dealer-score .score-module .module-r .module-r-head .r-head-info .r-head-info-title {
    color: #3d3d3d;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px
;}

.dealer-score .score-module .module-r .module-r-head .r-head-info .r-head-info-p {
    display: flex;
    margin-top: 10px
;}

.dealer-score .score-module .module-r .module-r-head .r-head-info .r-head-info-p .r-head-info-pp {
    flex: 1
;}

.dealer-score .score-module .module-r .module-r-head .r-head-info .r-head-info-p .r-head-info-pp .r-head-info-t {
    color: #a3a3a3;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px
;}

.dealer-score .score-module .module-r .module-r-head .r-head-info .r-head-info-p .r-head-info-pp .r-head-info-l {
    align-items: center;
    display: flex;
    margin-top: 9px
;}

.dealer-score .score-module .module-r .module-r-head .r-head-info .r-head-info-p .r-head-info-pp .r-head-info-l .r-head-info-l-flag {
    height: 14px;
    margin-right: 6px;
    width: 23px
;}

.dealer-score .score-module .module-r .module-r-head .r-head-info .r-head-info-p .r-head-info-pp .r-head-info-l .r-head-info-l-img {
    height: 10px
;}

.dealer-score .score-module .module-r .module-r-head .r-head-info .r-head-info-p .r-head-info-pp .r-head-info-l .r-head-info-l-1 {
    color: #636974;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-right: 16px
;}

.dealer-score .score-module .module-r .module-r-head .r-head-info .r-head-info-p .r-head-info-pp .r-head-info-l .r-head-info-l-2 {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-right: 3px
;}

.dealer-score .score-module .module-r .module-r-head .r-head-info .r-head-info-p .r-head-info-pp .r-head-info-l .iconfont {
    color: #47b3a1;
    font-size: 10px
;}

.dealer-score .score-module .module-r .module-r-head .r-head-info .r-head-info-p .r-head-info-pp .r-head-info-r {
    align-items: center;
    display: flex;
    margin-top: 9px
;}

.dealer-score .score-module .module-r .module-r-head .r-head-info .r-head-info-p .r-head-info-pp .r-head-info-r .iconfont {
    color: #e67373;
    font-size: 10px
;}

.dealer-score .score-module .module-r .module-r-head .r-head-info .r-head-info-p .r-head-info-pp .r-head-info-r .r-head-info-r-1 {
    color: #636974;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-right: 16px
;}

.dealer-score .score-module .module-r .module-r-head .r-head-info .r-head-info-p .r-head-info-pp .r-head-info-r .r-head-info-r-2 {
    color: #636974;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    margin-right: 3px
;}

.dealer-score .score-module .module-r .module-r-head .r-head-p {
    background: hsla(0,69%,67%,.05);
    color: #e67373;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    padding: 10px 16px
;}

.dealer-score .score-module .module-r .module-r-head .score-label {
    position: absolute;
    right: 40px;
    top: -3px
;}

.dealer-score .score-module .module-r .module-r-echarts-box {
    flex: 1;
    flex-shrink: 0;
    height: 300px;
    overflow: hidden
;}

.dealer-score .score-module .module-r .module-r-echarts {
    height: 100%;
    margin-top: 12px;
    overflow: auto;
    padding-right: 10px;
    width: 100%
;}

.dealer-score .score-module .module-r .module-r-echarts .score-echarts {
    border: 1px solid rgba(0,0,0,.03);
    border-radius: 10px;
    box-sizing: border-box;
    margin-bottom: 12px;
    padding: 12px 16px;
    width: 100%
;}

.dealer-score .score-module .module-r .module-r-echarts .score-echarts .score-echarts-title {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding-right: 30px
;}

.dealer-score .score-module .module-r .module-r-echarts .score-echarts .score-echarts-title .score-echarts-title-l {
    color: #3d3d3d;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px
;}

.dealer-score .score-module .module-r .module-r-echarts .score-echarts .score-echarts-title .score-echarts-title-r {
    align-items: center;
    display: flex
;}

.dealer-score .score-module .module-r .module-r-echarts .score-echarts .score-echarts-title .score-echarts-title-r .score-echarts-label-1,.dealer-score .score-module .module-r .module-r-echarts .score-echarts .score-echarts-title .score-echarts-title-r .score-echarts-label-2 {
    border-radius: 2px;
    height: 3px;
    margin-right: 8px;
    width: 15px
;}

.dealer-score .score-module .module-r .module-r-echarts .score-echarts .score-echarts-title .score-echarts-title-r .score-echarts-label-1 {
    background: #3b76f6
;}

.dealer-score .score-module .module-r .module-r-echarts .score-echarts .score-echarts-title .score-echarts-title-r .score-echarts-label-2 {
    background: #efa33f;
    margin-left: 30px
;}

.dealer-score .score-module .module-r .module-r-echarts .score-echarts .score-echarts-title .score-echarts-title-r .score-echarts-label-text {
    color: #8a9199;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px
;}

.dealer-score .score-module .module-r .module-r-echarts .score-echarts .score-echarts-title .score-echarts-title-r .score-echarts-title-r {
    margin-right: 30px
;}

.dealer-score .score-module .module-r .module-r-echarts .score-echarts .hyzs {
    height: 188px;
    margin-top: 20px;
    width: 100%
;}

@media screen and (max-width: 999px) {
    .dealer-score .score-module {
        width:736px
    ;}

    .dealer-score .score-module .module-r {
        width: 409px
    ;}
;}

.dealer-score .el-select-dropdown {
    z-index: 9999999999!important
;}

html[dir=rtl] .dealer-score .score-module .module-l .module-l-score .module-l-score-3 {
    margin-right: 8px
;}

html[dir=rtl] .dealer-score .score-module .module-r .module-r-echarts .score-echarts .score-echarts-title .score-echarts-title-r .score-echarts-label-1 {
    margin-left: 8px
;}

html[dir=rtl] .dealer-score .score-module .module-r .module-r-head .r-head-info .r-head-info-p .r-head-info-pp .r-head-info-l .r-head-info-l-2 {
    margin-left: 3px
;}

.dealer-score .el-input__icon,.dealer-score .el-input__inner {
    height: 30px;
    line-height: 30px
;}

.dealer-score .el-input__inner {
    width: 130px
;}

.echats-select .el-scrollbar {
    width: unset
;}

.dealer-aaa .box {
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    padding: 24px;
    width: 640px
;}

.dealer-aaa .box .head {
    justify-content: space-between;
    padding-left: 8px
;}

.dealer-aaa .box .head,.dealer-aaa .box .head .head-l {
    align-items: center;
    display: flex
;}

.dealer-aaa .box .head .head-l .head-l-label {
    background: #ffd733;
    border-radius: 1px;
    height: 16px;
    width: 6px
;}

.dealer-aaa .box .head .head-l .head-l-text {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    padding-left: 12px
;}

.dealer-aaa .box .head .head-r {
    align-items: center;
    display: flex
;}

.dealer-aaa .box .head .head-r .head-r-1 {
    color: #3d3d3d;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
;}

.dealer-aaa .box .head .head-r .head-r-2 {
    color: #323947;
    font-family: DIN-Medium;
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: 53px;
    padding-left: 20px
;}

.dealer-aaa .box .score-echart {
    box-sizing: border-box;
    display: flex;
    margin-top: 32px;
    padding: 0 24px
;}

.dealer-aaa .box .score-echart .score-echart-l {
    flex: 1
;}

.dealer-aaa .box .score-echart .score-echart-r {
    width: 300px
;}

.dealer-aaa .box .score-echart .score-echart-r .score-echart-text {
    align-items: center;
    display: flex;
    height: 34px;
    justify-content: space-between;
    margin-bottom: 4px;
    padding: 0 14px
;}

.dealer-aaa .box .score-echart .score-echart-r .score-echart-text .score-echart-text-1 {
    color: #7a7a7a;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.dealer-aaa .box .score-echart .score-echart-r .score-echart-text .score-echart-text-2 {
    color: #7a7a7a;
    font-family: DIN-Medium;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px
;}

.dealer-aaa .box .score-echart .score-echart-r .active {
    background: #fafafa;
    border-radius: 2px
;}

.dealer-aaa .box .score-echart .score-echart-r .active .score-echart-text-2 {
    font-size: 14px
;}

.dealer-aaa .box .score-list {
    flex: 1;
    margin-top: 31px;
    overflow: auto;
    padding-bottom: 30px
;}

.dealer-aaa .box .score-list .score-list-ul {
    margin-bottom: 24px
;}

.dealer-aaa .box .score-list .score-list-ul .score-list-ul-title {
    color: #292929;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
;}

.dealer-aaa .box .score-list .score-list-ul .score-list-ul-des {
    color: #a3a3a3;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 8px;
    text-align: justify
;}

.dealer-aaa .box .beizhu {
    color: #a3a3a3;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-align: right;
    width: 100%
;}

html[dir=rtl] .dealer-aaa .box .head .head-l .head-l-text {
    padding-left: 0;
    padding-right: 12px
;}

html[dir=rtl] .dealer-aaa .box .head .head-r .head-r-2 {
    padding-left: 0;
    padding-right: 20px
;}

.risk-warning-dealer .el-dialog__header {
    padding: 0
;}

.risk-warning-dealer .el-dialog__header .el-dialog__headerbtn {
    right: 16px;
    top: 16px;
    z-index: 1
;}

.risk-warning-dealer .el-dialog__header .el-dialog__close {
    color: #979797;
    display: none;
    font-size: 26px
;}

@media(any-hover: hover) {
    .risk-warning-dealer .el-dialog__header .el-dialog__close:hover {
        color:#e66112
    ;}
;}

.risk-warning-dealer .risk-warning-dialog {
    background: #fff;
    border-radius: 16px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 560px
;}

.risk-warning-dealer .risk-warning-dialog .el-dialog__body {
    background: url(https://resources1.interface003.com/web20/img/dealer/riskbg.png) no-repeat 0 0;
    background-size: 100% auto;
    border-radius: 16px;
    min-height: 250px;
    padding: 0
;}

@media screen and (max-width: 799px) {
    .risk-warning-dealer .risk-warning-dialog {
        max-width:375px;
        width: 85%
    ;}

    .risk-warning-dealer .risk-warning-dialog .el-dialog__body {
        background: url(https://resources1.interface003.com/web20/img/dealer/riskbgwap.png) no-repeat 0 0;
        background-size: 100% auto;
        min-height: unset
    ;}
;}

.dealer-tisk .dealer-tisk-box[data-v-5057e0aa] {
    background: url(https://resources1.interface003.com/web20/img/dealer/riskbg.png) no-repeat 0 0;
    background-size: contain
;}

@media screen and (max-width: 799px) {
    .dealer-tisk .dealer-tisk-box[data-v-5057e0aa] {
        background:url(https://resources1.interface003.com/web20/img/dealer/riskbgwap.png) no-repeat 0 0;
        background-size: contain
    ;}

    .dealer-tisk[data-v-5057e0aa] ::-webkit-scrollbar {
        width: 2px
    ;}
;}

.dealer-module {
    align-items: center;
    background-color: rgba(0,0,0,.5);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999
;}

.dealer-module .dealer-module-box {
    background: #fff;
    border-radius: 16px;
    position: relative
;}

.dealer-module .dealer-module-box .dealer-module-close {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 22px;
    height: 54px;
    position: absolute;
    right: 2%;
    top: -54px;
    width: 30px
;}

.dealer-module .dealer-module-box .dealer-module-close .dealer-module-close-close {
    align-items: center;
    border: 1px solid #fff;
    border-radius: 15px;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    width: 30px
;}

.dealer-module .dealer-module-box .dealer-module-close .dealer-module-close-close .iconfont {
    color: #fff;
    font-size: 26px
;}

.dealer-module .dealer-module-box .dealer-module-close .dealer-module-close-line {
    background-color: #fff;
    flex: 1;
    width: 1px
;}

.dealer-module .dealer-module-box .dealer-module-close:hover {
    color: #3d3d3d
;}

.dealer-module .dealer-module-box .iconfont-close {
    color: #1d2129;
    cursor: pointer;
    font-size: 24px;
    position: absolute;
    right: 14px;
    top: 14px
;}

@media screen and (max-width: 799px) {
    .dealer-module .dealer-module-box {
        max-width:375px;
        width: 85%
    ;}

    .dealer-module .dealer-module-box .iconfont-close {
        font-size: 22px;
        right: 12px;
        top: 12px
    ;}
;}

html[dir=rtl] .dealer-module .dealer-module-box .icon-close {
    left: 2%;
    right: unset
;}

.score-num-commen {
    align-items: center;
    display: flex
;}

.score-num-commen .r-score-star {
    height: 20px;
    position: relative;
    width: 40px
;}

.score-num-commen .r-score-star .r-score-star-num {
    bottom: 0;
    color: #3d3d3d;
    font-family: DIN-Medium;
    font-size: 20px;
    font-weight: 700;
    left: 1px;
    position: absolute;
    white-space: nowrap;
    z-index: 1
;}

.score-num-commen .r-score-star .r-score-star-bg {
    background: #ffd733;
    border-radius: 4px;
    bottom: 0;
    display: flex;
    height: 8px;
    left: 0;
    position: absolute;
    width: 100%
;}

.score-num-commen .score-txt {
    color: #86909c;
    font-size: 12px;
    font-weight: 400;
    margin-left: 4px
;}

.score-num-commen-row {
    flex-direction: column
;}

html[dir=rtl] .score-num-commen .score-txt {
    margin-left: 0;
    margin-right: 4px
;}

@keyframes axisX {
    0% {
        transform: translateX(100%)
    ;}

    to {
        transform: translateX(0)
    ;}
;}

.h1-enter-active {
    animation: axisX .6s
;}

.h1-leave-active {
    animation: axisX .6s reverse
;}

.compare {
    background: #fff;
    box-shadow: -12px 0 50px rgba(0,0,0,.2);
    display: inline-block;
    height: 100%;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .5s linear;
    transition: max-width .5s;
    width: 360px;
    z-index: 2001
;}

.compare.lang_ar {
    left: 0;
    right: auto
;}

.compare .title {
    background: linear-gradient(90deg,#fdf2d0,hsla(45,92%,90%,0));
    height: 66px;
    padding: 12px 0 12px 20px
;}

.compare .title.lang_ar {
    padding: 12px 20px 12px 0
;}

.compare .title .line1 {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    height: 25px;
    line-height: 25px
;}

.compare .title .line2 {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 200;
    height: 17px;
    line-height: 17px
;}

.compare .pick .li {
    align-items: center;
    border-bottom: 1px solid #f2f4f9;
    cursor: pointer;
    display: flex;
    line-height: 46px;
    padding: 13px 24px;
    width: 100%
;}

.compare .pick .li:hover {
    background: #fcf5dc
;}

.compare .pick .li .left {
    display: flex;
    flex-grow: 1
;}

.compare .pick .li .left .ico {
    height: 20px;
    margin-right: 8px;
    width: 20px
;}

.compare .pick .li .left .val {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-wrap: break-word;
    color: #000;
    color: #2a2a2a;
    display: -webkit-box;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis
;}

.compare .pick .li .right {
    align-items: center;
    display: flex;
    flex-grow: 0
;}

.compare .pick .li .right .score-num-commen {
    padding: 0 18px
;}

.compare .pick .li .right .score-num-commen .r-score-star .r-score-star-num,.compare .pick .li .right .score-txt {
    line-height: 24px
;}

.compare .pick .li .right .iconfont {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 14px;
    width: 14px
;}

.compare .pick .li .right .add {
    border: .5px solid #c3ddfe;
    border-radius: 4px;
    box-sizing: border-box;
    height: 26px;
    padding: 4px 12px
;}

.compare .pick .li .right .add p {
    align-items: center;
    color: #326efa;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 17px;
    line-height: 17px
;}

.compare .maxAddTip {
    align-items: center;
    display: flex
;}

.compare .maxAddTip span {
    color: #f93e3e;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    height: 16px;
    line-height: 16px;
    margin: 8px auto 0
;}

.compare .searchcontianer {
    display: flex;
    position: relative
;}

.compare .searchcontianer .search {
    align-items: center;
    background: #fff;
    border: 1px solid #c0c1c5;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 34px;
    margin: 30px 24px 20px;
    width: 312px
;}

.compare .searchcontianer .search .input {
    color: #1d2129;
    cursor: pointer;
    display: flex;
    flex-grow: 1;
    font-size: 14px;
    margin: 7px 0 7px 12px;
    width: 200px
;}

.compare .searchcontianer .search .input:focus {
    cursor: auto
;}

.compare .searchcontianer .search .iconfont {
    align-items: center;
    cursor: pointer;
    display: flex;
    margin-right: 14px
;}

.compare .searchcontianer .choose {
    background: #fff;
    border: 1px solid #edeff4;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0,0,0,.12);
    box-sizing: border-box;
    display: flex;
    height: 195px;
    left: 24px;
    overflow: auto;
    padding-top: 9px;
    position: absolute;
    top: 65px;
    width: 312px
;}

.compare .searchcontianer .choose ul {
    display: inline-block;
    overflow-y: auto;
    width: 100%
;}

.compare .searchcontianer .choose ul .li {
    cursor: pointer;
    display: flex
;}

.compare .searchcontianer .choose ul .li:hover {
    background: #fcf5dc
;}

.compare .searchcontianer .choose ul .li .trader {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 34px;
    line-height: 34px;
    padding: 0 16px
;}

.compare .searchcontianer .choose ul .li .trader img {
    height: 20px
;}

.compare .searchcontianer .choose ul .li .trader p {
    color: #000;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding-left: 8px
;}

.compare .tj {
    display: flex
;}

.compare .tj .btn {
    align-items: center;
    background: #fadc19;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 36px;
    margin: 0 auto;
    padding: 8px 20px
;}

.compare .tj .btn:hover {
    opacity: .7
;}

.compare .tj .btn .btntxt {
    color: #1d2129;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    margin: 0 auto;
    max-width: 202px;
    min-width: 56px
;}

.compare .tj .disab-btn {
    background: #e5e6eb
;}

.compare .tj .disab-btn .btntxt {
    color: #86909c
;}

.compare .del {
    align-items: center;
    display: flex;
    margin-top: 12px
;}

.compare .del .remove {
    align-items: center;
    cursor: pointer;
    display: flex;
    margin: 0 auto
;}

.compare .del .remove:hover {
    opacity: .7
;}

.compare .del .remove .iconfont {
    align-items: center;
    color: #86909c;
    display: flex;
    height: 14px;
    margin-right: 6px;
    width: 14px
;}

.compare .del .remove p {
    color: #86909c;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 17px;
    line-height: 17px
;}

.compare .his {
    background: linear-gradient(90deg,#e9edf7,rgba(233,236,247,0));
    display: flex;
    height: 52px;
    margin-top: 42px
;}

.compare .his .txt {
    color: #1d2129;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    height: 25px;
    line-height: 25px;
    margin: 14px 24px
;}

@keyframes axisXreverse {
    0% {
        transform: translateX(-100%)
    ;}

    to {
        transform: translateX(0)
    ;}
;}

html[dir=rtl] .h1-enter-active {
    animation: axisXreverse .6s
;}

html[dir=rtl] .h1-leave-active {
    animation: axisXreverse .6s reverse
;}

html[dir=rtl] .compare .pick .li .left .ico {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .compare .searchcontianer .search .iconfont {
    margin-left: 14px;
    margin-right: 0
;}

html[dir=rtl] .compare .searchcontianer .search .input {
    text-indent: 10px
;}

html[dir=rtl] .compare .del .remove .iconfont {
    margin-left: 6px;
    margin-right: 0
;}

html[dir=rtl] .compare .searchcontianer .choose ul .li .trader p {
    margin-left: 0;
    margin-right: 8px
;}

html[dir=rtl] .compare .pick .li .right .el-rate {
    direction: ltr;
    transform: rotate(180deg)
;}

.BMap_Marker img {
    height: 100%;
    width: 100%
;}

.mtSample {
    position: absolute
;}

.google-map-detail {
    height: 100vh;
    position: relative;
    width: 100vw
;}

.google-map-detail #googleMap {
    height: 100%;
    width: 100%
;}

.google-map-detail #googleMap .gm-style-iw-d {
    overflow: unset!important
;}

.google-map-detail #googleMap .gm-style .gm-style-iw-c {
    background: transparent;
    box-shadow: none;
    overflow: unset!important;
    padding: 0
;}

.gm-style a,.gm-style-iw-tc,.google-map-detail #googleMap .gm-style .gm-ui-hover-effect {
    display: none!important
;}

.mt-sample {
    border-radius: 8px;
    color: #7a7a7a;
    height: 80px;
    transition: 1s linear
;}

.mt-sample,.mt-sample .map-box {
    box-sizing: border-box;
    position: relative
;}

.mt-sample .map-box {
    background: url(https://resources1.interface003.com/appuni/images/ping-bg.svg) no-repeat;
    height: 46px;
    margin: auto;
    overflow: hidden;
    padding: 2px;
    width: 40px;
    z-index: 99!important
;}

.mt-sample .map-box .ping-mt {
    background-color: #e48989;
    border-radius: 50%;
    color: #fff;
    font-weight: 600;
    height: 36px;
    justify-content: center;
    width: 36px
;}

.mt-sample .map-box .ping-mt,.ping-b {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-style: normal
;}

.ping-b {
    background: #fff;
    border-radius: 14px;
    box-sizing: border-box;
    color: #1d2129;
    font-weight: 400;
    left: 50%;
    padding: 4px 8px;
    position: absolute;
    top: 48px;
    transform: translateX(-50%);
    width: -moz-max-content;
    width: max-content
;}

.ping-icon {
    height: 15px;
    margin-left: 8px;
    width: 15px
;}

.van-popup ::-webkit-scrollbar {
    background-color: #f1f1f1;
    height: 1px;
    width: 3px
;}

.appraisal-results {
    background-image: linear-gradient(180deg,#6196c6 2%,#fff 20%,#f7f8fa)
;}

.appraisal-results ::-webkit-scrollbar {
    display: none
;}

.mt45-dialog .el-dialog__header {
    background: #fff;
    padding: 20px!important
;}

.mt45-dialog .el-dialog__body {
    max-height: unset!important;
    padding: 0!important
;}

.mt45-dialog .el-dialog {
    height: 100vh!important;
    margin: 0;
    width: 100%!important
;}

.mt45-dialog .anchorBL {
    display: none
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc {
    background: #fff;
    border: 1px solid rgba(0,0,0,.051);
    border-radius: 4px;
    display: flex;
    padding: 20px;
    position: relative
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin-right: 30px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-title {
    align-items: center;
    display: flex;
    margin-bottom: 8px;
    width: 100%
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-title .title-icon {
    margin-right: 10px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-title .head-c-title-text {
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #000;
    display: -webkit-box;
    font-size: 25px;
    font-weight: 600;
    line-height: 35px;
    overflow: hidden;
    text-overflow: ellipsis
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-title .iconfont {
    color: #707070;
    cursor: pointer;
    font-size: 20px;
    font-weight: 400;
    margin-left: 10px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-span {
    align-items: flex-start;
    display: flex
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-span .head-c-span-img {
    height: 12px;
    margin-right: 8px;
    position: relative;
    top: 4px;
    width: 18px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-span .head-c-span-p {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    overflow: hidden
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-span .head-c-span-p .head-c-tttt:last-child i {
    display: none
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-span .head-c-span-text {
    color: #3d3d3d;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    margin-right: 10px;
    max-width: 260px;
    padding-right: 8px;
    position: relative;
    white-space: nowrap
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-span .head-c-span-text i {
    font-style: normal;
    font-weight: 400;
    opacity: .5;
    position: absolute;
    right: -3px;
    top: 0
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-span .head-c-span-textnn:last-child:last-child i,.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-span .spanelett i {
    display: none
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-span .head-c-span-textn {
    font-weight: 400
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-label .head-c-label-text {
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-right: 20px;
    position: relative
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-label .head-c-label-text:after {
    color: #d3d3d3;
    content: "|";
    position: absolute;
    right: -12px;
    top: -3px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-label .head-c-label-text:last-child {
    margin-right: 0
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-label .head-c-label-text:last-child:after {
    content: ""
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .lcs-info {
    display: flex
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .lcs-info .lcs-label {
    align-items: center;
    background: #594a87;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 21px;
    justify-content: center;
    line-height: 19px;
    padding: 0 6px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .lcs-info .lcs-label .iconfont {
    color: #fff;
    font-size: 16px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .lcs-info .lcs-label .lcs-text {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
    margin-left: 2px;
    position: relative;
    top: 1px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-flex {
    flex: 1
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-weburl {
    align-items: center;
    background: #52a164;
    border: 1px solid #52a164;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 62px;
    margin-bottom: 10px;
    padding: 10px 12px;
    width: 274px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-weburl .head-c-weburl-l {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-weburl .head-c-weburl-l p {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    max-width: 202px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-weburl .head-c-weburl-r {
    color: #fff;
    font-size: 22px;
    margin-left: 26px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-weburl:hover {
    opacity: .8
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-bt {
    display: flex;
    height: 36px;
    width: 274px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-sgj {
    align-items: center;
    border: 1px solid rgba(61,61,61,.3);
    border-radius: 4px;
    color: #3d3d3d;
    cursor: pointer;
    display: flex;
    flex: 1;
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    line-height: 20px;
    text-align: center
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-sgj:hover {
    text-decoration: underline
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-bt-span {
    flex-shrink: 0;
    margin-right: 10px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-bt-span:last-child {
    margin-right: 0
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-bt-span .icon-exposure2 {
    color: #fff;
    font-size: 18px;
    margin-right: 6px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-btbg {
    flex-direction: row!important;
    gap: 10px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-btbg .head-c-bt-span {
    width: 238px!important
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-r {
    max-width: 632px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap {
    background: #fff;
    padding: 14px 16px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info {
    display: flex;
    margin-bottom: 10px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-l {
    flex-shrink: 0;
    margin-right: 8px;
    min-width: 120px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-l .newhead-infobox-l {
    min-width: 120px;
    width: 100%
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-r {
    display: flex;
    flex: 1;
    overflow: hidden
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-l .newhead-infobox,.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-r .newhead-infobox {
    align-items: center;
    background: rgba(76,109,141,.05);
    border: 1px solid rgba(76,109,141,.15);
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    height: 72px;
    justify-content: center;
    padding: 0 6px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-l .newhead-infobox .newhead-infobox-title,.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-r .newhead-infobox .newhead-infobox-title {
    color: #4c6d8d;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-l .newhead-infobox .head-l-score-num,.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-r .newhead-infobox .head-l-score-num {
    align-items: flex-end;
    direction: ltr;
    display: flex;
    position: relative
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-l .newhead-infobox .head-l-score-num .score-num,.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-r .newhead-infobox .head-l-score-num .score-num {
    color: #4c6d8d;
    display: flex;
    font-family: DIN-Medium;
    font-size: 36px;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    overflow: hidden
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-l .newhead-infobox .head-l-score-num .score-num .score-num-text,.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-r .newhead-infobox .head-l-score-num .score-num .score-num-text {
    animation: topTz 3s;
    display: flex;
    flex-direction: column
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-l .newhead-infobox .head-l-score-num .score-num-small,.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-r .newhead-infobox .head-l-score-num .score-num-small {
    color: rgba(76,109,141,.5);
    font-family: DIN;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin-left: 4px;
    position: relative;
    top: -3px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-l .newhead-infobox .newhead-infobox-p,.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-r .newhead-infobox .newhead-infobox-p {
    color: #4c6d8d;
    font-family: DIN-Medium;
    font-size: 30px;
    font-weight: 400;
    line-height: 36px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-l .newhead-infobox .newhead-infobox-p1,.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-r .newhead-infobox .newhead-infobox-p1 {
    align-items: center;
    color: #4c6d8d;
    display: flex;
    font-family: DIN-Medium;
    font-size: 12px;
    font-weight: 400;
    justify-content: space-between;
    line-height: 17px;
    width: 100%
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-l .newhead-infobox .newhead-infobox-p1 span,.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-r .newhead-infobox .newhead-infobox-p1 span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-l .newhead-infobox-r,.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-r .newhead-infobox-r {
    flex: 1;
    flex-shrink: 0;
    min-width: calc(50% - 5px)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-l .newhead-infobox-r:first-child,.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-r .newhead-infobox-r:first-child {
    margin-right: 10px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-l .newhead-infobox-r:last-child,.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-r .newhead-infobox-r:last-child {
    margin-right: 0
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-l .newhead-infobox-r img,.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-info .newhead-info-r .newhead-infobox-r img {
    max-height: 100%;
    max-width: 100%
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-bt {
    display: flex
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-bt .newhead-btbox {
    align-items: center;
    border: 1px solid hsla(0,0%,100%,.3);
    border-radius: 4px;
    color: #fff;
    display: flex;
    flex: 1;
    font-size: 16px;
    font-weight: 400;
    height: 42px;
    justify-content: center;
    line-height: 22px;
    text-align: center
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-bt .newhead-btbox:first-child {
    margin-right: 7px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-bt .newhead-btbox:active {
    opacity: .8
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-bt .newhead-btbox1 {
    background: #6c97c1
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-wap .newhead-bt .newhead-btbox2 {
    background: #6eb86c
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black,.dealer-newhead .dealer-newhead-otherlang .dealer-hs {
    background: #477db2;
    border: 1px solid rgba(0,0,0,.05)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .dealer-info-box *,.dealer-newhead .dealer-newhead-otherlang .dealer-black .dealer-info-title *,.dealer-newhead .dealer-newhead-otherlang .dealer-black .head-c *,.dealer-newhead .dealer-newhead-otherlang .dealer-black .head-l-score .head-l-score-h3 *,.dealer-newhead .dealer-newhead-otherlang .dealer-black .head-l-score .head-l-score-num *,.dealer-newhead .dealer-newhead-otherlang .dealer-black .newhead-head .newhead-head-r *,.dealer-newhead .dealer-newhead-otherlang .dealer-black .newhead-info *,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .dealer-info-box *,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .dealer-info-title *,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .head-c *,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .head-l-score .head-l-score-h3 *,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .head-l-score .head-l-score-num *,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .newhead-head .newhead-head-r *,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .newhead-info * {
    color: #fff!important
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .head-l .head-l-score,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .head-l .head-l-score {
    background: hsla(0,0%,100%,.05);
    border: 1px solid hsla(0,0%,100%,.15)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .head-c .head-c-sgj,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .head-c .head-c-sgj {
    border: 1px solid hsla(0,0%,100%,.3)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .dealer-info-list .dealer-info-ul .dealer-info-box {
    background: rgba(0,0,0,.05);
    border: 1px solid rgba(0,0,0,.05)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-r .mt-num,.dealer-newhead .dealer-newhead-otherlang .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-head .mt-head-r .mt-head-num,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-r .mt-num,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-head .mt-head-r .mt-head-num {
    border: .5px solid #fff
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li:first-child,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li:first-child {
    border-bottom: 1px dashed hsla(0,0%,100%,.2)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .newhead-tool .newhead-toolbox,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .newhead-tool .newhead-toolbox {
    background: hsla(0,0%,100%,.05);
    border: .5px solid hsla(0,0%,100%,.1)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .newhead-tool .newhead-toolbox .iconfont,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .newhead-tool .newhead-toolbox .iconfont {
    color: #fff
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .newhead-info .newhead-info-l .newhead-infobox,.dealer-newhead .dealer-newhead-otherlang .dealer-black .newhead-info .newhead-info-r .newhead-infobox,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .newhead-info .newhead-info-l .newhead-infobox,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .newhead-info .newhead-info-r .newhead-infobox {
    background: hsla(0,0%,100%,.1)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .newhead-bt .newhead-btbox1,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .newhead-bt .newhead-btbox1 {
    background: none
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li:first-child,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li:first-child {
    border-bottom: 1px dashed hsla(0,0%,100%,.2)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line .yyl-info-line-l,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line .yyl-info-line-l {
    background: #fff
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line {
    background: hsla(0,0%,100%,.2)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-num .zbbl-num-box .zbbl-num-1,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-num .zbbl-num-box .zbbl-num-1 {
    background: #fff
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .dealer-info-list .dealer-info-db-claim,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .dealer-info-list .dealer-info-db-claim {
    background: hsla(0,0%,100%,.05);
    border: .5px solid hsla(0,0%,100%,.1)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .dealer-info-list .dealer-info-db-claim span,.dealer-newhead .dealer-newhead-otherlang .dealer-hs .dealer-info-list .dealer-info-db-claim span {
    color: #fff
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-blue {
    background: #fff!important;
    border: 1px solid rgba(71,125,178,.6)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-blue .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line .yyl-info-line-r {
    background: #5084b6
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-blue .dealer-info-list .dealer-info-ul .dealer-info-box {
    background: hsla(212,7%,57%,.05);
    border: 1px solid rgba(0,0,0,.05)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-blue .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line .yyl-info-line-r {
    background: #fff
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-zs {
    background: linear-gradient(180deg,rgba(60,136,152,.1),hsla(0,0%,100%,0))!important;
    border: 4px solid #3c8798
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-zs .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line .yyl-info-line-r {
    background: #2d708b
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-zs .head-l .head-l-score {
    background: linear-gradient(0deg,rgba(60,135,152,.05),rgba(60,135,152,.05));
    border: 1px solid rgba(60,135,152,.149)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-zs .head-l .head-l-score .head-l-score-h3 .head-l-score-title,.dealer-newhead .dealer-newhead-otherlang .dealer-zs .head-l .head-l-score .head-l-score-h3 .iconfont,.dealer-newhead .dealer-newhead-otherlang .dealer-zs .head-l .head-l-score .head-l-score-num .score-num {
    color: #3c8798
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-zs .head-l .head-l-score .head-l-score-num .score-num-small {
    color: rgba(60,135,152,.5)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-zs .head-c .head-c-title .head-c-title-text,.dealer-newhead .dealer-newhead-otherlang .dealer-zs .newhead-head .newhead-head-r .newhead-head-title .newhead-head-titletxt {
    color: #275560
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-zs .newhead-info .newhead-info-l .newhead-infobox .head-l-score-num .score-num,.dealer-newhead .dealer-newhead-otherlang .dealer-zs .newhead-info .newhead-info-l .newhead-infobox .newhead-infobox-title,.dealer-newhead .dealer-newhead-otherlang .dealer-zs .newhead-info .newhead-info-r .newhead-infobox .newhead-infobox-p,.dealer-newhead .dealer-newhead-otherlang .dealer-zs .newhead-info .newhead-info-r .newhead-infobox .newhead-infobox-title {
    color: #3c8798
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black {
    background: #313233
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .head-c .head-c-weburl {
    background: #4079a9;
    border: none
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-lxfs .lxfs-list .iconfont {
    color: #fff
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line .yyl-info-line-l {
    background: #fff
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line .yyl-info-line-r {
    background: #3b3c3d
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line {
    background: hsla(0,0%,100%,.2)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-yellow {
    background: linear-gradient(180deg,#f8ede1,#fff)!important;
    border: 4px solid #d39a57
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-yellow .head-l .head-l-score {
    background: rgba(211,154,87,.05);
    border: 1px solid rgba(211,154,87,.15)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-yellow .head-l .head-l-score .head-l-score-h3 *,.dealer-newhead .dealer-newhead-otherlang .dealer-yellow .head-l .head-l-score .head-l-score-num * {
    color: #d39a57!important
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-yellow .dealer-info-list .dealer-info-ul .dealer-info-box {
    background: hsla(0,0%,100%,.6);
    border: 1px solid rgba(0,0,0,.05)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-yellow .newhead-info .newhead-info-l .newhead-infobox,.dealer-newhead .dealer-newhead-otherlang .dealer-yellow .newhead-info .newhead-info-r .newhead-infobox {
    background: rgba(211,154,87,.05);
    border: 1px solid rgba(211,154,87,.15)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-yellow .newhead-info .newhead-info-l .newhead-infobox *,.dealer-newhead .dealer-newhead-otherlang .dealer-yellow .newhead-info .newhead-info-r .newhead-infobox * {
    color: #d39a57!important
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-yellow .newhead-bt .newhead-btbox1 {
    background: none;
    border: 1px solid rgba(61,61,61,.3);
    color: #3d3d3d
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-yellow .head-c .head-c-title .head-c-title-text {
    color: #301
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-hs .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line .yyl-info-line-r {
    background: #712532
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-hs .head-c .head-c-weburl {
    background: #4079a9;
    border: none
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-lcs {
    background: linear-gradient(180deg,rgba(78,68,113,.1),hsla(0,0%,100%,0))!important;
    border: 4px solid #594a87
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line .yyl-info-line-r {
    background: #4d4268
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .head-l .head-l-score {
    background: rgba(89,74,135,.05);
    border: 1px solid rgba(89,74,135,.15)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .head-l .head-l-score .head-l-score-h3 .head-l-score-title,.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .head-l .head-l-score .head-l-score-h3 .iconfont,.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .head-l .head-l-score .head-l-score-num .score-num {
    color: #594a87
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .head-l .head-l-score .head-l-score-num .score-num-small {
    color: rgba(89,74,135,.5)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .head-c .head-c-title .head-c-title-text {
    color: #3e3360
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .head-c .lcs-info .lcs-label {
    background: #594a87;
    border: none
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .newhead-info .newhead-info-l .newhead-infobox,.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .newhead-info .newhead-info-r .newhead-infobox {
    background: rgba(89,74,135,.05);
    border: 1px solid rgba(89,74,135,.15)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .newhead-info .newhead-info-l .newhead-infobox .head-l-score-num .score-num,.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .newhead-info .newhead-info-l .newhead-infobox .newhead-infobox-p,.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .newhead-info .newhead-info-l .newhead-infobox .newhead-infobox-title,.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .newhead-info .newhead-info-r .newhead-infobox .head-l-score-num .score-num,.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .newhead-info .newhead-info-r .newhead-infobox .newhead-infobox-p,.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .newhead-info .newhead-info-r .newhead-infobox .newhead-infobox-title {
    color: #594a87
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .newhead-info .newhead-info-l .newhead-infobox .head-l-score-num .score-num-small,.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .newhead-info .newhead-info-r .newhead-infobox .head-l-score-num .score-num-small {
    color: rgba(89,74,135,.5)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .newhead-head .newhead-head-r .newhead-head-title .newhead-head-titletxt {
    color: #3e3360
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-lcs .newhead-head .newhead-head-r .lcs-info .lcs-label {
    background: #594a87;
    border: none
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newblue {
    background: linear-gradient(180deg,#edf4f6,#fff)!important;
    border: 4px solid #477db2
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newblue .newhead-head .newhead-head-r .newhead-head-title .newhead-head-titletxt {
    color: #477db2
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newblue .head-c-info .head-c-infolist {
    border: 1px solid rgba(71,125,178,.149)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newblue .head-c-info .head-c-infolist .head-c-infolist-title {
    background: rgba(71,125,178,.1);
    color: #477db2
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newblue .head-c-info .head-c-infolist .ja-score-val {
    color: #477db2;
    padding: 0 5px
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newblue .ja-wap-score {
    background: rgba(71,125,178,.05);
    border: 1px solid rgba(71,125,178,.15)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newblue .ja-wap-score .ja-wap-score-title,.dealer-newhead .dealer-newhead-otherlang .dealer-newblue .ja-wap-score .ja-wap-scoretxt .head-l-score-num .score-num {
    color: #477db2
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newblue .ja-wap-score .ja-wap-scoretxt .head-l-score-num .score-num-small {
    color: rgba(71,125,178,.3)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newblue .head-l .head-l-score {
    background: rgba(71,125,178,.05);
    border: 1px solid rgba(71,125,178,.15)
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newblue .head-l .head-l-score .head-l-score-h3 .head-l-score-title,.dealer-newhead .dealer-newhead-otherlang .dealer-newblue .head-l .head-l-score .head-l-score-h3 .iconfont,.dealer-newhead .dealer-newhead-otherlang .dealer-newblue .head-l .head-l-score .head-l-score-num * {
    color: #477db2
;}

.dealer-newhead .dealer-newhead-otherlang .dealer-newblue .head-c .head-c-title .head-c-title-text {
    color: #284766
;}

@media screen and (max-width: 1199px) {
    .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-weburl {
        width:100%
    ;}

    .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-weburl .head-c-weburl-l p {
        max-width: 250px
    ;}

    .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-bt {
        width: 100%
    ;}

    .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-btbg {
        flex-direction: column!important;
        gap: 0
    ;}

    .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-btbg .head-c-bt-span {
        width: 100%!important
    ;}

    .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-span .head-c-span-text {
        max-width: 315px
    ;}

    .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-r {
        width: 310px
    ;}

    .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .newhead-tool .newhead-toolbox-db {
        display: flex!important
    ;}
;}

@media screen and (max-width: 999px) {
    .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc {
        min-height:291px
    ;}

    .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-label,.dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-title {
        width: 260px
    ;}

    .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-span .head-c-span-text {
        max-width: 440px
    ;}

    .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-bt {
        width: 366px
    ;}

    .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-r {
        position: fixed;
        right: 1000px
    ;}

    .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .newhead-tool {
        right: 20px;
        top: 20px
    ;}
;}

.dealer-newhead #specialty2>span:last-child>i {
    display: none
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc {
    background: #fff;
    border: 4px solid #b28936;
    display: flex;
    padding: 30px;
    position: relative
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-l {
    width: 220px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-l .head-l-logo {
    height: 132px;
    margin-bottom: 18px;
    width: 100%
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-l .head-l-logo .head-l-logo-img {
    height: 108px;
    width: 196px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-l .head-l-score {
    background: rgba(255,204,102,.15);
    border: 1px solid rgba(255,204,102,.15);
    width: 100%
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-l .head-l-score .head-l-score-h3 *,.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-l .head-l-score .head-l-score-num * {
    color: #3d3d3d
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .dealer-info-list .dealer-info-ul .dealer-info-box {
    width: 320px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    margin-right: 30px;
    width: 546px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-title {
    align-items: center;
    display: flex;
    margin-bottom: 4px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-title .title-icon {
    margin-right: 4px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-title .head-c-title-text {
    color: #301;
    font-size: 32px;
    font-weight: 600;
    line-height: 45px;
    margin-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-title .icon-play-circle {
    color: #301;
    font-size: 26px;
    font-weight: 400
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-label {
    align-items: center;
    display: flex;
    margin-bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-label .head-c-label-flag {
    height: 14px;
    margin-right: 6px;
    width: 20px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-label .head-c-label-txt {
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-right: 24px;
    position: relative
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-label .head-c-label-txt1:after {
    display: none
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-label .lcs-info {
    display: inline-block;
    left: -12px;
    position: relative
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-label .lcs-info .lcs-label {
    align-items: center;
    background: #594a87;
    border-radius: 4px;
    display: flex;
    height: 21px;
    justify-content: center;
    line-height: 19px;
    padding: 0 6px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-label .lcs-info .lcs-label .iconfont {
    color: #fff;
    font-size: 16px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-label .lcs-info .lcs-label .lcs-text {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
    margin-left: 2px;
    position: relative;
    top: 1px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-flex {
    flex: 1
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-href {
    display: flex;
    margin-top: 2px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-href .head-c-hreflist {
    align-items: center;
    border-radius: 14px;
    cursor: pointer;
    display: flex;
    height: 28px;
    justify-content: center;
    padding: 0 8px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-href .head-c-hreflist span {
    color: #fff
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-href .head-c-hreflist .icon-xiala {
    font-size: 8px;
    transform: rotate(-90deg)
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-href .head-c-hreflist:hover {
    opacity: .8
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-href .head-c-hreflist .head-c-hreflist-txt {
    flex: 1;
    font-size: 14px;
    overflow: hidden;
    padding: 0 6px;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-href .head-c-hrefweb1 {
    background: #52a164;
    margin-right: 8px;
    max-width: 278px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-href .head-c-hrefweb2 {
    background: #324353;
    margin-right: 8px;
    width: 126px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-href .head-c-hrefweb3 {
    background: #eaeaea;
    width: 126px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-href .head-c-hrefweb3 span {
    color: #3d3d3d
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-href .head-c-hrefweb3 .head-c-hreflist-txt {
    flex: unset
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-r {
    width: 320px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .newhead-tool {
    right: 34px;
    top: 38px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .newhead-tool .newhead-toolbox-db {
    display: flex
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .dealer-info-list .dealer-info-ul .dealer-info-box {
    height: 265px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap {
    background: #fff;
    border: 4px solid #b28936;
    margin-bottom: 20px;
    padding: 18px 16px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-web .ja-wap-webli {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    width: 100%
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-web .ja-wap-webli .head-c-hreflist {
    align-items: center;
    border-radius: 14px;
    cursor: pointer;
    display: flex;
    height: 28px;
    justify-content: center;
    padding: 0 8px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-web .ja-wap-webli .head-c-hreflist span {
    color: #fff
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-web .ja-wap-webli .head-c-hreflist .icon-xiala {
    font-size: 8px;
    transform: rotate(-90deg)
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-web .ja-wap-webli .head-c-hreflist:hover {
    opacity: .8
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-web .ja-wap-webli .head-c-hreflist .head-c-hreflist-txt {
    flex: 1;
    font-size: 14px;
    overflow: hidden;
    padding: 0 6px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-web .ja-wap-webli .head-c-hrefweb1 {
    background: #52a164;
    width: 100%
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-web .ja-wap-webli .head-c-hrefweb2 {
    background: #324353;
    width: 49.5%
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-web .ja-wap-webli .head-c-hrefweb3 {
    background: #eaeaea;
    width: 49.5%
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-web .ja-wap-webli .head-c-hrefweb3 span {
    color: #3d3d3d
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-web .ja-wap-webli .head-c-hrefweb3 .icon-a-Frame42 {
    color: #3d3d3d;
    font-size: 20px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-web .ja-wap-webli .head-c-hrefweb3 .head-c-hreflist-txt {
    flex: unset
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-jali {
    margin-bottom: 15px;
    padding-top: 7px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-score {
    align-items: center;
    background: rgba(255,204,102,.16);
    border-radius: 6px;
    display: flex;
    height: 78px;
    justify-content: center;
    margin-bottom: 15px;
    position: relative;
    width: 100%
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-score .ja-wap-score-title {
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding-right: 17px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-score .ja-wap-scoretxt .head-l-score-num {
    align-items: flex-end;
    display: flex;
    position: relative
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-score .ja-wap-scoretxt .head-l-score-num .score-num {
    color: #3d3d3d;
    display: flex;
    font-family: DIN-Medium;
    font-size: 48px;
    font-weight: 500;
    height: 58px;
    line-height: 58px;
    overflow: hidden
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-score .ja-wap-scoretxt .head-l-score-num .score-num .score-num-text {
    animation: topTz 3s;
    display: flex;
    flex-direction: column
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-score .ja-wap-scoretxt .head-l-score-num .score-num-small {
    color: rgba(41,41,41,.3);
    font-family: DIN;
    font-size: 17px;
    font-weight: 500;
    line-height: 21px;
    margin-left: 6px;
    position: relative;
    top: -5px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-score .error-info {
    align-items: center;
    background: #f1d2ce;
    border-radius: 0 0 6px 6px;
    bottom: 0;
    display: flex;
    height: 25px;
    left: 0;
    padding: 0 10px;
    position: absolute;
    width: 100%
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-score .error-info #icon-a-DangerCircle1,.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-score .error-info #icon-a-DangerCircle11,.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-score .error-info .iconfont {
    color: #ff1800!important;
    font-size: 14px;
    margin-right: 4px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-score .error-info .score-fx-p {
    color: #ff1800!important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-left: 4px;
    max-width: 340px;
    overflow: hidden
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-score .error-info .score-fx-p .clone_text,.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-score .error-info .score-fx-p .text_warp {
    color: #ff1800!important
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-tool {
    align-items: center;
    display: flex
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-tool .ja-wap-tool-l {
    display: flex;
    flex: 1;
    gap: 7px;
    margin-right: 7px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-tool .ja-wap-tool-l .tool-bt {
    align-items: center;
    border-radius: 4px;
    display: flex;
    flex: 1;
    height: 40px;
    justify-content: center
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-tool .ja-wap-tool-l .tool-bt .iconfont {
    color: #fff;
    font-size: 20px;
    margin-right: 6px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-tool .ja-wap-tool-l .tool-bt .tool-bt-text {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-tool .ja-wap-tool-l .tool-bt:active {
    opacity: .8
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-tool .ja-wap-tool-r {
    display: flex;
    gap: 7px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-tool .ja-wap-tool-r .tool-icon {
    align-items: center;
    border: 1px solid rgba(41,41,41,.2);
    border-radius: 4px;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-tool .ja-wap-tool-r .tool-icon .iconfont {
    color: #3d3d3d;
    font-size: 22px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .ja-wap-tool .ja-wap-tool-r .tool-icon:active {
    opacity: .8
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .head-c-info .head-c-infolist .ja-score-val {
    font-size: 20px
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-wap .head-c-info .head-c-infolist .ja-score-val4 {
    font-size: 12px
;}

.dealer-newhead .dealer-newhead-ja .dealer-black,.dealer-newhead .dealer-newhead-ja .dealer-hs {
    border: none
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .dealer-info-title *,.dealer-newhead .dealer-newhead-ja .dealer-black .head-c *,.dealer-newhead .dealer-newhead-ja .dealer-black .head-c-info *,.dealer-newhead .dealer-newhead-ja .dealer-black .head-l-score-h3 *,.dealer-newhead .dealer-newhead-ja .dealer-black .head-l-score-num *,.dealer-newhead .dealer-newhead-ja .dealer-black .ja-wap-score *,.dealer-newhead .dealer-newhead-ja .dealer-black .newhead-head .newhead-head-r *,.dealer-newhead .dealer-newhead-ja .dealer-hs .dealer-info-title *,.dealer-newhead .dealer-newhead-ja .dealer-hs .head-c *,.dealer-newhead .dealer-newhead-ja .dealer-hs .head-c-info *,.dealer-newhead .dealer-newhead-ja .dealer-hs .head-l-score-h3 *,.dealer-newhead .dealer-newhead-ja .dealer-hs .head-l-score-num *,.dealer-newhead .dealer-newhead-ja .dealer-hs .ja-wap-score *,.dealer-newhead .dealer-newhead-ja .dealer-hs .newhead-head .newhead-head-r * {
    color: #fff!important
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .dealer-newhead .dealer-newhead-ja .newhead-ja-pc .newhead-tool,.dealer-newhead .dealer-newhead-ja .dealer-hs .dealer-newhead .dealer-newhead-ja .newhead-ja-pc .newhead-tool {
    right: 48px
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .head-c .head-c-label .head-c-label-txt:after,.dealer-newhead .dealer-newhead-ja .dealer-hs .head-c .head-c-label .head-c-label-txt:after {
    color: #fff!important
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .head-l .head-l-score,.dealer-newhead .dealer-newhead-ja .dealer-hs .head-l .head-l-score {
    background: hsla(0,0%,100%,.05);
    border: 1px solid hsla(0,0%,100%,.15)
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .head-c .head-c-href .head-c-hrefweb2,.dealer-newhead .dealer-newhead-ja .dealer-hs .head-c .head-c-href .head-c-hrefweb2 {
    background: #477db2
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .head-c .head-c-href .head-c-hrefweb3,.dealer-newhead .dealer-newhead-ja .dealer-hs .head-c .head-c-href .head-c-hrefweb3 {
    background: hsla(0,0%,92%,.8)
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .head-c .head-c-href .head-c-hrefweb3 *,.dealer-newhead .dealer-newhead-ja .dealer-hs .head-c .head-c-href .head-c-hrefweb3 * {
    color: #292929!important
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .newhead-tool .newhead-toolbox,.dealer-newhead .dealer-newhead-ja .dealer-hs .newhead-tool .newhead-toolbox {
    background: hsla(0,0%,100%,.05);
    border: .5px solid hsla(0,0%,100%,.1)
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .newhead-tool .newhead-toolbox .iconfont,.dealer-newhead .dealer-newhead-ja .dealer-hs .newhead-tool .newhead-toolbox .iconfont {
    color: #fff
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box,.dealer-newhead .dealer-newhead-ja .dealer-hs .dealer-info-list .dealer-info-ul .dealer-info-box {
    background: hsla(0,0%,100%,.05);
    border: 1px solid rgba(0,0,0,.05)
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-r .mt-num,.dealer-newhead .dealer-newhead-ja .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-head .mt-head-r .mt-head-num,.dealer-newhead .dealer-newhead-ja .dealer-hs .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-r .mt-num,.dealer-newhead .dealer-newhead-ja .dealer-hs .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-head .mt-head-r .mt-head-num {
    border: .5px solid #fff
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li:first-child,.dealer-newhead .dealer-newhead-ja .dealer-hs .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li:first-child {
    border-bottom: 1px dashed hsla(0,0%,100%,.2)
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box,.dealer-newhead .dealer-newhead-ja .dealer-hs .dealer-info-list .dealer-info-ul .dealer-info-box {
    margin-right: 0;
    width: 320px
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .head-c-info .head-c-infolist,.dealer-newhead .dealer-newhead-ja .dealer-hs .head-c-info .head-c-infolist {
    border: 1px solid hsla(0,0%,100%,.2)
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .head-c-info .head-c-infolist .head-c-infolist-title,.dealer-newhead .dealer-newhead-ja .dealer-hs .head-c-info .head-c-infolist .head-c-infolist-title {
    background: hsla(0,0%,100%,.2)
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .ja-wap-score,.dealer-newhead .dealer-newhead-ja .dealer-hs .ja-wap-score {
    background: hsla(0,0%,100%,.05);
    border: 1px solid hsla(0,0%,100%,.15)
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .ja-wap-tool .ja-wap-tool-r .tool-icon,.dealer-newhead .dealer-newhead-ja .dealer-hs .ja-wap-tool .ja-wap-tool-r .tool-icon {
    background: hsla(0,0%,100%,.2);
    border: 1px solid hsla(0,0%,100%,.2)
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .ja-wap-tool .ja-wap-tool-r .tool-icon .iconfont,.dealer-newhead .dealer-newhead-ja .dealer-hs .ja-wap-tool .ja-wap-tool-r .tool-icon .iconfont {
    color: #fff
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .ja-wap-web .ja-wap-webli .head-c-hrefweb2,.dealer-newhead .dealer-newhead-ja .dealer-hs .ja-wap-web .ja-wap-webli .head-c-hrefweb2 {
    background: #477db2
;}

.dealer-newhead .dealer-newhead-ja .dealer-blue {
    border: 1px solid rgba(71,125,178,.6)
;}

.dealer-newhead .dealer-newhead-ja .dealer-blue .head-l .head-l-score {
    background: rgba(76,109,141,.05);
    border: 1px solid rgba(76,109,141,.15)
;}

.dealer-newhead .dealer-newhead-ja .dealer-blue .head-l .head-l-score .head-l-score-h3 *,.dealer-newhead .dealer-newhead-ja .dealer-blue .head-l .head-l-score .head-l-score-num * {
    color: #4c6d8d
;}

.dealer-newhead .dealer-newhead-ja .dealer-blue .ja-wap-score {
    background: rgba(71,125,178,.05);
    border: 1px solid rgba(71,125,178,.15)
;}

.dealer-newhead .dealer-newhead-ja .dealer-blue .ja-wap-score .ja-wap-score-title,.dealer-newhead .dealer-newhead-ja .dealer-blue .ja-wap-score .ja-wap-scoretxt .head-l-score-num .score-num {
    color: #4c6d8d
;}

.dealer-newhead .dealer-newhead-ja .dealer-blue .ja-wap-score .ja-wap-scoretxt .head-l-score-num .score-num-small {
    color: rgba(71,125,178,.3)
;}

.dealer-newhead .dealer-newhead-ja .dealer-blue .dealer-info-list .dealer-info-ul .dealer-info-box {
    background: hsla(212,7%,57%,.05);
    border: 1px solid rgba(0,0,0,.05)
;}

.dealer-newhead .dealer-newhead-ja .dealer-zs {
    background: linear-gradient(180deg,#edf4f6,#fff)!important;
    border: 4px solid #3c8798
;}

.dealer-newhead .dealer-newhead-ja .dealer-zs .head-l .head-l-score {
    background: rgba(60,135,152,.05);
    border: 1px solid rgba(60,135,152,.15)
;}

.dealer-newhead .dealer-newhead-ja .dealer-zs .head-l .head-l-score .head-l-score-h3 *,.dealer-newhead .dealer-newhead-ja .dealer-zs .head-l .head-l-score .head-l-score-num * {
    color: #3c8798
;}

.dealer-newhead .dealer-newhead-ja .dealer-zs .head-c .head-c-title .head-c-title-text {
    color: #275560
;}

.dealer-newhead .dealer-newhead-ja .dealer-zs .head-c-info .head-c-infolist {
    border: 1px solid rgba(60,135,152,.15)
;}

.dealer-newhead .dealer-newhead-ja .dealer-zs .head-c-info .head-c-infolist .head-c-infolist-title {
    background: rgba(60,135,152,.1);
    color: #3c8798
;}

.dealer-newhead .dealer-newhead-ja .dealer-zs .head-c-info .head-c-infolist .ja-score-val {
    color: #3c8798
;}

.dealer-newhead .dealer-newhead-ja .dealer-zs .newhead-head .newhead-head-r .newhead-head-title .newhead-head-titletxt {
    color: #275560
;}

.dealer-newhead .dealer-newhead-ja .dealer-zs .ja-wap-score {
    background: rgba(60,135,152,.05);
    border: 1px solid rgba(60,135,152,.15)
;}

.dealer-newhead .dealer-newhead-ja .dealer-zs .ja-wap-score .ja-wap-score-title,.dealer-newhead .dealer-newhead-ja .dealer-zs .ja-wap-score .ja-wap-scoretxt .head-l-score-num .score-num {
    color: #3c8798
;}

.dealer-newhead .dealer-newhead-ja .dealer-zs .ja-wap-score .ja-wap-scoretxt .head-l-score-num .score-num-small {
    color: rgba(60,135,152,.3)
;}

.dealer-newhead .dealer-newhead-ja .dealer-yellow {
    background: linear-gradient(180deg,#f8ede1,#fff)!important;
    border: 4px solid #d39a57
;}

.dealer-newhead .dealer-newhead-ja .dealer-yellow .head-l .head-l-score {
    background: rgba(211,154,87,.05);
    border: 1px solid rgba(211,154,87,.15)
;}

.dealer-newhead .dealer-newhead-ja .dealer-yellow .head-l .head-l-score .head-l-score-h3 *,.dealer-newhead .dealer-newhead-ja .dealer-yellow .head-l .head-l-score .head-l-score-num * {
    color: #d39a57!important
;}

.dealer-newhead .dealer-newhead-ja .dealer-yellow .dealer-info-list .dealer-info-ul .dealer-info-box {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05)
;}

.dealer-newhead .dealer-newhead-ja .dealer-yellow .newhead-info .newhead-info-l .newhead-infobox,.dealer-newhead .dealer-newhead-ja .dealer-yellow .newhead-info .newhead-info-r .newhead-infobox {
    background: rgba(211,154,87,.05);
    border: 1px solid rgba(211,154,87,.15)
;}

.dealer-newhead .dealer-newhead-ja .dealer-yellow .newhead-info .newhead-info-l .newhead-infobox *,.dealer-newhead .dealer-newhead-ja .dealer-yellow .newhead-info .newhead-info-r .newhead-infobox * {
    color: #d39a57!important
;}

.dealer-newhead .dealer-newhead-ja .dealer-yellow .newhead-bt .newhead-btbox1 {
    background: none;
    border: 1px solid rgba(61,61,61,.3);
    color: #3d3d3d
;}

.dealer-newhead .dealer-newhead-ja .dealer-yellow .head-c-info .head-c-infolist .head-c-infolist-title {
    background: #f2f3f5
;}

.dealer-newhead .dealer-newhead-ja .dealer-yellow .head-c-info .head-c-infolist {
    border: 1px solid rgba(211,154,87,.15)
;}

.dealer-newhead .dealer-newhead-ja .dealer-yellow .head-c-info .head-c-infolist .head-c-infolist-title {
    background: rgba(211,154,87,.1);
    color: #d39a57
;}

.dealer-newhead .dealer-newhead-ja .dealer-yellow .head-c-info .head-c-infolist .ja-score-val {
    color: #d39a57
;}

.dealer-newhead .dealer-newhead-ja .dealer-yellow .ja-wap-score {
    background: rgba(211,154,87,.05);
    border: 1px solid rgba(211,154,87,.15)
;}

.dealer-newhead .dealer-newhead-ja .dealer-yellow .ja-wap-score .ja-wap-score-title,.dealer-newhead .dealer-newhead-ja .dealer-yellow .ja-wap-score .ja-wap-scoretxt .head-l-score-num .score-num {
    color: #d39a57
;}

.dealer-newhead .dealer-newhead-ja .dealer-yellow .ja-wap-score .ja-wap-scoretxt .head-l-score-num .score-num-small {
    color: rgba(211,154,87,.5)
;}

.dealer-newhead .dealer-newhead-ja .dealer-yellow .newhead-head .newhead-head-r .newhead-head-title .newhead-head-titletxt {
    color: #301
;}

.dealer-newhead .dealer-newhead-ja .dealer-yellow .head-c-info .head-c-infolist .ja-score-val {
    padding: 0 5px
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-jyhj .dealer-info-jyhj-r p,.dealer-newhead .dealer-newhead-ja .dealer-hs .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-jyhj .dealer-info-jyhj-r p,.dealer-newhead .dealer-newhead-ja .dealer-lcs .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-jyhj .dealer-info-jyhj-r p {
    color: #fff
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line .yyl-info-line-l {
    background: #3b76f6
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line .yyl-info-line-r {
    background: #3b3c3d
;}

.dealer-newhead .dealer-newhead-ja .dealer-black .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line {
    background: rgba(59,118,246,.2)
;}

.dealer-newhead .dealer-newhead-ja .dealer-lcs {
    background: linear-gradient(180deg,#efeef2,#fff)!important;
    border: 4px solid #594a87
;}

.dealer-newhead .dealer-newhead-ja .dealer-lcs .head-c-info .head-c-infolist {
    border: 1px solid rgba(89,74,135,.2)
;}

.dealer-newhead .dealer-newhead-ja .dealer-lcs .head-c-info .head-c-infolist .head-c-infolist-title {
    background: rgba(89,74,135,.2);
    color: #594a87
;}

.dealer-newhead .dealer-newhead-ja .dealer-lcs .head-c-info .head-c-infolist .ja-score-val {
    color: #594a87
;}

.dealer-newhead .dealer-newhead-ja .dealer-lcs .head-l .head-l-score {
    background: rgba(89,74,135,.05);
    border: 1px solid rgba(89,74,135,.15)
;}

.dealer-newhead .dealer-newhead-ja .dealer-lcs .head-l .head-l-score .head-l-score-h3 *,.dealer-newhead .dealer-newhead-ja .dealer-lcs .head-l .head-l-score .head-l-score-num * {
    color: #594a87
;}

.dealer-newhead .dealer-newhead-ja .dealer-lcs .head-c .head-c-href .head-c-hrefweb2 {
    background: #477db2
;}

.dealer-newhead .dealer-newhead-ja .dealer-lcs .head-c .head-c-title .head-c-title-text {
    color: #3e3360
;}

.dealer-newhead .dealer-newhead-ja .dealer-lcs .ja-wap-score {
    background: rgba(89,74,135,.05);
    border: 1px solid rgba(89,74,135,.15)
;}

.dealer-newhead .dealer-newhead-ja .dealer-lcs .ja-wap-score .ja-wap-score-title,.dealer-newhead .dealer-newhead-ja .dealer-lcs .ja-wap-score .ja-wap-scoretxt .head-l-score-num .score-num {
    color: #594a87
;}

.dealer-newhead .dealer-newhead-ja .dealer-newblue {
    background: linear-gradient(180deg,#edf4f6,#fff)!important;
    border: 4px solid #477db2
;}

.dealer-newhead .dealer-newhead-ja .dealer-newblue .newhead-head .newhead-head-r .newhead-head-title .newhead-head-titletxt {
    color: #477db2
;}

.dealer-newhead .dealer-newhead-ja .dealer-newblue .head-c-info .head-c-infolist {
    border: 1px solid rgba(71,125,178,.149)
;}

.dealer-newhead .dealer-newhead-ja .dealer-newblue .head-c-info .head-c-infolist .head-c-infolist-title {
    background: rgba(71,125,178,.1);
    color: #477db2
;}

.dealer-newhead .dealer-newhead-ja .dealer-newblue .head-c-info .head-c-infolist .ja-score-val {
    color: #477db2;
    padding: 0 5px
;}

.dealer-newhead .dealer-newhead-ja .dealer-newblue .ja-wap-score {
    background: rgba(71,125,178,.05);
    border: 1px solid rgba(71,125,178,.15)
;}

.dealer-newhead .dealer-newhead-ja .dealer-newblue .ja-wap-score .ja-wap-score-title,.dealer-newhead .dealer-newhead-ja .dealer-newblue .ja-wap-score .ja-wap-scoretxt .head-l-score-num .score-num {
    color: #477db2
;}

.dealer-newhead .dealer-newhead-ja .dealer-newblue .ja-wap-score .ja-wap-scoretxt .head-l-score-num .score-num-small {
    color: rgba(71,125,178,.3)
;}

.dealer-newhead .dealer-newhead-ja .dealer-newblue .head-l .head-l-score {
    background: rgba(71,125,178,.05);
    border: 1px solid rgba(71,125,178,.15)
;}

.dealer-newhead .dealer-newhead-ja .dealer-newblue .head-l .head-l-score .head-l-score-h3 .head-l-score-title,.dealer-newhead .dealer-newhead-ja .dealer-newblue .head-l .head-l-score .head-l-score-h3 .iconfont,.dealer-newhead .dealer-newhead-ja .dealer-newblue .head-l .head-l-score .head-l-score-num * {
    color: #477db2
;}

@media screen and (max-width: 1199px) {
    .dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c {
        margin-right:0;
        width: 636px
    ;}

    .dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-title {
        width: 460px
    ;}

    .dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-r {
        transform: translateX(10000px)
    ;}
;}

@media screen and (max-width: 999px) {
    .dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-l {
        width:170px
    ;}

    .dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-l .head-l-logo {
        height: 102px
    ;}

    .dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-l .head-l-logo .dealer-l-logo-seal {
        height: 77px;
        top: 44px
    ;}

    .dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-l .head-l-logo .head-l-logo-img {
        height: 78px;
        width: 146px
    ;}

    .dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c {
        margin-right: 0;
        width: 506px
    ;}

    .dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-title {
        width: 320px
    ;}

    .dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-title .head-c-title-text {
        font-size: 26px;
        line-height: 36px
    ;}

    .dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-c .head-c-href .head-c-hrefweb1 {
        width: 238px
    ;}

    .dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-r {
        display: none
    ;}

    .dealer-newhead .dealer-newhead-ja .newhead-ja-pc .newhead-tool {
        right: 30px;
        top: 30px
    ;}
;}

@media screen and (max-width: 799px) {
    .dealer-newhead .dealer-newhead-ja {
        padding:10px
    ;}

    .dealer-newhead .dealer-newhead-ja .newhead-head .newhead-head-r .newhead-head-label .newhead-head-span3:last-child,.dealer-newhead .dealer-newhead-ja .newhead-head .newhead-head-r .newhead-head-span span:last-child {
        margin-right: 0
    ;}

    .dealer-newhead .dealer-newhead-ja .newhead-head .newhead-head-r .newhead-head-label .newhead-head-span3:first-child:after {
        display: none
    ;}
;}

.dealer-newhead .iframe-show {
    align-items: center;
    background: rgba(0,0,0,.3);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
;}

.dealer-newhead .iframe-show .show-box {
    position: relative
;}

.dealer-newhead .iframe-show .show-box .icon-close {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px
;}

.dealer-newhead .iframe-show .show-box .iframe {
    background: #fff;
    border-radius: 10px;
    height: 366px;
    padding: 0 20px;
    width: 380px
;}

.dealer-newhead .dealer-module-mode {
    background-color: transparent
;}

.dealer-newhead .tslabellog .el-dialog .el-dialog__body {
    padding: 20px
;}

.dealer-newhead .tslabellog .el-dialog__close {
    color: #1d2129;
    font-size: 22px
;}

@media screen and (max-width: 799px) {
    .dealer-newhead .tslabellog {
        align-items:flex-end
    ;}

    .dealer-newhead .tslabellog .el-dialog {
        background: #fff url(https://resources1.interface003.com/web20/img/dealer/tsbqbg.png) no-repeat 0 0;
        background-size: contain;
        border-radius: 14px 14px 0 0
    ;}

    .dealer-newhead .tslabellog .el-dialog .el-dialog__header {
        padding: 6px 0 0
    ;}

    .dealer-newhead .tslabellog .el-dialog .el-dialog__body {
        padding: 20px
    ;}
;}

.dealer-newhead .dealer-newhead-ja .newhead-ja-pc .head-r .dealer-info-list .error-info {
    right: 10px
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-pc .newhead-tool {
    left: 30px;
    right: unset
;}

html[dir=rtl] .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-db {
    left: 10px;
    right: unset
;}

html[dir=rtl] .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-db .iconfont {
    margin-left: 4px;
    margin-right: 0
;}

html[dir=rtl] .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-title .dealer-info-title-icon,html[dir=rtl] .dealer-info-list .dealer-info-ul .dealer-info-box .error-info .score-fx-p {
    margin-left: 0;
    margin-right: 4px
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-pc .head-c .head-c-title .iconfont {
    margin-left: 0;
    margin-right: 20px
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-pc .head-c .head-c-span .head-c-span-img {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-pc .head-c .head-c-weburl .head-c-weburl-r {
    margin-left: 0;
    margin-right: 26px
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-pc .head-c .head-c-bt-span,html[dir=rtl] .dealer-newhead .dealer-newhead-pc .head-c .head-c-bt-span:last-child {
    margin-left: 0;
    margin-right: 0
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-pc .head-c .head-c-bt-span:last-child {
    margin-right: 10px
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-pc .head-l .head-l-logo .dealer-l-logo-seal {
    left: unset;
    right: 89px;
    transform: rotate(45deg)
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-pc .head-l .head-l-logo .dealer-l-logo-label {
    left: unset;
    right: 2px
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-pc .head-l .head-l-score .head-l-score-h3 .iconfont {
    margin-left: 0;
    margin-right: 5px
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-pc .head-l .head-l-score .head-l-score-num .score-num-small {
    margin-left: 0;
    margin-right: 6px
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-pc .head-l {
    margin-left: 24px;
    margin-right: 0
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-pc .head-c {
    margin-left: 30px;
    margin-right: 0
;}

html[dir=rtl] .dealer-info-list .dealer-info-ul .dealer-info-box {
    margin-left: 12px;
    margin-right: 0
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-wap .newhead-head .newhead-head-r {
    padding-left: 0;
    padding-right: 16px
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-wap .newhead-head .newhead-head-r .newhead-head-label .newhead-head-span3,html[dir=rtl] .dealer-newhead .dealer-newhead-wap .newhead-head .newhead-head-r .newhead-head-span img,html[dir=rtl] .dealer-newhead .dealer-newhead-wap .newhead-head .newhead-head-r .newhead-head-span span {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-wap .newhead-head .newhead-head-l .dealer-l-logo-seal {
    left: unset;
    right: 62px;
    transform: rotate(45deg)
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-wap .newhead-info .newhead-info-l {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-wap .newhead-info .newhead-info-l .newhead-infobox-r:first-child,html[dir=rtl] .dealer-newhead .dealer-newhead-wap .newhead-info .newhead-info-r .newhead-infobox-r:first-child {
    margin-left: 10px;
    margin-right: 0
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-wap .newhead-bt .newhead-btbox:first-child {
    margin-left: 7px;
    margin-right: 0
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-wap .newhead-head .newhead-head-l .dealer-l-logo-label {
    left: unset;
    right: 1px
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-wap .newhead-info .newhead-info-l .newhead-infobox .head-l-score-num .score-num-small,html[dir=rtl] .dealer-newhead .dealer-newhead-wap .newhead-info .newhead-info-r .newhead-infobox .head-l-score-num .score-num-small {
    margin-left: 0;
    margin-right: 4px
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-title .title-icon {
    margin-left: 4px;
    margin-right: 0
;}

html[dir=rtl] .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label .dealer-info-li-c1,html[dir=rtl] .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label .dealer-info-li-c3 {
    margin-left: 6px;
    margin-right: 0
;}

html[dir=rtl] .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-all .dealer-info-li .dealer-info-li-r .iconfont,html[dir=rtl] .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-mt .mt-head .mt-head-r .iconfont {
    transform: rotate(180deg)
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-label .head-c-label-text:after,html[dir=rtl] .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-span .head-c-span-text:after {
    left: -12px;
    right: unset
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-label .head-c-label-text {
    margin-left: 20px;
    margin-right: 0
;}

html[dir=rtl] .newhead-head .newhead-head-r .newhead-head-title .title-icon {
    margin-left: 6px;
    margin-right: 0
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .lcs-info .lcs-label .lcs-text {
    margin-left: 0;
    margin-right: 2px
;}

html[dir=rtl] .newhead-head .newhead-head-r .newhead-head-title .newhead-head-titletxt {
    margin-left: 10px;
    margin-right: 0
;}

html[dir=rtl] .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li .dealer-info-li-c .dealer-info-li-c-label .dealer-info-li-c3 {
    margin-left: 6px;
    margin-right: 0
;}

html[dir=rtl] .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .zbbl-head .dealer-info-li .dealer-info-li-r .iconfont {
    transform: rotate(180deg)
;}

html[dir=rtl] .dealer-info-list .score-position {
    left: 332px;
    right: unset
;}

html[dir=rtl] .dealer-info-list .error-info .score-fx-p {
    margin-left: 0;
    margin-right: 4px
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-bt-span .icon-exposure2 {
    margin-left: 6px;
    margin-right: 0
;}

html[dir=rtl] .dealer-info-list .dealer-info-ul .dealer-info-box .dealer-info-zbbl .yyl-info .yyl-info-line .yyl-info-line-r {
    transform: skew(30deg) translateX(4px)
;}

html[dir=rtl] .dealer-info-list .error-info {
    left: 0;
    right: unset
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-span .head-c-span-text i {
    left: -8px;
    right: unset
;}

html[dir=rtl] .dealer-newhead .dealer-newhead-otherlang .dealer-newhead-pc .head-c .head-c-span .head-c-span-text {
    padding-left: 8px;
    padding-right: 0
;}

.leftinfo {
    background: #fff;
    height: 50px;
    line-height: 50px;
    padding: 0 16px;
    position: relative
;}

.leftinfo .home-tab .wiki-nav-wrap .wiki-nav-list .wiki-nav-item.home-tab-active {
    border-bottom: 1px solid #3d3d3d;
    font-weight: 600
;}

.leftinfo .more {
    cursor: pointer;
    flex-direction: row;
    gap: 4px;
    justify-content: center;
    order: 1;
    padding: 0;
    position: absolute;
    right: 26px;
    top: 56px;
    width: 47px
;}

.leftinfo .more,.leftinfo .more .more-name {
    align-items: center;
    display: flex;
    flex: none;
    flex-grow: 0;
    height: 17px
;}

.leftinfo .more .more-name {
    color: #ccc;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    order: 0;
    width: 29px
;}

.leftinfo .more .more-name .icon-arrow-right {
    color: #ccc;
    flex: none;
    flex-grow: 0;
    height: 14px;
    order: 1;
    width: 14px
;}

.screenshot-list .screenshot {
    display: flex;
    margin-top: 28.5px
;}

.screenshot-list .screenshot .screenshot-l .yuandian {
    background: #ccc;
    border-radius: 50%;
    color: #ccc;
    font-size: 8px;
    margin: 12px
;}

.screenshot-list .screenshot .screenshot-l .link {
    background: #f2f2f2;
    height: 98%;
    margin: 0 14px;
    width: 1px
;}

.screenshot-list .screenshot .screenshot-r {
    flex: 1;
    margin-left: 12px
;}

.screenshot-list .screenshot .screenshot-r .r-time {
    align-items: center;
    color: #a3a3a3;
    display: flex;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 27.5px
;}

.screenshot-list .screenshot .screenshot-r .r-list-img {
    display: flex;
    flex-wrap: wrap
;}

.screenshot-list .screenshot .screenshot-r .r-list-img .img-li {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,.05);
    margin-bottom: 20px;
    margin-right: 32px;
    overflow: hidden;
    width: 300px
;}

.screenshot-list .screenshot .screenshot-r .r-list-img .img-li:hover {
    border: 1px solid #f5bc49;
    cursor: pointer
;}

.screenshot-list .screenshot .screenshot-r .r-list-img .img-li .screenshot-time {
    display: flex;
    flex-wrap: wrap;
    margin: 16px 20px 12px
;}

.screenshot-list .screenshot .screenshot-r .r-list-img .img-li .screenshot-time.isMultilingual {
    display: flex;
    flex-direction: column
;}

.screenshot-list .screenshot .screenshot-r .r-list-img .img-li .screenshot-time.isMultilingual .time-txt {
    margin-bottom: 4px
;}

.screenshot-list .screenshot .screenshot-r .r-list-img .img-li .screenshot-time .time-txt {
    color: #a3a3a3;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-right: 10px
;}

.screenshot-list .screenshot .screenshot-r .r-list-img .img-li .screenshot-time .time-c {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px
;}

.screenshot-list .screenshot .screenshot-r .r-list-img .img-li .website-c {
    background: #f7f7f7;
    border-radius: 2px;
    color: #a3a3a3;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0 20px 24px;
    padding: 4px 12px;
    width: -moz-fit-content;
    width: fit-content;
    word-break: break-all
;}

.screenshot-list .screenshot .screenshot-r .r-list-img .img-li img {
    width: 100%
;}

.screenshot-list .screenshot .screenshot-r .m-r-list-img {
    display: none
;}

.screenshot-list .screenshot .screenshot-r .See-more {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    margin: 0 50px 0 auto;
    width: auto
;}

.screenshot-list .screenshot .screenshot-r .See-more .more {
    align-items: center;
    color: #a3a3a3;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-right: 9.5px
;}

.screenshot-list .screenshot .screenshot-r .See-more .more:hover {
    color: #3d3d3d
;}

.screenshot-list .screenshot .screenshot-r .See-more .left {
    color: #3d3d3d;
    font-size: 8px
;}

@media screen and (max-width: 799px) {
    .screenshot-list .screenshot {
        margin-top:24px
    ;}

    .screenshot-list .screenshot .screenshot-l {
        display: none
    ;}

    .screenshot-list .screenshot .screenshot-r {
        margin-left: 0;
        overflow: hidden
    ;}

    .screenshot-list .screenshot .screenshot-r .r-time {
        color: #292929;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 22px;
        margin-bottom: 13px;
        margin-left: 32px
    ;}

    .screenshot-list .screenshot .screenshot-r .r-list-img {
        display: none
    ;}

    .screenshot-list .screenshot .screenshot-r .m-r-list-img {
        -ms-overflow-style: none;
        align-items: center;
        display: flex;
        height: 196px;
        overflow-x: auto;
        overflow: -moz-scrollbars-none
    ;}

    .screenshot-list .screenshot .screenshot-r .m-r-list-img::-webkit-scrollbar {
        display: none
    ;}

    .screenshot-list .screenshot .screenshot-r .m-r-list-img .m-img-li {
        border: 1px solid rgba(0,0,0,.1);
        border-radius: 8px;
        height: 180px;
        margin-right: 16px;
        width: 280px
    ;}

    .screenshot-list .screenshot .screenshot-r .m-r-list-img .m-img-li:first-child {
        margin-left: 24px
    ;}

    .screenshot-list .screenshot .screenshot-r .m-r-list-img .m-img-li img {
        border-radius: 8px;
        height: 180px;
        width: 280px
    ;}

    .screenshot-list .screenshot .screenshot-r .See-more {
        display: none
    ;}
;}

html[dir=rtl] .screenshot-list .screenshot .screenshot-r .r-time {
    margin-left: 0;
    margin-right: 32px
;}

.sham-dealer .shamdealer-box {
    margin: 0 auto;
    padding-bottom: 50px;
    padding-top: 20px;
    width: 1200px
;}

.sham-dealer .shamdealer-box .shamdealer-info {
    display: flex;
    justify-content: space-between;
    padding-top: 20px
;}

.sham-dealer .shamdealer-box .shamdealer-info .deadler-info-l {
    width: 370px
;}

.sham-dealer .shamdealer-box .shamdealer-info .deadler-info-l .time-machine {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    width: 100%
;}

.sham-dealer .shamdealer-box .shamdealer-info .deadler-info-l .download {
    margin-top: 16px
;}

.sham-dealer .shamdealer-box .shamdealer-info .deadler-info-r {
    width: 806px
;}

.sham-dealer .shamdealer-box .shamdealer-info .deadler-info-r .exposure {
    background: #fff;
    border-radius: 4px;
    min-height: 390px;
    width: 100%
;}

.sham-dealer .shamdealer-box .shamdealer-info .deadler-info-r .introduce {
    background: #fff;
    border-radius: 4px;
    margin-top: 16px;
    width: 100%
;}

.sham-dealer .shamdealer-box .shamdealer-info .deadler-info-r .information {
    background: #fff;
    border-radius: 4px;
    margin-top: 16px;
    min-height: 382px;
    width: 100%
;}

.sham-dealer .shamdealer-box .shamdealer-info .deadler-info-r .information .available {
    padding: 24px
;}

.sham-dealer .shamdealer-box .shamdealer-info .deadler-info-r .information .available h3 {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600
;}

.sham-dealer .dealer-l-logo-label {
    background: #2bb351;
    border-radius: 5px 0;
    color: #fff;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    height: 17px;
    left: 1px;
    line-height: 17px;
    max-width: calc(100% - 4px);
    overflow: hidden;
    padding: 0 6px;
    position: absolute;
    top: 1px
;}

.sham-dealer .machine-jeff .machine-con {
    padding: 0 0 20px
;}

@media screen and (max-width: 1199px) {
    .sham-dealer .shamdealer-box {
        width:940px
    ;}

    .sham-dealer .shamdealer-box .shamdealer-info .deadler-info-r {
        width: 546px
    ;}
;}

@media screen and (max-width: 999px) {
    .sham-dealer .shamdealer-box {
        width:760px
    ;}

    .sham-dealer .shamdealer-box .shamdealer-info {
        flex-direction: column
    ;}

    .sham-dealer .shamdealer-box .shamdealer-info .deadler-info-l {
        width: 100%
    ;}

    .sham-dealer .shamdealer-box .shamdealer-info .deadler-info-l .download {
        display: none
    ;}

    .sham-dealer .shamdealer-box .shamdealer-info .deadler-info-r {
        width: 100%
    ;}

    .sham-dealer .shamdealer-box .shamdealer-info .deadler-info-r .information .dealer-article .dealer-rticle-title {
        margin-bottom: 10px
    ;}
;}

@media screen and (max-width: 799px) {
    .sham-dealer .shamdealer-box {
        padding-top:0;
        width: 100%
    ;}

    .sham-dealer .shamdealer-box .shamdealer-info {
        padding-top: 0
    ;}

    .sham-dealer .shamdealer-box .shamdealer-info .deadler-info-l .time-machine {
        border: none;
        border-radius: 0
    ;}

    .sham-dealer .shamdealer-box .shamdealer-info .deadler-info-r .exposure {
        margin-top: 8px
    ;}

    .sham-dealer .shamdealer-box .shamdealer-info .deadler-info-r .exposure .dealer-exposure-jeff {
        padding: 24px 12px
    ;}

    .sham-dealer .shamdealer-box .shamdealer-info .deadler-info-r .information .dealer-article {
        padding: 24px 12px!important
    ;}

    .sham-dealer .screenshot-list .screenshot .screenshot-r .m-r-list-img .m-img-li:first-child,.sham-dealer .screenshot-list .screenshot .screenshot-r .r-time {
        margin-left: 0
    ;}
;}

html[dir=rtl] .sham-dealer .shamdealer-box .shamdealer-info .deadler-info-r .information .dealer-article .article-list .list .list-l {
    padding-left: 24px;
    padding-right: 0
;}

html[dir=rtl] .sham-dealer .shamdealer-box .shamdealer-info .deadler-info-r .information .dealer-article .article-list .list .list-l .list-title span {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .sham-dealer .shamdealer-box .shamdealer-info .deadler-info-r .information .dealer-article .article-list .list .list-l .list-tool .tool-l .tool-l-name {
    margin-right: 10px;
    padding-left: 0
;}

html[dir=rtl] .sham-dealer .screenshot-list .screenshot .screenshot-r .m-r-list-img .m-img-li:first-child,html[dir=rtl] .sham-dealer .screenshot-list .screenshot .screenshot-r .r-time {
    margin-right: 0
;}

.banned-dealer {
    background: #fff;
    margin: 0 auto;
    padding: 140px 0 287px;
    text-align: center
;}

.banned-dealer img {
    height: 326px;
    width: 364px
;}

.banned-dealer h6 {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 34px
;}

.banned-dealer p {
    color: #666c72;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
    margin: 15px 0 30px
;}

.banned-dealer .link {
    background: #323947;
    border-radius: 4px;
    height: 49px;
    padding: 12px 48px
;}

.banned-dealer .link span {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px
;}

.zizhi {
    align-items: center;
    background-color: rgba(0,0,0,.5);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2999
;}

.zizhi .zzbox {
    background: #fff;
    border-radius: 16px;
    position: relative;
    width: 400px
;}

.zizhi .zzbox .icon-close {
    cursor: pointer;
    display: none;
    height: 14px;
    position: absolute;
    right: 14px;
    top: 14px;
    width: 14px
;}

.zizhi .zzbox .zzinfo {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 22px;
    justify-content: center;
    padding: 0 24px
;}

.zizhi .zzbox .zzinfo .zzimg {
    height: 68px;
    margin-top: 44px;
    width: 68px
;}

.zizhi .zzbox .zzinfo p {
    color: #3d3d3d;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin: 26px auto 22px;
    text-align: center;
    width: 320px
;}

.zizhi .zzbox .zzinfo .btn {
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: 40px
;}

.zizhi .zzbox .zzinfo .btn .btn_know {
    align-items: center;
    align-self: stretch;
    border: 1px solid rgba(166,176,195,.5);
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    height: 44px;
    justify-content: center;
    order: 2;
    padding: 0;
    width: 320px
;}

.zizhi .zzbox .zzinfo .btn .btn_know p {
    align-items: center;
    color: #3d3d3d;
    display: block;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-align: center
;}

@media screen and (max-width: 999px) {
    .zizhi .zzbox {
        height:auto;
        width: 80%
    ;}

    .zizhi .zzbox .zzinfo {
        padding: 20px 25px
    ;}

    .zizhi .zzbox .zzinfo p {
        width: 100%
    ;}

    .zizhi .zzbox .zzinfo .btn {
        margin-bottom: 10px
    ;}

    .zizhi .zzbox .zzinfo .btn .btn_know {
        padding: 0 20px;
        width: 100%
    ;}
;}

.new_chrome_down[data-v-3e0a0cbe] {
    border-radius: 12px 0 0 12px;
    display: none;
    height: 114px;
    width: 56px
;}

.new_chrome_down .chrome_ctx_left[data-v-3e0a0cbe] {
    background: url(https://resources1.interface003.com/web20/img/othor/chorme_bg.png) no-repeat #fff;
    border-radius: 12px 0 0 12px;
    box-sizing: border-box;
    cursor: pointer;
    height: 114px;
    position: relative;
    width: 56px
;}

.new_chrome_down .chrome_ctx_left[data-v-3e0a0cbe]:hover {
    background-color: #eee
;}

.new_chrome_down .chrome_ctx_left .chorme_corp[data-v-3e0a0cbe] {
    align-items: center;
    background: #4889f4;
    border-radius: 11px 0;
    display: flex;
    height: 21px;
    justify-content: center;
    width: 27px
;}

.new_chrome_down .chrome_ctx_left .chorme_center[data-v-3e0a0cbe] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
;}

.new_chrome_down .chrome_ctx_left .chorme_center .img_center[data-v-3e0a0cbe] {
    height: 26px;
    width: 26px
;}

.new_chrome_down .chrome_ctx_left .chorme_center .text_center[data-v-3e0a0cbe] {
    color: #3d3d3d;
    font-family: PingFang SC;
    font-size: 10px;
    font-weight: 600;
    height: 14px;
    line-height: 14px;
    margin-top: 3px
;}

.new_chrome_down .chrome_ctx_right[data-v-3e0a0cbe] {
    align-items: center;
    background: #fff;
    background-size: auto 234px;
    border-radius: 12px;
    bottom: -112px;
    display: none;
    filter: drop-shadow(0 0 14px rgba(0,0,0,.1));
    justify-content: center;
    position: absolute;
    right: 68px;
    width: 348px
;}

.new_chrome_down .chrome_ctx_right .chrome_main[data-v-3e0a0cbe] {
    margin: 0 20px;
    position: relative
;}

.new_chrome_down .chrome_ctx_right .chrome_main .chrome_download[data-v-3e0a0cbe] {
    align-items: center;
    display: flex;
    flex-direction: column
;}

.new_chrome_down .chrome_ctx_right .chrome_main .chrome_download .title[data-v-3e0a0cbe] {
    align-items: center;
    color: #000;
    display: flex;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    margin-top: 16px
;}

.new_chrome_down .chrome_ctx_right .chrome_main .chrome_download .subtitle[data-v-3e0a0cbe] {
    color: #9a9a9c;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 2px 0 22px;
    text-align: center
;}

.new_chrome_down .chrome_ctx_right .chrome_main .chrome_download .des[data-v-3e0a0cbe] {
    align-items: center;
    color: #292929;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center
;}

.new_chrome_down .chrome_ctx_right .chrome_main .chrome_download .btn[data-v-3e0a0cbe] {
    align-items: center;
    border: 1px solid rgba(0,0,0,.6);
    border-radius: 69px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    margin: 16px 0 28px;
    padding: 6px 20px
;}

.new_chrome_down .chrome_ctx_right .chrome_main .chrome_download .btn[data-v-3e0a0cbe]:hover {
    background: #eee
;}

.new_chrome_down .chrome_ctx_right .chrome_main .chrome_download .btn img[data-v-3e0a0cbe] {
    height: 32px;
    width: 32px
;}

.new_chrome_down .chrome_ctx_right .chrome_main .chrome_download .btn p[data-v-3e0a0cbe] {
    align-items: center;
    color: #000;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-left: 7px
;}

.new_chrome_down .chrome_ctx_right .chrome_close[data-v-3e0a0cbe] {
    align-items: flex-start;
    border: .5px solid rgba(0,0,0,.2);
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 22px;
    padding: 2px;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 22px
;}

.new_chrome_down .chrome_ctx_right .chrome_close[data-v-3e0a0cbe]:hover {
    background-color: #eee
;}

.new_chrome_down .chrome_ctx_right .chrome_close .iconfont[data-v-3e0a0cbe] {
    font-size: 17px;
    height: 17px;
    width: 17px
;}

.new_chrome_down .chrome_ctx_right_flex[data-v-3e0a0cbe] {
    display: flex
;}

.new_chrome_down .chrome-show[data-v-3e0a0cbe] {
    animation: c_show-3e0a0cbe 1s forwards
;}

@keyframes c_hid-3e0a0cbe {
    0% {
        opacity: 1;
        transform: translateX(0)
    ;}

    to {
        opacity: 0;
        transform: translateX(500px)
    ;}
;}

@keyframes c_show-3e0a0cbe {
    0% {
        opacity: 0;
        transform: translateX(500px)
    ;}

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

.new_chrome_down_block[data-v-3e0a0cbe] {
    display: block
;}

@media screen and (max-width: 799px) {
    .new_chrome_down[data-v-3e0a0cbe] {
        display:none
    ;}
;}

.deposit-new table {
    border-collapse: collapse;
    table-layout: fixed
;}

.deposit-new table tr {
    border-radius: 2px;
    display: flex
;}

.deposit-new table tr td,.deposit-new table tr th {
    color: #3d3d3d;
    flex: 1 1 0%;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 11px;
    text-align: center
;}

.deposit-new table tr th {
    color: #fff!important
;}

.tooltip-dealer.is-dark {
    background: #fff;
    border-radius: 0;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.18);
    max-width: 90%;
    z-index: 5!important
;}

.tooltip-dealer[x-placement^=bottom] .popper__arrow,.tooltip-dealer[x-placement^=bottom] .popper__arrow:after {
    border-bottom-color: #fff
;}

@media screen and (max-width: 799px) {
    .el-tooltip__popper .popper__arrow {
        display:none
    ;}
;}

.dealer-account-new {
    padding: 24px 40px
;}

@media (max-width: 799px) {
    .dealer-account-new {
        padding:20px 12px
    ;}
;}

.dealer-account-new .left {
    --tw-text-opacity: 1;
    color: rgb(29 33 41/var(--tw-text-opacity));
    font-size: 14px;
    font-weight: 400;
    margin-right: 10px;
    max-width: 110px;
    min-width: 110px;
    white-space: nowrap
;}

@media (max-width: 799px) {
    .dealer-account-new .left {
        margin-right:24px;
        min-width: auto;
        width: 56px
    ;}
;}

.dealer-account-new .left:where([dir=rtl],[dir=rtl] *) {
    margin-left: 10px;
    margin-right: 0
;}

.dealer-account-new .ol-left {
    max-width: 240px;
    min-width: 240px;
    width: 240px
;}

@media (max-width: 999px) {
    .dealer-account-new .ol-left {
        max-width:150px;
        min-width: 150px;
        width: 150px
    ;}
;}

@media (max-width: 799px) {
    .dealer-account-new .ol-left {
        margin-bottom:10px;
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
        width: 100%
    ;}
;}

.dealer-account-new .ol-left {
    word-wrap: break-word;
    white-space: unset;
    -ms-word-break: break-all;
    word-break: break-word
;}

.dealer-account-new .right {
    --tw-text-opacity: 1;
    color: rgb(29 33 41/var(--tw-text-opacity));
    font-size: 14px;
    font-weight: 600;
    max-width: 892px
;}

@media (max-width: 1199px) {
    .dealer-account-new .right {
        max-width:356px
    ;}
;}

.dealer-account-new .right {
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word
;}

.dealer-account-new .dealer-real-new .real-head ul li {
    --tw-text-opacity: 1;
    align-items: center;
    color: rgb(255 255 255/var(--tw-text-opacity));
    display: flex;
    font-size: 14px;
    justify-content: center;
    min-height: 40px;
    text-align: center;
    width: 150px
;}

@media (max-width: 1199px) {
    .dealer-account-new .dealer-real-new .real-head ul li {
        width:110px
    ;}
;}

@media (max-width: 999px) {
    .dealer-account-new .dealer-real-new .real-head ul li {
        width:80px
    ;}
;}

@media (max-width: 799px) {
    .dealer-account-new .dealer-real-new .real-head ul li {
        width:150px
    ;}

    .dealer-account-new .dealer-real-new .real-head .isChBox li {
        width: 80px
    ;}
;}

.dealer-account-new .dealer-real-new .real-list ul li {
    --tw-text-opacity: 1;
    align-items: center;
    color: rgb(29 33 41/var(--tw-text-opacity));
    display: flex;
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    line-height: 20px;
    text-align: center;
    width: 150px
;}

@media (max-width: 1199px) {
    .dealer-account-new .dealer-real-new .real-list ul li {
        width:110px
    ;}
;}

@media (max-width: 999px) {
    .dealer-account-new .dealer-real-new .real-list ul li {
        width:80px
    ;}
;}

@media (max-width: 799px) {
    .dealer-account-new .dealer-real-new .real-list ul li {
        width:150px
    ;}

    .dealer-account-new .dealer-real-new .real-list .isChBox li {
        width: 80px
    ;}
;}

.dealer-account-new .list-bg {
    align-items: center;
    display: flex;
    height: 20px;
    justify-content: center;
    width: 80px
;}

.dealer-account-new .red {
    color: #b2243c!important
;}

.dealer-account-new .green {
    color: #338066!important
;}

.soft-li[data-v-2bba5797] {
    align-items: center;
    background: #f6f7f9;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    margin-right: 8px;
    padding: 5px 6px;
    width: 232px
;}

.soft-li .mt-t-r-list-l[data-v-2bba5797] {
    color: #3d3d3d;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
;}

.soft-li .mt-t-r-list-r[data-v-2bba5797] {
    align-items: center;
    display: flex
;}

.soft-li .mt-t-r-list-r .iconfont[data-v-2bba5797] {
    font-size: 14px
;}

.soft-li .mt-t-r-list-r .icon-queren-zhengque[data-v-2bba5797] {
    color: #3d8342
;}

.soft-li .mt-t-r-list-r .icon-17cuowu[data-v-2bba5797] {
    color: #c12d32
;}

.soft-li .mt-t-r-list-r img[data-v-2bba5797] {
    height: 14px;
    margin-left: 5px
;}

.soft-li .mt-t-r-list-r .mt-t-r-list-r-text[data-v-2bba5797] {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px
;}

.soft-li[data-v-2bba5797]:nth-child(2n) {
    margin-right: 0!important
;}

html[dir=rtl] .soft-li[data-v-2bba5797] {
    margin-right: 0
;}

html[dir=rtl] .soft-li[data-v-2bba5797]:nth-child(2n) {
    margin-left: 0
;}

.dealer-mt[data-v-6d93e428] {
    align-items: center;
    background: rgba(0,0,0,.6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2090
;}

.dealer-mt .mt-mode[data-v-6d93e428] {
    background: #fff;
    border-radius: 14px;
    max-height: 900px;
    position: relative;
    width: 920px
;}

.dealer-mt .mt-mode .close[data-v-6d93e428] {
    color: #676c73;
    cursor: pointer;
    font-size: 20px;
    font-weight: 600;
    position: absolute;
    right: 20px;
    top: 12px
;}

.dealer-mt .mt-mode .mt-info[data-v-6d93e428] {
    box-sizing: border-box;
    height: 100%;
    padding: 30px 20px 30px 30px;
    width: 100%
;}

.dealer-mt .mt-mode .mt-info .mt-t[data-v-6d93e428] {
    max-height: 725px;
    min-height: 300px;
    position: relative;
    width: 100%
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-l[data-v-6d93e428] {
    float: left;
    height: 100%;
    width: 358px
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-l .mt-big-img[data-v-6d93e428] {
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: flex;
    height: 224px;
    justify-content: center;
    overflow: hidden;
    width: 100%
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-l .mt-big-img img[data-v-6d93e428] {
    border-radius: 6px;
    cursor: pointer;
    width: 100%
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-l .mt-t-list[data-v-6d93e428] {
    height: 50px;
    margin-top: 8px;
    overflow: hidden;
    position: relative
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-l .mt-t-list .mt-t-list-p[data-v-6d93e428] {
    display: flex;
    left: 0;
    position: absolute;
    top: 0;
    transition: all .5s linear;
    white-space: nowrap
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-l .mt-t-list .mt-t-list-p .mt-t-list-p-box[data-v-6d93e428] {
    align-items: center;
    border: 2px solid #fff;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    height: 50px;
    justify-content: center;
    margin-right: 8px;
    overflow: hidden;
    width: 65.2px
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-l .mt-t-list .mt-t-list-p img[data-v-6d93e428] {
    width: 100%
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-l .mt-t-list .mt-t-list-p .mt-t-list-active[data-v-6d93e428] {
    border: 2px solid #ffd733;
    border-radius: 6px
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-l .mt-t-list .mt-page[data-v-6d93e428] {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 50px;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 27px
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-l .mt-t-list .mt-page .iconfont[data-v-6d93e428] {
    color: #fff;
    font-size: 20px
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-l .mt-t-list .mt-pre[data-v-6d93e428] {
    background: linear-gradient(90deg,#000,transparent);
    left: 0
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-l .mt-t-list .mt-next[data-v-6d93e428] {
    background: linear-gradient(270deg,#000,transparent);
    right: 0
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-r[data-v-6d93e428] {
    box-sizing: border-box;
    float: right;
    padding-left: 30px;
    position: relative;
    width: 510px
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-r .mt-t-r-box[data-v-6d93e428] {
    max-height: 620px;
    overflow: auto
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-r .mt-t-title[data-v-6d93e428] {
    align-items: center;
    display: flex;
    width: calc(100% - 20px)
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-r .mt-t-title img[data-v-6d93e428] {
    border-radius: 4px;
    height: 20px;
    width: 20px
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-r .mt-t-title span[data-v-6d93e428] {
    color: #3d3d3d;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    padding-left: 6px
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-r .mt-t-p[data-v-6d93e428] {
    color: #3d3d3d;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-top: 10px;
    word-break: break-all
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-r .mt-t-r-list[data-v-6d93e428] {
    margin-top: 20px;
    position: relative
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-r .mt-t-r-list .mt-t-r-list-ul[data-v-6d93e428] {
    display: flex;
    flex-flow: wrap
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-r .mt-t-r-list .mt-t-r-list-ul li[data-v-6d93e428] {
    align-items: center;
    background: #f6f7f9;
    border-radius: 4px;
    display: flex;
    height: 28px;
    justify-content: space-between;
    margin-bottom: 8px;
    margin-right: 8px;
    padding: 0 6px;
    width: 232px
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-r .mt-t-r-list .mt-t-r-list-ul li .mt-t-r-list-l[data-v-6d93e428] {
    color: #3d3d3d;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-r .mt-t-r-list .mt-t-r-list-ul li .mt-t-r-list-r[data-v-6d93e428] {
    align-items: center;
    display: flex
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-r .mt-t-r-list .mt-t-r-list-ul li .mt-t-r-list-r .iconfont[data-v-6d93e428] {
    font-size: 14px
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-r .mt-t-r-list .mt-t-r-list-ul li .mt-t-r-list-r .icon-queren-zhengque[data-v-6d93e428] {
    color: #3d8342
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-r .mt-t-r-list .mt-t-r-list-ul li[data-v-6d93e428]:nth-child(2n) {
    margin-right: 0
;}

.dealer-mt .mt-mode .mt-info .mt-t .mt-t-r .zhang[data-v-6d93e428] {
    bottom: -70px;
    height: 92px;
    position: absolute;
    right: 20px
;}

.dealer-mt .mt-mode .mt-info .mt-b[data-v-6d93e428] {
    margin-top: 20px
;}

.dealer-mt .mt-mode .mt-info .mt-b.aitem[data-v-6d93e428] {
    align-items: center;
    display: flex
;}

.dealer-mt .mt-mode .mt-info .mt-b.aitem .mt-b-list[data-v-6d93e428] {
    flex: 1;
    margin-left: 10px;
    margin-top: 0
;}

.dealer-mt .mt-mode .mt-info .mt-b.aitem .mt-b-list .mt-b-ul[data-v-6d93e428] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
;}

.dealer-mt .mt-mode .mt-info .mt-b.aitem .mt-b-list .mt-b-ul .mt-b-ul-lt[data-v-6d93e428] {
    width: 472px
;}

.dealer-mt .mt-mode .mt-info .mt-b .mt-b-title[data-v-6d93e428] {
    color: #3d3d3d;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px
;}

.dealer-mt .mt-mode .mt-info .mt-b .mt-b-list[data-v-6d93e428] {
    display: flex;
    justify-content: space-between;
    margin-top: 14px
;}

.dealer-mt .mt-mode .mt-info .mt-b .mt-b-list .mt-b-ul[data-v-6d93e428] {
    width: 395px
;}

.dealer-mt .mt-mode .mt-info .mt-b .mt-b-list .mt-b-ul .mt-b-ul-t[data-v-6d93e428] {
    color: #a3a3a3;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.dealer-mt .mt-mode .mt-info .mt-b .mt-b-list .mt-b-ul .mt-b-ul-lt[data-v-6d93e428] {
    align-items: center;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.05);
    display: flex;
    height: 48px;
    justify-content: space-between;
    width: 100%
;}

.dealer-mt .mt-mode .mt-info .mt-b .mt-b-list .mt-b-ul .mt-b-ul-lt span[data-v-6d93e428] {
    color: #3d3d3d;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.dealer-mt .mt-mode .mt-info .mt-b .mt-b-list .mt-b-ul .mt-b-ul-lt .mt-b-ul-lt-text[data-v-6d93e428] {
    align-items: center;
    display: flex
;}

.dealer-mt .mt-mode .mt-info .mt-b .mt-b-list .mt-b-ul .mt-b-ul-lt .mt-b-ul-lt-text a[data-v-6d93e428] {
    color: #0081ff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 250px
;}

.dealer-mt .mt-mode .mt-info .mt-b .mt-b-list .mt-b-ul .mt-b-ul-lt .mt-b-ul-lt-text span[data-v-6d93e428] {
    color: #0081ff;
    cursor: pointer;
    margin-left: 6px
;}

.dealer-mt .mt-mode .mt45[data-v-6d93e428] {
    box-sizing: border-box;
    display: flex;
    height: 100%;
    padding: 30px 30px 0;
    width: 100%
;}

.dealer-mt .mt-mode .mt45 .mt45-l[data-v-6d93e428],.dealer-mt .mt-mode .mt45 .mt45-r[data-v-6d93e428] {
    flex: 1
;}

.dealer-mt .mt-mode .mt45 .mt45-l[data-v-6d93e428] {
    margin-right: 30px;
    position: relative
;}

.dealer-mt .mt-mode .mt45 .mt45-l .mt45-l-title[data-v-6d93e428] {
    align-items: center;
    display: flex
;}

.dealer-mt .mt-mode .mt45 .mt45-l .mt45-l-title img[data-v-6d93e428] {
    height: 20px;
    width: 20px
;}

.dealer-mt .mt-mode .mt45 .mt45-l .mt45-l-title span[data-v-6d93e428] {
    color: #3d3d3d;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    margin-left: 6px
;}

.dealer-mt .mt-mode .mt45 .mt45-l .mt45-l-des[data-v-6d93e428] {
    color: #3d3d3d;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-top: 14px
;}

.dealer-mt .mt-mode .mt45 .mt45-l .mt45-l-list[data-v-6d93e428] {
    margin-top: 14px;
    position: relative
;}

.dealer-mt .mt-mode .mt45 .mt45-l .mt45-l-list .mt-t-r-list-ul[data-v-6d93e428] {
    display: flex;
    flex-flow: wrap
;}

.dealer-mt .mt-mode .mt45 .mt45-l .zhang[data-v-6d93e428] {
    height: 92px;
    position: absolute;
    right: 20px;
    top: 5px
;}

.dealer-mt .mt-mode .mt45 .mt45-r[data-v-6d93e428] {
    display: flex;
    flex-direction: column
;}

.dealer-mt .mt-mode .mt45 .mt45-r .mt45-r-title[data-v-6d93e428] {
    color: #3d3d3d;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px
;}

.dealer-mt .mt-mode .mt45 .mt45-r .mt45-info-box[data-v-6d93e428] {
    flex: 1;
    max-height: 540px;
    overflow: auto
;}

.dealer-mt .mt-mode .mt45 .mt45-r .mt45-info-box .mt45-info[data-v-6d93e428] {
    margin-top: 14px
;}

.dealer-mt .mt-mode .mt45 .mt45-r .mt45-info-box .mt45-info .mt45-info-title[data-v-6d93e428] {
    color: #a3a3a3;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.dealer-mt .mt-mode .mt45 .mt45-r .mt45-info-box .mt45-info .mt45-info-a[data-v-6d93e428] {
    align-items: center;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.05);
    display: flex;
    height: 48px;
    justify-content: space-between
;}

.dealer-mt .mt-mode .mt45 .mt45-r .mt45-info-box .mt45-info .mt45-info-a .mt45-info-a-l[data-v-6d93e428] {
    color: #3d3d3d;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.dealer-mt .mt-mode .mt45 .mt45-r .mt45-info-box .mt45-info .mt45-info-a .iconfont[data-v-6d93e428] {
    cursor: pointer
;}

.dealer-mt .mt-mode .mt45 .mt45-r .mt45-info-box .mt45-info .mt45-info-a .mt45-info-a-link[data-v-6d93e428] {
    align-items: center;
    display: flex
;}

.dealer-mt .mt-mode .mt45 .mt45-r .mt45-info-box .mt45-info .mt45-info-a .mt45-info-a-link a[data-v-6d93e428] {
    color: #0081ff;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-mt .mt-mode .mt45 .mt45-r .mt45-info-box .mt45-info .mt45-info-a .mt45-info-a-link .icon-fuzhi[data-v-6d93e428] {
    color: #0081ff;
    margin-left: 10px
;}

.dealer-mt .mt-wap[data-v-6d93e428] {
    background: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
;}

.dealer-mt .mt-wap .mt-wap-head[data-v-6d93e428] {
    align-items: center;
    display: flex;
    height: 45px;
    padding: 0 18px
;}

.dealer-mt .mt-wap .mt-wap-head .mt-wap-head-text[data-v-6d93e428] {
    color: #3d3d3d;
    flex: 1;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    text-align: center
;}

.dealer-mt .mt-wap .mt-wap-info-box[data-v-6d93e428] {
    flex: 1;
    overflow: auto;
    padding-bottom: 20px
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info[data-v-6d93e428] {
    margin-top: 15px;
    padding: 0 20px
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-banner[data-v-6d93e428] {
    background: #868a8d;
    border-radius: 12px;
    height: 180px;
    overflow: hidden;
    width: 100%
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-banner .mt-wap-banner-img[data-v-6d93e428] {
    align-items: center;
    border-radius: 12px;
    display: flex;
    height: 180px;
    justify-content: center;
    overflow: hidden
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-banner .mt-wap-banner-img img[data-v-6d93e428] {
    max-height: 100%;
    max-width: 100%
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-title[data-v-6d93e428] {
    align-items: center;
    display: flex;
    margin-top: 22px
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-title img[data-v-6d93e428] {
    height: 18px;
    width: 18px
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-title span[data-v-6d93e428] {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    margin-left: 6px
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-p[data-v-6d93e428] {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-top: 16px
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-list[data-v-6d93e428] {
    margin-top: 16px;
    position: relative
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-list .mt-t-r-list-ul[data-v-6d93e428] {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-list .mt-t-r-list-ul .soft-li[data-v-6d93e428] {
    margin-right: 0!important;
    width: 49%!important
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-list .zhang[data-v-6d93e428] {
    bottom: -70px;
    height: 92px;
    position: absolute;
    right: 0
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-down[data-v-6d93e428] {
    background: #f7f8fa;
    border-radius: 4px;
    margin-top: 18px
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-down .mt-wap-down-list[data-v-6d93e428] {
    padding: 12px
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-down .mt-wap-down-list h4[data-v-6d93e428] {
    color: #a3a3a3;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-down .mt-wap-down-list ul .mt-wap-down-ul[data-v-6d93e428] {
    align-items: center;
    display: flex;
    height: 20px;
    justify-content: space-between;
    margin-top: 8px
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-down .mt-wap-down-list ul .mt-wap-down-ul .mt-wap-down-label[data-v-6d93e428] {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-down .mt-wap-down-list ul .mt-wap-down-ul .icon-arrow-right[data-v-6d93e428] {
    color: #a3a3a3!important
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-down .mt-wap-down-list ul .mt-wap-down-ul .mt-wap-down-ul-text[data-v-6d93e428] {
    align-items: center;
    color: #0081ff;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-down .mt-wap-down-list ul .mt-wap-down-ul .mt-wap-down-ul-text a[data-v-6d93e428] {
    color: #0081ff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px
;}

.dealer-mt .mt-wap .mt-wap-info-box .mt-wap-info .mt-wap-down .mt-wap-down-list ul .mt-wap-down-ul .mt-wap-down-ul-text .iconfont[data-v-6d93e428] {
    color: #0081ff;
    margin-left: 6px
;}

.dealer-mt .mt-wap .mt-wap-info-box .hr[data-v-6d93e428] {
    background: #f8f8fa;
    height: 8px;
    margin-top: 10px
;}

.dealer-mt .mt45-l-label[data-v-6d93e428] {
    display: flex;
    margin-top: 21px
;}

.dealer-mt .mt45-l-label .mt45-l-label-l[data-v-6d93e428] {
    align-items: center;
    background: rgba(17,170,102,.1);
    border-radius: 4px;
    display: flex;
    height: 28px;
    padding: 0 8px
;}

.dealer-mt .mt45-l-label .mt45-l-label-l .iconfont[data-v-6d93e428] {
    align-items: center;
    background: #1a6;
    border-radius: 8px;
    color: #fff;
    display: flex;
    font-size: 10px;
    height: 16px;
    justify-content: center;
    width: 16px
;}

.dealer-mt .mt45-l-label .mt45-l-label-l .iconfont-text[data-v-6d93e428] {
    color: #1a6;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    padding-left: 6px
;}

.dealer-mt .mt45-ece2 .mt45-ece2-ul[data-v-6d93e428] {
    margin-top: 14px
;}

.dealer-mt .mt45-ece2 .mt45-ece2-ul .mt45-ece2-y[data-v-6d93e428] {
    align-items: center;
    background: #fafafa;
    cursor: pointer;
    display: flex;
    height: 28px;
    justify-content: space-between;
    padding: 0 8px
;}

.dealer-mt .mt45-ece2 .mt45-ece2-ul .mt45-ece2-y .mt45-ece2-y-l[data-v-6d93e428] {
    align-items: center;
    display: flex
;}

.dealer-mt .mt45-ece2 .mt45-ece2-ul .mt45-ece2-y .mt45-ece2-y-l img[data-v-6d93e428] {
    height: 12px
;}

.dealer-mt .mt45-ece2 .mt45-ece2-ul .mt45-ece2-y .mt45-ece2-y-l .mt45-ece2-y-l-text[data-v-6d93e428] {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding-left: 8px
;}

.dealer-mt .mt45-ece2 .mt45-ece2-ul .mt45-ece2-y .mt45-ece2-y-l .iconfont[data-v-6d93e428] {
    color: #2e5299
;}

.dealer-mt .mt45-ece2 .mt45-ece2-ul .mt45-ece2-y .mt45-ece2-y-r span[data-v-6d93e428] {
    display: flex;
    transition: all .5s
;}

.dealer-mt .mt45-ece2 .mt45-ece2-ul .mt45-ece2-more[data-v-6d93e428] {
    padding: 0 8px
;}

.dealer-mt .mt45-ece2 .mt45-ece2-ul .mt45-ece2-more ul li[data-v-6d93e428] {
    align-items: center;
    display: flex;
    height: 28px;
    justify-content: space-between;
    margin-top: 10px
;}

.dealer-mt .mt45-ece2 .mt45-ece2-ul .mt45-ece2-more ul li .mt45-ece2-more-ip[data-v-6d93e428] {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.dealer-mt .mt45-ece2 .mt45-ece2-ul .mt45-ece2-more ul li .mt45-ece2-more-r[data-v-6d93e428] {
    align-items: center;
    display: flex
;}

.dealer-mt .mt45-ece2 .mt45-ece2-ul .mt45-ece2-more ul li .mt45-ece2-more-r img[data-v-6d93e428] {
    height: 14px
;}

.dealer-mt .mt45-ece2 .mt45-ece2-ul .mt45-ece2-more ul li .mt45-ece2-more-r span[data-v-6d93e428] {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding-left: 5px
;}

.dealer-mt .soft-big-img[data-v-6d93e428] {
    align-items: center;
    background: rgba(0,0,0,.6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
;}

.dealer-mt .soft-big-img img[data-v-6d93e428] {
    max-height: 100%;
    max-width: 100%
;}

.dealer-mt .soft-big-img .icon-guanbi2[data-v-6d93e428] {
    color: #fff;
    cursor: pointer;
    font-size: 24px;
    position: fixed;
    right: 30px;
    top: 30px
;}

@media screen and (max-width: 999px) {
    .dealer-mt .mt-mode[data-v-6d93e428] {
        width:700px
    ;}

    .dealer-mt .mt-mode .mt-info .mt-t .mt-t-l[data-v-6d93e428] {
        width: 285px
    ;}

    .dealer-mt .mt-mode .mt-info .mt-t .mt-t-r[data-v-6d93e428] {
        width: 360px
    ;}

    .dealer-mt .mt-mode .mt-info .mt-t .mt-t-r .mt-t-r-list .mt-t-r-list-ul .soft-li[data-v-6d93e428] {
        width: 158px!important
    ;}

    .dealer-mt .mt-mode .mt-info .mt-b .mt-b-list .mt-b-ul[data-v-6d93e428] {
        width: 285px
    ;}

    .dealer-mt .mt-mode .mt-info .mt-b .mt-b-list .mt-b-ul .mt-b-ul-lt .mt-b-ul-lt-text a[data-v-6d93e428] {
        width: 200px
    ;}

    .dealer-mt .mt-mode .mt45 .mt45-l .mt45-l-list .mt-t-r-list-ul .soft-li[data-v-6d93e428] {
        width: 148.5px!important
    ;}

    .dealer-mt .mt-mode .mt45 .mt45-r .mt45-info .mt45-info-a .mt45-info-a-link a[data-v-6d93e428] {
        max-width: 200px!important
    ;}
;}

html[dir=rtl] .dealer-mt .mt-mode .mt-info .mt-t .mt-t-r .mt-t-title[data-v-6d93e428] {
    padding-right: 8px
;}

html[dir=rtl] .dealer-mt .mt-mode .mt-info .mt-t .mt-t-r .mt-t-title span[data-v-6d93e428] {
    padding-right: 6px
;}

html[dir=rtl] .dealer-mt .mt-t-r-list-r img[data-v-6d93e428] {
    padding-left: 0
;}

html[dir=rtl] .dealer-mt .mt-mode .close[data-v-6d93e428] {
    left: 20px;
    right: auto
;}

html[dir=rtl] .dealer-mt .mt-mode .mt45 .mt45-l[data-v-6d93e428] {
    margin-left: 30px;
    margin-right: 0
;}

html[dir=rtl] .dealer-mt .mt-mode .mt45 .mt45-r .mt45-info-box .mt45-info .mt45-ece2 .mt45-ece2-ul .mt45-ece2-y .mt45-ece2-y-l .mt45-ece2-y-l-text[data-v-6d93e428] {
    padding-left: 0;
    padding-right: 8px
;}

html[dir=rtl] .dealer-mt .mt-wap-head .icon-arrow-left[data-v-6d93e428] {
    transform: rotate(180deg)!important
;}

.mt-wap-banner .el-carousel__indicators {
    background: rgba(0,0,0,.5);
    border-radius: 6px;
    height: 12px;
    padding: 0 8px;
    position: absolute!important
;}

.mt-wap-banner .el-carousel__indicators .el-carousel__indicator--horizontal {
    margin-right: 4px;
    padding: 0
;}

.mt-wap-banner .el-carousel__button {
    border-radius: 3px;
    height: 6px;
    width: 6px
;}

.mt-wap-banner .el-carousel__indicators {
    align-items: center;
    display: flex
;}

.mt-wap-banner .is-active .el-carousel__button {
    border-radius: 4px;
    height: 8px;
    width: 8px
;}

.mt-wap-banner .el-carousel__indicators--horizontal {
    bottom: 10px;
    transform: translateX(-50%)!important
;}

.soft-big-img[data-v-34ea684a] {
    align-items: center;
    background: rgba(0,0,0,.6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
;}

.soft-big-img .big-img-box[data-v-34ea684a] {
    position: relative
;}

.soft-big-img img[data-v-34ea684a] {
    max-height: 100%;
    width: 1200px
;}

.soft-big-img .icon-guanbi2[data-v-34ea684a] {
    color: #fff;
    cursor: pointer;
    font-size: 24px;
    position: absolute;
    right: 20px;
    top: 20px
;}

@media screen and (max-width: 1199px) {
    .soft-big-img img[data-v-34ea684a] {
        max-height:100%;
        width: 940px
    ;}
;}

@media screen and (max-width: 999px) {
    .soft-big-img img[data-v-34ea684a] {
        max-height:100%;
        width: 760px
    ;}
;}

.counry-popover {
    margin-top: 5px!important
;}

.sd-download {
    width: 100%
;}

.sd-download .sd-download-box {
    display: none;
    flex-flow: wrap;
    width: 100%
;}

.sd-download .sd-list {
    background: #fafafa;
    border-radius: 8px;
    cursor: pointer;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 0 14px;
    width: 100%
;}

.sd-download .sd-list,.sd-download .sd-list .sd-l {
    align-items: center;
    display: flex
;}

.sd-download .sd-list .sd-l .sd-logo {
    height: 30px;
    margin-right: 8px
;}

.sd-download .sd-list .sd-l .sd-info {
    display: flex;
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.sd-download .sd-list .sd-l .sd-title {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    margin-right: 8px;
    max-width: 145px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.sd-download .sd-list .sd-l .sd-label:last-child {
    margin-right: 0
;}

.sd-download .sd-list .sd-r {
    align-items: center;
    display: flex
;}

.sd-download .sd-list .sd-r .iconfont {
    color: #868a8d;
    font-size: 18px;
    margin-right: 6px
;}

.sd-download .sd-list .sd-r .icon-changyong_gengduo {
    color: #a3a3a3;
    font-size: 12px
;}

.sd-download .sd-list .sd-r img {
    height: 18px;
    margin-right: 6px
;}

.sd-download .sd-list:hover {
    background: rgba(0,0,0,.05)
;}

.sd-download .sd-list-any .sd-l {
    flex-direction: column
;}

.sd-download .sd-list-any .sd-l .sd-logo {
    height: 38px;
    margin-bottom: 8px
;}

.sd-download .sd-list-any .sd-l .sd-info {
    flex-direction: column
;}

.sd-download .sd-list-any .sd-l .sd-label-box,.sd-download .sd-list-any .sd-l .sd-title {
    margin-bottom: 10px
;}

.sd-download .sd-list-any .sd-l .sd-label-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
;}

.sd-download .sd-list-any:nth-child(4n) {
    margin-right: 0
;}

.sd-download .sd-tab {
    width: 100%
;}

.sd-download .sd-tab .sd-tab-box .sd-tab-position {
    transition: all .5s linear
;}

.sd-download .sd-tab .sd-tab-box .sd-tab-position .sd-list {
    margin-right: 11px;
    width: 162px
;}

.sd-download .sd-tab .sd-tab-box .sd-tab-position .sd-list:nth-child(4n) {
    margin-right: 11px
;}

.sd-download .sd-tab .sd-tab-box .next,.sd-download .sd-tab .sd-tab-box .pre {
    align-items: center;
    background: #fafafa;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    height: 162px;
    justify-content: center;
    position: absolute;
    top: 0;
    transform: matrix(-1,0,0,1,0,0);
    width: 26px
;}

.sd-download .sd-tab .sd-tab-box .sfactive:hover {
    background: #999
;}

.sd-download .sd-tab .sd-tab-box .sfactive:hover span {
    color: #fff
;}

.sd-download .sd-tab .sd-tab-box .pre {
    left: 0
;}

.sd-download .sd-tab .sd-tab-box .next {
    right: 0
;}

.sd-download .sd_flex {
    display: flex
;}

.scroll_wrapper::-webkit-scrollbar {
    display: none
;}

.software-module .el-table {
    max-height: 518px;
    overflow: auto;
    padding-right: 10px
;}

.software-module .el-table:before {
    height: 0!important
;}

.software-module .el-table__body-wrapper {
    margin-top: 6px
;}

.software-module .el-table th.el-table__cell>.cell {
    color: #fff!important
;}

.software-module .el-table--border .el-table__cell:first-child .cell {
    font-size: 14px
;}

.software-module .el-table--border {
    border: none!important
;}

.software-module .el-table--border:after,.software-module .el-table--group:after {
    width: 0!important
;}

.software-module .el-dialog__header {
    padding: 0
;}

.software-module .el-dialog__body {
    overflow: hidden;
    padding: 32px 22px 32px 32px
;}

.software-module .el-table__header-wrapper tr,.software-module .only-outer-border .el-table__row {
    border-bottom: 1px solid #dfe6ec
;}

.software-module .el-table__header-wrapper tr:hover>td,.software-module .only-outer-border .el-table__row:hover>td {
    background-color: transparent!important
;}

.software-module .only-outer-border .el-table__row:nth-child(odd) {
    background: #fafafa
;}

.software-module .only-outer-border .el-table__header-wrapper tr,.software-module .only-outer-border .el-table__row:last-child {
    border-bottom: none
;}

.software-module .el-table__header th,.software-module .only-outer-border .el-table__body td {
    border-bottom: none;
    border-right: none;
    padding-left: 26px!important
;}

.software-module .el-table__header th:last-child,.software-module .only-outer-border .el-table__body td:last-child {
    padding-right: 15px
;}

@media screen and (max-width: 799px) {
    .software-module .el-table__header th,.software-module .only-outer-border .el-table__body td {
        padding-left:10px!important
    ;}
;}

.software-module .el-table__header th:first-child,.software-module .only-outer-border .el-table__body td:first-child {
    border-left: none
;}

.software-module .only-outer-border {
    max-height: 310px;
    overflow-y: auto
;}

.software-module .el-table thead {
    color: #a3a3a3;
    font-size: 14px
;}

.software-module .el-table th.el-table__cell.is-leaf {
    border-bottom: none
;}

.software-module thead tr th {
    background: #1d2129!important
;}

html[dir=rtl] .software-module .el-dialog__body {
    padding: 32px 32px 32px 22px
;}

html[dir=rtl] .software-module .el-table {
    padding-left: 10px;
    padding-right: 0
;}

html[dir=rtl] .software-module .el-table th.el-table__cell>.cell,html[dir=rtl] .software-module .el-table--border .el-table__cell:first-child .cell {
    text-align: right
;}

html[dir=rtl] .software-module .el-table__body td,html[dir=rtl] .software-module .el-table__header th {
    border-bottom: none;
    border-right: none;
    padding-left: 0!important;
    padding-right: 26px
;}

html[dir=rtl] .software-module .el-table__body td:last-child,html[dir=rtl] .software-module .el-table__header th:last-child {
    padding-left: 15px;
    padding-right: 0
;}

html[dir=rtl] .software-module .el-table__body td:nth-child(3n),html[dir=rtl] .software-module .el-table__header th:nth-child(3n) {
    padding-left: 15px!important;
    padding-right: 0!important
;}

html[dir=rtl] .software-module .el-table__header th.el-table_1_column_3 {
    padding-left: 15px!important;
    padding-right: 0
;}

html[dir=rtl] .software-module .el-table_1_column_3 {
    padding-left: 15px!important;
    padding-right: 0!important
;}

.dealer-transaction-new {
    background: #fff;
    box-sizing: border-box;
    padding: 24px 40px
;}

@media (max-width: 799px) {
    .dealer-transaction-new {
        padding:20px 16px
    ;}
;}

.dealer-transaction-new .home-tab ul .wiki-nav-item {
    font-size: 24px;
    line-height: 34px
;}

@media (max-width: 799px) {
    .dealer-transaction-new .home-tab ul .wiki-nav-item {
        font-size:20px
    ;}
;}

.dealer-transaction-new .home-tab ul .home-tab-active {
    color: #292929;
    font-weight: 600;
    transform: scale(1.01)
;}

.dealer-transaction-new .transaction {
    display: flex;
    height: 452px;
    margin-top: 24px
;}

@media (max-width: 799px) {
    .dealer-transaction-new .transaction {
        flex-direction:column;
        height: 100%
    ;}
;}

.dealer-transaction-new .transaction .transaction-l {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 20px
;}

@media (max-width: 799px) {
    .dealer-transaction-new .transaction .transaction-l {
        margin-left:0;
        margin-right: 0
    ;}
;}

.dealer-transaction-new .transaction .transaction-l .transaction-l-t {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 20px
;}

.dealer-transaction-new .transaction .transaction-l .transaction-jyhy,.dealer-transaction-new .transaction .transaction-l .transaction-jyss {
    height: 186px;
    width: 100%
;}

@media (max-width: 1199px) {
    .dealer-transaction-new .transaction .transaction-l .transaction-jyhy,.dealer-transaction-new .transaction .transaction-l .transaction-jyss {
        width:606px
    ;}
;}

@media (max-width: 999px) {
    .dealer-transaction-new .transaction .transaction-l .transaction-jyhy,.dealer-transaction-new .transaction .transaction-l .transaction-jyss {
        width:426px
    ;}
;}

@media (max-width: 799px) {
    .dealer-transaction-new .transaction .transaction-l .transaction-jyhy,.dealer-transaction-new .transaction .transaction-l .transaction-jyss {
        width:100%
    ;}
;}

.dealer-transaction-new .transaction .transaction-r {
    border-radius: 0;
    display: flex;
    overflow: hidden;
    width: 234px
;}

@media (max-width: 799px) {
    .dealer-transaction-new .transaction .transaction-r {
        border-radius:0;
        margin-top: 30px;
        width: 100%
    ;}
;}

.dealer-transaction-new .transaction .transaction-r {
    background: #fafafa;
    box-sizing: border-box;
    flex-direction: column;
    padding: 20px
;}

.dealer-transaction-new .transaction .transaction-r .transaction-bcl {
    width: 100%
;}

.dealer-transaction-new .transaction .transaction-r .transaction-bcl .bcl-title {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
;}

.dealer-transaction-new .transaction .transaction-r .transaction-bcl .bcl-title .bcl-title-1 {
    color: rgba(61,61,61,.5);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.dealer-transaction-new .transaction .transaction-r .transaction-bcl .bcl-title .bcl-title-2 {
    color: #3d3d3d;
    font-family: DIN-Medium;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 31px;
    margin-top: 10px
;}

.dealer-transaction-new .transaction .transaction-r .transaction-bcl .bcl-echart {
    height: 100px;
    margin-top: 10px
;}

.dealer-transaction-new .transaction .transaction-r .transaction-pzfb {
    display: flex;
    flex-direction: column;
    height: 220.33px;
    margin-top: 20px;
    width: 100%
;}

.dealer-transaction-new .transaction .transaction-r .transaction-pzfb .pzfb-title {
    color: rgba(61,61,61,.5);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    text-align: center;
    width: 100%
;}

.dealer-transaction-new .transaction .transaction-r .transaction-pzfb .pzfb-b {
    flex: 1
;}

.dealer-transaction-new .transaction .transaction-r-hyd {
    border-radius: 8px;
    width: 234px
;}

@media (max-width: 799px) {
    .dealer-transaction-new .transaction .transaction-r-hyd {
        border-radius:0;
        margin-top: 30px;
        width: 100%
    ;}
;}

.dealer-transaction-new .transaction .transaction-r-hyd {
    background: #fafafa;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 22px 27px
;}

.dealer-transaction-new .transaction .transaction-r-hyd .hyd-r-head {
    border-bottom: 1px solid rgba(0,0,0,.04);
    padding-bottom: 20px
;}

.dealer-transaction-new .transaction .transaction-r-hyd .hyd-r-head-t {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.dealer-transaction-new .transaction .transaction-r-hyd .hyd-r-foot {
    padding-top: 20px
;}

.dealer-transaction-new .transaction .transaction-r-hyd .hyd-r-head-label {
    color: #a3a3a3;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 26px
;}

.dealer-transaction-new .transaction .transaction-r-hyd .hyd-r-head-p {
    color: #3d3d3d;
    font-family: DIN-Medium;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    margin-top: 4px
;}

.dealer-transaction-new .transaction .transaction-r-hyd .biaozhu {
    color: #a3a3a3;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-top: 20px;
    text-align: right
;}

.dealer-transaction-new .transaction table thead tr th {
    font-size: 14px;
    font-weight: 400;
    padding: 10px;
    text-align: center
;}

.dealer-transaction-new .transaction table tbody tr td {
    --tw-text-opacity: 1;
    color: rgb(29 33 41/var(--tw-text-opacity));
    font-size: 14px;
    padding: 12px 10px;
    text-align: center
;}

html[dir=rtl] .dealer-transaction-new .transaction .transaction-l {
    margin-left: 20px;
    margin-right: 0
;}

.dealer-transaction-new .ea-tab li {
    color: #a3a3a3!important
;}

@media (max-width: 799px) {
    .dealer-transaction-new .ea-tab li {
        font-size:20px
    ;}
;}

.dealer-transaction-new .ea-tab .home-tab-active {
    color: #000!important
;}

.line-charts {
    height: 100%;
    width: 100%
;}

.line-charts .line-chart-pop {
    color: #fff
;}

.line-charts .line-chart-pop .item-date {
    font-family: DIN-Medium;
    font-size: 12px
;}

.line-charts .line-chart-pop .item-value {
    align-items: center;
    display: flex;
    font-family: DIN-Medium;
    font-size: 12px;
    justify-content: space-between;
    padding-left: 0;
    position: relative
;}

.line-charts .line-chart-pop .item-value .span {
    font-weight: 600;
    margin-left: 10px
;}

.line-charts .line-chart-pop .item-value .cicle {
    background-color: #5c8ae5;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 8px;
    margin-left: 5px;
    width: 8px
;}

.line-charts .line-chart-pop .item-value:last-child:before {
    background-color: #f5bc49
;}

.spot-charts {
    height: 100%;
    width: 100%
;}

.spot-charts .tooltip-box .item {
    font-family: DIN-Medium;
    font-size: 12px;
    position: relative
;}

.spot-charts .tooltip-box .item1 {
    font-size: 12px;
    padding-left: 18px
;}

.spot-charts .tooltip-box .item1:before {
    background-color: #5c8ae5;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 8px;
    left: 3px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 8px
;}

.spot-charts .tooltip-box .item1 span {
    font-family: DIN-Medium
;}

.spot-charts .tooltip-box .item1:last-child:before {
    background-color: #f5bc49
;}

.dealer-environment-new {
    padding: 24px 40px
;}

@media (max-width: 799px) {
    .dealer-environment-new {
        padding:20px 16px
    ;}
;}

.dealer-environment-new {
    background: #fff
;}

.dealer-environment-new .environment-tlt {
    color: #292929;
    font-size: 24px;
    font-weight: 600;
    height: 34px;
    line-height: 1em
;}

.dealer-environment-new .env-warp {
    grid-gap: 30px;
    gap: 30px;
    margin-top: 24px;
    width: 100%
;}

.dealer-environment-new .env-warp .home-tab {
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.05)
;}

.dealer-environment-new .env-warp .home-tab ul h3 {
    color: #a3a3a3;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0;
    white-space: nowrap
;}

.dealer-environment-new .env-warp .home-tab ul .home-tab-active {
    border-bottom: 1px solid #3d3d3d;
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 600;
    transform: scale(1.01)
;}

.dealer-environment-new .env-warp .speed-charts {
    height: 225px;
    width: 100%
;}

.dealer-environment-new .env-warp .speed-info {
    display: grid;
    gap: 10px;
    width: 100%
;}

.dealer-environment-new .env-warp .speed-info .info-item {
    padding-bottom: 12px;
    padding-top: 12px
;}

.dealer-environment-new .env-warp .speed-info .item-tlt {
    word-wrap: break-word;
    color: #a3a3a3;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    -ms-word-break: break-all;
    word-break: break-word
;}

.dealer-environment-new .env-warp .speed-info .item-ctx {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    font-family: DIN-Medium;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin-top: 4px
;}

.dealer-environment-new .env-warp .speed-info .item-ctx span {
    background: rgba(53,179,137,.05);
    border: 1px solid #35b389;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-left: 10px;
    padding: 0 6px
;}

.dealer-environment-new .env-warp .slippage-info {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2,minmax(0,1fr));
    width: 100%
;}

.dealer-environment-new .env-warp .slippage-info .info-item {
    padding: 12px
;}

.dealer-environment-new .env-warp .slippage-info .item-tlt {
    word-wrap: break-word;
    color: #a3a3a3;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    -ms-word-break: break-all;
    word-break: break-word
;}

.dealer-environment-new .env-warp .slippage-info .item-ctx {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    font-family: DIN-Medium;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin-top: 4px
;}

.dealer-environment-new .env-warp .slippage-info .item-ctx span {
    background: rgba(53,179,137,.05);
    border: 1px solid #35b389;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-left: 10px;
    padding: 0 6px
;}

.dealer-environment-new .warp-left {
    flex: 1;
    width: calc(100% - 374px)
;}

.dealer-environment-new .warp-left .cost-pane,.dealer-environment-new .warp-left .offline-pane,.dealer-environment-new .warp-left .overnight-pane,.dealer-environment-new .warp-left .slippage-pane,.dealer-environment-new .warp-left .speed-pane {
    display: none
;}

.dealer-environment-new .warp-left .pane-block {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 400px
;}

.dealer-environment-new .warp-right {
    background: #fafafa;
    height: 100%;
    margin-left: 30px;
    padding: 20px;
    width: 234px
;}

@media (max-width: 799px) {
    .dealer-environment-new .warp-right {
        margin-left:0;
        margin-right: 0;
        margin-top: 30px;
        width: 100%
    ;}
;}

.dealer-environment-new .warp-right:where([dir=rtl],[dir=rtl] *) {
    margin-left: 0;
    margin-right: 30px
;}

@media (max-width: 799px) {
    .dealer-environment-new .warp-right:where([dir=rtl],[dir=rtl] *) {
        margin-left:0;
        margin-right: 0
    ;}
;}

.dealer-environment-new .warp-right .gauge-charts {
    height: 176px;
    margin: 0 auto;
    width: 188px
;}

.dealer-environment-new .warp-right .gauge-rank {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    line-height: 20px;
    margin-top: -20px
;}

.dealer-environment-new .warp-right .gauge-rank span {
    font-family: DIN;
    font-size: 14px
;}

.dealer-environment-new .warp-right .gauge-rank span i {
    color: #f5ca5d;
    font-family: DIN-Medium;
    font-size: 20px;
    font-style: normal;
    line-height: 24px
;}

.dealer-environment-new .warp-right .right-line {
    background: rgba(0,0,0,.04);
    height: 1px;
    margin: 10px 0;
    width: 100%
;}

.dealer-environment-new .warp-right .r-info-item {
    color: #a3a3a3;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 10px
;}

.dealer-environment-new .warp-right .r-info-item:first-child {
    margin-top: 0
;}

.dealer-environment-new .warp-right .r-info-item span {
    color: #3d3d3d;
    display: block;
    font-family: DIN-Medium;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin-top: 4px
;}

.dealer-environment-new .env-data {
    align-items: center;
    color: #ccc;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 400;
    justify-content: space-between;
    line-height: 17px;
    margin-top: 24px
;}

.dealer-environment-new .env-data .env-data_l {
    align-items: center;
    display: flex
;}

.dealer-environment-new .env-data .env-data_l img {
    height: 15px;
    width: 14px
;}

.dealer-environment-new .env-data .data-time {
    color: #a3a3a3;
    display: flex;
    font-size: 12px;
    line-height: 17px;
    text-align: right
;}

.dealer-environment-new .env-data .data-time span {
    display: flex
;}

.dealer-environment-new .env-data img {
    margin: 0 6px
;}

.dealer-environment-new .env-data .span {
    color: #3685ff
;}

.dealer-environment-new .line-chart-pop .item-date {
    font-family: DIN-Medium;
    font-size: 12px
;}

.dealer-environment-new .line-chart-pop .item-value {
    display: flex;
    font-family: DDIN-MediumIN;
    font-size: 12px;
    justify-content: space-between
;}

.dealer-environment-new .line-chart-pop .item-value span {
    font-family: DIN-Medium;
    font-weight: 600;
    margin-left: 10px
;}

.dealer-environment-new .trend-item {
    position: relative;
    width: 100%
;}

.dealer-environment-new .trend-item .trend-info {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    font-family: DIN-Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px;
    position: absolute;
    right: 0;
    top: 10px
;}

.dealer-environment-new .trend-item .trend-info span {
    background: rgba(53,179,137,.05);
    border: 1px solid #35b389;
    border-radius: 4px;
    color: #35b389;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-left: 10px;
    padding: 0 6px
;}

.dealer-environment-new .trend-item .trend-info span:where([dir=rtl],[dir=rtl] *) {
    margin-left: 0;
    margin-right: 10px
;}

@media screen and (max-width: 799px) {
    .dealer-environment-new .dealer-environment {
        padding:20px 12px
    ;}

    .dealer-environment-new .env-warp {
        display: flex;
        flex-direction: column
    ;}

    .dealer-environment-new .warp-left {
        width: 100%
    ;}

    .dealer-environment-new .environment-tlt {
        word-wrap: break-word;
        font-size: 20px;
        -ms-word-break: break-all;
        word-break: break-word
    ;}
;}

.dealer-environment-new .item-ctx {
    direction: ltr
;}

.dealer-environment-new .item-ctx:where([dir=rtl],[dir=rtl] *) {
    justify-content: flex-end
;}

.dealer-environment-new .item-ctx span:where([dir=rtl],[dir=rtl] *) {
    margin-left: 10px;
    margin-right: 0
;}

.label-common .trader-list-add {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 14px;
    padding-right: 12px;
    position: relative
;}

.label-common .trader-list-add .list-add-label {
    border: .5px solid #e5e6eb;
    border-radius: 2px;
    color: #86909c;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-bottom: 4px;
    margin-right: 4px;
    min-height: 19px;
    padding: 0 4px
;}

.label-common .trader-list-add .iconfont {
    color: #c9cdd4;
    cursor: pointer;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 4px
;}

.label-common .trader-list-add .iconfont:hover {
    opacity: .6
;}

.label-common .trader-list-add .iconfontup {
    transform: rotate(180deg)
;}

.labelmore {
    height: 20px;
    overflow: hidden
;}

html[dir=rtl] .label-common .trader-list-add .list-add-label {
    margin-left: 4px;
    margin-right: 0
;}

html[dir=rtl] .label-common .trader-list-add {
    padding-left: 12px;
    padding-right: 0
;}

html[dir=rtl] .label-common .trader-list-add .iconfont {
    left: 0;
    right: unset
;}

.dealer-primary-jaf-new {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding: 24px 40px
;}

.dealer-primary-jaf-new .primary-tit {
    word-wrap: break-word;
    color: #292929;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    -ms-word-break: break-all;
    word-break: break-word
;}

.dealer-primary-jaf-new .primary-list {
    margin-top: 24px;
    position: relative;
    width: 100%
;}

.dealer-primary-jaf-new .primary-list .more-left,.dealer-primary-jaf-new .primary-list .more-right {
    align-items: center;
    background: rgba(61,61,61,.2);
    cursor: pointer;
    display: flex;
    height: 46px;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
;}

.dealer-primary-jaf-new .primary-list .more-left .iconfont,.dealer-primary-jaf-new .primary-list .more-right .iconfont {
    color: #fff;
    font-size: 14px
;}

.dealer-primary-jaf-new .primary-list .more-left {
    left: 0
;}

.dealer-primary-jaf-new .primary-list .more-right {
    right: 0
;}

.dealer-primary-jaf-new .primary-list .list-c {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(4,minmax(0,1fr));
    white-space: nowrap
;}

.dealer-primary-jaf-new .primary-list .list-c.transition {
    transition: all 1s linear
;}

.dealer-primary-jaf-new .primary-list .list {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity));
    border-radius: 4px;
    cursor: pointer;
    padding: 16px;
    transition: background-color .3s ease
;}

.dealer-primary-jaf-new .primary-list .list:hover {
    background-color: rgba(0,0,0,.05)
;}

.dealer-primary-jaf-new .primary-list .list .list-hand {
    display: flex;
    margin-bottom: 12px
;}

.dealer-primary-jaf-new .primary-list .list .list-hand .head-left {
    margin-right: 10px
;}

.dealer-primary-jaf-new .primary-list .list .list-hand .head-left:where([dir=rtl],[dir=rtl] *) {
    margin-left: 10px;
    margin-right: 0
;}

.dealer-primary-jaf-new .primary-list .list .list-hand .head-left .pri-ico {
    height: 34px;
    width: 34px
;}

.dealer-primary-jaf-new .primary-list .list .list-hand .head-right {
    flex: 1;
    overflow: hidden
;}

.dealer-primary-jaf-new .primary-list .list .list-hand .head-right .head-name {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-primary-jaf-new .primary-list .list .list-hand .head-right .sorce {
    margin-bottom: 4px
;}

.dealer-primary-jaf-new .primary-list .list .lise-bom {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2,minmax(0,1fr))
;}

@media (max-width: 799px) {
    .dealer-primary-jaf-new .primary-list .list .lise-bom {
        display:none
    ;}
;}

.dealer-primary-jaf-new .primary-list .list .lise-bom .Detail,.dealer-primary-jaf-new .primary-list .list .lise-bom .off-website {
    align-items: center;
    background: #fff;
    border: 1px solid #e5e6eb;
    border-radius: 4px;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 32px;
    justify-content: center;
    line-height: 1em;
    overflow: hidden;
    padding: 0 6px 1px;
    text-align: center;
    text-overflow: ellipsis;
    text-underline-offset: 3px;
    white-space: nowrap
;}

.dealer-primary-jaf-new .primary-list .list .lise-bom .Detail:hover,.dealer-primary-jaf-new .primary-list .list .lise-bom .off-website:hover {
    text-decoration: underline
;}

.dealer-primary-jaf-new .primary-list .list .lise-bom .Detail .dlink,.dealer-primary-jaf-new .primary-list .list .lise-bom .off-website .dlink {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
;}

.dealer-primary-jaf-new .primary-list .list .lise-bom .Detail {
    border: 1px solid rgba(61,85,204,.9);
    color: rgba(61,85,204,.9)
;}

.dealer-primary-jaf-new .primary-list .list .lise-bom .tree-detail {
    width: 100%
;}

.dealer-primary-jaf-new .primary-list .list .lise-bom.isChan {
    display: flex;
    flex-direction: column
;}

@media (max-width: 799px) {
    .dealer-primary-jaf-new .primary-list .list .lise-bom.isChan {
        display:none
    ;}
;}

.dealer-primary-jaf-new .primary-list .list .lise-bom.isChan .Detail,.dealer-primary-jaf-new .primary-list .list .lise-bom.isChan .off-website {
    width: 100%
;}

.dealer-primary-jaf-new .primary-list .list .lise-bom.isChan .off-website {
    margin-right: 0!important
;}

.dealer-primary-jaf-new .primary-list .list .lise-bom.isChan .Detail {
    margin-top: 10px
;}

.dealer-primary-jaf-new .iframe-show {
    align-items: center;
    background: rgba(0,0,0,.3);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9
;}

.dealer-primary-jaf-new .iframe-show .show-box {
    position: relative
;}

.dealer-primary-jaf-new .iframe-show .show-box .icon-close {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px
;}

.dealer-primary-jaf-new .iframe-show .show-box .iframe {
    background: #fff;
    border-radius: 10px;
    height: 366px;
    width: 380px
;}

@media screen and (max-width: 1199px) {
    .dealer-primary-jaf-new .primary-list .list-c {
        display:grid;
        gap: 12px;
        grid-template-columns: repeat(3,minmax(0,1fr))
    ;}

    .dealer-primary-jaf-new .primary-list .list-c .list {
        grid-template-columns: repeat(3,minmax(0,1fr))
    ;}

    .dealer-primary-jaf-new .primary-list .list-c .list .list-hand .head-left {
        margin-right: 6px
    ;}

    .dealer-primary-jaf-new .primary-list .list-c .list .lise-bom .Detail,.dealer-primary-jaf-new .primary-list .list-c .list .lise-bom .off-website {
        padding-bottom: 1px
    ;}
;}

@media screen and (max-width: 799px) {
    .dealer-primary-jaf-new {
        padding:20px 12px
    ;}

    .dealer-primary-jaf-new .primary-tit {
        font-size: 20px;
        margin-bottom: 24px
    ;}

    .dealer-primary-jaf-new .primary-list {
        margin-top: 0
    ;}

    .dealer-primary-jaf-new .primary-list .list-c {
        display: grid;
        gap: 10px;
        grid-template-columns: repeat(2,minmax(0,1fr))
    ;}

    .dealer-primary-jaf-new .primary-list .list-c .list.esSte {
        padding: 16px 8px 20px
    ;}

    .dealer-primary-jaf-new .primary-list .list-c .list .list-hand .head-left .pri-ico {
        height: 34px;
        width: 34px
    ;}

    .dealer-primary-jaf-new .primary-list .list-c .list .list-hand .head-right .head-name {
        font-size: 12px
    ;}

    .dealer-primary-jaf-new .lise-bom {
        display: none
    ;}
;}

html[dir=rtl] .dealer-primary-jaf-new .primary-list .list-c .list .list-hand .head-left {
    margin-left: 5px;
    margin-right: 0
;}

@media screen and (max-width: 1199px) {
    html[dir=rtl] .dealer-primary-jaf-new .primary-list .list-c .list:nth-child(2n) {
        margin-left:0
    ;}
;}

@media screen and (max-width: 799px) {
    html[dir=rtl] .dealer-primary-jaf-new .primary-list .list-c .list {
        min-width:48%;
        width: 48%
    ;}

    html[dir=rtl] .dealer-primary-jaf-new .primary-list .list-c .list:where([dir=rtl],[dir=rtl] *) {
        width: auto
    ;}

    html[dir=rtl] .dealer-primary-jaf-new .primary-list .list-c .list:nth-child(2n) {
        margin-left: 0
    ;}
;}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
;}

.wiki-nav-wrap {
    overflow-x: auto;
    position: relative;
    scrollbar-width: none
;}

.wiki-nav-wrap::-webkit-scrollbar {
    display: none
;}

.wiki-nav-list {
    white-space: nowrap
;}

.wiki-nav-list:after {
    border-bottom: 1px solid #000;
    bottom: 0;
    content: "";
    left: calc(var(--pointer-x)*1px);
    position: absolute;
    transition: left .3s ease;
    width: calc(var(--pointer-width)*1px)
;}

.wiki-nav-item {
    align-items: center;
    color: #9c9c9c;
    cursor: pointer;
    display: inline-flex;
    font-size: 16px;
    font-weight: 400;
    justify-content: center;
    margin-right: 24px;
    position: relative;
    transition: color .2s ease
;}

.wiki-nav-item .line {
    background: #292929;
    bottom: 15px;
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%
;}

.wiki-nav-item:hover {
    color: #333
;}

.wiki-nav-item .active {
    background-color: #000;
    bottom: -6px;
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
;}

.wiki-nav-item .home-tab-active {
    color: #000;
    font-weight: 700
;}

.wiki-nav-item li:hover {
    color: #000
;}

.wiki-nav-item.home-tab-active {
    color: #000;
    font-size: 24px;
    font-weight: 700
;}

.workerTabs ::-webkit-scrollbar {
    display: none;
    opacity: 0;
    width: 0
;}

.workerTabs ::-webkit-scrollbar-track {
    background-color: #fff;
    opacity: 0
;}

.workerTabs ::-webkit-scrollbar-thumb {
    border-radius: 0;
    opacity: 0;
    width: 0
;}

html[dir=rtl] .home-articlelist .wiki-nav-item {
    margin-left: 24px;
    margin-right: 0
;}

html[dir=rtl] .home-articlelist .title-tab .list-cate {
    padding-left: 30px;
    padding-right: 0
;}

html[dir=rtl] .wiki-nav-item {
    margin-left: 24px;
    margin-right: 0
;}

.listitem[data-v-ba05d30c]:nth-child(3n-1) {
    margin: 0 20px 20px
;}

.dealerWorker[data-v-ba05d30c] ::-webkit-scrollbar {
    display: none;
    opacity: 0;
    width: 0
;}

.dealerWorker[data-v-ba05d30c] ::-webkit-scrollbar-track {
    background-color: #fff;
    opacity: 0
;}

.dealerWorker[data-v-ba05d30c] ::-webkit-scrollbar-thumb {
    border-radius: 0;
    opacity: 0;
    width: 0
;}

@media screen and (max-width: 1199px) {
    .listitem[data-v-ba05d30c]:nth-child(3n-1) {
        margin:0 0 20px
    ;}

    .listitem[data-v-ba05d30c]:nth-child(2n) {
        margin: 0 0 20px 20px
    ;}
;}

@media screen and (max-width: 799px) {
    .listitem[data-v-ba05d30c]:nth-child(2n),.listitem[data-v-ba05d30c]:nth-child(3n-1) {
        margin:0 0 20px
    ;}
;}

.dealer-introduce-v2 .dealer-introduce-p {
    display: block;
    margin-bottom: 18px;
    padding-right: 4px;
    padding-top: 10px
;}

.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box .introduce-p-info {
    color: #a3a3a3;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding-top: 8px
;}

.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box .introduce-p-info * {
    max-width: 100%
;}

.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box .introduce-p-info p b,.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box .introduce-p-info p h2,.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box .introduce-p-info p h3,.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box .introduce-p-info p h4,.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box .introduce-p-info p strong {
    padding: 18px 0 4px
;}

.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box .introduce-p-info p b,.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box .introduce-p-info p strong {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px
;}

.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box .introduce-p-info p:first-child b,.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box .introduce-p-info p:first-child strong {
    padding-bottom: 8px
;}

.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box .introduce-p-info h2,.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box .introduce-p-info h3,.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box .introduce-p-info h4 {
    display: inline-block;
    padding: 18px 0 4px
;}

.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box .introduce-p-info td:has(embed) {
    text-align: center
;}

.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box .introduce-p-info p:has(embed) {
    text-align: center
;}

.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box::-webkit-scrollbar {
    background: none;
    width: 4px
;}

.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box::-webkit-scrollbar-thumb {
    border-radius: 3px
;}

.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box img,.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box table {
    margin: 14px 0
;}

.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box table {
    width: 100%
;}

.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box table tr td {
    border: 1px solid #d1d1d1;
    height: 35px;
    text-align: center
;}

.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box table tr td b {
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
;}

.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box table tr td img {
    margin: 0
;}

.dealer-introduce-v2 .dealer-introduce-p .introduce-p-box table tr>td:first-child {
    min-width: 50px
;}

.dealer-introduce-v2 .dealer-introduce-p .morestyle {
    max-height: 146px;
    overflow: hidden
;}

.dealer-introduce-v2 .dealer-introduce-p .morestyle.onlyone {
    max-height: 202px
;}

.dealer-introduce-v2 .dealer-introduce-p .morestyle img,.dealer-introduce-v2 .dealer-introduce-p .morestyle table {
    display: none
;}

@media screen and (max-width: 799px) {
    .dealer-introduce-v2 .dealer-introduce-p .morestyle {
        max-height:416px
    ;}
;}

.socle[data-v-5b8d51a4] {
    transition: transform .3s
;}

.socle[data-v-5b8d51a4]:hover {
    transform: scale(1.1)
;}

.load-tab {
    animation: loadtabing .1s linear;
    margin: 20px 0;
    width: 100%
;}

.load-tab,.load-tab .load-tab-ani {
    align-items: center;
    display: flex;
    height: 40px;
    justify-content: center
;}

.load-tab .load-tab-ani {
    position: relative;
    width: 40px
;}

.load-tab .load-tab-ani .load-tab-img {
    animation: loading 2s linear infinite;
    height: 40px;
    left: 0;
    position: absolute;
    top: 0;
    width: 40px
;}

.load-tab .load-tab-ani .load-tab-img-logo {
    height: 38px;
    left: 0;
    position: absolute;
    top: 0;
    width: 38px
;}

@keyframes loading {
    0% {
        transform: rotate(0)
    ;}

    to {
        transform: rotate(1turn)
    ;}
;}

@keyframes loadtabing {
    0% {
        height: 0;
        opacity: .5
    ;}

    to {
        height: 40px;
        opacity: 1
    ;}
;}

.dealer-pinlun[data-v-2d3f370a] {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    box-sizing: border-box;
    padding: 24px
;}

.dealer-pinlun .page_more:hover .pagetext[data-v-2d3f370a] {
    color: rgba(134,144,156,.439)
;}

.no-scrollbar[data-v-2d3f370a] {
    -ms-overflow-style: none;
    scrollbar-width: none
;}

.dealer-pinlun[data-v-2d3f370a] ::-webkit-scrollbar,.dealer-pinlun[data-v-2d3f370a] ::-webkit-scrollbar-thumb {
    display: none
;}

@media screen and (max-width: 1200px) {
    .dealer-pinlun .data-box .list-box-item .list-box-item-right .img-box .img-box-item[data-v-2d3f370a] {
        height:104px;
        width: 104px
    ;}

    .dealer-pinlun .data-box .list-box-item .list-box-item-right .img-box .img-box-item img[data-v-2d3f370a] {
        max-width: 100%
    ;}

    .jysdeatil .jys .tj .left[data-v-2d3f370a] {
        justify-content: space-between;
        width: 100%
    ;}

    .jysdeatil .jys .tj .left .hui[data-v-2d3f370a],.jysdeatil .jys .tj .right[data-v-2d3f370a] {
        display: none
    ;}

    .jysdeatil .addone[data-v-2d3f370a] {
        padding: 0
    ;}

    .imgDolg .show-box[data-v-2d3f370a] {
        width: 90%
    ;}
;}

@media screen and (max-width: 799px) {
    .dealer-pinlun[data-v-2d3f370a] {
        border:none;
        padding: 0
    ;}

    .dealer-pinlun.dealer[data-v-2d3f370a] {
        padding: 24px 16px
    ;}
;}

.more-line-container {
    margin: 0 auto
;}

.more-line-container .more-line-chart {
    margin-right: 30px;
    width: 527px
;}

@media screen and (max-width: 1199px) {
    .more-line-container .more-line-chart {
        margin:0;
        width: 430px
    ;}
;}

@media screen and (max-width: 999px) {
    .more-line-container .more-line-chart {
        margin:0;
        width: 285px
    ;}
;}

@media screen and (max-width: 799px) {
    .more-line-container .more-line-chart {
        margin:0;
        width: 92vw
    ;}
;}

.percentage-data-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    width: 100%
;}

.percentage-data-container h6 {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 20px
;}

.percentage-data-container .block {
    margin-bottom: 18px
;}

.percentage-data-container .block .name {
    align-items: center;
    display: flex;
    justify-content: space-between
;}

.percentage-data-container .block .name span:first-child {
    color: #3d3d3d;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 17px;
    margin-bottom: 7px
;}

.percentage-data-container .block .name span:last-child {
    color: #3d3d3d;
    font-family: DIN-Medium;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px
;}

.percentage-data-container .block .main {
    align-items: center;
    display: flex;
    justify-content: space-between;
    white-space: nowrap
;}

.percentage-data-container .block .main .flag {
    border-radius: 1px;
    height: 12px;
    width: 16px
;}

.percentage-data-container .block .main .item-name {
    color: #3d3d3d;
    font-size: 12px;
    font-weight: 600;
    margin: 0 8px;
    min-width: 24px
;}

.percentage-data-container .block .main .outline-border {
    align-items: center;
    background: #fafafa;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 16px;
    display: flex;
    height: 10px;
    justify-content: flex-start;
    padding: 1px;
    width: 100%
;}

.percentage-data-container .block .main .outline-border .value-border0,.percentage-data-container .block .main .outline-border .value-border1,.percentage-data-container .block .main .outline-border .value-border2,.percentage-data-container .block .main .outline-border .value-border3,.percentage-data-container .block .main .outline-border .value-border4,.percentage-data-container .block .main .outline-border .value-border5 {
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 12px;
    height: 8px
;}

.percentage-data-container .block .main span:first-child {
    margin-right: 8px
;}

.percentage-data-container .block .main span:last-child {
    margin-left: 8px
;}

.percentage-data-container .block:last-child {
    margin: 0
;}

@media screen and (max-width: 799px) {
    .percentage-data-container {
        padding:0 16px
    ;}
;}

.new-dealer-market {
    background: #fff;
    width: 100%
;}

.new-dealer-market .home-tab {
    margin-bottom: 20px
;}

.new-dealer-market .home-tab ul {
    white-space: nowrap;
    width: 100%
;}

.new-dealer-market .home-tab ul h3 {
    color: #a3a3a3;
    font-size: 24px;
    padding-bottom: 6px
;}

.new-dealer-market .home-tab ul .home-tab-active {
    color: #3d3d3d;
    font-weight: 600;
    transform: scale(1.01)
;}

.new-dealer-market .home-tab .wiki-nav-item {
    font-size: 24px
;}

.new-dealer-market .footer-inifo {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 10px
;}

.new-dealer-market .footer-inifo div {
    color: #ccc;
    display: flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px
;}

.new-dealer-market .footer-inifo div img {
    height: 17px;
    margin: 0 6px;
    width: 14px
;}

.new-dealer-market .pie-echarts {
    display: none;
    justify-content: space-between;
    width: 100%
;}

.new-dealer-market .pie-echarts .chart,.new-dealer-market .pie-echarts .chart-data {
    width: 527px
;}

.new-dealer-market .pie-echarts-flex {
    display: flex
;}

html[dir=rtl] .new-dealer-market .footer-inifo div {
    direction: ltr
;}

html[dir=rtl] .new-dealer-market .footer-inifo div span .date-time {
    direction: ltr!important
;}

@media screen and (max-width: 1199px) {
    .new-dealer-market .pie-echarts .chart,.new-dealer-market .pie-echarts .chart-data {
        width:430px
    ;}
;}

@media screen and (max-width: 999px) {
    .new-dealer-market .pie-echarts .chart,.new-dealer-market .pie-echarts .chart-data {
        width:285px
    ;}
;}

@media screen and (max-width: 799px) {
    .new-dealer-market {
        background:#fff;
        border: none;
        border-radius: 4px;
        padding: 24px 0
    ;}

    .new-dealer-market .pie-echarts {
        flex-direction: column
    ;}

    .new-dealer-market .pie-echarts .chart,.new-dealer-market .pie-echarts .chart-data {
        width: 100%
    ;}

    .new-dealer-market .footer-inifo,.new-dealer-market .home-tab {
        padding: 0 16px
    ;}
;}

.new-percentageInf-container .country,.new-percentageInf-container .country2 {
    background: #f5f5f5;
    border-radius: 2px;
    color: #000;
    display: none;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    padding: 0 8px;
    position: absolute;
    right: 100%;
    text-align: center;
    white-space: nowrap;
    width: auto
;}

.new-percentageInf-container .country3,.new-percentageInf-container .country4 {
    display: none
;}

.new-percentageInf-container .arrow-right,.new-percentageInf-container .arrow-right2 {
    border-bottom: 4px solid transparent;
    border-left: 4px solid #f5f5f5;
    border-top: 4px solid transparent;
    display: none;
    height: 0;
    left: 0;
    margin-right: 10px;
    position: absolute;
    width: 0
;}

.new-percentageInf-container .arrow-right2,.new-percentageInf-container .country2 {
    display: block
;}

.new-percentageInf-container div {
    align-items: center;
    display: flex;
    overflow: hidden;
    padding: 3.5px 8px;
    vertical-align: middle
;}

.new-percentageInf-container div.bgc {
    background: rgba(71,125,178,.12);
    border-radius: 4px
;}

.new-percentageInf-container div .country-Name {
    display: none
;}

.new-percentageInf-container div .main {
    align-items: center;
    border-radius: 2px;
    display: inline-block;
    display: flex;
    height: 24px;
    justify-content: flex-end
;}

.new-percentageInf-container div .main .icon-dingwei {
    color: #477db2;
    font-size: 12px
;}

.new-percentageInf-container div .main img {
    display: inline-block
;}

.new-percentageInf-container div .main .outline-border {
    background: #fafafa;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 16px;
    display: inline-block;
    margin: 0;
    padding: 1px
;}

.new-percentageInf-container div .main .outline-border .value-border {
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 12px;
    height: 8px;
    width: 0
;}

.new-percentageInf-container div .main .item-name {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 17px;
    min-width: 40px;
    text-align: center;
    white-space: nowrap
;}

.new-percentageInf-container div .main span:last-child {
    align-items: center;
    display: flex;
    font-family: DIN-Media;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    justify-content: center;
    line-height: 17px;
    margin-left: 8px;
    text-align: right
;}

.new-percentageInf-container div .main .bgc-block:hover {
    background: rgba(71,125,178,.12)
;}

.new-percentageInf-container div .main {
    margin: 0
;}

.new-percentageInf-container .main:hover .country2 {
    display: none
;}

.new-percentageInf-container .block-country:hover .arrow-right,.new-percentageInf-container .block-country:hover .country {
    display: block
;}

.new-percentageInf-container .block-country:hover .arrow-right2,.new-percentageInf-container .block-country:hover .country2 {
    display: none
;}

@media screen and (max-width: 1199px) {
    .container h6 {
        margin-top:30px
    ;}
;}

html[dir=rtl] .new-percentageInf-container {
    left: 15px;
    right: unset
;}

html[dir=rtl] .new-percentageInf-container .country,html[dir=rtl] .new-percentageInf-container .country2 {
    left: 570px;
    right: unset
;}

html[dir=rtl] .new-percentageInf-container .arrow-right2 {
    border-left: unset;
    border-right: 4px solid #f5f5f5;
    right: 0
;}

.expand-area .business-box {
    position: relative
;}

.expand-area .business-box .percentageInf-container {
    right: 0!important
;}

.expand-area .business-box .percentageInf-container div {
    overflow: visible!important
;}

.expand-area .business-box .icon-close {
    color: #000;
    cursor: pointer;
    font-size: 22px;
    position: absolute;
    right: 10px;
    top: 10px
;}

.expand-area .business-box .box-head {
    display: flex;
    justify-content: space-between
;}

.expand-area .business-box .box-head .head-l {
    align-items: center;
    display: flex
;}

.expand-area .business-box .box-head .head-l .l-icon {
    background: #eeb822;
    border-radius: 1px;
    height: 16px;
    margin-right: 12px;
    width: 6px
;}

.expand-area .business-box .box-head .head-l h2 {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    margin-right: 14px;
    white-space: nowrap
;}

.expand-area .business-box .box-head .head-r {
    align-items: center;
    color: #a3a3a3;
    display: flex;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    position: relative
;}

.expand-area .business-box .box-head .head-r span {
    white-space: nowrap
;}

.expand-area .business-box .box-head .head-r .score {
    color: #323947;
    font-family: DIN-Medium;
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: 53px;
    margin: 0 30px 0 20px
;}

.expand-area .business-box .box-head .head-r .unit {
    align-items: center;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 2px;
    bottom: 15%;
    color: #e6e6e6;
    display: flex;
    font-family: DIN;
    font-weight: 400;
    height: 20px;
    justify-content: center;
    padding-right: 2px;
    position: absolute;
    right: 0
;}

.expand-area .business-box .box-head .pc {
    display: none
;}

.expand-area .business-box .l-tab {
    align-items: center;
    display: block;
    display: flex
;}

.expand-area .business-box .l-tab li {
    background: #fafafa;
    border: .5px solid rgba(0,0,0,.05);
    border-radius: 3px;
    color: #ccc;
    cursor: pointer;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    padding: 0 24px;
    white-space: nowrap
;}

.expand-area .business-box .l-tab li.active {
    background: #3d3d3d;
    color: #fff
;}

.expand-area .business-box .box-con {
    display: flex;
    justify-content: space-between
;}

.expand-area .business-box .box-con .con-l .l-bom {
    margin-top: 18px
;}

.expand-area .business-box .box-con .con-l .l-bom ul {
    display: flex;
    justify-content: center
;}

.expand-area .business-box .box-con .con-l .l-bom ul li {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-right: 6px
;}

.expand-area .business-box .box-con .con-l .l-bom ul li i {
    background-color: #eeb822;
    display: flex;
    height: 4px;
    width: 40px
;}

.expand-area .business-box .box-con .con-l .l-bom ul li span {
    color: #a3a3a3;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px
;}

.expand-area .business-box .box-con .con-l2 {
    height: 266.02px;
    margin: 45px auto 0
;}

.expand-area .business-box .box-con .con-r {
    flex: 1;
    height: 348px
;}

.expand-area .business-box .box-bom {
    bottom: 20px;
    color: #ccc;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    left: 50%;
    line-height: 17px;
    position: absolute;
    text-align: center;
    transform: translateX(-50%);
    width: 100%
;}

html[dir=rtl] .expand-area .business-box .icon-close {
    left: 12px;
    right: unset
;}

.flex-center[data-v-212c8164] {
    align-items: center;
    display: flex;
    justify-content: center
;}

[data-v-212c8164] .partner-details-box {
    background-size: 100% 100%;
    border-radius: 0;
    height: 570px;
    width: 800px
;}

[data-v-212c8164] .partner-details-box .el-dialog__headerbtn {
    right: 10px;
    top: 10px
;}

[data-v-212c8164] .partner-details-box .el-dialog__headerbtn i {
    color: #1d2129!important;
    font-size: 22px;
    font-weight: 600
;}

[data-v-212c8164] .partner-details-box .el-dialog__header {
    border: 0
;}

[data-v-212c8164] .partner-details-box .el-dialog__body {
    overflow: unset;
    padding: 30px;
    text-align: center
;}

[data-v-212c8164] .partner-details-box h1 {
    font-size: 50px;
    font-weight: 600;
    line-height: 66px;
    margin: 0 auto 8px;
    max-width: 595px
;}

[data-v-212c8164] .partner-details-box .en-lang {
    font-size: 38px
;}

[data-v-212c8164] .partner-details-box .ru-lang {
    font-size: 36px
;}

[data-v-212c8164] .partner-details-box .vi-lang {
    font-size: 32px
;}

[data-v-212c8164] .partner-details-box .f-lang {
    font-size: 30px
;}

[data-v-212c8164] .partner-details-box .de-lang {
    font-size: 26px
;}

[data-v-212c8164] .partner-details-box .id-lang {
    font-size: 48px
;}

[data-v-212c8164] .partner-details-box .es-lang {
    font-size: 40px
;}

[data-v-212c8164] .partner-details-box .pt-lang {
    font-size: 42px
;}

[data-v-212c8164] .partner-details-box .des {
    color: #1d2129;
    font-family: PingFang SC,Microsoft YaHei,Microsoft Jhenghei,-apple-system,system-ui,Hiragino Sans GB,STHeitiTC-Light,tahoma,arial,sans-serif;
    font-size: 16px;
    margin: 0 auto;
    max-width: 595px
;}

[data-v-212c8164] .partner-details-box main {
    background-size: 100% 100%;
    margin: 37px auto 40px;
    position: relative;
    width: 595px
;}

[data-v-212c8164] .partner-details-box main .own-box {
    flex-direction: column
;}

[data-v-212c8164] .partner-details-box main .own-box .own-border {
    background: #fff;
    border: .5px solid #ebebeb;
    border-radius: 6px;
    height: 98px;
    margin-bottom: 10px;
    padding: 10px;
    position: relative;
    width: 158px
;}

[data-v-212c8164] .partner-details-box main .own-box .own-border .logo {
    flex-shrink: 0;
    height: 80.78px!important;
    min-width: 143px;
    width: 143px
;}

[data-v-212c8164] .partner-details-box main .own-box .own-border .tag {
    font-size: 14px;
    padding: 2px 6px;
    position: absolute;
    top: 0
;}

[data-v-212c8164] .partner-details-box main .own-box .own-border .left {
    border-radius: 2px 0 6px 0;
    color: #fff;
    left: 0
;}

[data-v-212c8164] .partner-details-box main .own-box .own-border .right {
    border-radius: 0 2px 0 6px;
    color: #1d2129;
    right: 0
;}

[data-v-212c8164] .partner-details-box main .own-box .name {
    color: #1d2129;
    font-size: 16px;
    max-width: 176px
;}

[data-v-212c8164] .partner-details-box main .own-box .level-img {
    bottom: -47px;
    min-width: 111px;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: 90px;
    width: 111px
;}

[data-v-212c8164] .partner-details-box main .own-box .stamp-img {
    bottom: -70px;
    min-width: 116px;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: -56px;
    width: 116px
;}

[data-v-212c8164] .partner-details-box main .smybol {
    height: 32px;
    margin: 0 30px 25px;
    min-width: 32px;
    width: 32px
;}

[data-v-212c8164] .partner-details-box main .level-text {
    bottom: 20px;
    font-size: 20px;
    font-weight: 600;
    position: absolute
;}

[data-v-212c8164] .partner-details-box .date {
    color: #86909c;
    font-size: 14px
;}

[data-v-212c8164] .pink-bg {
    background-image: url(https://resources1.interface003.com/web20/img/service/advanced-bg-color.png)
;}

.pink-border[data-v-212c8164] {
    background-image: url(https://resources1.interface003.com/ecomanage/images/partner/pink-border.png)
;}

[data-v-212c8164] .yellow-bg {
    background-image: url(https://resources1.interface003.com/web20/img/service/core-bg-color.png)
;}

.yellow-border[data-v-212c8164] {
    background-image: url(https://resources1.interface003.com/ecomanage/images/partner/yellow-border.png)
;}

[data-v-212c8164] .blue-bg {
    background-image: url(https://resources1.interface003.com/web20/img/service/normal-bg-blue.png)
;}

.blue-border[data-v-212c8164] {
    background-image: url(https://resources1.interface003.com/ecomanage/images/partner/blue-border.png)
;}

.blue-cl[data-v-212c8164] {
    color: #8fb7d0
;}

.pink-cl[data-v-212c8164] {
    color: #8ed6a9
;}

.yellow-cl[data-v-212c8164] {
    color: #e9ca8c
;}

.blue-bd[data-v-212c8164] {
    border-color: rgba(186,209,220,.8)
;}

.pink-bd[data-v-212c8164] {
    border-color: rgba(181,224,197,.8)
;}

.yellow-bd[data-v-212c8164] {
    border-color: hsla(38,37%,68%,.8)
;}

.pink-bgc[data-v-212c8164] {
    color: #8ed6a9
;}

.blue-bgc[data-v-212c8164] {
    color: #8fb7d0
;}

.yellow-bgc[data-v-212c8164] {
    color: #e9ca8c
;}

html[dir=rtl] .el-dialog__headerbtn {
    left: 10px!important;
    right: unset!important
;}

html[dir=rtl] .partner-details-box main .own-box .level-img {
    left: 90px;
    right: unset
;}

html[dir=rtl] .partner-details-box main .own-box .stamp-img {
    bottom: -68px;
    left: -56px;
    right: unset
;}

.hongkong-popup-container {
    margin: 0 auto;
    text-align: center
;}

.hongkong-popup-container .el-dialog {
    border-radius: 16px
;}

.hongkong-popup-container .el-dialog .el-dialog__headerbtn .el-dialog__close:hover {
    color: #979797;
    font-size: 16.25px
;}

.hongkong-popup-container .el-dialog .el-dialog__body {
    padding: 52px 119px 44px
;}

.hongkong-popup-container img {
    border: 1px solid rgba(63,144,137,.2);
    border-radius: 10px;
    display: flex;
    height: 113px;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
    width: 200px
;}

.hongkong-popup-container h1 {
    color: #3d3d3d;
    display: flex;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    justify-content: center;
    line-height: 31px;
    margin: 24px auto 6px
;}

.hongkong-popup-container p {
    color: #a3a3a3;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    margin-bottom: 66px
;}

.hongkong-popup-container .bbt {
    align-items: center;
    display: flex;
    justify-content: center
;}

.hongkong-popup-container .bbt button {
    border-radius: 4px;
    color: #323947;
    cursor: pointer;
    height: 40px;
    width: 120px
;}

.hongkong-popup-container .bbt button:last-child {
    background: #179289;
    margin-left: 18px
;}

.hongkong-popup-container .bbt button:last-child a {
    color: #fff
;}

.dealer-list-ul {
    width: 100%
;}

.dealer-list-ul a {
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    padding: 7px 16px;
    width: 100%
;}

.dealer-list-ul a:hover {
    background: rgba(0,0,0,.05)
;}

.dealer-list-ul a .dealer-l {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    display: flex;
    flex-shrink: 0;
    height: 72px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 120px
;}

.dealer-list-ul a .dealer-l img {
    height: 56px!important;
    max-height: 100%;
    max-width: 100%;
    width: 104px
;}

.dealer-list-ul a .dealer-l .l-identification {
    border-radius: 3px 0;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    left: 1px;
    line-height: 19px;
    max-width: 118px;
    padding: 0 6px;
    position: absolute;
    top: 1px
;}

.dealer-list-ul a .dealer-l .dealer-l-vr {
    animation: dealerani 2.04s steps(16) 0s infinite;
    background-image: url(https://resources1.interface003.com/web20/img/dealer/icon_vrBlue.png);
    background-size: cover;
    bottom: 5px;
    cursor: pointer;
    height: 28px;
    position: absolute;
    width: 28px
;}

@keyframes dealerani {
    0% {
        background-position: 0 0
    ;}

    to {
        background-position: -448px 0
    ;}
;}

.dealer-list-ul a .dealer-l .dealer-trader-bg {
    animation: trader .5s linear forwards;
    height: 100%;
    left: 0;
    position: absolute;
    top: 88px;
    width: 100%
;}

.dealer-list-ul a .dealer-l .dealer-trader-bg img {
    height: 100%!important;
    width: 100%
;}

@keyframes trader {
    0% {
        top: 88px
    ;}

    to {
        top: 0
    ;}
;}

.dealer-list-ul a .dealer-r {
    box-sizing: border-box;
    flex: 1;
    min-height: 74px;
    padding-left: 16px;
    width: 200px
;}

.dealer-list-ul a .dealer-r .r-top {
    align-items: center;
    display: flex;
    justify-content: space-between
;}

.dealer-list-ul a .dealer-r .r-top h4 {
    color: #3d3d3d;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
;}

.dealer-list-ul a .dealer-r .r-top .r-ranking {
    align-items: center;
    background: #fafafa;
    border-radius: 4px;
    color: #a3a3a3;
    display: flex;
    font-family: DIN;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    height: 22px;
    justify-content: center;
    line-height: 17px;
    margin-right: 3px;
    padding: 0 5px;
    white-space: nowrap
;}

.dealer-list-ul a .dealer-r .r-score {
    height: 20px;
    margin-bottom: 6px
;}

.dealer-list-ul a .dealer-r .r-score .score-fraction {
    color: #301;
    font-family: DIN-Medium;
    font-size: 16px;
    font-style: normal;
    line-height: 20px
;}

.dealer-list-ul a .dealer-r .r-score .el-rate {
    display: inline-block;
    margin-left: 3px
;}

.dealer-list-ul a .dealer-r .r-score .el-rate .el-rate__icon {
    margin-right: 0
;}

.dealer-list-ul a .dealer-r .r-bom-more {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%
;}

.dealer-list-ul a .dealer-r .r-bom-more .r-bom-label {
    align-items: center;
    border: .5px solid #e5e6eb;
    border-radius: 2px;
    color: #86909c;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    height: 21px;
    justify-content: center;
    margin-bottom: 4px;
    margin-right: 4px;
    padding: 0 6px
;}

.dealer-list-ul a .dealer-r .r-bom-more .iconfont {
    color: #c9cdd4;
    cursor: pointer;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 4px
;}

.dealer-list-ul a .dealer-r .r-bom-more .iconfont:hover {
    opacity: .6
;}

.dealer-list-ul a .dealer-r .r-bom-more .iconfontup {
    bottom: 6px;
    transform: rotate(180deg)
;}

.dealer-list-ul a .dealer-r .labelmore {
    height: 21px;
    overflow: hidden
;}

.dealer-list-ul a .dealer-r .compositerank-box {
    align-items: center;
    display: flex;
    margin-bottom: 6px
;}

.dealer-list-ul a .dealer-r .compositerank-box .compositerank-flag {
    height: 17px;
    margin-right: 6px;
    width: 26px
;}

.dealer-list-ul a .dealer-r .compositerank-box .compositerank-type {
    align-items: center;
    border: .5px solid #f16816;
    border-radius: 2px;
    display: flex;
    margin-right: 6px
;}

.dealer-list-ul a .dealer-r .compositerank-box .compositerank-type .compositerank-type-l {
    align-items: center;
    background: #f16816;
    display: flex;
    height: 17px;
    justify-content: center;
    width: 18px
;}

.dealer-list-ul a .dealer-r .compositerank-box .compositerank-type .compositerank-type-l .icon-Frame5,.dealer-list-ul a .dealer-r .compositerank-box .compositerank-type .compositerank-type-l .icon-a-Frame812 {
    color: #fff;
    font-size: 12px
;}

.dealer-list-ul a .dealer-r .compositerank-box .compositerank-type .compositerank-type-r {
    color: #f16816;
    font-size: 12px;
    font-weight: 400;
    max-width: 136px;
    overflow: hidden;
    padding: 0 6px;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-list-ul a .dealer-r .compositerank-box .score-txt {
    color: #a3a3a3;
    font-size: 14px;
    font-weight: 400;
    margin-right: 6px
;}

.dealer-list-ul a .dealer-r .compositerank-box .score-txt-txt {
    color: #301;
    font-family: DIN-Medium;
    font-size: 16px;
    font-weight: 700
;}

@media screen and (max-width: 799px) {
    .dealer-list-ul a:hover {
        background:none
    ;}

    .dealer-list-ul a .dealer-r {
        width: 170px
    ;}
;}

html[dir=rtl] .dealer-list-ul a .dealer-r {
    padding-left: 0;
    padding-right: 16px
;}

html[dir=rtl] .dealer-list-ul a .dealer-r .compositerank-box .score-txt {
    margin-left: 6px;
    margin-right: 0
;}

.dealer-list-ul .el-rate__item {
    transform: rotate(-45deg)
;}

.dealer-list-ul .el-rate__icon {
    margin-right: 0
;}

@media screen and (max-width: 799px) {
    .dealer-list-ul a .dealer-r .r-score .r-score-star {
        margin:0
    ;}

    .dealer-list-ul a .dealer-r .r-score .el-icon-star-on {
        font-size: 15px
    ;}
;}

.rehwap {
    height: 100vh;
    height: calc(var(--vh, 1vh)*100)
;}

.rehwap ::-webkit-scrollbar {
    width: 0
;}

.licence-drawer {
    border-radius: 0 6px 6px 0;
    box-shadow: -10px 0 20px 0 rgba(0,0,0,.07);
    height: calc(100% - 57px)!important;
    right: 28px!important;
    top: 28px!important
;}

.licence-drawer:where([dir=rtl],[dir=rtl] *) {
    left: 28px;
    right: auto
;}

.licence-drawer .el-drawer__body {
    margin-bottom: 20px;
    margin-right: 4px;
    margin-top: 20px
;}

.licence-drawer .el-drawer__body::-webkit-scrollbar {
    background-color: transparent;
    width: 4px
;}

.licence-drawer .el-drawer__body::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3);
    border-radius: 8px;
    height: 6px;
    width: 4px
;}

.pop-over-regulatory {
    max-width: 320px!important;
    width: -moz-fit-content!important;
    width: fit-content!important
;}

.desc-popover {
    max-width: 500px!important
;}

.bootm-files {
    height: -moz-fit-content!important;
    height: fit-content!important;
    max-width: 400px;
    min-width: auto!important;
    padding-bottom: 0!important;
    text-align: center;
    width: -moz-fit-content!important;
    width: fit-content!important
;}

.bootm-files .attached-files2 {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 20px;
    height: 100%;
    line-height: 17px;
    text-align: center
;}

.bootm-files .attached-files2 a {
    background: rgba(71,125,178,.03);
    border: .5px solid rgba(71,125,178,.3);
    border-radius: 2px;
    color: #477db2;
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 12px;
    margin-right: 12px;
    padding: 1px 16px
;}

.bootm-files .attached-files2 a:where([dir=rtl],[dir=rtl] *) {
    margin-left: 12px;
    margin-right: 0
;}

.bootm-files .attached-files2 a i {
    font-size: 9.33px;
    margin-right: 6px
;}

.bootm-files .attached-files2 a span {
    white-space: nowrap
;}

html[dir=rtl] .licence-drawer {
    left: 28px!important;
    right: unset!important
;}

ul[data-v-77c03d35] {
    text-align: left
;}

ul[data-v-77c03d35]:where([dir=rtl],[dir=rtl] *) {
    text-align: right
;}

ul li[data-v-77c03d35] {
    text-align: left
;}

ul li[data-v-77c03d35]:where([dir=rtl],[dir=rtl] *) {
    text-align: right
;}

.hover-box[data-v-77c03d35] {
    max-height: 260px;
    overflow-y: auto
;}

.hover-box[data-v-77c03d35]::-webkit-scrollbar {
    background-color: transparent;
    width: 2px
;}

.hover-box[data-v-77c03d35]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 20px
;}

.hover-box ul[data-v-77c03d35] {
    display: flex;
    flex-wrap: wrap;
    width: 100%
;}

.hover-box ul li[data-v-77c03d35] {
    margin-bottom: 10px;
    width: 50%
;}

.hover-box ul li[data-v-77c03d35]:nth-child(odd) {
    padding-right: 10px
;}

.hover-box ul li[data-v-77c03d35]:nth-child(odd):where([dir=rtl],[dir=rtl] *) {
    padding-left: 10px;
    padding-right: 0
;}

.hover-box ul li div[data-v-77c03d35] {
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 600
;}

.hover-box ul li h6[data-v-77c03d35] {
    color: rgba(61,61,61,.6);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 4px
;}

.side-frame[data-v-77c03d35] {
    background-color: #fff;
    height: 650px;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(100%);
    transition: transform .3s ease;
    width: 411px
;}

.side-frame.is-open[data-v-77c03d35] {
    transform: translateX(0)
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog {
    border-radius: 20px;
    display: flex;
    display: -ms-flex;
    flex-direction: column;
    left: 50%;
    margin: 0!important;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .icon-guanbi {
    color: #3d3d3d;
    cursor: pointer;
    font-size: 26px;
    opacity: .6;
    position: absolute;
    right: 22px;
    top: 22px;
    z-index: 2
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .el-dialog__header {
    display: none
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .el-dialog__body {
    height: 100%!important;
    max-height: 100%!important;
    min-height: 706px!important;
    overflow: unset!important;
    padding: 12px;
    position: relative;
    text-align: left!important
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .el-dialog__body .download_btn {
    align-items: center;
    background: rgba(92,138,229,.9);
    border: 1px solid #5c8ae5;
    border-radius: 3px;
    bottom: 56px;
    cursor: pointer;
    display: flex;
    gap: 4px;
    height: 30px;
    justify-content: center;
    padding: 0 12px;
    position: absolute;
    right: 56px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .el-dialog__body .download_btn:hover {
    background: #5c8ae5
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .el-dialog__body .download_btn .iconfont {
    color: #fff;
    font-size: 16px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .el-dialog__body .download_btn .downpdf {
    color: #fff;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container {
    height: 100%;
    min-height: 682px;
    padding: 40px 44px;
    position: relative;
    width: 100%
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .bg-pie {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .head-block {
    display: flex;
    padding-right: 14px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .head-block .logo-block {
    cursor: pointer;
    height: 105px;
    position: relative;
    width: 186px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .head-block .logo-block .logo {
    height: 100%;
    width: 100%
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .head-block .title-container {
    margin-left: 30px;
    width: 472px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .head-block .title-container .fullName {
    align-items: center;
    color: #333;
    display: flex;
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
    margin-bottom: 8px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .head-block .title-container .desc-btn {
    align-items: center;
    background: rgba(54,133,255,.1);
    border-radius: 4px;
    color: #3685ff;
    cursor: pointer;
    display: inline-flex;
    height: 24px;
    padding: 0 6px;
    width: -moz-fit-content;
    width: fit-content
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .head-block .title-container .desc-btn span .icon-arrow-down {
    display: inline-block;
    font-weight: 400;
    transition: .5s
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .head-block .title-container .desc-btn:hover .icon-arrow-down {
    transform: rotate(-180deg);
    transition: .5s
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-block {
    max-width: 688px;
    min-width: 688px;
    width: 688px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom .licensed-institutions-name span,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top .licensed-institutions-name span {
    align-items: center;
    display: flex
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom .licensed-institutions-name span .popover-address,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top .licensed-institutions-name span .popover-address {
    display: flex;
    justify-content: space-between
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom .licensed-institutions-name span .popover-address .reference-name,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top .licensed-institutions-name span .popover-address .reference-name {
    cursor: pointer;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 284px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom .licensed-institutions-name span .popover-address .reference-email,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top .licensed-institutions-name span .popover-address .reference-email {
    cursor: pointer;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 308px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom .licensed-institutions-name span img,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top .licensed-institutions-name span img {
    height: 18px;
    margin-right: 6px;
    width: 18px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom li,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top li {
    margin-bottom: 12px;
    width: calc(50% - 10px)
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom li:where([dir=rtl],[dir=rtl] *),.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top li:where([dir=rtl],[dir=rtl] *) {
    text-align: right
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom li:nth-child(odd),.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top li:nth-child(odd) {
    margin-right: 20px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom li:nth-child(odd):where([dir=rtl],[dir=rtl] *),.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top li:nth-child(odd):where([dir=rtl],[dir=rtl] *) {
    margin-left: 20px;
    margin-right: 0
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom li .pop-over-regulatory,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top li .pop-over-regulatory {
    width: -moz-fit-content!important;
    width: fit-content!important
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom li .pop-over-regulatory .cancelled,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top li .pop-over-regulatory .cancelled {
    align-items: center;
    color: #3685ff;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    height: 20px;
    justify-content: center;
    line-height: 20px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom li p,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top li p {
    color: rgba(61,61,61,.6);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 4px;
    white-space: nowrap
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom li span,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top li span {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom li span .reference-address,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom li span .reference-site,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top li span .reference-address,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top li span .reference-site {
    cursor: pointer;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 308px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom li .annotation,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top li .annotation {
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    padding: 0 4px 1px;
    vertical-align: middle
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom li .country,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top li .country {
    align-items: center;
    display: flex
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom li .country img,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top li .country img {
    height: 18px;
    margin-right: 8px;
    width: 27.69px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom li .sharetraders,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top li .sharetraders {
    color: #164b71;
    cursor: pointer
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom li .attached-files a,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top li .attached-files a {
    align-items: center;
    background: rgba(71,125,178,.03);
    border: .5px solid rgba(71,125,178,.3);
    border-radius: 2px;
    display: flex;
    gap: 4px;
    height: 28px;
    line-height: 28px;
    margin-right: 12px;
    min-height: 28px;
    padding: 0 20px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom li .attached-files a i,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top li .attached-files a i {
    color: #477db2;
    font-size: 9.33px;
    padding-top: 1px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom li .attached-files a span,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top li .attached-files a span {
    color: #477db2;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom .lastChild,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top .lastChild {
    width: 100%
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom .lastChild .file-list-block,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top .lastChild .file-list-block {
    align-items: center;
    display: flex;
    justify-content: flex-start
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom .lastChild .file-list-block .file-list,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top .lastChild .file-list-block .file-list {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom .lastChild .file-list-block .more,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top .lastChild .file-list-block .more {
    align-items: center;
    background: rgba(71,125,178,.03);
    border: .5px solid rgba(71,125,178,.3);
    border-radius: 2px;
    display: flex;
    gap: 4px;
    height: 28px;
    justify-content: center;
    padding: 1px 16px 2px;
    vertical-align: top;
    white-space: nowrap
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom .lastChild .file-list-block .more span,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top .lastChild .file-list-block .more span {
    color: #477db2;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-bottom .lastChild .file-list-block .more .iconfont,.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .info-top .lastChild .file-list-block .more .iconfont {
    color: #3685ff;
    font-size: 11px;
    font-weight: 400
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .bottom-seal {
    bottom: 36px;
    position: absolute;
    right: 170px;
    width: 108px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .seal {
    bottom: 36px;
    position: absolute;
    right: 52px;
    width: 108px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .father-info {
    border-top: 2px solid #dec899;
    margin-top: 8px;
    padding-bottom: 20px;
    padding-top: 20px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .father-info .father-info-ul .father-info-title {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .father-info .father-info-ul .father-info-li {
    display: flex;
    flex-wrap: wrap;
    padding-top: 10px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .father-info .father-info-ul .father-info-li li {
    margin-bottom: 10px;
    width: 50%
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .father-info .father-info-ul .father-info-li li .father-info-label {
    color: rgba(61,61,61,.6);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 4px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .father-info .father-info-ul .father-info-li li .father-info-info {
    display: flex
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .father-info .father-info-ul .father-info-li li .father-info-info .father-info-text {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .father-info .father-info-ul .father-info-li li .father-info-info .father-info-s {
    background: #2bb351;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding: 0 4px
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .father-info .father-info-more {
    align-items: center;
    display: flex;
    justify-content: center
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .dialog-container .father-info .father-info-more .iconfont {
    color: #c79d45;
    cursor: pointer;
    font-size: 20px;
    font-weight: 600;
    transform: rotate(90deg);
    transition: all .5s
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .popover-address {
    display: flex;
    justify-content: space-between
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .popover-address .icon-arrow-down {
    color: #3685ff;
    display: inline-block;
    font-size: 11px;
    font-weight: 400;
    height: 20px;
    margin-left: 11.5px;
    transition: .5s
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .popover-address:hover .icon-arrow-down {
    transform: rotate(-180deg);
    transition: .5s
;}

.dialog-regulatory[data-v-77c03d35] .el-dialog .el-dialog--center {
    text-align: left
;}

@media screen and (max-width: 799px) {
    .dialog-regulatory[data-v-77c03d35] .el-dialog {
        border-radius:0;
        height: 100vh!important;
        height: calc(var(--vh, 1vh)*100)!important;
        width: 100%!important
    ;}

    .dialog-regulatory[data-v-77c03d35] .el-dialog .el-dialog__body {
        height: 100vh!important;
        height: calc(var(--vh, 1vh)*100)!important;
        max-height: unset!important;
        min-height: unset!important;
        overflow: auto!important;
        padding: 0
    ;}

    .dialog-regulatory[data-v-77c03d35] .el-dialog .el-dialog__body .icon-guanbi {
        display: none
    ;}

    .dialog-regulatory[data-v-77c03d35] .el-dialog .el-dialog__body::-webkit-scrollbar {
        width: 0
    ;}
;}

.pop-over-regulatory[data-v-77c03d35] {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.pop-over-regulatory .dealer-sharetraders[data-v-77c03d35] {
    display: flex;
    flex-direction: column;
    justify-content: center
;}

.pop-over-regulatory .dealer-sharetraders a[data-v-77c03d35] {
    align-items: center;
    display: flex;
    margin: 3px 0
;}

.pop-over-regulatory .dealer-sharetraders a img[data-v-77c03d35] {
    height: 18px;
    margin-right: 6px;
    width: 18px
;}

.pop-over-regulatory .dealer-sharetraders a span[data-v-77c03d35] {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.pop-over-regulatory[data-v-77c03d35] {
    min-width: auto!important
;}

html[dir=rtl] .dialog-regulatory .el-dialog .el-dialog__body .dialog-container .head-block .title-container[data-v-77c03d35] {
    margin-left: 0;
    margin-right: 30px
;}

html[dir=rtl] .dialog-regulatory .el-dialog .el-dialog__body .dialog-container .info-top li .country img[data-v-77c03d35] {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .dialog-regulatory .el-dialog .el-dialog__body .dialog-container .info-top .licensed-institutions-name span img[data-v-77c03d35] {
    margin-left: 6px;
    margin-right: 0
;}

html[dir=rtl] .dialog-regulatory .el-dialog .el-dialog__body .dialog-container .info-bottom li .country img[data-v-77c03d35] {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .dialog-regulatory .el-dialog .el-dialog__body .dialog-container .info-bottom .licensed-institutions-name span img[data-v-77c03d35] {
    margin-left: 6px;
    margin-right: 0
;}

html[dir=rtl] .dialog-regulatory .el-dialog .el-dialog__body .dialog-container .head-block .logo-block .seal[data-v-77c03d35] {
    left: -24px!important;
    right: unset
;}

html[dir=rtl] .dialog-regulatory .el-dialog .el-dialog__body .dialog-container .bottom-seal[data-v-77c03d35] {
    left: 164px!important;
    right: unset
;}

html[dir=rtl] .dialog-regulatory .el-dialog .el-dialog__body .dialog-container .seal[data-v-77c03d35] {
    left: 52px!important;
    right: unset
;}

html[dir=rtl] .dialog-regulatory .el-dialog .el-dialog__body .download_btn[data-v-77c03d35] {
    left: 56px!important;
    right: unset
;}

html[dir=rtl] .dialog-regulatory .el-dialog .el-dialog__body .icon-guanbi[data-v-77c03d35] {
    left: 22px;
    right: auto
;}

html[dir=rtl] .dialog-regulatory .pop-over-regulatory[data-v-77c03d35] {
    left: auto!important;
    right: 372px
;}

html[dir=rtl] .dialog-regulatory .el-popper .popper__arrow[data-v-77c03d35] {
    left: auto!important;
    right: 65px
;}

.test {
    position: absolute
;}

.changerecord .el-pagination .btn-next,.changerecord .el-pagination .btn-prev,.changerecord .el-pagination .el-pager li {
    background: #fff;
    border: .5px solid rgba(0,0,0,.1);
    border-radius: 4px;
    color: #86909c;
    height: 40px;
    line-height: 40px;
    width: 40px
;}

.changerecord .el-pagination .btn-next.active,.changerecord .el-pagination .btn-prev.active,.changerecord .el-pagination .el-pager li.active {
    background-color: #1d2129!important;
    color: #fff!important
;}

.changerecord .el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: #3d3d3d
;}

.changerecord .iframe-show {
    align-items: center;
    background: rgba(0,0,0,.3);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
;}

.changerecord .iframe-show .show-box {
    position: relative
;}

.changerecord .iframe-show .show-box .icon-close {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px
;}

.changerecord .iframe-show .show-box .iframe {
    background: #fff;
    border-radius: 10px;
    height: 366px;
    padding: 0 20px;
    width: 380px
;}

html[dir=rtl] .changerecord .el-pagination .btn-next,html[dir=rtl] .changerecord .el-pagination .btn-prev,html[dir=rtl] .changerecord .el-pagination .el-icon-d-arrow-left,html[dir=rtl] .changerecord .el-pagination .el-icon-d-arrow-right {
    transform: rotate(180deg)
;}

.scroll-style::-webkit-scrollbar {
    display: block!important;
    height: 5px
;}

.scroll-style::-webkit-scrollbar-thumb {
    height: 5px
;}

.scroll-style::-webkit-scrollbar-thumb,.scroll-style:hover::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.3);
    border-radius: 10px;
    -webkit-box-shadow: inset1px1px0rgba(0,0,0,.3)
;}

.scroll-style::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0,0,0,.3);
    -webkit-box-shadow: inset1px1px0rgba(0,0,0,.3)
;}

.scroll-style::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,.05);
    border-radius: 10px;
    -webkit-box-shadow: inset006pxrgba(0,0,0,0)
;}

.scroll-style::-webkit-scrollbar-track:hover {
    background-color: rgba(0,0,0,.05);
    border-radius: 0
;}

.test,.text {
    position: relative
;}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff")
;}

:root {
    --swiper-theme-color: #007aff
;}

.swiper-container {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
;}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
;}

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
    z-index: 1
;}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    transform: translateZ(0)
;}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
;}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-direction: column;
    flex-wrap: wrap
;}

.swiper-container-free-mode>.swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
;}

.swiper-container-pointer-events {
    touch-action: pan-y
;}

.swiper-container-pointer-events.swiper-container-vertical {
    touch-action: pan-x
;}

.swiper-slide {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
;}

.swiper-slide-invisible-blank {
    visibility: hidden
;}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
;}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
;}

.swiper-container-3d {
    perspective: 1200px
;}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
;}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
;}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
;}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
;}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
;}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
;}

.swiper-container-css-mode>.swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none
;}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
;}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
;}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
;}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
;}

:root {
    --swiper-navigation-size: 44px
;}

.swiper-button-next,.swiper-button-prev {
    align-items: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
    cursor: pointer;
    display: flex;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    z-index: 10
;}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
;}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none
;}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
;}

.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after {
    content: "prev"
;}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    left: auto;
    right: 10px
;}

.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after {
    content: "next"
;}

.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #fff
;}

.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000
;}

.swiper-button-lock {
    display: none
;}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    transition: opacity .3s;
    z-index: 10
;}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
;}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
;}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
;}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
;}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
;}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
;}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
;}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
;}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
;}

.swiper-pagination-bullet {
    background: #000;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    opacity: .2;
    width: 8px
;}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
;}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
;}

.swiper-pagination-bullet:only-child {
    display: none!important
;}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    opacity: 1
;}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0,-50%,0)
;}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: 6px 0
;}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
;}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s,top .2s
;}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
;}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
;}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,left .2s
;}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,right .2s
;}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
;}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top;
    width: 100%
;}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
;}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%
;}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: 4px
;}

.swiper-pagination-white {
    --swiper-pagination-color: #fff
;}

.swiper-pagination-black {
    --swiper-pagination-color: #000
;}

.swiper-pagination-lock {
    display: none
;}

.swiper-scrollbar {
    background: rgba(0,0,0,.1);
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none
;}

.swiper-container-horizontal>.swiper-scrollbar {
    bottom: 3px;
    height: 5px;
    left: 1%;
    position: absolute;
    width: 98%;
    z-index: 50
;}

.swiper-container-vertical>.swiper-scrollbar {
    height: 98%;
    position: absolute;
    right: 3px;
    top: 1%;
    width: 5px;
    z-index: 50
;}

.swiper-scrollbar-drag {
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
;}

.swiper-scrollbar-cursor-drag {
    cursor: move
;}

.swiper-scrollbar-lock {
    display: none
;}

.swiper-zoom-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%
;}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
;}

.swiper-slide-zoomed {
    cursor: move
;}

.swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
;}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
;}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn);
    }
}

.swiper-container .swiper-notification {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1000
;}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
;}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
;}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
;}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
;}

.swiper-container-cube {
    overflow: visible
;}

.swiper-container-cube .swiper-slide {
    backface-visibility: hidden;
    height: 100%;
    pointer-events: none;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%;
    z-index: 1
;}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
;}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
;}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
;}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
;}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
    backface-visibility: hidden;
    z-index: 0
;}

.swiper-container-cube .swiper-cube-shadow {
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%;
    z-index: 0
;}

.swiper-container-cube .swiper-cube-shadow:before {
    background: #000;
    bottom: 0;
    content: "";
    filter: blur(50px);
    left: 0;
    position: absolute;
    right: 0;
    top: 0
;}

.swiper-container-flip {
    overflow: visible
;}

.swiper-container-flip .swiper-slide {
    backface-visibility: hidden;
    pointer-events: none;
    z-index: 1
;}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
;}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
;}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
    backface-visibility: hidden;
    z-index: 0
;}

.fix-tab-content[data-v-08164de8] {
    -ms-overflow-style: none;
    overflow-y: scroll;
    scrollbar-width: none
;}

.fix-tab-content[data-v-08164de8]::-webkit-scrollbar {
    display: none
;}

.dealer-download .el-dialog {
    border-radius: 16px;
    left: 50%;
    margin: 0!important;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%)
;}

.dealer-download .el-dialog .mycontainer {
    border-radius: 10px;
    left: 50%;
    min-height: 300px;
    padding: 48px;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 960px
;}

.dealer-download .el-dialog .mycontainer .icon-close {
    color: #3d3d3d;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    right: 1%;
    top: 3%
;}

.dealer-download .el-dialog .mycontainer h2 {
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #52170f;
    display: -webkit-box;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 34px;
    overflow: hidden;
    position: relative;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    white-space: pre-line;
    width: 500px;
    word-break: keep-all;
    z-index: 1
;}

.dealer-download .el-dialog .mycontainer h2 img {
    height: 30px;
    margin-right: 10px;
    width: 30px
;}

.dealer-download .el-dialog .mycontainer h2 span:last-child {
    font-weight: 400;
    margin-left: 10px
;}

.dealer-download .el-dialog .mycontainer h2 span {
    vertical-align: top
;}

.dealer-download .el-dialog .mycontainer h1 {
    color: #52170f;
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 20px;
    position: relative;
    width: 520px;
    z-index: 1
;}

.dealer-download .el-dialog .mycontainer .download-span {
    font-size: 24px
;}

.dealer-download .el-dialog .mycontainer .download-cell {
    position: relative;
    width: 500px
;}

.dealer-download .el-dialog .mycontainer .first-cell,.dealer-download .el-dialog .mycontainer .second-cell {
    align-items: center;
    display: flex;
    max-width: 350px
;}

.dealer-download .el-dialog .mycontainer .qr-code-dealer {
    background: rgba(0,0,0,.08);
    height: 88px;
    position: absolute;
    right: 0;
    top: -18px;
    width: 88px
;}

.dealer-download .el-dialog .mycontainer .qr-code-dealer img {
    left: 5px;
    position: absolute;
    top: 5px
;}

.dealer-download .el-dialog .mycontainer .qr-code-dealer p {
    word-wrap: break-word;
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-top: 5px;
    text-align: center;
    white-space: pre-line;
    width: 88px;
    word-break: keep-all
;}

.dealer-download .el-dialog .mycontainer2 {
    padding: 32px
;}

.dealer-download .el-dialog .el-dialog__header {
    display: none
;}

.dealer-download .el-dialog .el-dialog__body {
    padding: 0
;}

.dealer-download .el-dialog .wiki-down .down-box {
    background: #000;
    border: 1px solid #000;
    height: 44px;
    min-width: auto;
    padding: 0 0 0 10px;
    width: 180px
;}

.dealer-download .el-dialog .wiki-down .down-box:hover .wiki-down-l .img {
    background: url(https://resources1.interface003.com/web20/img/commen/google-play.svg) no-repeat 50%;
    background-size: 25px 25px
;}

.dealer-download .el-dialog .wiki-down .down-box .wiki-down-l .img {
    background-size: 25px 25px;
    height: 25px;
    margin-right: 8px;
    width: 25px
;}

.dealer-download .el-dialog .wiki-down .down-box .wiki-down-l .iconfont {
    color: #fff!important;
    font-size: 23px!important;
    margin-right: 8px
;}

.dealer-download .el-dialog .wiki-down .down-box .wiki-down-l .down-text {
    padding: 0
;}

.dealer-download .el-dialog .wiki-down .down-box .wiki-down-l .down-text .down-text-1 {
    color: #fff;
    font-size: 12px;
    transform: scale(.83);
    transform-origin: left;
    white-space: nowrap
;}

.dealer-download .el-dialog .wiki-down .down-box .wiki-down-l .down-text .down-text-2 {
    color: #fff;
    font-size: 12px!important;
    font-weight: 600
;}

@media screen and (max-width: 1199px) {
    .dealer-download .el-dialog .mycontainer {
        width:600px
    ;}

    .dealer-download .el-dialog .mycontainer h1 {
        font-size: 32px
    ;}
}

@media screen and (max-width: 799px) {
    .dealer-download {
        display:none
    ;}
}

html[dir=rtl] .dealer-download .el-dialog .mycontainer .qr-code-dealer {
    left: 0;
    right: unset
;}

html[dir=rtl] .dealer-download .el-dialog .mycontainer .download-cell {
    left: 40px;
    position: absolute;
    right: unset
;}

html[dir=rtl] .dealer-download .el-dialog .mycontainer .download-cell .first-cell .down-box:first-child {
    margin-right: 8px
;}

html[dir=rtl] .dealer-download .el-dialog .mycontainer .download-cell .first-cell .down-box:first-child:where([dir=rtl],[dir=rtl] *) {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .dealer-download .el-dialog .mycontainer .download-cell .second-cell .down-box:first-child {
    margin-right: 8px;
}

html[dir=rtl] .dealer-download .el-dialog .mycontainer .download-cell .second-cell .down-box:first-child:where([dir=rtl],[dir=rtl] *) {
    margin-left: 8px;
    margin-right: 0;
}

html[dir=rtl] .dealer-download .el-dialog .mycontainer h2 img {
    margin-left: 10px;
    margin-right: unset
;}

html[dir=rtl] .dealer-download .el-dialog .mycontainer .icon-close {
    left: 1%;
    right: unset
;}

html[dir=rtl] .dealer-download .el-dialog .mycontainer h1 {
    margin-bottom: 20px
;}

html[dir=rtl] .dealer-download .wiki-down .down-box {
    padding: 0 10px 0 0
;}

html[dir=rtl] .dealer-download .wiki-down .down-box .wiki-down-l .down-text .down-text-1 {
    transform-origin: right
;}

@media screen and (max-width: 1199px) {
    html[dir=rtl] .dealer-download .el-dialog .mycontainer h1,html[dir=rtl] .dealer-download .el-dialog .mycontainer h2 {
        margin-right:unset
    ;}

    html[dir=rtl] .dealer-download .el-dialog .mycontainer .download-cell {
        right: 35px
    ;}
}

.relation-vip>div[data-v-2cac84e8] {
    background: hsla(0,0%,100%,.9)
;}

.fx-dialog .el-dialog {
    padding-bottom: 10px
;}

.fx-dialog .el-dialog__header {
    align-items: center;
    display: flex;
    font-size: 20px;
    font-weight: 400;
    padding: 30px 40px 20px
;}

.fx-dialog .el-dialog__body {
    box-sizing: content-box;
    margin: 0 6px;
    padding: 0 34px
;}

.fx-dialog .el-dialog__body::-webkit-scrollbar {
    width: 4px
;}

.fx-dialog .el-dialog__headerbtn {
    right: 32px;
    top: 36px
;}

.fx-dialog .el-dialog__headerbtn>.el-dialog__close {
    color: #1d2129;
    font-size: 18px;
    height: 22px;
    line-height: 22px;
    width: 22px
;}

@media screen and (max-width: 999px) {
    .fx-dialog .el-dialog__header {
        padding:30px 20px 20px
    ;}

    .fx-dialog .el-dialog__body {
        margin: 0 20px;
        padding: 20px 0
    ;}
}

@media screen and (max-width: 799px) {
    .fx-dialog .el-dialog__header {
        padding:30px 20px 20px
    ;}

    .fx-dialog .el-dialog__body {
        margin: 0 20px;
        padding: 20px 0
    ;}
}

.bullet-screen-box {
    display: flex;
    justify-content: flex-start;
    position: relative
;}

.bullet-screen-box .bullet-screen {
    bottom: 22px;
    height: 120px;
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    width: 640px;
    z-index: 23
;}

.bullet-screen-box .bullet-screen .bullet-screen-swiper {
    height: 100%;
    width: 100%
;}

.bullet-screen-box .bullet-screen .swiper-slide {
    display: flex;
    justify-content: flex-start
;}

.bullet-screen-box .bullet-screen .swiper-slide p {
    background: rgba(61,85,204,.7);
    border: 1px solid rgba(61,85,204,.3);
    border-radius: 52px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 52px;
    line-height: 50px;
    max-width: 453px;
    opacity: .2;
    padding: 0 16px;
    text-align: center
;}

.bullet-screen-box .bullet-screen .swiper-slide-active p {
    opacity: 1
;}

@media screen and (max-width: 799px) {
    .bullet-screen-box {
        padding:0 16px
    ;}

    .bullet-screen-box .bullet-screen {
        width: 80%
    ;}

    .bullet-screen-box .bullet-screen .swiper-slide p {
        max-width: 100%
    ;}
}

.dealershangshi[data-v-539baeb4] ::-webkit-scrollbar {
    display: none;
    opacity: 0;
    width: 0
;}

.dealershangshi[data-v-539baeb4] ::-webkit-scrollbar-track {
    background-color: #fff;
    opacity: 0
;}

.dealershangshi[data-v-539baeb4] ::-webkit-scrollbar-thumb {
    border-radius: 0;
    opacity: 0;
    width: 0
;}

.dealer-primary-jeff {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    margin-bottom: 16px;
    padding: 24px
;}

.dealer-primary-jeff.primary-jeff-jp {
    background: none;
    border: none;
    padding: 24px 0
;}

.dealer-primary-jeff.primary-jeff-jp .primary-tit {
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    padding: 0 16px;
    position: relative
;}

.dealer-primary-jeff.primary-jeff-jp .primary-tit:before {
    background: #301;
    content: "";
    display: flex;
    height: 26px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 6px
;}

.dealer-primary-jeff.primary-jeff-jp .primary-list .list-c .list {
    background: none;
    border: none;
    min-width: 184px;
    padding: 16px 12px 20px 0;
    width: 184px
;}

.dealer-primary-jeff.primary-jeff-jp .primary-list .list-c .list:hover {
    box-shadow: none
;}

.dealer-primary-jeff.primary-jeff-jp .primary-list .list-c .list:hover .list-hand .head-right .head-name {
    color: #b38936
;}

.dealer-primary-jeff.primary-jeff-jp .primary-list .list-c .list .list-hand .head-left {
    margin-right: 8px
;}

.dealer-primary-jeff.primary-jeff-jp .primary-list .list-c .list .lise-bom .Detail,.dealer-primary-jeff.primary-jeff-jp .primary-list .list-c .list .lise-bom .off-website {
    border-radius: 27px
;}

.dealer-primary-jeff .primary-tit {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600
;}

.dealer-primary-jeff .primary-list {
    margin-top: 24px;
    position: relative;
    width: 100%
;}

.dealer-primary-jeff .primary-list .more-left,.dealer-primary-jeff .primary-list .more-right {
    align-items: center;
    background: rgba(61,61,61,.2);
    cursor: pointer;
    display: flex;
    height: 46px;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
;}

.dealer-primary-jeff .primary-list .more-left .iconfont,.dealer-primary-jeff .primary-list .more-right .iconfont {
    color: #fff;
    font-size: 14px
;}

.dealer-primary-jeff .primary-list .more-left {
    left: 0
;}

.dealer-primary-jeff .primary-list .more-right {
    right: 0
;}

.dealer-primary-jeff .primary-list .list-c {
    display: flex;
    white-space: nowrap
;}

.dealer-primary-jeff .primary-list .list-c.transition {
    transition: all 1s linear
;}

.dealer-primary-jeff .primary-list .list {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    margin-right: 10px;
    max-width: 180px;
    min-width: 180px;
    padding: 10px;
    width: 180px
;}

.dealer-primary-jeff .primary-list .list:hover {
    box-shadow: 3px 3px 4px 0 rgba(0,0,0,.08),-1px 0 4px 0 rgba(0,0,0,.08)
;}

.dealer-primary-jeff .primary-list .list:nth-child(4n) {
    margin-right: 0
;}

.dealer-primary-jeff .primary-list .list .list-hand {
    display: flex;
    margin-bottom: 10px
;}

.dealer-primary-jeff .primary-list .list .list-hand .head-left {
    margin-right: 10px
;}

.dealer-primary-jeff .primary-list .list .list-hand .head-left .pri-ico {
    border-radius: 50%;
    height: 34px;
    width: 34px
;}

.dealer-primary-jeff .primary-list .list .list-hand .head-right {
    flex: 1;
    overflow: hidden
;}

.dealer-primary-jeff .primary-list .list .list-hand .head-right .head-name {
    color: #292929;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-primary-jeff .primary-list .list .list-hand .head-right .sorce {
    margin-bottom: 4px
;}

.dealer-primary-jeff .primary-list .list .lise-bom {
    align-items: center;
    display: flex;
    justify-content: space-between
;}

.dealer-primary-jeff .primary-list .list .lise-bom .Detail,.dealer-primary-jeff .primary-list .list .lise-bom .off-website {
    background: #fff;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 4px;
    color: #7a7a7a;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    overflow: hidden;
    padding: 4px 10px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 73px
;}

.dealer-primary-jeff .primary-list .list .lise-bom .Detail:hover,.dealer-primary-jeff .primary-list .list .lise-bom .off-website:hover {
    text-decoration: underline
;}

.dealer-primary-jeff .primary-list .list .lise-bom .Detail.fordetail,.dealer-primary-jeff .primary-list .list .lise-bom .off-website.fordetail {
    padding: 0
;}

.dealer-primary-jeff .primary-list .list .lise-bom .Detail .dlink,.dealer-primary-jeff .primary-list .list .lise-bom .off-website .dlink {
    align-items: center;
    color: #7a7a7a;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 4px 10px;
    width: 100%
;}

.dealer-primary-jeff .primary-list .list .lise-bom .Detail {
    border: 1px solid rgba(61,85,204,.9);
    color: rgba(61,85,204,.9)
;}

.dealer-primary-jeff .primary-list .list .lise-bom .tree-detail {
    width: 100%
;}

.dealer-primary-jeff .primary-list .list .lise-bom.isChan {
    flex-direction: column
;}

.dealer-primary-jeff .primary-list .list .lise-bom.isChan .Detail,.dealer-primary-jeff .primary-list .list .lise-bom.isChan .off-website {
    width: 100%
;}

.dealer-primary-jeff .primary-list .list .lise-bom.isChan .off-website {
    margin-right: 0!important
;}

.dealer-primary-jeff .primary-list .list .lise-bom.isChan .Detail {
    margin-top: 8px
;}

.dealer-primary-jeff .iframe-show {
    align-items: center;
    background: rgba(0,0,0,.3);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9
;}

.dealer-primary-jeff .iframe-show .show-box {
    position: relative
;}

.dealer-primary-jeff .iframe-show .show-box .icon-close {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px
;}

.dealer-primary-jeff .iframe-show .show-box .iframe {
    background: #fff;
    border-radius: 10px;
    height: 366px;
    width: 380px
;}

@media screen and (max-width: 1199px) {
    .dealer-primary-jeff .primary-list .list-c {
        display:flex;
        flex-wrap: wrap
    ;}

    .dealer-primary-jeff .primary-list .list-c .list {
        min-width: 256px!important;
        width: 256px!important
    ;}

    .dealer-primary-jeff .primary-list .list-c .list:nth-child(-n+2) {
        margin-bottom: 16px
    ;}

    .dealer-primary-jeff .primary-list .list-c .list:nth-child(2n) {
        margin-right: 0
    ;}

    .dealer-primary-jeff .primary-list .list-c .list .list-hand .head-left {
        margin-right: 6px
    ;}

    .dealer-primary-jeff .primary-list .list-c .list .lise-bom .Detail,.dealer-primary-jeff .primary-list .list-c .list .lise-bom .off-website {
        flex: 1
    ;}

    .dealer-primary-jeff .primary-list .list-c .list .lise-bom .off-website {
        margin-right: 8px
    ;}
}

@media screen and (max-width: 999px) {
    .dealer-primary-jeff .primary-list .list-c .list {
        min-width:176px!important;
        width: 176px!important
    ;}
}

@media screen and (max-width: 799px) {
    .dealer-primary-jeff {
        padding:20px 16px 24px
    ;}

    .dealer-primary-jeff.primary-jeff-jp {
        padding: 24px 16px
    ;}

    .dealer-primary-jeff .primary-list {
        margin-top: 0
    ;}

    .dealer-primary-jeff .primary-list .list-c {
        align-items: center;
        display: flex;
        justify-content: center;
        justify-content: space-between
    ;}

    .dealer-primary-jeff .primary-list .list-c .list {
        margin-bottom: 0!important;
        margin-right: 0;
        margin-top: 12px;
        min-width: 49%!important;
        width: 49%!important
    ;}

    .dealer-primary-jeff .primary-list .list-c .list.esSte {
        padding: 16px 8px 20px
    ;}

    .dealer-primary-jeff .primary-list .list-c .list .list-hand .head-left .pri-ico {
        height: 38px;
        width: 38px
    ;}

    .dealer-primary-jeff .primary-list .list-c .list .list-hand .head-right .head-name {
        font-size: 14px;
        margin-bottom: 4px
    ;}

    .dealer-primary-jeff .primary-list .list-c .list .lise-bom .Detail,.dealer-primary-jeff .primary-list .list-c .list .lise-bom .off-website {
        overflow: inherit
    ;}
}

html[dir=rtl] .dealer-primary-jeff .primary-list .list-c .list {
    margin-left: 10px;
    margin-right: 0
;}

html[dir=rtl] .dealer-primary-jeff .primary-list .list-c .list .list-hand .head-left {
    margin-left: 5px;
    margin-right: 0
;}

@media screen and (max-width: 1199px) {
    html[dir=rtl] .dealer-primary-jeff .primary-list .list-c .list:nth-child(2n) {
        margin-left:0
    ;}
}

@media screen and (max-width: 799px) {
    html[dir=rtl] .dealer-primary-jeff .primary-list .list-c .list {
        min-width:48%!important;
        width: 48%!important
    ;}

    html[dir=rtl] .dealer-primary-jeff .primary-list .list-c .list:nth-child(2n) {
        margin-left: 0
    ;}
}

.dealer-environment {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    padding: 24px
;}

.dealer-environment .environment-tlt {
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px
;}

.dealer-environment .env-warp {
    grid-gap: 30px;
    display: flex;
    gap: 30px;
    margin-top: 8px
;}

.dealer-environment .env-warp .home-tab {
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.05)
;}

.dealer-environment .env-warp .home-tab ul h3 {
    color: #a3a3a3;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0;
    white-space: nowrap
;}

.dealer-environment .env-warp .home-tab ul .home-tab-active {
    border-bottom: 1px solid #3d3d3d;
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 600;
    transform: scale(1.01)
;}

.dealer-environment .env-warp .speed-charts {
    height: 264px;
    width: 100%
;}

.dealer-environment .env-warp .speed-info {
    display: flex;
    flex-wrap: wrap
;}

.dealer-environment .env-warp .speed-info .info-item {
    flex-basis: 33.33%;
    padding: 10px 0
;}

.dealer-environment .env-warp .speed-info .item-tlt {
    color: #a3a3a3;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
;}

.dealer-environment .env-warp .speed-info .item-ctx {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    font-family: DIN-Medium;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin-top: 4px
;}

.dealer-environment .env-warp .speed-info .item-ctx span {
    background: rgba(53,179,137,.05);
    border: 1px solid #35b389;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-left: 10px;
    padding: 0 6px
;}

.dealer-environment .env-warp .slippage-info {
    display: flex;
    flex-wrap: wrap;
    gap: 4%
;}

.dealer-environment .env-warp .slippage-info .info-item {
    flex-basis: 48%;
    padding: 10px 0
;}

.dealer-environment .env-warp .slippage-info .item-tlt {
    color: #a3a3a3;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
;}

.dealer-environment .env-warp .slippage-info .item-ctx {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    font-family: DIN-Medium;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin-top: 4px
;}

.dealer-environment .env-warp .slippage-info .item-ctx span {
    background: rgba(53,179,137,.05);
    border: 1px solid #35b389;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-left: 10px;
    padding: 0 6px
;}

.dealer-environment .warp-left {
    width: 494px
;}

.dealer-environment .warp-left .cost-pane,.dealer-environment .warp-left .offline-pane,.dealer-environment .warp-left .overnight-pane,.dealer-environment .warp-left .slippage-pane,.dealer-environment .warp-left .speed-pane {
    display: none
;}

.dealer-environment .warp-left .pane-block {
    display: block
;}

.dealer-environment .warp-right {
    background: #fafafa;
    height: 437px;
    padding: 20px;
    width: 234px
;}

.dealer-environment .warp-right .gauge-charts {
    height: 180px;
    margin: 0 auto;
    width: 180px
;}

.dealer-environment .warp-right .gauge-rank {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    line-height: 20px;
    margin-top: -20px
;}

.dealer-environment .warp-right .gauge-rank span {
    font-family: DIN;
    font-size: 14px
;}

.dealer-environment .warp-right .gauge-rank span i {
    color: #f5ca5d;
    font-family: DIN-Medium;
    font-size: 20px;
    font-style: normal;
    line-height: 24px
;}

.dealer-environment .warp-right .right-line {
    background: rgba(0,0,0,.04);
    height: 1px;
    margin: 16px 0;
    width: 100%
;}

.dealer-environment .warp-right .r-info-item {
    color: #a3a3a3;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 20px
;}

.dealer-environment .warp-right .r-info-item:first-child {
    margin-top: 0
;}

.dealer-environment .warp-right .r-info-item span {
    color: #3d3d3d;
    display: block;
    font-family: DIN-Medium;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin-top: 4px
;}

.dealer-environment .env-data {
    color: #ccc;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 400;
    justify-content: space-between;
    line-height: 17px;
    margin-top: 10px
;}

.dealer-environment .env-data,.dealer-environment .env-data .env-data_l {
    align-items: center;
    display: flex
;}

.dealer-environment .env-data .env-data_l img {
    height: 15px;
    width: 14px
;}

.dealer-environment .env-data .data-time {
    color: #a3a3a3;
    display: flex;
    font-size: 12px;
    line-height: 17px;
    text-align: right
;}

.dealer-environment .env-data .data-time span {
    display: flex
;}

.dealer-environment .env-data img {
    margin: 0 6px
;}

.dealer-environment .env-data .span {
    color: #3685ff
;}

.dealer-environment .line-chart-pop .item-date {
    font-family: DIN-Medium;
    font-size: 12px
;}

.dealer-environment .line-chart-pop .item-value {
    display: flex;
    font-family: DDIN-MediumIN;
    font-size: 12px;
    justify-content: space-between
;}

.dealer-environment .line-chart-pop .item-value span {
    font-family: DIN-Medium;
    font-weight: 600;
    margin-left: 10px
;}

.dealer-environment .trend-item {
    position: relative
;}

.dealer-environment .trend-item .trend-info {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    font-family: DIN-Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px;
    position: absolute;
    right: 0;
    top: 10px
;}

.dealer-environment .trend-item .trend-info span {
    background: rgba(53,179,137,.05);
    border: 1px solid #35b389;
    border-radius: 4px;
    color: #35b389;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-left: 10px;
    padding: 0 6px
;}

@media screen and (max-width: 1199px) {
    .dealer-environment .env-warp {
        flex-direction:column
    ;}

    .dealer-environment .warp-right {
        height: auto;
        width: 100%
    ;}

    .dealer-environment .warp-right .gauge-charts {
        width: 190px
    ;}

    .dealer-environment .right-line {
        display: none
    ;}

    .dealer-environment .right-info {
        margin-left: 20px
    ;}

    .dealer-environment .info-side {
        display: flex
    ;}
}

@media screen and (max-width: 999px) {
    .dealer-environment .env-warp .speed-info .info-item {
        flex-basis:50%;
        padding: 10px 0
    ;}

    .dealer-environment .warp-left {
        width: 346px
    ;}

    .dealer-environment .info-side {
        flex-direction: column
    ;}

    .dealer-environment .right-info {
        margin-left: 0
    ;}

    .dealer-environment .gauge-charts {
        margin: 0 auto
    ;}
}

@media screen and (max-width: 799px) {
    .dealer-environment .warp-left {
        width:100%
    ;}

    .dealer-environment .right-info {
        margin-left: 0;
        margin-top: 16px
    ;}

    .dealer-environment .trend-item .trend-info {
        font-size: 12px
    ;}
}

html[dir=rtl] .dealer-environment .env-warp .speed-info .item-ctx span {
    margin-left: 0;
    margin-right: 10px
;}

@media screen and (max-width: 1199px) {
    html[dir=rtl] .dealer-environment .env-warp .warp-left {
        width:100%
    ;}
}

.dealer-transaction {
    background: #fff;
    box-sizing: border-box;
    padding: 24px 40px
;}

.dealer-transaction .home-tab ul .wiki-nav-item {
    font-size: 24px;
    line-height: 34px
;}

.dealer-transaction .home-tab ul .home-tab-active {
    color: #292929;
    font-weight: 600;
    transform: scale(1.01)
;}

.dealer-transaction .transaction {
    display: flex;
    margin-top: 24px
;}

.dealer-transaction .transaction .transaction-l {
    flex: 1;
    margin-right: 30px
;}

.dealer-transaction .transaction .transaction-l .transaction-l-t {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 10px
;}

.dealer-transaction .transaction .transaction-l .transaction-l-bar {
    height: 210px;
    margin-top: 21px;
    width: 100%
;}

.dealer-transaction .transaction .transaction-l .transaction-jyhy,.dealer-transaction .transaction .transaction-l .transaction-jyss {
    height: 193px
;}

.dealer-transaction .transaction .transaction-l .transaction-l-list {
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 2px;
    height: 164px;
    margin-top: 13px;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    width: 100%
;}

.dealer-transaction .transaction .transaction-l .transaction-l-list .transaction-l-list-tt {
    background: #fff;
    height: 100%;
    left: 0;
    min-width: 490px;
    position: absolute;
    top: 0;
    width: 100%
;}

.dealer-transaction .transaction .transaction-l .transaction-l-list .list-title {
    align-items: center;
    background: #fafafa;
    display: flex;
    height: 32px
;}

.dealer-transaction .transaction .transaction-l .transaction-l-list .list-title ul {
    align-items: center;
    display: flex;
    flex: 1
;}

.dealer-transaction .transaction .transaction-l .transaction-l-list .list-title ul li {
    align-items: center;
    color: #a3a3a3;
    display: flex;
    flex: 1;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    justify-content: center
;}

.dealer-transaction .transaction .transaction-l .transaction-l-list::-webkit-scrollbar {
    height: 6px
;}

.dealer-transaction .transaction .transaction-l .transaction-l-list .list-list .list-ul {
    align-items: center;
    display: flex;
    height: 44px
;}

.dealer-transaction .transaction .transaction-l .transaction-l-list .list-list .list-ul li {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    flex: 1;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    line-height: 20px
;}

.dealer-transaction .transaction .transaction-l .transaction-l-list .list-list .list-ul li img {
    height: 16px;
    margin-right: 6px
;}

.dealer-transaction .transaction .transaction-l .transaction-l-list .list-list .list-ul li:first-child {
    justify-content: flex-start;
    padding-left: 10px
;}

.dealer-transaction .transaction .transaction-r {
    background: #f3f7fe;
    border-radius: 0;
    box-sizing: border-box;
    padding: 22px 27px 0;
    width: 234px
;}

.dealer-transaction .transaction .transaction-r .transaction-bcl {
    width: 100%
;}

.dealer-transaction .transaction .transaction-r .transaction-bcl .bcl-title {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
;}

.dealer-transaction .transaction .transaction-r .transaction-bcl .bcl-title .bcl-title-1 {
    color: rgba(61,61,61,.5);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.dealer-transaction .transaction .transaction-r .transaction-bcl .bcl-title .bcl-title-2 {
    color: #3d3d3d;
    font-family: DIN-Medium;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 31px;
    margin-top: 10px
;}

.dealer-transaction .transaction .transaction-r .transaction-bcl .bcl-echart {
    height: 100px
;}

.dealer-transaction .transaction .transaction-r .transaction-pzfb {
    display: flex;
    flex-direction: column;
    height: 220.33px;
    width: 100%
;}

.dealer-transaction .transaction .transaction-r .transaction-pzfb .pzfb-title {
    color: rgba(61,61,61,.5);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    width: 100%
;}

.dealer-transaction .transaction .transaction-r .transaction-pzfb .pzfb-b {
    flex: 1
;}

.dealer-transaction .transaction .transaction-r-hyd {
    background: #fafafa;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 22px 27px;
    width: 234px
;}

.dealer-transaction .transaction .transaction-r-hyd .hyd-r-head {
    border-bottom: 1px solid rgba(0,0,0,.04);
    padding-bottom: 20px
;}

.dealer-transaction .transaction .transaction-r-hyd .hyd-r-head-t {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.dealer-transaction .transaction .transaction-r-hyd .hyd-r-foot {
    padding-top: 20px
;}

.dealer-transaction .transaction .transaction-r-hyd .hyd-r-head-label {
    color: #a3a3a3;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 26px
;}

.dealer-transaction .transaction .transaction-r-hyd .hyd-r-head-p {
    color: #3d3d3d;
    font-family: DIN-Medium;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    margin-top: 4px
;}

.dealer-transaction .transaction .transaction-r-hyd .biaozhu {
    color: #a3a3a3;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-top: 40px;
    text-align: right
;}

@media screen and (max-width: 1199px) {
    .dealer-transaction .transaction {
        flex-direction:column
    ;}

    .dealer-transaction .transaction .transaction-l {
        margin-right: 0
    ;}

    .dealer-transaction .transaction .transaction-r {
        display: flex;
        margin-top: 30px;
        width: 100%
    ;}

    .dealer-transaction .transaction .transaction-r .transaction-bcl,.dealer-transaction .transaction .transaction-r .transaction-pzfb {
        align-items: center;
        display: flex;
        flex: 1;
        flex-direction: column
    ;}

    .dealer-transaction .transaction .transaction-r .transaction-bcl .pzfb-b,.dealer-transaction .transaction .transaction-r .transaction-pzfb .pzfb-b {
        flex-shrink: 0;
        height: 170px;
        width: 100%
    ;}

    .dealer-transaction .transaction .transaction-r .transaction-bcl .bcl-echart,.dealer-transaction .transaction .transaction-r .transaction-pzfb .bcl-echart {
        flex-shrink: 0;
        width: 100%
    ;}
}

@media screen and (max-width: 999px) {
    .dealer-transaction .transaction {
        flex-direction:column
    ;}

    .dealer-transaction .transaction .transaction-l {
        margin-right: 0
    ;}

    .dealer-transaction .transaction .transaction-l .transaction-l-list .list-list .list-ul li {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    ;}

    .dealer-transaction .transaction .transaction-l .transaction-l-list .list-list .list-ul li:first-child,.dealer-transaction .transaction .transaction-l .transaction-l-list .list-list .list-ul li:last-child {
        justify-content: flex-start;
        padding: 0 5px
    ;}

    .dealer-transaction .transaction .transaction-r {
        display: flex;
        flex-direction: column;
        margin-top: 30px;
        width: 100%
    ;}

    .dealer-transaction .transaction .transaction-r .transaction-bcl,.dealer-transaction .transaction .transaction-r .transaction-pzfb {
        flex-shrink: 0;
        flex: auto;
        height: 250px;
        justify-content: center
    ;}
}

@media screen and (max-width: 799px) {
    .dealer-transaction .transaction .transaction-r-hyd {
        width:100%!important
    ;}
}

html[dir=rtl] .dealer-transaction .transaction .transaction-l .transaction-l-list .list-list .list-ul li img {
    margin-left: 6px;
    margin-right: 0
;}

html[dir=rtl] .dealer-transaction .transaction .transaction-l .transaction-l-list .list-list .list-ul li:first-child {
    padding-left: 0;
    padding-right: 10px
;}

html[dir=rtl] .dealer-transaction .transaction .transaction-l {
    margin-left: 30px;
    margin-right: 0
;}

html[dir=rtl] .dealer-transaction .transaction .transaction-r-hyd .biaozhu {
    text-align: left
;}

@media screen and (max-width: 1199px) {
    html[dir=rtl] .dealer-transaction .transaction .transaction-l {
        margin-left:0
    ;}
}

.dealer-transaction .ea-tab li {
    color: #a3a3a3!important
;}

.dealer-transaction .ea-tab .home-tab-active {
    color: #000!important
;}

.epc-pop {
    align-items: center;
    background: rgba(0,0,0,.5)!important;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 104
;}

.epc-pop .epc-box {
    background: url(https://resources1.interface003.com/web20/img/dealer/epc.png);
    height: 302px;
    padding: 60px 40px;
    position: relative;
    width: 962px
;}

.epc-pop .epc-box .phone-bg {
    bottom: 3px;
    display: block;
    height: 260px;
    margin-right: 50px;
    position: absolute;
    right: 0;
    width: 271px
;}

.epc-pop .epc-box .icon-close {
    color: #fff;
    cursor: pointer;
    font-size: 22px;
    position: absolute;
    right: 7px;
    top: 7px
;}

.epc-pop .epc-box .epc-l .l-head {
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #fff;
    display: -webkit-box;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 55px;
    overflow: hidden;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    width: 410px;
    word-break: break-all
;}

.epc-pop .epc-box .epc-l .l-head img {
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    vertical-align: baseline;
    width: 30px
;}

.epc-pop .epc-box .epc-l .l-con {
    word-wrap: break-word;
    color: #fff;
    font-size: 42px;
    font-style: normal;
    font-weight: 600;
    line-height: 59px;
    word-break: break-all
;}

.epc-pop .epc-box .epc-l .not-isZh {
    font-size: 20px;
    line-height: 30px;
    width: 400px
;}

.epc-pop .epc-box .epc-l .l-bom {
    background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.1) 50.78%,hsla(0,0%,100%,0));
    box-shadow: inset 0 .5px 0 hsla(0,0%,100%,.3),inset 0 -.5px 0 hsla(0,0%,100%,.3);
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    height: 44px;
    line-height: 44px;
    margin-top: 40px;
    text-align: center;
    width: 354px
;}

.epc-pop .epc-box .epc-l .marked-words {
    color: rgba(255,238,204,.6);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    left: 460px;
    line-height: 20px;
    position: absolute;
    text-align: center;
    top: 213px;
    width: 129px
;}

.epc-pop .epc-box .epc-r {
    left: 487px;
    position: absolute;
    top: 99px
;}

.epc-pop .epc-box .epc-r img {
    height: 77px;
    width: 77px
;}

@media screen and (max-width: 1199px) {
    .epc-pop .epc-box {
        background:url(https://resources1.interface003.com/web20/img/dealer/epc2.png) no-repeat;
        height: 302px;
        width: 602px
    ;}

    .epc-pop .epc-box .phone-bg {
        display: none
    ;}

    .epc-pop .epc-box .epc-r {
        left: 441px;
        position: absolute;
        top: 100px
    ;}

    .epc-pop .epc-box .epc-r img {
        height: 77px;
        width: 77px
    ;}

    .epc-pop .epc-box .epc-l .l-head {
        width: 400px
    ;}

    .epc-pop .epc-box .epc-l .l-head img {
        height: 36px;
        margin-right: 10px;
        width: 36px
    ;}

    .epc-pop .epc-box .epc-l .l-head h1 {
        word-wrap: break-word;
        word-break: break-all
    ;}

    .epc-pop .epc-box .epc-l .l-con,.epc-pop .epc-box .epc-l .l-head h1 {
        color: #fff;
        font-size: 42px;
        font-style: normal;
        font-weight: 600;
        line-height: 59px
    ;}

    .epc-pop .epc-box .epc-l .not-isZh {
        font-size: 20px;
        line-height: 30px;
        width: 400px
    ;}

    .epc-pop .epc-box .epc-l .marked-words {
        left: 415px;
        top: 213px
    ;}
}

html[dir=rtl] .epc-pop .icon-close {
    left: 10px;
    right: unset
;}

html[dir=rtl] .epc-pop .epc-box .epc-l .not-isZh {
    margin-right: 480px
;}

html[dir=rtl] .epc-pop .epc-box .epc-l .l-head {
    margin-right: 480px;
    width: 400px
;}

html[dir=rtl] .epc-pop .epc-box .epc-l .l-head img {
    margin-left: 10px;
    margin-right: unset
;}

html[dir=rtl] .epc-pop .epc-box .epc-l .l-bom {
    margin-right: 480px
;}

@media screen and (max-width: 1199px) {
    html[dir=rtl] .epc-pop .epc-box .epc-l .l-bom,html[dir=rtl] .epc-pop .epc-box .epc-l .l-head,html[dir=rtl] .epc-pop .epc-box .epc-l .not-isZh {
        margin-right:170px
    ;}
}

.japan-popup-dialog .el-dialog {
    border-radius: 16px;
    display: flex;
    display: -ms-flex;
    flex-direction: column;
    height: 500px;
    left: 50%;
    margin: 0!important;
    max-height: calc(100% - 30px);
    max-width: calc(100% - 30px);
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 760px
;}

.japan-popup-dialog .el-dialog .el-dialog__title {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px
;}

.japan-popup-dialog .el-dialog .el-dialog__headerbtn:hover .el-dialog__close {
    color: #000
;}

.japan-popup-dialog .el-dialog .el-dialog__body {
    color: #7a7a7a;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 268px;
    line-height: 26px;
    margin: 54px 0 30px;
    overflow-y: auto!important;
    overflow: hidden;
    overflow-x: hidden;
    padding: 0 30px
;}

.japan-popup-dialog .el-dialog .el-dialog__body span {
    align-items: center;
    display: flex;
    padding-bottom: 20px
;}

.japan-popup-dialog .el-dialog .el-dialog__body span:last-child {
    padding: 0
;}

.japan-popup-dialog .el-dialog .el-dialog__body::-webkit-scrollbar {
    background-color: #fff
;}

.japan-popup-dialog .el-dialog .el-dialog__body::-webkit-scrollbar-thumb {
    background: #e6e6e6;
    border-radius: 10px;
    height: 75px;
    width: 6px
;}

.japan-popup-dialog .el-dialog .japan-website {
    background: #323947;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 40px;
    left: 579px;
    line-height: 22px;
    min-width: 133px;
    padding: 9px 0;
    text-align: center;
    top: 414px;
    width: 133px
;}

html[dir=rtl] .japan-popup-dialog .el-dialog .el-dialog__headerbtn {
    left: 20px;
    right: auto
;}

html[dir=rtl] .japan-popup-dialog .el-dialog .japan-website {
    left: 30px;
    position: absolute
;}

.dealer-epc {
    background: #fff;
    margin-bottom: 20px
;}

.dealer-epc .dealer-epc-ul li {
    align-items: center;
    background: rgba(51,128,102,.05);
    cursor: pointer;
    display: flex;
    padding: 14px 10px 14px 16px;
    position: relative
;}

.dealer-epc .dealer-epc-ul li .epc-logo {
    height: 48px;
    margin-right: 10px;
    width: 48px
;}

.dealer-epc .dealer-epc-ul li .icon-arrow-down1 {
    color: #338066;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%)
;}

.dealer-epc .dealer-epc-ul li .epc-con h3 {
    align-items: center;
    color: #338066;
    display: flex;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    max-width: 300px
;}

.dealer-epc .dealer-epc-ul li .epc-con .epc-t {
    align-items: center;
    display: flex;
    margin-top: 6px
;}

.dealer-epc .dealer-epc-ul li .epc-con .epc-t .iconfont {
    color: #338066;
    font-size: 14px
;}

.dealer-epc .dealer-epc-ul li .epc-con img {
    height: 12px;
    margin-right: 5px;
    vertical-align: middle;
    width: 12px
;}

.dealer-epc .dealer-epc-ul li .epc-con span {
    color: #338066;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    max-height: 32px;
    vertical-align: middle
;}

.dealer-epc .dealer-epc-ul li .epc-con .epc-emc-desc {
    align-items: center;
    display: flex;
    line-height: 16px;
    margin-top: 5px;
    max-width: 300px
;}

.dealer-epc .dealer-epc-ul li .epc-con .epc-emc-desc .iconfont {
    color: #338066;
    font-size: 14px
;}

.dealer-epc .dealer-epc-ul li .epc-con .con-bom {
    align-items: center;
    display: flex;
    padding: 0 6px
;}

.dealer-epc .dealer-epc-ul li .epc-con .con-bom span {
    margin-right: 5px
;}

.dealer-epc .dealer-epc-ul li:hover {
    opacity: .85
;}

@media screen and (max-width: 999px) {
    .dealer-epc .dealer-epc-ul li .epc-con h3 {
        font-size:14px
    ;}
}

@media screen and (max-width: 799px) {
    .dealer-epc {
        border:0;
        border-radius: 0;
        padding: 0 12px
    ;}

    .dealer-epc .dealer-epc-ul {
        background: #fafafa
    ;}

    .dealer-epc .dealer-epc-ul li {
        box-shadow: none;
        height: unset;
        min-height: 61px
    ;}

    .dealer-epc .dealer-epc-ul li:nth-child(2),.dealer-epc .dealer-epc-ul li:nth-child(3) {
        border-top: none
    ;}

    .dealer-epc .dealer-epc-ul li .epc-con h3 {
        word-wrap: break-word;
        font-size: 14px;
        max-width: 90%
    ;}
}

html[dir=rtl] .dealer-epc .dealer-epc-ul li .icon-arrow-right {
    left: 18px;
    right: auto
;}

.dealer-regulatory-newlist .container-t {
    margin-top: 8px;
    width: 100%
;}

.dealer-regulatory-newlist .container-t div .block {
    align-items: center;
    border-bottom: 1px dashed #ededed;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 11px 0;
    vertical-align: middle;
    width: 100%
;}

.dealer-regulatory-newlist .container-t div .block:hover {
    background: hsla(0,0%,93%,.5)
;}

.dealer-regulatory-newlist .container-t div .block .left {
    align-items: center;
    display: flex;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-regulatory-newlist .container-t div .block .left .flag {
    height: 18px;
    margin-right: 8px;
    width: 27.69px
;}

.dealer-regulatory-newlist .container-t div .block .left .info {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-regulatory-newlist .container-t div .block .left .dealer-regulatory-list {
    display: flex
;}

.dealer-regulatory-newlist .container-t div .block .left .dealer-regulatory-list span {
    padding-right: 3px
;}

.dealer-regulatory-newlist .container-t div .block .left .dealer-regulatory-list .dealer-regulatory-licenseName {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-regulatory-newlist .container-t div .block .right {
    align-items: center;
    display: flex
;}

.dealer-regulatory-newlist .container-t div .block .right .dealer-status {
    align-items: center;
    border: 1px solid;
    color: #3d3d3d;
    display: flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    margin: 0 4px 0 6px;
    padding: 0 4px;
    white-space: nowrap;
    width: 100%
;}

.dealer-regulatory-newlist .container-t div .block .right .icon-arrow-right {
    color: #a3a3a3;
    font-size: 10.67px
;}

.dealer-regulatory-newlist .container-t div .block .right .iconfont-tt {
    align-items: center;
    border-radius: 9px;
    display: flex;
    font-size: 8px;
    height: 18px;
    justify-content: center;
    margin-right: 4px;
    width: 18px
;}

.dealer-regulatory-newlist .container-t div :last-child {
    border: 0
;}

.dealer-regulatory-newlist .container-t .dealer-items {
    align-items: center;
    border-bottom: 1px dashed #ededed;
    display: flex;
    padding: 10px 0;
    width: 100%
;}

.dealer-regulatory-newlist .container-t .dealer-items:hover {
    background: hsla(0,0%,93%,.5)
;}

.dealer-regulatory-newlist .container-t .dealer-items .flag {
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 50%;
    flex-shrink: 0;
    height: 40px;
    margin-right: 16px;
    width: 40px
;}

.dealer-regulatory-newlist .container-t .dealer-items .info {
    display: flex;
    flex-direction: column;
    width: 100%
;}

.dealer-regulatory-newlist .container-t .dealer-items .info .info-p {
    display: flex;
    width: 100%
;}

.dealer-regulatory-newlist .container-t .dealer-items .info .info-p .dealer-status-span {
    align-items: center;
    display: flex;
    max-width: 222px;
    white-space: nowrap
;}

.dealer-regulatory-newlist .container-t .dealer-items .info .info-p .dealer-status-span .short-name {
    border: 1px solid;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    margin-right: 6px;
    padding: 0 4px
;}

.dealer-regulatory-newlist .container-t .dealer-items .info .info-p .dealer-status-span .dealer-status {
    border-radius: 2px;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    max-width: 179px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-regulatory-newlist .container-t .dealer-items .info .as-licenses {
    color: #3d3d3d;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    margin-top: 4px;
    max-width: 222px;
    width: 100%
;}

.dealer-regulatory-newlist .container-t .dealer-items .info .as-licenses .as-licenses-span1 {
    border-radius: 2px;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    margin-right: 6px;
    white-space: nowrap
;}

.dealer-regulatory-newlist .container-t .dealer-items .info .as-licenses .as-licenses-span2 {
    border-radius: 2px;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-regulatory-newlist .container-t .dealer-items .iconfont-y {
    align-items: center;
    display: flex
;}

.dealer-regulatory-newlist .container-t .dealer-items .iconfont-y .iconfont-tt {
    align-items: center;
    border-radius: 9px;
    display: flex;
    font-size: 8px;
    height: 18px;
    justify-content: center;
    margin-right: 4px;
    width: 18px
;}

.dealer-regulatory-newlist .container-t .dealer-items .iconfont-y i {
    color: #a3a3a3;
    font-size: 16.67px
;}

.dealer-regulatory-newlist .container-t :last-child {
    border: none
;}

@media screen and (max-width: 1199px) {
    .dealer-regulatory-newlist .container-t .dealer-items .info .as-licenses {
        max-width:193px
    ;}

    .dealer-regulatory-newlist .container-t .dealer-items .info .info-p .dealer-status-span {
        max-width: 215px
    ;}

    .dealer-regulatory-newlist .container-t .dealer-items .info .info-p .dealer-status-span .dealer-status {
        max-width: 145px
    ;}
}

@media screen and (max-width: 999px) {
    .dealer-regulatory-newlist .container-t .dealer-items .info .as-licenses {
        max-width:173px!important
    ;}

    .dealer-regulatory-newlist .container-t .dealer-items .info .info-p .dealer-status-span {
        max-width: 172px!important
    ;}

    .dealer-regulatory-newlist .container-t .dealer-items .info .info-p .dealer-status-span .dealer-status {
        max-width: 128px
    ;}
}

@media screen and (max-width: 799px) {
    .dealer-regulatory-newlist .container-t div .block {
        padding:10px 0
    ;}

    .dealer-regulatory-newlist .container-t .dealer-items {
        display: flex;
        justify-content: space-between;
        width: 100%
    ;}

    .dealer-regulatory-newlist .container-t .dealer-items .info {
        flex-shrink: 0;
        width: calc(100% - 95px)
    ;}

    .dealer-regulatory-newlist .container-t .dealer-items .info .info-p {
        max-width: unset!important;
        width: 100%!important
    ;}

    .dealer-regulatory-newlist .container-t .dealer-items .info .info-p .dealer-status-span {
        max-width: 284px!important
    ;}

    .dealer-regulatory-newlist .container-t .dealer-items .info .info-p .dealer-status-span .dealer-status {
        max-width: 100%!important
    ;}

    .dealer-regulatory-newlist .container-t .dealer-items .info .as-licenses {
        max-width: 100%
    ;}
}

html[dir=rtl] .dealer-regulatory-newlist .container-t .dealer-items .info p span .short-name {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .dealer-regulatory-newlist .dealer-items .flag {
    margin-left: 16px;
    margin-right: 0
;}

html[dir=rtl] .dealer-regulatory-newlist .container-t div .block .left .flag {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .dealer-regulatory-newlist .container-t div .block .right .iconfont-tt {
    margin-left: 4px;
    margin-right: 0
;}

.risk-nexpopup {
    overflow: hidden
;}

.risk-nexpopup .el-dialog__header {
    display: none
;}

.risk-nexpopup .el-dialog__body {
    margin: 0;
    padding: 32px;
    position: relative
;}

.risk-nexpopup .el-dialog__body::-webkit-scrollbar {
    background-color: transparent;
    width: 4px
;}

.risk-nexpopup .el-dialog__body::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 99px
;}

@media screen and (max-width: 799px) {
    .risk-popup-newbox .el-dialog__wrapper {
        align-items:flex-end
    ;}

    .risk-popup-newbox .el-dialog__wrapper .el-dialog {
        border-radius: 16px 16px 0 0
    ;}

    .risk-popup-newbox .el-dialog__wrapper .el-dialog .el-dialog__body {
        padding: 16px
    ;}
}

.dealer-regulatory {
    background: #fbfbfb;
    padding: 16px 0 12px
;}

.dealer-regulatory .title {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    height: 31px;
    line-height: 31px
;}

.dealer-regulatory .container-t {
    margin-top: 6px;
    width: 100%
;}

.dealer-regulatory .container-t div .blockclass {
    align-items: center;
    border-bottom: 1px dashed #ededed;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 11px 0;
    vertical-align: middle;
    width: 100%
;}

.dealer-regulatory .container-t div .blockclass:hover {
    background: hsla(0,0%,93%,.5)
;}

.dealer-regulatory .container-t div .blockclass .left {
    align-items: center;
    display: flex;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-regulatory .container-t div .blockclass .left .flag {
    height: 18px;
    margin-right: 8px;
    width: 27.69px
;}

.dealer-regulatory .container-t div .blockclass .left .info {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-regulatory .container-t div .blockclass .left .dealer-regulatory-list {
    display: flex
;}

.dealer-regulatory .container-t div .blockclass .left .dealer-regulatory-list span {
    padding-right: 3px
;}

.dealer-regulatory .container-t div .blockclass .left .dealer-regulatory-list .dealer-regulatory-licenseName {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-regulatory .container-t div .blockclass .right {
    align-items: center;
    display: flex
;}

.dealer-regulatory .container-t div .blockclass .right .dealer-status {
    align-items: center;
    border: 1px solid;
    color: #3d3d3d;
    display: flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    margin: 0 4px 0 6px;
    padding: 0 4px;
    white-space: nowrap;
    width: 100%
;}

.dealer-regulatory .container-t div .blockclass .right .icon-arrow-right {
    color: #a3a3a3;
    font-size: 10.67px
;}

.dealer-regulatory .container-t div .blockclass .right .iconfont-tt {
    align-items: center;
    border-radius: 9px;
    display: flex;
    font-size: 8px;
    height: 18px;
    justify-content: center;
    margin-right: 4px;
    width: 18px
;}

.dealer-regulatory .container-t div :last-child {
    border: 0
;}

.dealer-regulatory .container-t .dealer-items {
    align-items: center;
    border-bottom: 1px dashed #ededed;
    display: flex;
    padding: 10px 0;
    width: 100%
;}

.dealer-regulatory .container-t .dealer-items:hover {
    background: hsla(0,0%,93%,.5)
;}

.dealer-regulatory .container-t .dealer-items .flag {
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 50%;
    flex-shrink: 0;
    height: 40px;
    margin-right: 10px;
    width: 40px
;}

.dealer-regulatory .container-t .dealer-items .info {
    display: flex;
    flex-direction: column;
    width: 100%
;}

.dealer-regulatory .container-t .dealer-items .info .info-p {
    display: flex;
    width: 100%
;}

.dealer-regulatory .container-t .dealer-items .info .info-p .dealer-status-span {
    align-items: center;
    display: flex;
    max-width: 222px;
    white-space: nowrap
;}

.dealer-regulatory .container-t .dealer-items .info .info-p .dealer-status-span .short-name {
    border: 1px solid;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    margin-right: 6px;
    padding: 0 4px
;}

.dealer-regulatory .container-t .dealer-items .info .info-p .dealer-status-span .dealer-status {
    border-radius: 2px;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-regulatory .container-t .dealer-items .info .as-licenses {
    color: #3d3d3d;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    margin-top: 4px;
    max-width: 222px;
    width: 100%
;}

.dealer-regulatory .container-t .dealer-items .info .as-licenses .as-licenses-span1 {
    border-radius: 2px;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    margin-right: 6px;
    white-space: nowrap
;}

.dealer-regulatory .container-t .dealer-items .info .as-licenses .as-licenses-span2 {
    border-radius: 2px;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-regulatory .container-t .dealer-items .iconfont-y {
    align-items: center;
    display: flex
;}

.dealer-regulatory .container-t .dealer-items .iconfont-y .iconfont-tt {
    align-items: center;
    border-radius: 9px;
    display: flex;
    font-size: 8px;
    height: 18px;
    justify-content: center;
    margin-right: 4px;
    width: 18px
;}

.dealer-regulatory .container-t .dealer-items .iconfont-y i {
    font-size: 12px
;}

.dealer-regulatory .container-t::-webkit-scrollbar {
    width: 2px
;}

.dealer-regulatory .container-t :last-child {
    border: none
;}

.dealer-regulatory .risk-warning {
    align-items: center;
    background: #fff;
    border: 1px dashed rgba(0,0,0,.1);
    border-radius: 6px;
    display: flex;
    justify-content: center;
    margin-top: 16px;
    padding: 22px 16px
;}

.dealer-regulatory .risk-warning i {
    color: #3d3d3d;
    font-size: 16px
;}

.dealer-regulatory .risk-warning p {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding: 0 6px;
    width: 100%;
    word-break: break-all
;}

.dealer-regulatory .zizhiforjg {
    align-items: center;
    background-color: rgba(0,0,0,.5);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2999
;}

.dealer-regulatory .zizhiforjg .zzbox {
    background: #fff;
    border-radius: 16px;
    position: relative;
    width: 400px
;}

.dealer-regulatory .zizhiforjg .zzbox .icon-close {
    cursor: pointer;
    display: none;
    height: 14px;
    position: absolute;
    right: 14px;
    top: 14px;
    width: 14px
;}

.dealer-regulatory .zizhiforjg .zzbox .zzinfo {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 22px;
    justify-content: center;
    padding: 0 24px
;}

.dealer-regulatory .zizhiforjg .zzbox .zzinfo .zzimg {
    height: 68px;
    margin-top: 44px;
    width: 68px
;}

.dealer-regulatory .zizhiforjg .zzbox .zzinfo p {
    color: #3d3d3d;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin: 26px auto 22px;
    text-align: center;
    width: 320px
;}

.dealer-regulatory .zizhiforjg .zzbox .zzinfo .btn {
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: 40px
;}

.dealer-regulatory .zizhiforjg .zzbox .zzinfo .btn .btn_know {
    align-items: center;
    align-self: stretch;
    border: 1px solid rgba(166,176,195,.5);
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    height: 44px;
    justify-content: center;
    order: 2;
    padding: 0;
    width: 320px
;}

.dealer-regulatory .zizhiforjg .zzbox .zzinfo .btn .btn_know p {
    align-items: center;
    color: #3d3d3d;
    display: block;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-align: center
;}

@media screen and (max-width: 1199px) {
    .dealer-regulatory .container-t .dealer-items .info .as-licenses {
        max-width:193px
    ;}

    .dealer-regulatory .container-t .dealer-items .info .info-p .dealer-status-span {
        max-width: 215px
    ;}

    .dealer-regulatory .container-t .dealer-items .info .info-p .dealer-status-span .dealer-status {
        max-width: 145px
    ;}
}

@media screen and (max-width: 999px) {
    .dealer-regulatory .zizhiforjg .zzbox {
        height:auto;
        width: 80%
    ;}

    .dealer-regulatory .zizhiforjg .zzbox .zzinfo {
        padding: 20px 25px
    ;}

    .dealer-regulatory .zizhiforjg .zzbox .zzinfo p {
        width: 100%
    ;}

    .dealer-regulatory .zizhiforjg .zzbox .zzinfo .btn {
        margin-bottom: 10px
    ;}

    .dealer-regulatory .zizhiforjg .zzbox .zzinfo .btn .btn_know {
        padding: 0 20px;
        width: 100%
    ;}

    .dealer-regulatory .container-t .dealer-items .info .as-licenses {
        max-width: 173px!important
    ;}

    .dealer-regulatory .container-t .dealer-items .info .info-p .dealer-status-span {
        max-width: 172px!important
    ;}

    .dealer-regulatory .container-t .dealer-items .info .info-p .dealer-status-span .dealer-status {
        max-width: 128px
    ;}
}

@media screen and (max-width: 799px) {
    .dealer-regulatory .container-t div .blockclass {
        padding:10px 0
    ;}

    .dealer-regulatory .container-t .dealer-items {
        display: flex;
        width: 100%
    ;}

    .dealer-regulatory .container-t .dealer-items .info {
        flex-shrink: 0;
        flex: 1;
        width: calc(100% - 100px)
    ;}

    .dealer-regulatory .container-t .dealer-items .info .info-p {
        max-width: unset!important;
        width: 100%!important
    ;}

    .dealer-regulatory .container-t .dealer-items .info .info-p .dealer-status-span {
        max-width: 284px!important
    ;}

    .dealer-regulatory .container-t .dealer-items .info .info-p .dealer-status-span .dealer-status {
        max-width: 100%!important
    ;}

    .dealer-regulatory .container-t .dealer-items .info .as-licenses {
        max-width: 100%
    ;}
}

html[dir=rtl] .dealer-regulatory .container-t .dealer-items .info p span .short-name {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .dealer-regulatory .dealer-items .flag {
    margin-left: 10px;
    margin-right: 0
;}

html[dir=rtl] .dealer-regulatory .container-t div .blockclass .left .flag {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .dealer-regulatory .container-t div .blockclass .right .iconfont-tt {
    margin-left: 4px;
    margin-right: 0
;}

html[dir=rtl] .dealer-regulatory .container-t .dealer-items .info .as-licenses .as-licenses-span1,html[dir=rtl] .dealer-regulatory .container-t .dealer-items .info .info-p .dealer-status-span .short-name {
    margin-left: 6px;
    margin-right: 0
;}

.vps_pop_warp .close_icon {
    background: url(https://resources1.interface003.com/web20/img/dealer/vps/tyy_close.png) 50% no-repeat;
    background-size: cover;
    cursor: pointer;
    height: 28px;
    position: absolute;
    right: 25px;
    top: -58px;
    width: 28px
;}

.vps_pop_warp .close_icon:hover {
    opacity: .8
;}

.vps_pop_warp .close_line {
    background: #fff;
    height: 30px;
    position: absolute;
    right: 38px;
    top: -30px;
    width: 1px
;}

.vps_pop_warp .vps-host {
    border-radius: 10px;
    height: 528px;
    left: 50%;
    margin: 0!important;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 768px
;}

.vps_pop_warp .el-dialog__body,.vps_pop_warp .el-dialog__header {
    padding: 0
;}

.vps_pop_warp .el-dialog__headerbtn .el-dialog__close {
    color: #1d2129;
    font-size: 24px!important
;}

.vps_pop_warp .el-dialog__headerbtn {
    right: 16px;
    top: 16px;
    z-index: 9
;}

.vps_pop_warp .host-warp {
    display: flex
;}

.vps_pop_warp .host-left {
    background: linear-gradient(180deg,#fcf8f5,#fbf1e8 82.58%);
    height: 528px;
    position: relative;
    width: 284px
;}

.vps_pop_warp .host-left .host_left_bg {
    height: 166px;
    margin: 0 auto;
    position: relative;
    width: 190px
;}

.vps_pop_warp .host-left .host_left_bg:before {
    background: url(https://resources1.interface003.com/web20/img/dealer/vps/newyellow_bottom_bg.png) 50% no-repeat;
    bottom: 0;
    content: "";
    height: 166px;
    left: 0;
    position: absolute;
    width: 190px
;}

.vps_pop_warp .host-left .host_left_bg:after {
    animation: moveTopBG 2s linear infinite;
    background: url(https://resources1.interface003.com/web20/img/dealer/vps/left_newyellow_lid.png) 50% no-repeat;
    bottom: 62px;
    content: "";
    height: 110px;
    left: 51%;
    position: absolute;
    width: 150px
;}

.vps_pop_warp .host-left .host_left_blue_bg {
    height: 166px;
    margin: 0 auto;
    position: relative;
    width: 190px
;}

.vps_pop_warp .host-left .host_left_blue_bg:before {
    background: url(https://resources1.interface003.com/web20/img/dealer/newblue_bottom_bg.png) 50% no-repeat;
    bottom: 0;
    content: "";
    height: 166px;
    left: 0;
    position: absolute;
    width: 190px
;}

.vps_pop_warp .host-left .host_left_blue_bg:after {
    animation: moveTopBG 2s linear infinite;
    background: url(https://resources1.interface003.com/web20/img/dealer/left_newblue_lid.png) 50% no-repeat;
    bottom: 62px;
    content: "";
    height: 110px;
    left: 51%;
    position: absolute;
    width: 150px
;}

.vps_pop_warp .host-left .host_left_logo {
    background: url(https://resources1.interface003.com/web20/img/dealer/vps/newhost_left_logo_cn.svg?v=1) no-repeat;
    background-position: 50%;
    background-size: 100px 32px;
    height: 32px;
    margin: 22px auto 0;
    width: 212px
;}

.vps_pop_warp .host-left .host_left_logo._en {
    background: url(https://resources1.interface003.com/web20/img/dealer/vps/newhost_left_logo_en.svg?v=1) no-repeat;
    background-position: 50%;
    background-size: 178px 32px
;}

.vps_pop_warp .left-text {
    padding: 30px 30px 15px
;}

.vps_pop_warp .left-text .left-tlt {
    color: #5d4833;
    font-size: 28px;
    font-weight: 600;
    line-height: 39px
;}

.vps_pop_warp .left-text .left-span {
    background: #5d4833;
    border-radius: 14px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 22px;
    margin-top: 6px;
    max-width: 200px;
    min-width: 78px;
    padding: 2px 10px
;}

.vps_pop_warp .left-text .left-p {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-items: center;
    background-size: 14px 14px;
    color: #5d4833;
    display: -webkit-box;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 14px;
    text-overflow: ellipsis
;}

.vps_pop_warp .left-text .left-p .icon-zhengque {
    font-weight: 400;
    margin-right: 8px;
    position: relative;
    top: 1px
;}

.vps_pop_warp .left-text .left-p span {
    white-space: nowrap
;}

.vps_pop_warp .host-right {
    height: 528px;
    overflow: hidden;
    width: 484px
;}

.vps_pop_warp .host_right_title {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 20px;
    font-weight: 600;
    justify-content: center;
    line-height: 28px;
    padding: 0 0 16px
;}

.vps_pop_warp .host_right_title .title_text {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #292929;
    display: -webkit-box;
    font-weight: 600;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    width: 400px;
    word-break: auto-phrase
;}

.vps_pop_warp .host_right_title img {
    border-radius: 4px;
    height: 24px;
    margin-right: 8px;
    position: relative;
    top: 4px;
    width: 24px
;}

.vps_pop_warp .host_right_title .yunHost_right_p {
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #a3a3a3;
    display: -webkit-box;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 4px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    width: 400px;
    word-break: auto-phrase
;}

.vps_pop_warp .jys_zs_ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 452px
;}

.vps_pop_warp .jys_zs_ul .processor {
    align-items: center;
    border-bottom: 1px dashed #d3d3d3;
    border-left: 1px dashed #d3d3d3;
    box-sizing: border-box;
    display: flex;
    flex-basis: 33.33%;
    flex-direction: column;
    height: 137px;
    padding-top: 20px;
    position: relative;
    text-align: center
;}

.vps_pop_warp .jys_zs_ul .processor:after {
    background: linear-gradient(180deg,#fff 0,#fff 28%,hsla(0,0%,87%,0));
    content: "";
    height: 100%;
    left: -3px;
    position: absolute;
    top: 0;
    width: 3px
;}

.vps_pop_warp .jys_zs_ul .processor:first-child:before {
    left: 54px;
    transform: rotate(270deg)
;}

.vps_pop_warp .jys_zs_ul .processor:first-child:before,.vps_pop_warp .jys_zs_ul .processor:nth-child(3):before {
    background: linear-gradient(180deg,#fff 0,#fff 28%,hsla(0,0%,87%,0));
    bottom: -65px;
    content: "";
    height: 130px;
    position: absolute;
    width: 5px
;}

.vps_pop_warp .jys_zs_ul .processor:nth-child(3):before {
    left: 84px;
    transform: rotate(90deg)
;}

.vps_pop_warp .jys_zs_ul .processor:first-child {
    border-left: 0
;}

.vps_pop_warp .jys_zs_ul .processor:first-child span:after {
    animation: moveTop 1.5s linear .7s infinite
;}

.vps_pop_warp .jys_zs_ul .processor:nth-child(2) span:after {
    animation: moveTop 1.5s linear 1s infinite
;}

.vps_pop_warp .jys_zs_ul .processor:nth-child(3) span:after {
    animation: moveTop 1.5s linear 2s infinite
;}

.vps_pop_warp .jys_zs_ul .processor:nth-child(4) {
    border-bottom: 0;
    border-left: 0;
    min-height: 110px;
    padding-bottom: 0
;}

.vps_pop_warp .jys_zs_ul .processor:nth-child(4):after {
    background: linear-gradient(180deg,hsla(0,0%,87%,0) 0,#fff 75%,#fff)
;}

.vps_pop_warp .jys_zs_ul .processor:nth-child(4) span:after {
    animation: moveTop 1.5s linear 3s infinite
;}

.vps_pop_warp .jys_zs_ul .processor:nth-child(5) {
    border-bottom: 0;
    min-height: 110px;
    padding-bottom: 0
;}

.vps_pop_warp .jys_zs_ul .processor:nth-child(5):after {
    background: linear-gradient(180deg,hsla(0,0%,87%,0) 0,#fff 75%,#fff)
;}

.vps_pop_warp .jys_zs_ul .processor:nth-child(6) {
    border-bottom: 0;
    min-height: 110px;
    padding-bottom: 0
;}

.vps_pop_warp .jys_zs_ul .processor:nth-child(6):after {
    background: linear-gradient(180deg,hsla(0,0%,87%,0) 0,#fff 75%,#fff)
;}

.vps_pop_warp .jys_zs_ul .processor .procr-icon {
    height: 50px;
    width: 50px
;}

.vps_pop_warp .jys_zs_ul .processor p {
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 6px;
    max-width: 148px;
    padding: 0 5px
;}

.vps_pop_warp .jys_zs_ul .processor span {
    background: #e66112;
    border-radius: 55px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-top: 4px;
    padding: 2px 8px
;}

.vps_pop_warp .jys_zs_ul .processor span i {
    font-family: DIN-Medium;
    font-size: 14px;
    font-style: normal;
    transform: matrix(1,0,-.08,1,0,0)
;}

.vps_pop_warp .jys_zs_ul .processor span:after {
    animation: moveTop 1.5s linear .7s infinite;
    background: url(https://resources1.interface003.com/web20/img/dealer/vps/top_icon.png) 50% no-repeat;
    background-size: cover;
    content: "";
    height: 20px;
    left: 57%;
    position: absolute;
    top: 16px;
    width: 20px
;}

.vps_pop_warp .vps-bz {
    width: 400px
;}

.vps_pop_warp .vps-bz .zyjz-move {
    animation: moveTop 1.5s linear .7s infinite
;}

@keyframes moveTop {
    0% {
        transform: translateY(0)
    ;}

    50% {
        transform: translateY(25%)
    ;}

    to {
        transform: translateY(0)
    ;}
}

.vps_pop_warp .yunHost_right_tips {
    color: #e66112;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin: 16px 0;
    text-align: center
;}

.vps_pop_warp .yunHost_right_btn {
    align-items: center;
    background: #5d4833;
    border-radius: 24px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    height: 48px;
    justify-content: center;
    line-height: 22px;
    margin: 0 auto;
    width: 255px
;}

.vps_pop_warp .yunHost_right_btn:hover {
    background: rgba(93,72,51,.9)
;}

.vps_pop_warp .vps-general {
    border-radius: 10px;
    height: 573px;
    left: 50%;
    margin: 0!important;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 780px
;}

.vps_pop_warp .vps-general .el-dialog__headerbtn {
    display: none
;}

@keyframes moveTopBGv {
    0% {
        transform: translate(0)
    ;}

    50% {
        transform: translateY(-6%)
    ;}

    to {
        transform: translate(0)
    ;}
}

.vps_pop_warp .general-warp.plain .g-bottom-l {
    background: linear-gradient(180deg,#579cfb,#4878f8)
;}

.vps_pop_warp .general-warp.plain .g-bottom-l:after {
    background: url(https://resources1.interface003.com/web20/img/dealer/vps/left_blue_lid.png) 50% no-repeat;
    background-size: contain
;}

.vps_pop_warp .general-warp.plain .g-bottom-l:before {
    background: url(https://resources1.interface003.com/web20/img/dealer/vps/blue_bottom_bg.png) 50% no-repeat;
    background-size: contain
;}

.vps_pop_warp .general-warp.major .g-bottom-l {
    background: linear-gradient(180deg,#fcc053,#feab45)
;}

.vps_pop_warp .general-warp.major .g-bottom-l:after {
    background: url(https://resources1.interface003.com/web20/img/dealer/vps/left_yellow_lid.png) 50% no-repeat;
    background-size: contain
;}

.vps_pop_warp .general-warp.major .g-bottom-l:before {
    background: url(https://resources1.interface003.com/web20/img/dealer/vps/yellow_bottom_bg.png) 50% no-repeat;
    background-size: contain
;}

.vps_pop_warp .general-warp.cTrader .g-bottom-l {
    background: linear-gradient(180deg,#a3abca,#58608f)
;}

.vps_pop_warp .general-warp.cTrader .g-bottom-l:after {
    background: url(https://resources1.interface003.com/web20/img/dealer/vps/left_gray_lid.png) 50% no-repeat;
    background-size: contain
;}

.vps_pop_warp .general-warp.cTrader .g-bottom-l:before {
    background: url(https://resources1.interface003.com/web20/img/dealer/vps/gray_bottom_bg.png) 50% no-repeat;
    background-size: contain
;}

.vps_pop_warp .general-warp.exclusive .g-bottom-l {
    background: linear-gradient(180deg,hsla(41,88%,84%,.4),#febc4c);
    color: #97570f
;}

.vps_pop_warp .general-warp.exclusive .g-bottom-l:after {
    background: url(https://resources1.interface003.com/web20/img/dealer/vps/left_newyellow_lid.png) 50% no-repeat;
    background-size: contain
;}

.vps_pop_warp .general-warp.exclusive .g-bottom-l:before {
    background: url(https://resources1.interface003.com/web20/img/dealer/vps/newyellow_bottom_bg.png) 50% no-repeat;
    background-size: contain
;}

.vps_pop_warp .general-warp.exclusive .ctx-tlt h4 {
    color: #97570f!important
;}

.vps_pop_warp .general-warp.exclusive .general-bottom .general-buy .buy-btn {
    background: #ffd88f;
    color: #5d4833
;}

.vps_pop_warp .general-warp.exclusive .general-bottom .general-buy .for-free {
    color: #5d4833!important
;}

.vps_pop_warp .general-warp.exclusive .general-top .tabs-item.active {
    background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,216,143,.2));
    box-shadow: 0 2px 0 0 #5d4833
;}

.vps_pop_warp .general-warp.exclusive .general-top .tabs-item.active .item-version {
    color: #5d4833
;}

.vps_pop_warp .general-top {
    align-items: center;
    background: linear-gradient(180deg,hsla(0,0%,100%,0),#f9f9f9);
    border-radius: 10px 10px 0 0;
    box-shadow: 0 3px 0 -1px #f1f1f1;
    display: flex;
    height: 107px;
    justify-content: space-between;
    padding-left: 20px
;}

.vps_pop_warp .general-top.long_warp .tabs-item {
    justify-content: normal;
    padding: 14px 0 0
;}

.vps_pop_warp .general-top .g-top-logo {
    height: 30px;
    margin-right: 10px;
    width: 168px
;}

.vps_pop_warp .general-top .tabs-item,.vps_pop_warp .general-top .tabs-ul {
    align-items: center;
    display: flex;
    flex: 1
;}

.vps_pop_warp .general-top .tabs-item {
    background: linear-gradient(180deg,hsla(0,0%,100%,0),#f9f9f9);
    color: #dd5751;
    cursor: pointer;
    flex-direction: column;
    font-size: 12px;
    height: 107px;
    justify-content: center;
    line-height: 17px;
    padding-top: 18px;
    text-align: center
;}

.vps_pop_warp .general-top .tabs-item.active {
    background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(93,135,243,.07));
    box-shadow: 0 3px 0 -1px #5d87f3
;}

.vps_pop_warp .general-top .tabs-item.active .item-version {
    color: #5d87f3
;}

.vps_pop_warp .general-top .tabs-item:hover {
    background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(93,135,243,.07));
    box-shadow: 0 3px 0 -1px #5d87f3
;}

.vps_pop_warp .general-top .tabs-item:hover .item-version {
    color: #5d87f3
;}

.vps_pop_warp .general-top .tabs-item img {
    height: 28px;
    width: 28px
;}

.vps_pop_warp .general-top .tabs-item .item-version {
    color: #292929;
    font-size: 14px;
    line-height: 20px;
    margin-top: 6px
;}

.vps_pop_warp .general-top .tabs-item-zs:hover {
    background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,216,143,.2));
    box-shadow: 0 2px 0 0 rrgba(93,72,51,1)
;}

.vps_pop_warp .general-top .tabs-item-zs:hover .item-version {
    color: #5d4833
;}

.vps_pop_warp .general-bottom {
    display: flex;
    padding: 20px
;}

.vps_pop_warp .general-bottom .g-bottom-l {
    background: url(https://resources1.interface003.com/web20/img/dealer/vps/left_bg_blue.png) no-repeat;
    background-position: 36%;
    background-size: cover;
    border-radius: 10px;
    color: #fff;
    font-weight: 700;
    height: 406px;
    padding: 24px;
    position: relative;
    width: 190px
;}

.vps_pop_warp .general-bottom .g-bottom-l:after {
    animation: moveTopBG 2s linear infinite;
    background: url(https://resources1.interface003.com/web20/img/dealer/vps/left_blue_lid.png) 50% no-repeat;
    background-size: cover;
    bottom: 73px;
    content: "";
    height: 110px;
    left: 50%;
    position: absolute;
    width: 150px
;}

.vps_pop_warp .general-bottom .g-bottom-l:before {
    background: url(https://resources1.interface003.com/web20/img/dealer/vps/blue_bottom_bg.png) 50% no-repeat;
    background-size: cover;
    bottom: 20px;
    content: "";
    height: 166px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 190px
;}

.vps_pop_warp .general-bottom .g-bottom-l h4 {
    font-size: 28px;
    font-weight: 600;
    line-height: 39px;
    margin-bottom: 8px
;}

.vps_pop_warp .general-bottom .g-bottom-l p {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    background-size: 14px 14px;
    display: -webkit-box;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 12px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis
;}

.vps_pop_warp .general-bottom .g-bottom-l p .icon-zhengque {
    font-weight: 400
;}

.vps_pop_warp .general-bottom .g-bottom-r {
    height: 406px;
    margin-left: 30px;
    width: 506px
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-tlt {
    height: 63px
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-tlt h4 {
    align-items: center;
    color: #292929;
    display: flex;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-tlt h4 span {
    align-items: center;
    background: #e66112;
    border-radius: 9px;
    color: #fff;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    height: 17px;
    margin-left: 8px;
    padding: 0 8px
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-tlt .ctx-tlt-p {
    color: #a3a3a3;
    display: block;
    font-size: 13px;
    font-weight: 400;
    height: 38px;
    line-height: 20px;
    padding-right: 20px
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-ul {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 14px
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item {
    align-items: center;
    border-bottom: 1px dashed #dfdfdf;
    border-left: 1px dashed #dfdfdf;
    display: flex;
    flex-basis: 24%;
    flex-direction: column;
    justify-content: center;
    position: relative
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item:nth-child(2) .item-vip:after {
    animation: moveTop 1.5s linear 1s infinite
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item:nth-child(3) .item-vip:after {
    animation: moveTop 1.5s linear 1.2s infinite
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item:nth-child(4) .item-vip:after {
    animation: moveTop 1.5s linear 1.5s infinite
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item .item-vip {
    align-items: center;
    background: #e66112;
    border-radius: 16px;
    color: #fff;
    display: flex;
    font-family: DIN-Medium;
    font-size: 13px;
    font-style: normal;
    justify-content: center;
    line-height: 21px;
    margin-top: 6px;
    padding: 0 8px
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item .item-vip:after {
    animation: moveTop 1.5s linear .7s infinite;
    background: url(https://resources1.interface003.com/web20/img/dealer/vps/top_icon.png) 50% no-repeat;
    background-size: cover;
    content: "";
    height: 14px;
    left: 57%;
    position: absolute;
    top: 0;
    width: 14px
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item:after {
    background: linear-gradient(180deg,#fff 0,#fff 28%,hsla(0,0%,87%,0));
    content: "";
    height: 100%;
    left: -3px;
    position: absolute;
    top: 0;
    width: 5px
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item:first-child,.vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item:nth-child(5) {
    border-left: 0
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item:nth-child(-n+4) {
    padding-bottom: 25px
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item:nth-child(n+5) {
    border-bottom: 0;
    padding-top: 25px
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item:nth-child(n+5):after {
    background: linear-gradient(180deg,hsla(0,0%,87%,0) 0,#fff 75%,#fff)
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item:first-child:before {
    background: linear-gradient(180deg,#fff 0,#fff 28%,hsla(0,0%,87%,0));
    bottom: -65px;
    content: "";
    height: 130px;
    left: 63px;
    position: absolute;
    transform: rotate(-90deg);
    width: 5px
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item:nth-child(4):before {
    background: linear-gradient(180deg,#fff 0,#fff 28%,hsla(0,0%,87%,0));
    bottom: -55px;
    content: "";
    height: 109px;
    left: 63px;
    position: absolute;
    transform: rotate(90deg);
    width: 5px
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item img {
    height: 40px;
    margin-bottom: 4px;
    width: 40px
;}

.vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item p {
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 4px;
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap
;}

.vps_pop_warp .general-bottom .g-bottom-r.langs .ctx-tlt span {
    line-height: 16px
;}

.vps_pop_warp .general-bottom .g-bottom-r.langs .ctx-ul .ul-item {
    max-width: 120px
;}

.vps_pop_warp .general-bottom .g-bottom-r.langs .ctx-ul .ul-item .item-vip {
    margin-top: 4px
;}

.vps_pop_warp .general-bottom .g-bottom-r.langs .ctx-ul .ul-item p {
    font-size: 13px;
    line-height: 17px
;}

.vps_pop_warp .general-bottom .g-bottom-r.langs .ctx-ul .ul-item:nth-child(n+5) p:last-child {
    height: 34px;
    text-align: center;
    white-space: unset
;}

.vps_pop_warp .general-bottom .general-desc {
    color: #a3a3a3;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin-top: 20px;
    text-align: center
;}

.vps_pop_warp .general-bottom .general-buy {
    align-items: center;
    display: flex;
    height: 38px;
    justify-content: space-between;
    margin-top: 10px
;}

.vps_pop_warp .general-bottom .general-buy .for-free {
    font-family: DIN-Medium;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 41px
;}

.vps_pop_warp .general-bottom .general-buy p {
    color: #5d87f3;
    font-family: DIN;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px
;}

.vps_pop_warp .general-bottom .general-buy p .money {
    font-family: DIN-Medium;
    font-size: 34px;
    font-style: normal;
    font-weight: 500;
    line-height: 41px
;}

.vps_pop_warp .general-bottom .general-buy p .time {
    color: #a3a3a3;
    font-family: PingFang SC;
    font-size: 12px;
    line-height: 17px
;}

.vps_pop_warp .general-bottom .general-buy .buy-btn {
    background: #5d87f3;
    border-radius: 64px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    padding: 8px 24px
;}

.vps_pop_warp .general-bottom .general-buy .buy-btn:hover {
    background: #1b8bf1
;}

@keyframes moveTopBG {
    0% {
        transform: translate(-50%)
    ;}

    50% {
        transform: translate(-50%,-6%)
    ;}

    to {
        transform: translate(-50%)
    ;}
}

html[dir=rtl] .vps_pop_warp .general-top {
    padding-left: 0;
    padding-right: 20px
;}

html[dir=rtl] .vps_pop_warp .general-bottom .g-bottom-r {
    padding-left: 0;
    padding-right: 30px
;}

html[dir=rtl] .vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item:first-child:before {
    transform: rotate(90deg)
;}

html[dir=rtl] .vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item:first-child,html[dir=rtl] .vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item:nth-child(5) {
    border-left: 1px dashed #dfdfdf
;}

html[dir=rtl] .vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item:nth-child(4) {
    border-left: 0
;}

html[dir=rtl] .vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item:nth-child(4):before {
    transform: rotate(270deg)
;}

html[dir=rtl] .vps_pop_warp .general-bottom .g-bottom-r .ctx-ul .ul-item:nth-child(8) {
    border-left: 0
;}

html[dir=rtl] .vps_pop_warp .general-bottom .g-bottom-r .ctx-tlt .ctx-tlt-p {
    padding-left: 20px;
    padding-right: 0
;}

html[dir=rtl] .vps_pop_warp .general-bottom .g-bottom-r .ctx-tlt h4 span {
    margin-left: 0;
    margin-right: 8px
;}

html[dir=rtl] .vps_pop_warp .jys_zs_ul .processor {
    border-left: 0;
    border-right: 1px dashed #d3d3d3
;}

html[dir=rtl] .vps_pop_warp .jys_zs_ul .processor:after {
    left: unset;
    right: -3px
;}

html[dir=rtl] .vps_pop_warp .jys_zs_ul .processor:nth-child(3):before {
    left: unset;
    right: 84px;
    transform: rotate(270deg)
;}

html[dir=rtl] .vps_pop_warp .jys_zs_ul .processor:first-child:before {
    left: 0;
    right: 54px;
    transform: rotate(90deg)
;}

html[dir=rtl] .vps_pop_warp .host_right_title img {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .vps_pop_warp .jys_zs_ul .processor:first-child,html[dir=rtl] .vps_pop_warp .jys_zs_ul .processor:nth-child(4) {
    border-right: 0
;}

html[dir=rtl] .vps_pop_warp .left-text .left-p .icon-zhengque {
    margin-left: 8px;
    margin-right: 0
;}

.new-dealer-vps .aniicon {
    animation: moveaniicon 1.5s linear .7s infinite
;}

@keyframes moveaniicon {
    0% {
        transform: translateY(0)
    ;}

    50% {
        transform: translateY(25%)
    ;}

    to {
        transform: translateY(0)
    ;}
}

.dealer-vps {
    background: linear-gradient(81.81deg,#f7f9ff 3.89%,#eff5ff 88.45%);
    padding: 19px 24px
;}

.dealer-vps .mobile-tips {
    align-items: center;
    color: rgba(61,61,61,.6);
    display: flex;
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
    margin-top: 5px;
    text-align: left
;}

.dealer-vps .vps-tlt {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
;}

.dealer-vps .vps-tlt i {
    color: #5c8ae5;
    margin-right: 8px
;}

.dealer-vps .vps-tlt .mobile_upgrade {
    align-items: center;
    background: #e66112;
    border-radius: 16px;
    color: #fff;
    display: flex;
    font-family: DIN;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    line-height: 18px;
    margin-left: 6px;
    padding: 0 6px
;}

.dealer-vps .vps-tlt .mobile_upgrade img {
    animation: top_bottom 1s linear infinite alternate;
    height: 16px;
    width: 16px
;}

.dealer-vps .vps-tips {
    color: #a3a3a3;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-top: 6px
;}

.dealer-vps .vps-list {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 27px
;}

.dealer-vps .vps-list .list-item {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    flex: 1;
    flex-direction: column;
    font-size: 12px;
    font-weight: 400;
    justify-content: center;
    line-height: 17px;
    min-width: 80px;
    padding: 0 4px
;}

.dealer-vps .vps-list .list-item img {
    height: 42px;
    width: 42px
;}

.dealer-vps .vps-list .list-item .item-tlt {
    color: #3d3d3d;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-vps .vps-list .list-item:nth-child(2) .item-vip .upgrade_icon {
    animation: top_bottom .6s linear .5s infinite alternate
;}

.dealer-vps .vps-list .list-item:nth-child(3) .item-vip .upgrade_icon {
    animation: top_bottom .8s linear 1s infinite alternate
;}

.dealer-vps .vps-list .list-item .item-vip {
    align-items: center;
    background: #e66112;
    border-radius: 16px;
    color: #fff;
    display: flex;
    font-family: DIN;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    line-height: 18px;
    margin-top: 6px;
    padding: 0 2px 0 6px
;}

.dealer-vps .vps-list .list-item .item-vip .upgrade_icon {
    animation: top_bottom .8s linear infinite alternate;
    height: 16px;
    width: 16px
}

.dealer-vps .vps-btn {
    align-items: center;
    background: #5c8ae5;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    height: 48px;
    justify-content: center;
    line-height: 22px;
    margin-top: 23px;
    text-align: center
;}

.dealer-vps .vps-btn:hover {
    background: #3c8ae5
;}

@keyframes top_bottom {
    0% {
        transform: translateY(-2px)
    ;}

    to {
        transform: translateY(2px)
    ;}}

.dealer-vps-ja .vps-ja-head {
    display: flex;
    justify-content: space-between
;}

.dealer-vps-ja .vps-ja-head .vps-ja-head-l {
    color: #292929;
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 29px
;}

.dealer-vps-ja .vps-ja-head .vps-ja-head-r {
    color: #a3a3a3;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin-top: 8px
;}

.dealer-vps-ja .vps-ja-info {
    margin-top: 20px
;}

.dealer-vps-ja .vps-ja-info .vps-ja-li {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px
;}

.dealer-vps-ja .vps-ja-info .vps-ja-li .vps-ja-li-l {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.dealer-vps-ja .vps-ja-info .vps-ja-li .vps-ja-li-r {
    align-items: center;
    background: #e66112;
    border-radius: 9px;
    display: flex;
    height: 18px;
    justify-content: center;
    width: 56px
;}

.dealer-vps-ja .vps-ja-info .vps-ja-li .vps-ja-li-r span {
    color: #fff;
    font-family: DIN-Medium;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 15px
;}

.dealer-vps-ja .vps-ja-info .vps-ja-li .vps-ja-li-r img {
    height: 16px;
    width: 16px
;}

.dealer-vps-ja .vps-ja-info .vps-ja-li:first-child img {
    animation: top_bottom .6s linear 0s infinite alternate
;}

.dealer-vps-ja .vps-ja-info .vps-ja-li:nth-child(2) img {
    animation: top_bottom .6s linear .3s infinite alternate
;}

.dealer-vps-ja .vps-ja-info .vps-ja-li:nth-child(3) img {
    animation: top_bottom .6s linear .6s infinite alternate
;}

@keyframes vpsani {
    0% {
        transform: translateY(-2px)
    ;}

    to {
        transform: translateY(2px)
    ;}
}

.dealer-vps-ja .vps-btn {
    background: #5c8ae5;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    height: 46px;
    justify-content: center;
    line-height: 22px;
    width: 100%
;}

.dealer-vps-ja .vps-btn,.langele-el .el-carousel__item {
    align-items: center;
    display: flex
;}

@media screen and (max-width: 799px) {
    .dealer-vps {
        align-items:center;
        display: flex;
        justify-content: space-between;
        padding: 14px
    ;}

    .dealer-vps .vps-btn {
        font-size: 12px;
        font-weight: 600;
        height: auto;
        line-height: 17px;
        margin-top: 0;
        min-width: 90px;
        padding: 5px
    ;}

    .dealer-vps .vps-tlt {
        color: #3d3d3d;
        font-size: 15px;
        font-weight: 600;
        line-height: 22px
    ;}

    .dealer-vps .vps-list,.dealer-vps .vps-tips {
        display: none
   ;}
}

html[dir=rtl] .dealer-vps .vps-tlt i {
    margin-left: 8px;
    margin-right: 0
;}

.swiper-container-box {
    display: flex;
    justify-content: center;
    padding: 16px!important;
    width: 100%
;}

.swiper-container-box:hover .deal-name span,.swiper-container-box:hover .title {
    color: #b38936!important
;}

.swiper-container-box:hover .leftBtn,.swiper-container-box:hover .rightBtn {
    opacity: 1
;}

.swiper-container-box .SwiperBox {
    box-sizing: border-box;
    cursor: pointer;
    height: 110px;
    overflow: hidden;
    position: relative;
    width: 100%
;}

.swiper-container-box .img-box-jaf {
    display: flex;
    float: left;
    height: 100%;
    justify-content: flex-start;
    left: 0;
    position: absolute;
    top: 0
;}

.swiper-container-box .img-box-jaf.more .item-info .deal-img {
    min-width: 180px;
    width: 180px
;}

.swiper-container-box .img-box-jaf .item-info {
    align-items: center;
    display: flex;
    height: 100%;
    position: relative;
    width: 100%
;}

.swiper-container-box .img-box-jaf .item-info .deal-img {
    display: block;
    height: 101px;
    margin-right: 12px;
    max-width: 180px;
    min-width: 178px;
    width: 178px
;}

.swiper-container-box .img-box-jaf .item-info .deal-img .com-img {
    border-radius: 2px;
    display: block;
    height: 101px;
    margin-right: 12px;
    max-height: 101px;
    min-width: 180px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 180px
;}

.swiper-container-box .img-box-jaf .item-info .deal-info {
    display: flex;
    flex-direction: column;
    height: 101px;
    justify-content: space-between;
    margin-right: 12px;
    width: 188px
;}

.swiper-container-box .img-box-jaf .item-info .deal-info .top-cell {
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 100%
;}

.swiper-container-box .img-box-jaf .item-info .deal-info .top-cell .deal-name {
    width: 100%
;}

.swiper-container-box .img-box-jaf .item-info .deal-info .top-cell .deal-name span {
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    transition: all .5s
;}

.swiper-container-box .img-box-jaf .item-info .deal-info .top-cell .deal-name span:first-child {
    white-space: nowrap
;}

.swiper-container-box .img-box-jaf .item-info .deal-info .top-cell .tag {
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    height: 21px;
    line-height: 17px;
    padding: 2px 6px;
    position: absolute;
    right: 8px
;}

.swiper-container-box .img-box-jaf .item-info .deal-info .bottom-cell {
    align-items: center;
    display: flex;
    margin-bottom: 8px
;}

.swiper-container-box .img-box-jaf .item-info .deal-info .bottom-cell img {
    border-radius: 1px;
    height: 16px;
    width: 22px
;}

.swiper-container-box .img-box-jaf .item-info .deal-info .bottom-cell .country {
    color: #7a7a7a;
    font-size: 14px;
    font-weight: 400;
    margin: 0 8px;
    white-space: nowrap
;}

.swiper-container-box .img-box-jaf .item-info .expo-box {
    align-items: center;
    border-radius: 2px;
    display: inline-flex;
    justify-content: center;
    left: 4px;
    padding: 1px 3px;
    position: absolute;
    top: 4px
;}

.swiper-container-box .img-box-jaf .item-info .expo-box img {
    height: 12px;
    margin-right: 4px
;}

.swiper-container-box .img-box-jaf .item-info .expo-box span {
    color: #fff;
    font-size: 12px
;}

.swiper-container-box .img-box-jaf .single-item-info {
    align-items: center;
    display: flex;
    min-width: 776px;
    position: relative;
    width: 776px
;}

.swiper-container-box .img-box-jaf .single-item-info .cover {
    border-radius: 2px;
    margin-right: 12px;
    min-width: 180px;
    width: 180px
;}

.swiper-container-box .img-box-jaf .single-item-info .single-deal-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 575px;
    width: 575px
;}

.swiper-container-box .img-box-jaf .single-item-info .single-deal-info .title {
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 600;
    transition: all .5s
;}

.swiper-container-box .img-box-jaf .single-item-info .single-deal-info .summary {
    color: #a3a3a3;
    font-size: 14px;
    font-weight: 400;
    height: 36px;
    line-height: 18px;
    margin: 6px 0;
    padding-right: 20px
;}

.swiper-container-box .img-box-jaf .single-item-info .single-deal-info .bottom-cell {
    align-items: center;
    display: flex
;}

.swiper-container-box .img-box-jaf .single-item-info .single-deal-info .bottom-cell .tag {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    height: 21px;
    justify-content: center;
    margin-right: 12px;
    padding: 0 6px
;}

.swiper-container-box .img-box-jaf .single-item-info .single-deal-info .bottom-cell img {
    border-radius: 2px;
    height: 16px;
    margin-right: 8px;
    width: 22px
;}

.swiper-container-box .img-box-jaf .single-item-info .single-deal-info .bottom-cell .country {
    color: #7a7a7a;
    font-size: 14px;
    font-weight: 400
;}

.swiper-container-box .img-box-jaf .single-item-info .expo-box {
    align-items: center;
    border-radius: 2px;
    display: inline-flex;
    justify-content: center;
    left: 4px;
    line-height: 20px;
    padding: 1px 3px;
    position: absolute;
    top: 4px
;}

.swiper-container-box .img-box-jaf .single-item-info .expo-box img {
    height: 14px;
    margin-right: 4px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 14px
;}

.swiper-container-box .img-box-jaf .single-item-info .expo-box span {
    color: #fff;
    font-size: 12px;
    line-height: 16px
;}

.swiper-container-box .leftBtn,.swiper-container-box .rightBtn {
    align-items: center;
    background: hsla(0,0%,43%,.445);
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    height: 30px;
    justify-content: center;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all 1s;
    width: 30px
;}

.swiper-container-box .leftBtn {
    left: 10px
;}

.swiper-container-box .rightBtn {
    right: 10px
;}

.swiper-container-box .instBox {
    bottom: 3px;
    display: flex;
    position: absolute;
    right: 0;
    transform: translateX(-50%)
;}

.swiper-container-box .inst {
    background: #fff;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 50%;
    cursor: pointer;
    height: 4px;
    margin: 0 2px;
    transition: all .5s;
    width: 4px
;}

.swiper-container-box .inst:last-child {
    margin-right: 0
;}

.swiper-container-box .instActv {
    background: #292929;
    border-radius: 2px;
    width: 8px
;}

@media screen and (max-width: 1199px) {
    .swiper-container .img-box-jaf.more .item-info .deal-img {
        min-width:182px;
        width: 182px
    ;}

    .swiper-container .img-box-jaf .item-info .deal-info,.swiper-container .img-box-jaf .item-info .deal-info .top-cell,.swiper-container .img-box-jaf .item-info .deal-info .top-cell .deal-name {
        width: 145px
    ;}

    .swiper-container .img-box-jaf .item-info .deal-info .top-cell .deal-name span {
        display: flex;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    ;}

    .swiper-container .img-box-jaf .item-info .deal-info .top-cell .not-chinese span {
        font-size: 12px
    ;}

    .swiper-container .img-box-jaf .single-item-info {
        min-width: 545px;
        width: 545px
    ;}

    .swiper-container .img-box-jaf .single-item-info .single-deal-info {
        min-width: 344px;
        width: 344px
    ;}
}

@media screen and (max-width: 999px) {
    .swiper-container .img-box-jaf.more .item-info .deal-img {
        min-width:164px;
        width: 164px
    ;}

    .swiper-container .img-box-jaf.more .item-info .deal-img .survey-img {
        margin: 0;
        min-width: 164px;
        width: 164px
    ;}

    .swiper-container .img-box-jaf .item-info .deal-info,.swiper-container .img-box-jaf .item-info .deal-info .top-cell,.swiper-container .img-box-jaf .item-info .deal-info .top-cell .deal-name {
        width: 161px
    ;}

    .swiper-container .img-box-jaf .single-item-info {
        min-width: 348px;
        width: 348px
    ;}

    .swiper-container .img-box-jaf .single-item-info .cover {
        min-width: 163px;
        width: 163px
    ;}

    .swiper-container .img-box-jaf .single-item-info .single-deal-info {
        min-width: 185px;
        width: 185px
    ;}
}

html[dir=rtl] .swiper-container .instBox {
    left: 16px;
    right: unset
;}

html[dir=rtl] .swiper-container .leftBtn {
    left: unset;
    right: 10px
;}

html[dir=rtl] .swiper-container .leftBtn .iconfont {
    transform: rotate(180deg)!important
;}

html[dir=rtl] .swiper-container .rightBtn {
    left: 10px;
    right: unset
;}

html[dir=rtl] .swiper-container .img-box-jaf .item-info .deal-info .top-cell .tag {
    left: 0;
    right: unset
;}

html[dir=rtl] .swiper-container .img-box-jaf .item-info .deal-img img {
    margin-left: 12px;
    margin-right: unset
;}

html[dir=rtl] .swiper-container .img-box-jaf .item-info .expo-box {
    left: unset;
    right: 20px
;}

html[dir=rtl] .swiper-container .img-box-jaf .item-info .expo-box img {
    margin-left: 4px;
    margin-right: unset
;}

html[dir=rtl] .swiper-container .img-box-jaf .single-item-info .cover {
    margin-left: 12px;
    margin-right: 16px
;}

html[dir=rtl] .swiper-container .img-box-jaf .single-item-info .bottom-cell .tag {
    margin-left: 12px;
    margin-right: unset
;}

html[dir=rtl] .swiper-container .img-box-jaf .single-item-info .bottom-cell img {
    margin-left: 8px;
    margin-right: unset
;}

html[dir=rtl] .swiper-container .img-box-jaf .single-item-info .expo-box {
    left: unset;
    right: 20px
;}

html[dir=rtl] .swiper-container .img-box-jaf .single-item-info .expo-box img {
    margin-left: 4px;
    margin-right: unset
;}

html[dir=rtl] .swiper-container .img-box-jaf .single-item-info .single-deal-info .summary {
    padding-left: 20px;
    padding-right: 0
;}

.dealer-survey-container {
    width: 100%
;}

.dealer-survey-container:hover {
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.14);
    transform: translateY(-2px);
    transition: .2s;
    -webkit-transition: .2s
;}

.dealer-survey-container .dealer-survery .el-carousel__indicators--horizontal {
    bottom: 10px;
    left: none;
    right: 10px;
    text-align: right;
    transform: translateX(0)
;}

.dealer-survey-container .dealer-survery .el-carousel__item.is-active {
    z-index: 0
;}

.dealer-survey-container .dealer-survery .el-carousel__indicator {
    background: rgba(0,0,0,.1);
    border-radius: 50%;
    height: 4px;
    margin-right: 8px;
    padding: 0;
    width: 4px
;}

.dealer-survey-container .dealer-survery .el-carousel__indicator.is-active {
    z-index: 0
;}

.dealer-survey-container .dealer-survery .el-carousel__indicator.is-active .el-carousel__button {
    background: #292929
;}

.dealer-survey-container .dealer-survery .el-carousel__indicator .el-carousel__button {
    background-color: #fff;
    background: hsla(0,0%,100%,0);
    border: none;
    border-radius: 2px;
    cursor: pointer;
    height: 4px;
    margin: 0;
    outline: 0;
    padding: 0;
    transition: .3s;
    width: 8px
;}

.dealer-survey-container .dealer-survery-mobile {
    display: none
;}

.dealer-survey-container .dealer-survery {
    background: #fff;
    border: 1px solid #f2f2f2;
    position: relative
;}

.dealer-survey-container .dealer-survery .el-carousel {
    height: 100%;
    padding: 16px
;}

.dealer-survey-container .dealer-survery .el-carousel .el-carousel__item {
    align-items: center;
    display: flex
;}

.dealer-survey-container .dealer-survery .link {
    width: 100%
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul {
    display: flex
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul:hover .field-survey .survey-tit h1 {
    color: #b38936
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul .dealer-survey-logo-box {
    align-items: center;
    background: rgba(25,43,82,.9);
    border-radius: 2px;
    display: inline-flex;
    left: 4px;
    padding: 1px 3px;
    position: absolute;
    top: 4px
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul .dealer-survey-logo-box img {
    height: 100%;
    margin-right: 2px;
    width: 100%
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul .dealer-survey-logo-box span {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    transform: scale(.83);
    transform-origin: center
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul li {
    border-radius: 2px;
    margin-right: 12px;
    width: 180px
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul li img {
    border-radius: 2px;
    height: 100%;
    width: 100%
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul li.field-survey {
    margin-right: 0;
    position: relative
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul li.field-survey .survey-l {
    align-items: center;
    border-radius: 2px;
    color: #fff;
    display: flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 21px;
    justify-content: center;
    line-height: 17px;
    padding: 0 6px;
    position: absolute;
    right: 0;
    top: 2px
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul li.field-survey .survey-tit h1 {
    color: #3d3d3d;
    display: block;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    height: 44px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul li.field-survey .survey-bom {
    align-items: center;
    bottom: 0;
    display: flex;
    left: 0;
    position: absolute
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul li.field-survey .survey-bom img {
    height: 16px;
    margin-right: 8px;
    width: 22px
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul li.field-survey .survey-bom span {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #7a7a7a;
    display: -webkit-box;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    width: 130px
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .cover {
    margin-right: 12px;
    width: 180px
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .cover img {
    height: 100%;
    width: 100%
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .dealer-survey-logo-box {
    align-items: center;
    background: rgba(25,43,82,.9);
    border-radius: 2px;
    display: inline-flex;
    left: 4px;
    padding: 1px 3px;
    position: absolute;
    top: 4px
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .dealer-survey-logo-box img {
    height: 100%;
    margin-right: 2px;
    width: 100%
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .dealer-survey-logo-box span {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    transform: scale(.83);
    transform-origin: center
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 3px 0
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block h6 {
    color: #3d3d3d;
    display: block;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 548px
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block h6:hover {
    color: #b38936
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block p {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #a3a3a3;
    display: -webkit-box;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    overflow: hidden;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    width: 548px
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block .bottom-info {
    align-items: center;
    display: flex;
    justify-content: flex-start
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block .bottom-info .tag {
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-right: 8px;
    padding: 2px 6px
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block .bottom-info .flag {
    border-radius: 2px;
    height: 16px;
    width: 22px
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block .bottom-info .country {
    color: #7a7a7a;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-left: 8px
;}

.dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block2 {
    display: none
;}

@media screen and (max-width: 1199px) {
    .dealer-survey-container .dealer-survery ul li {
        width:160px
    ;}

    .dealer-survey-container .dealer-survery ul li:nth-child(3) {
        display: none
    ;}

    .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer {
        width: 100%
    ;}

    .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block h6,.dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block p {
        width: 350px
    ;}

    .dealer-survey-container .dealer-survery-mobile {
        display: none
    ;}
}

@media screen and (max-width: 999px) {
    .dealer-survey-container .dealer-survery-mobile {
        display:none
    ;}

    .dealer-survey-container .dealer-survery ul li {
        margin-right: 12px;
        width: 160px
    ;}

    .dealer-survey-container .dealer-survery ul li img {
        width: 100%
    ;}

    .dealer-survey-container .dealer-survery ul li:nth-child(2),.dealer-survey-container .dealer-survery ul li:nth-child(3) {
        display: none
    ;}

    .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer {
        width: 100%
    ;}

    .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block {
        display: none
    ;}

    .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block2 {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between
    ;}

    .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block2 .survey-tit {
        display: flex;
        justify-content: space-between;
        width: 192px
    ;}

    .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block2 .survey-tit .tag {
        border-radius: 2px;
        color: #fff;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        height: 21px;
        line-height: 17px;
        padding: 2px 6px
    ;}

    .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block2 .survey-tit h1 {
        align-items: center;
        color: #3d3d3d;
        display: flex;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 22px
    ;}

    .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block2 .survey-tit h1:hover {
        color: #b38936
    ;}

    .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block2 .survey-bom {
        align-items: center;
        display: flex
    ;}

    .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block2 .survey-bom img {
        height: 16px;
        margin-right: 8px;
        width: 22px
    ;}

    .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block2 .survey-bom span {
        color: #7a7a7a;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px
    ;}
}

@media screen and (max-width: 799px) {
    .dealer-survey-container {
        padding:0 16px
    ;}

    .dealer-survey-container.paddingNone {
        padding: 0
    ;}

    .dealer-survey-container:hover {
        box-shadow: none;
        transform: translateY(0);
        transition: 0;
        -webkit-transition: 0
    ;}

    .dealer-survey-container .dealer-survery {
        display: none
    ;}

    .dealer-survey-container .dealer-survery-mobile {
        display: block;
        padding: 0
    ;}

    .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox {
        background: rgba(239,242,245,.68);
        border-radius: 6px;
        display: flex;
        height: 100%;
        margin: 16px auto 12px;
        min-height: 105px;
        overflow-x: auto;
        padding: 6px;
        position: relative;
        text-align: center;
        width: 100%
    ;}

    .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box {
        border-radius: 6px;
        display: flex;
        flex-direction: column;
        height: 66px;
        margin-left: 10px;
        min-width: 100px;
        width: 33%
    ;}

    .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box .top {
        position: relative
    ;}

    .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box .top .imgLength {
        align-items: center;
        background: #008099;
        border-radius: 41px;
        bottom: 9px;
        display: flex;
        height: 14px;
        left: 6px;
        padding: 3px 6px;
        position: absolute
    ;}

    .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box .top .imgLength i {
        color: #fff;
        font-size: 8px
    ;}

    .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box .top .imgLength span {
        color: #fff;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 14px;
        transform: scale(.83)
    ;}

    .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box .top .dealer-survey-logo-mobilebox {
        align-items: center;
        background: rgba(25,43,82,.9);
        border-radius: 6px;
        display: inline-flex;
        height: 19px;
        left: 4px;
        line-height: 19px;
        padding: 1px 3px;
        position: absolute;
        top: 4px
    ;}

    .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box .top .dealer-survey-logo-mobilebox img {
        height: 12px;
        margin-right: 2px;
        width: 12px
    ;}

    .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box .top .dealer-survey-logo-mobilebox span {
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        transform: scale(.83);
        transform-origin: center
    ;}

    .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box .top .tag {
        border-radius: 2px;
        color: #fff;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        left: 4px;
        line-height: 17px;
        padding: 1px 4px;
        position: absolute;
        top: 4px
    ;}

    .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box .top .cover {
        border-radius: 6px;
        display: block;
        height: 100%;
        max-height: 66px;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: bottom;
        object-position: bottom;
        width: 100%
    ;}

    .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box .bottom {
        align-items: center;
        display: flex;
        height: 17px;
        margin-top: 9.5px
    ;}

    .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box .bottom img {
        border-radius: 1px;
        display: block;
        height: 14px;
        margin-right: 6px;
        width: 22px
    ;}

    .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box .bottom span {
        color: #3d3d3d;
        display: block;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 17px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    ;}

    .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box:first-child {
        margin: 0
    ;}

    .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box-twobox {
        width: 48%
    ;}

    .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box-threebox {
        width: 33%
    ;}

    .dealer-survey-container .dealer-survery-mobile .mobilebox-one {
        display: none
    ;}

    .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox::-webkit-scrollbar {
        display: none
    ;}

    .dealer-survey-container .dealer-survery-mobile .animate-up {
        transform: translateY(-40px);
        transition: all 1s ease-in-out
    ;}

    .dealer-survey-container .dealer-survery-mobile .single-block {
        height: 48px;
        overflow: hidden;
        padding: 9px 16px
    ;}

    .dealer-survey-container .dealer-survery-mobile .single-block.defaultBgColor {
        background: rgba(71,125,179,.08)!important
    ;}

    .dealer-survey-container .dealer-survery-mobile .single-block .single-mobilebox {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 10px;
        width: 100%
    ;}

    .dealer-survey-container .dealer-survery-mobile .single-block .single-mobilebox div {
        align-items: center;
        display: flex
    ;}

    .dealer-survey-container .dealer-survery-mobile .single-block .single-mobilebox img {
        border-radius: 2px;
        height: 30px;
        width: 48px
    ;}

    .dealer-survey-container .dealer-survery-mobile .single-block .single-mobilebox .dealer-survey-logo-mobilebox {
        align-items: center;
        background: rgba(25,43,82,.9);
        border-radius: 2px;
        display: inline-flex;
        height: 19px;
        line-height: 19px;
        margin: 0 11px;
        padding: 1px 3px
    ;}

    .dealer-survey-container .dealer-survery-mobile .single-block .single-mobilebox .dealer-survey-logo-mobilebox img {
        height: 12px;
        margin-right: 2px;
        width: 12px
    ;}

    .dealer-survey-container .dealer-survery-mobile .single-block .single-mobilebox .dealer-survey-logo-mobilebox span {
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        transform: scale(.83);
        transform-origin: center
    ;}

    .dealer-survey-container .dealer-survery-mobile .single-block .single-mobilebox .tag {
        border-radius: 2px;
        color: #fff;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        height: 18px;
        line-height: 17px;
        margin: 0 8px;
        padding: .5px 4px
    ;}

    .dealer-survey-container .dealer-survery-mobile .single-block .single-mobilebox .title {
        display: block;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 65vw
    ;}

    .dealer-survey-container .dealer-survery-mobile .single-block .single-mobilebox .title.defaultColor {
        color: #477db3!important
    ;}

    .dealer-survey-container .dealer-survery-mobile .single-block .single-mobilebox .title2 {
        width: 33vw
    ;}

    .dealer-survey-container .dealer-survery-mobile .single-block .single-mobilebox .num {
        border-radius: 50%;
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        height: 14px;
        line-height: 14px;
        margin-right: 8px;
        text-align: center;
        transform: scale(.83);
        width: 14px
    ;}

    .dealer-survey-container .dealer-survery-mobile .single-block .single-mobilebox .num.defaultColor {
        background: #477db3!important
    ;}

    .dealer-survey-container .dealer-survery-mobile .single-block .single-mobilebox i {
        color: #ccc;
        font-size: 12px
    ;}

    .dealer-survey-container .dealer-survery-mobile .showSingle-box {
        display: none
    ;}

    .dealer-survey-container .dealer-survery-mobile .showSingle-box-ishow {
        display: block
    ;}

    .dealer-survey-container .dealer-survery-mobile-two {
        padding: 0 16px
    ;}
}

@media screen and (max-width: 375px) {
    .showSingle-box {
        display:block!important
    ;}

    .dealer-survey-container {
        padding: 0!important
    ;}

    .dealer-survery-mobilebox {
        display: none!important
    ;}

    .dealer-survery-mobile-two {
        padding: 0!important
    ;}
}

html[dir=rtl] .dealer-survey-container .dealer-survery .dealer-survery-ul .dealer-survey-logo-box img {
    margin: unset;
    margin-left: 4px
;}

html[dir=rtl] .dealer-survey-container .dealer-survery .dealer-survery-ul .dealer-survey-logo-box {
    left: unset;
    right: 4px
;}

html[dir=rtl] .dealer-survey-container .dealer-survery .dealer-survery-ul li {
    margin: unset;
    margin-left: 12px
;}

html[dir=rtl] .dealer-survey-container .dealer-survery .dealer-survery-ul li.field-survey .survey-l {
    left: 0;
    margin-right: 5px;
    right: unset
;}

html[dir=rtl] .dealer-survey-container .survey-tit {
    padding-right: 10px
;}

html[dir=rtl] .dealer-survey-container .dealer-survery .dealer-survery-ul li.field-survey .survey-bom img {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .dealer-survey-container .dealer-survery .dealer-survery-ul li.field-survey .survey-bom {
    left: auto;
    right: 10px
;}

html[dir=rtl] .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .cover {
    margin: unset;
    margin-left: 12px
;}

html[dir=rtl] .dealer-survey-container .dealer-survery .el-carousel__indicators--horizontal {
    left: 10px;
    right: unset
;}

html[dir=rtl] .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .dealer-survey-logo-box {
    left: unset;
    right: 4px
;}

html[dir=rtl] .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block2 .survey-tit {
    width: 100%
;}

html[dir=rtl] .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block .bottom-info .tag {
    margin: unset;
    margin-left: 8px
;}

html[dir=rtl] .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block .bottom-info .country {
    margin-left: unset;
    margin-right: 8px
;}

@media screen and (max-width: 1199px) {
    html[dir=rtl] .dealer-survey-container .survey-tit {
        padding-right:unset
    ;}

    html[dir=rtl] .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block2 .survey-tit .tag {
        margin-right: 6px
    ;}

    html[dir=rtl] .dealer-survey-container .dealer-survery .dealer-survery-ul .single-dealer .right-block2 .survey-bom img {
        margin-left: 8px;
        margin-right: unset
    ;}
}

@media screen and (max-width: 799px) {
    html[dir=rtl] .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box:first-child {
        margin-left:10px
    ;}

    html[dir=rtl] .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box .top .tag {
        left: unset;
        right: 4px
    ;}

    html[dir=rtl] .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box .top .dealer-survey-logo-mobilebox img {
        margin-left: 4px;
        margin-right: unset
    ;}

    html[dir=rtl] .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box .top .dealer-survey-logo-mobilebox {
        height: 19px;
        left: unset;
        right: 4px
    ;}

    html[dir=rtl] .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box .top .imgLength {
        left: unset;
        right: 6px
    ;}

    html[dir=rtl] .dealer-survey-container .dealer-survery-mobile .single-block .single-mobilebox .dealer-survey-logo-mobilebox img {
        margin-left: 4px;
        margin-right: unset
    ;}

    html[dir=rtl] .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox .mobile-box .bottom img {
        margin-left: 6px;
        margin-right: unset
    ;}
}

.dealer-ad-john {
    border: 1px solid rgba(0,0,0,.05);
    height: 200px
;}

.dealer-ad-john .dealer-ad-a,.dealer-ad-john .dealer-ad-a img {
    display: block;
    height: 100%;
    width: 100%
;}

.dealer-ad-john .dealer-ad-a img {
    border-radius: 2px
;}

.dealer-ad-john .ad-loading {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
;}

.dealer-ad-john .dealer-ad-bg {
    background: url(https://resources1.interface003.com/web20/img/dealer/bg-792.png) 50% no-repeat;
    background-size: 100% 100%;
    height: 100%;
    width: 100%
;}

@media screen and (max-width: 1199px) {
    .dealer-ad-john .dealer-ad-bg {
        background:url(https://resources1.interface003.com/web20/img/dealer/bg-562.png) 50% no-repeat;
        background-size: 100% 100%
    ;}

    .dealer-ad-john .dealer-ad-a img {
        width: 110%
    ;}}

@media screen and (max-width: 999px) {
    .dealer-ad-john .dealer-ad-bg {
        background:url(https://resources1.interface003.com/web20/img/dealer/bg-382.png) 50% no-repeat;
        background-size: 100% 100%
    ;}

    .dealer-ad-john .dealer-ad-a img {
        width: 150%
    ;}
}

@media screen and (max-width: 799px) {
    .dealer-ad-john {
        border:none;
        padding: 0
    ;}

    .dealer-ad-john .dealer-ad-a img {
        width: 100%
    ;}
}

.dealer-ad-john .el-carousel__indicators,.dealer-ad-john .el-carousel__item.is-active {
    z-index: 1!important
;}

.dealer-ad-john .el-carousel__button {
    border-radius: 2px;
    height: 4px;
    width: 4px
;}

.dealer-ad-john .is-active .el-carousel__button {
    width: 8px
;}

.dealer-ad-john .carousel .el-carousel__container {
    height: 100%
;}

@media screen and (max-width: 799px) {
    .dealer-ad-john {
        margin:0 auto;
        padding: 0 12px;
        width: 100%
    ;}

    .dealer-ad-john,.dealer-ad-john .carousel,.dealer-ad-john .carousel .el-carousel__container {
        height: 90px!important
    ;}

    .dealer-ad-john .ad-loading {
        height: 90px
    ;}

    .dealer-ad-john .dealer-ad-a {
        height: 90px!important
    ;}

    .dealer-ad-john .dealer-ad-a img {
        height: unset!important
    ;}
}

.infoitemtop {
    background: #fff;
    box-shadow: inset 0 1px 0 #f5f5f5;
    display: inline-block;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    gap: 6px;
    justify-content: center;
    padding: 16px 0 0
;}

.infoitemtop,.infoitemtop .row1 {
    align-items: center;
    align-self: stretch;
    order: 0
;}

.infoitemtop .row1 {
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    line-height: 20px;
    padding: 0
;}

.infoitemtop .row1 .iconfont {
    align-items: center;
    color: #ccc;
    display: flex;
    flex: none;
    flex-grow: 0;
    height: 16px;
    order: 0;
    width: 16px
;}

.infoitemtop .row1 .iconfont .icon-tweer {
    font-size: 18px
;}

.infoitemtop .row1 .img {
    border: 1px solid rgba(61,61,61,.03);
    flex: none;
    flex-grow: 0;
    height: 14px;
    order: 0;
    width: 22px
;}

.infoitemtop .row1 .txt {
    align-items: center;
    color: #a3a3a3;
    display: flex;
    flex: auto;
    flex-grow: 1;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    order: 1
;}

.infoitemtop .row1 .txt .row2-info {
    height: 14px;
    margin-left: 5px;
    position: relative;
    width: 14px
;}

.infoitemtop .row1 .txt .row2-info .iconfont {
    color: #a3a3a3;
    cursor: pointer;
    font-size: 14px
;}

.infoitemtop .row1 .txt .row2-info .row2-info-box {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 14px 0 rgba(0,0,0,.12);
    display: none;
    left: -30px;
    padding: 18px;
    position: absolute;
    top: 20px;
    width: 546px
;}

.infoitemtop .row1 .txt .row2-info .row2-info-box h3 {
    color: #3d3d3d;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 8px
;}

.infoitemtop .row1 .txt .row2-info .row2-info-box p {
    color: #7a7a7a;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 8px
;}

.infoitemtop .row1 .txt .row2-info .row2-info-box h4 {
    color: #292929;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 8px
;}

.infoitemtop .row1 .txt .row2-info:hover .row2-info-box {
    display: block
;}

.infoitemtop .row1 .more {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 1;
    gap: 4px;
    height: 17px;
    justify-content: right;
    line-height: 17px;
    order: 1;
    padding: 0;
    width: 47px
;}

.infoitemtop .row1 .more .more-name {
    align-items: center;
    color: #ccc;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 17px;
    line-height: 17px;
    order: 0;
    width: 29px
;}

.infoitemtop .row1 .more .more-name .icon-arrow-right {
    flex: none;
    flex-grow: 0;
    height: 14px;
    order: 1;
    width: 14px
;}

.infoitemtop .row2 {
    align-items: center;
    align-self: stretch;
    display: inline-block;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    justify-content: center;
    line-height: 20px;
    order: 1;
    padding: 0 0 0 22px;
    width: 100%
;}

.infoitemtop .row2 .val,.infoitemtop .row2 .valline {
    color: #3d3d3d;
    flex: none;
    flex-grow: 1;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    height: 20px;
    line-height: 20px;
    order: 0
;}

.infoitemtop .row2 .valline {
    display: none;
    margin-top: 8px;
    width: 100%
;}

.infoitemtop .row2 .valline:first-child {
    margin-top: 0
;}

.infoitemtop .row2 .valline .link {
    color: #3d3d3d;
    display: inline-block;
    overflow-wrap: break-word;
    width: 100%;
    word-break: break-all
;}

.infoitemtop .row2 .valline .link:hover {
    color: #b28936;
    text-decoration-line: underline
;}

.infoitemtop .row2 .valline .val {
    word-break: break-all
;}

.infoitemtop .row2 .valline-inline-block {
    display: inline-block
;}

.infoitemtop .arrow {
    display: block;
    margin: 0 auto;
    width: 16px
;}

html[dir=rtl] .infoitemtop .row1 .txt .row2-info .row2-info-box {
    left: unset;
    right: -30px
;}

html[dir=rtl] .infoitemtop .row1 .txt .row2-info {
    margin-left: 0;
    margin-right: 5px
;}

.popintro {
    background: url(https://resources1.interface003.com/Contentgj/images/pop_bg.png) repeat;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2001
;}

.popintro .main {
    background: #fff!important;
    border-radius: 16px;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.08);
    box-sizing: border-box;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    height: 400px;
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%) scale(1);
    transition: all .4s;
    width: 560px;
    z-index: 2002
;}

.popintro .main,.popintro .main .title {
    align-items: center;
    display: flex;
    order: 0
;}

.popintro .main .title {
    align-self: stretch;
    background: #fff;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    justify-content: space-between;
    line-height: 22px;
    margin: 0 32px;
    padding: 0;
    position: relative;
    width: 90%
;}

.popintro .main .title .sharp {
    background: #eeb822;
    border-radius: 1px;
    display: flex;
    flex: none;
    flex-grow: 0;
    height: 16px;
    margin-right: 12px;
    order: 0;
    width: 6px
;}

.popintro .main .title .txttt {
    align-items: center;
    color: #292929;
    display: inline-block;
    flex: none;
    flex-grow: 1;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    order: 1;
    padding-right: 14px
;}

.popintro .main .icon-close {
    cursor: pointer;
    display: inline-block;
    flex: none;
    flex-grow: 0;
    height: 22px;
    line-height: 22px;
    order: 1;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 22px
;}

.popintro .main .content {
    align-items: center;
    align-self: stretch;
    display: inline-block;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    justify-content: center;
    max-height: 332px;
    order: 1;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 0 25px
;}

.popintro .main .content .wenzi {
    display: block;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0 32px;
    text-indent: 0
;}

.popintro .main .content .wenzi img {
    width: 100%
;}

.popintro .main .content .wenzi table {
    width: 100%!important
;}

@media screen and (max-width: 799px) {
    .popintro .main {
        width:80%!important
    ;}
}

.popintro_none {
    display: none
;}

@media screen and (max-width: 799px) {
    .popintro .main .title {
        width:auto
    ;}

    .popintro .main .title embed {
        width: 90%!important
    ;}
}

.popinformation {
    background: url(https://resources1.interface003.com/Contentgj/images/pop_bg.png) repeat;
    height: 100%;
    left: 0;
    margin-bottom: 16px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2001
;}

.popinformation.right {
    background: none!important;
    height: auto!important
;}

.popinformation.right,.popinformation.right .main {
    max-width: none!important;
    position: static!important;
    width: auto!important
;}

.popinformation.right .main {
    box-shadow: none!important;
    transform: none!important
;}

.popinformation.right .main .popinformation-content {
    height: auto!important
;}

.popinformation.right .popintro .main .popinformation-content {
    display: block;
    height: 556px!important
;}

.popinformation .main {
    border-radius: 8px;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.08);
    box-sizing: border-box;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    left: 50%;
    max-width: 760px;
    padding-bottom: 4px;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%) scale(1);
    transition: all .4s;
    width: 60%;
    z-index: 2002
;}

.popinformation .main,.popinformation .main .title {
    align-items: center;
    background: #fff;
    display: flex;
    order: 0
;}

.popinformation .main .title {
    align-self: stretch;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    height: 40px;
    justify-content: space-between;
    margin: 24px 24px 0;
    padding-left: 0;
    position: relative
;}

.popinformation .main .title .txt {
    align-items: center;
    color: #292929;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    height: 22px;
    line-height: 22px;
    order: 0
;}

.popinformation .main .title .icon-close {
    cursor: pointer;
    flex: none;
    flex-grow: 0;
    font-size: 24px;
    order: 1;
    position: absolute;
    right: 0;
    top: 0
;}

.popinformation .main .popinformation-content {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    height: 556px;
    justify-content: center;
    order: 1;
    overflow-y: auto;
    padding: 0 0 25px
;}

.popinformation .main .popinformation-content .scroll {
    display: inline-block;
    height: 100%;
    width: 100%
;}

.popinformation .main .popinformation-content .scroll .sheet {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    justify-content: center;
    order: 0;
    padding: 0
;}

.popinformation .main .popinformation-content .scroll .sheet .column {
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 1;
    gap: 8px;
    justify-content: center;
    order: 0;
    padding: 16px 24px;
    width: 50%
;}

.popinformation .main .popinformation-content .scroll .sheet .column .info {
    align-items: center;
    align-self: stretch;
    background: #fff;
    box-shadow: inset 0 1px 0 #f5f5f5;
    display: inline-block;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    gap: 6px;
    justify-content: center;
    order: 0;
    padding: 16px 0 0
;}

.popinformation .main .popinformation-content .scroll .sheet .column .info .row1 {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    line-height: 20px;
    order: 0;
    padding: 0;
    width: 100%
;}

.popinformation .main .popinformation-content .scroll .sheet .column .info .row1 .iconfont {
    align-items: center;
    color: #ccc;
    display: flex;
    flex: none;
    flex-grow: 0;
    height: 14px;
    order: 0;
    width: 14px
;}

.popinformation .main .popinformation-content .scroll .sheet .column .info .row1 .img {
    flex: none;
    flex-grow: 0;
    height: 14px;
    order: 0;
    width: 22px
;}

.popinformation .main .popinformation-content .scroll .sheet .column .info .row1 .txt {
    align-items: center;
    color: #a3a3a3;
    display: flex;
    flex: auto;
    flex-grow: 1;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    order: 1
;}

.popinformation .main .popinformation-content .scroll .sheet .column .info .row1 .more {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 1;
    gap: 4px;
    height: 17px;
    justify-content: right;
    order: 1;
    padding: 0;
    width: 47px
;}

.popinformation .main .popinformation-content .scroll .sheet .column .info .row1 .more .more-name {
    align-items: center;
    color: #ccc;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 17px;
    line-height: 17px;
    order: 0;
    width: 29px
;}

.popinformation .main .popinformation-content .scroll .sheet .column .info .row1 .more .more-name .icon-arrow-right {
    flex: none;
    flex-grow: 0;
    height: 14px;
    order: 1;
    width: 14px
;}

.popinformation .main .popinformation-content .scroll .sheet .column .info .row2 {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    justify-content: center;
    line-height: 20px;
    order: 1;
    padding: 10px 0 0
;}

.popinformation .main .popinformation-content .scroll .sheet .column .info .row2 .img {
    display: inline-block;
    flex: none;
    flex-grow: 0;
    height: 14px;
    margin-right: 4px;
    order: 0;
    width: 22px
;}

.popinformation .main .popinformation-content .scroll .sheet .column .info .row2 .val {
    color: #3d3d3d;
    display: inline-block;
    flex: none;
    flex-grow: 1;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    height: 20px;
    line-height: 20px;
    order: 0
;}

.popinformation .main .popinformation-content .scroll .sheet .column .info .row2 .valline {
    color: #3d3d3d;
    flex: none;
    flex-grow: 1;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    height: 20px;
    line-height: 20px;
    margin: 3px 0;
    order: 0
;}

.popinformation .main .popinformation-content .scroll .sheet .column .infoitemtop .row2 {
    padding: 10px 0 0
;}

.popinformation .main .popinformation-content .scroll .item {
    align-items: center;
    align-self: stretch;
    background: #fff;
    border-bottom: 1px inset #f5f5f5;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    gap: 6px;
    height: auto;
    justify-content: center;
    order: 1;
    padding-left: 24px;
    width: 100%
;}

.popinformation .main .popinformation-content .scroll .item .infoitemtop.intro {
    padding-bottom: 16px!important;
    text-align: right!important
;}

.popinformation .main .popinformation-content .scroll .item .infoitemtop.intro .row1 {
    cursor: pointer;
    float: right;
    padding-right: 20px
;}

.popinformation .main .popinformation-content .scroll .item .infoitemtop.intro .row1 .iconfont {
    order: 1
;}

.popinformation .main .popinformation-content .scroll .item .infoitemtop.intro .row1 .txt {
    order: 0
;}

.popinformation .main .popinformation-content .scroll .item .infoitemtop .row2 {
    padding: 10px 0 0
;}

.popinformation .main .popinformation-content .scroll .item .infoitemtop:first-child {
    box-shadow: none
;}

.popinformation .main .popinformation-content .scroll .item .infoitemtop:last-child {
    padding-bottom: 6px
;}

.popinformation .popintro .main {
    align-items: center;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.08)!important;
    box-sizing: border-box;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    height: 408px!important;
    left: 50%;
    order: 0;
    position: fixed!important;
    top: 50%;
    transform: translate(-50%,-50%) scale(1)!important;
    transition: all .4s;
    width: 560px!important;
    z-index: 2002
;}

.popinformation .popintro .main .title {
    justify-content: normal
;}

@media screen and (max-width: 799px) {
    .popinformation .popintro .main {
        width:80%!important
    ;}
}

html[dir=rtl] .popinformation .main .popinformation-content .scroll .sheet .column .info .row2 .img {
    margin-left: 4px;
    margin-right: unset
;}

html[dir=rtl] .popinformation .main .title .icon-close {
    left: 5px;
    right: auto
;}

html[dir=rtl] .popinformation .main .popinformation-content .scroll .item {
    padding-left: 0;
    padding-right: 24px
;}

.risk-popup .el-dialog__header {
    display: none
;}

.risk-popup .el-dialog__body {
    margin: 0;
    padding: 32px;
    position: relative
;}

@media screen and (max-width: 799px) {
    .risk-popup-box .el-dialog__wrapper {
        align-items:flex-end
    ;}

    .risk-popup-box .el-dialog__wrapper .el-dialog {
        border-radius: 16px 16px 0 0
    ;}

    .risk-popup-box .el-dialog__wrapper .el-dialog .el-dialog__body {
        padding: 32px 16px
    ;}
}

.dealer-risk-mobile {
    display: none
;}

.dealer-risk {
    align-items: center;
    background: rgba(179,36,60,.05);
    border: 1px solid rgba(179,36,60,.2);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 16px 10px 16px 24px
;}

.dealer-risk.yellow {
    background: rgba(171,138,69,.05);
    border: 1px solid rgba(215,166,56,.2)
;}

.dealer-risk .title {
    align-self: stretch;
    flex: none;
    flex-grow: 0;
    gap: 40px;
    order: 0;
    padding: 0
;}

.dealer-risk .title .left {
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    gap: 8px;
    order: 0;
    padding: 0;
    width: auto;
    word-break: break-all
;}

.dealer-risk .title .left.is-zh-left {
    width: auto
;}

.dealer-risk .title .left .name {
    color: #b3243c;
    font-family: PingFang SC;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px
;}

.dealer-risk .title .left .name.is-zh-name {
    width: auto
;}

.dealer-risk .title .left .name.yellow {
    color: #ab8a45
;}

.dealer-risk .title .right {
    color: #a3a3a3;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 17px;
    line-height: 17px;
    order: 1
;}

.dealer-risk .title .right .fxtime {
    display: inline-block;
    margin: 0 5px
;}

.dealer-risk .content-risk {
    background: none;
    display: none;
    flex-direction: column;
    justify-content: center;
    padding: 0
;}

.dealer-risk .content-risk.arrow {
    cursor: pointer
;}

.dealer-risk .content-risk .li {
    color: #b3243c;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.dealer-risk .content-risk .li.yellow {
    color: #ab8a45
;}

.dealer-risk .content-risk .line {
    align-self: stretch;
    border-top: 1px dashed rgba(179,36,60,.2);
    flex: none;
    flex-grow: 0;
    order: 0
;}

.dealer-risk .content-risk .line.yellow {
    border-top: 1px dashed rgba(215,166,56,.2)
;}

.dealer-risk .content-risk .icon-arrow-down {
    color: #b3243c;
    font-weight: 700
;}

.dealer-risk .content-risk .icon-arrow-down.yellow {
    color: #ab8a45
;}

.dealer-risk .content-risk-flex {
    display: flex
;}

.dealer-risk .dot {
    align-items: center;
    background: #b3243c;
    border-radius: 8px;
    color: #fff;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    height: 16px;
    justify-content: center;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
    width: 16px
;}

.dealer-risk .dot.yellow {
    background: #ab8a45
;}

.dealer-risk .icon-arrow-down1 {
    color: #b3243c
;}

.dealer-risk .icon-arrow-down1.yellow {
    color: #ab8a45
;}

@media screen and (max-width: 999px) {
    .dealer-risk .content-risk {
        width:290px
    ;}
}

@media screen and (max-width: 799px) {
    .dealer-risk-box {
        padding:0 16px
    ;}

    .dealer-risk-mobile {
        align-items: center;
        border: .5px solid;
        border-radius: 6px;
        display: block;
        display: flex;
        justify-content: space-between;
        margin-bottom: 16px;
        padding: 10px 16px;
        width: 100%
    ;}

    .dealer-risk-mobile.redColor {
        color: #b3243c
    ;}

    .dealer-risk-mobile.redBorderColor {
        background: rgba(178,36,60,.05);
        border-color: rgba(179,36,60,.2)
    ;}

    .dealer-risk-mobile.yellowColor {
        color: #ab8a45
    ;}

    .dealer-risk-mobile.yellowBorderColor {
        background: rgba(215,166,56,.06);
        border-color: rgba(215,166,56,.3)
    ;}

    .dealer-risk-mobile .top-down-risk .down-info .tm-left {
        align-items: center;
        display: flex;
        flex-flow: row;
        font-size: 16px;
        line-height: 22px;
        margin-right: 12px
    ;}

    .dealer-risk-mobile .top-down-risk .down-info .tm-left .icon-zhengque {
        display: block;
        margin-right: 4px
    ;}

    .dealer-risk-mobile .top-down-risk .down-info .tm-left .time-m-right {
        display: flex;
        font-size: 15px!important;
        white-space: nowrap
    ;}

    .dealer-risk-mobile .top-down-risk .down-info .tm-left .time-m-right .fxtime-m {
        line-height: 18px;
        margin-left: 4px
    ;}

    .dealer-risk-mobile .risk-btn {
        border-radius: 4px;
        color: #fff;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 17px;
        padding: 4px 8px;
        white-space: nowrap
    ;}

    .dealer-risk-mobile .risk-btn.redColor {
        background: #b3243c
    ;}

    .dealer-risk-mobile .risk-btn.yellowColor {
        background: #d7a638
    ;}

    .dealer-risk-mobile .icon-arrow-right.redColor {
        color: #b3243c
    ;}

    .dealer-risk-mobile .icon-arrow-right.yellowColor {
        color: #d7a638
    ;}

    .dealer-risk-mobile .top-down-risk .risk-title {
        font-family: PingFang SC;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 22px;
        margin-bottom: 5px
    ;}

    .dealer-risk-mobile .top-down-risk .risk-title.redColor {
        color: #b3243c
    ;}

    .dealer-risk-mobile .top-down-risk .risk-title.yellowColor {
        color: #d7a638
    ;}

    .dealer-risk-mobile .top-down-risk .down-info {
        align-items: center;
        color: #7a7a7a;
        display: flex;
        font-style: normal;
        font-weight: 300;
        height: 15px;
        vertical-align: middle
    ;}

    .dealer-risk-mobile .top-down-risk .down-info span {
        display: flex;
        line-height: 14px
    ;}

    .dealer-risk-mobile .top-down-risk .down-info span .icon-zhengque {
        font-size: 10.5px
    ;}

    .dealer-risk-mobile .top-down-risk .down-info span .last-time {
        font-size: 12px;
        transform: scale(.83)
    ;}

    .dealer-risk-mobile .top-down-risk .down-info span .last-time span.redColor {
        color: #b3243c
    ;}

    .dealer-risk-mobile .top-down-risk .down-info span .last-time span.yellowColor {
        color: #d7a638
    ;}

    .dealer-risk-mobile .top-down-risk .down-info span .time-m-right {
        margin-right: 12px
    ;}

    .dealer-risk-mobile .top-down-risk .down-info span .time-m-right .fxtime-m {
        display: inline-block;
        margin: 0 10px
    ;}

    .dealer-risk-mobile .top-down-risk .down-info-noZh {
        display: flex;
        flex-wrap: wrap;
        height: 100%
    ;}

    .dealer-risk-mobile .top-down-risk .down-info-noZh span .time-m-right {
        margin: 0
    ;}

    .dealer-risk-mobile .top-down-risk .down-info-noZh span .time-m-right .fxtime-m {
        display: inline-block;
        margin: 0 10px
    ;}
}

html[dir=rtl] .dealer-risk {
    padding: 16px 24px 16px 0
;}

html[dir=rtl] .dealer-risk .title .left .name .dot {
    margin: unset;
    margin-right: 12px
;}

.dealer-supervise-item {
    align-items: center;
    border: .5px solid rgba(237,164,10,.3);
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 118px;
    padding: 16px;
    position: relative;
    width: 100%
;}

.dealer-supervise-item,.dealer-supervise-item.lv1 {
    background: linear-gradient(90.03deg,rgba(237,164,10,0) .03%,rgba(237,164,10,.1) 99.97%)
;}

.dealer-supervise-item.lv1 {
    border: .5px solid rgba(237,164,10,.3)
;}

.dealer-supervise-item.lv1:hover {
    border: .5px solid rgba(237,164,10,.6)
;}

.dealer-supervise-item.lv1:hover .top {
    color: #b38a37
;}

.dealer-supervise-item.lv2 {
    background: linear-gradient(90.03deg,rgba(218,84,30,0) .03%,rgba(218,84,30,.1) 99.97%);
    border: .5px solid rgba(218,84,30,.3)
;}

.dealer-supervise-item.lv2:hover {
    border: .5px solid rgba(218,84,30,.6)
;}

.dealer-supervise-item.lv2:hover .top {
    color: #b38a37
;}

.dealer-supervise-item.lv3 {
    background: linear-gradient(90.03deg,rgba(155,39,58,0) .03%,rgba(155,39,58,.1) 99.97%);
    border: .5px solid rgba(155,39,58,.3)
;}

.dealer-supervise-item.lv3:hover {
    border: .5px solid rgba(155,39,58,.6)
;}

.dealer-supervise-item.lv3:hover .top {
    color: #b38a37
;}

.dealer-supervise-item .line1 {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: space-between;
    line-height: 18px;
    order: 0;
    padding: 0;
    width: 100%
;}

.dealer-supervise-item .line1 .left {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 215px
;}

.dealer-supervise-item .line1 .left .tag {
    align-items: center;
    background: #eda40a;
    border-radius: 2px;
    display: flex;
    flex: none;
    flex-grow: 0;
    height: 18px;
    justify-content: center;
    margin-right: 8px;
    order: 0;
    padding: 3px 4px
;}

.dealer-supervise-item .line1 .left .tag.ALB {
    margin-left: 8px;
    margin-right: 0
;}

.dealer-supervise-item .line1 .left .tag p {
    align-items: center;
    color: #fff;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    height: 18px;
    line-height: 18px;
    order: 0;
    text-align: center
;}

.dealer-supervise-item .line1 .left .img {
    align-items: center;
    display: flex;
    flex: none;
    flex-grow: 0;
    height: 18px;
    justify-content: center;
    margin: 0 6px;
    order: 0;
    width: 28px
;}

.dealer-supervise-item .line1 .left .lisense {
    font-feature-settings: "liga" off;
    color: #3d3d3d;
    font-family: PingFang SC;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    height: 18px;
    line-height: 18px;
    max-width: 154px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-supervise-item .line1 .date {
    align-items: center;
    color: #a3a3a3;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 18px;
    justify-content: center;
    line-height: 18px;
    order: 1
;}

.dealer-supervise-item .line2 {
    align-items: flex-start;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    gap: 12px;
    height: 60px;
    order: 1;
    padding: 0;
    width: 100%
;}

.dealer-supervise-item .line2.high {
    gap: 0;
    height: 154px
;}

.dealer-supervise-item .line2.high .top {
    font-size: 18px;
    font-weight: 600;
    height: 25px;
    line-height: 25px;
    margin: 10px 0 6px
;}

.dealer-supervise-item .line2 .top {
    font-size: 16px;
    font-weight: 500;
    height: 24px;
    white-space: nowrap
;}

.dealer-supervise-item .line2 .des,.dealer-supervise-item .line2 .top {
    align-items: center;
    color: #141414;
    font-family: PingFang SC;
    font-style: normal;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
;}

.dealer-supervise-item .line2 .des {
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    font-size: 14px;
    font-weight: 400;
    height: 72px;
    margin-bottom: 18px
;}

.dealer-supervise-item .line2 .bot {
    align-items: flex-start;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    flex-wrap: wrap;
    gap: 8px;
    height: 24px;
    line-height: 24px;
    order: 1;
    overflow: hidden;
    padding: 0;
    width: 100%
;}

.dealer-supervise-item .line2 .bot .jys {
    align-items: center;
    border: .5px solid rgba(90,127,184,.2);
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    gap: 4px;
    height: 24px;
    margin-right: 10px;
    order: 0;
    padding: 2px 6px
;}

.dealer-supervise-item .line2 .bot .jys:hover {
    border: .5px solid #b38a37
;}

.dealer-supervise-item .line2 .bot .jys:hover .jysname {
    color: #b38a37
;}

.dealer-supervise-item .line2 .bot .jys.dian:hover {
    border: .5px solid rgba(90,127,184,.2)
;}

.dealer-supervise-item .line2 .bot .jys .img {
    align-items: center;
    display: flex;
    flex: none;
    flex-grow: 0;
    height: 16px;
    justify-content: center;
    margin-right: 4px;
    order: 0;
    width: 16px
;}

.dealer-supervise-item .line2 .bot .jys .jysname {
    align-items: center;
    color: #7a7a7a;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    order: 1
;}

.dealer-supervise-item .line2 .bot .jys .jysname .dot {
    background-color: #7a7a7a;
    border-radius: 3px;
    display: inline-block;
    height: 4px;
    margin: 0 4px;
    width: 4px
;}

.dealer-supervise-item .line2 .bot .jys .jysname .dot:first-child,.dealer-supervise-item .line2 .bot .jys .jysname .dot:last-child {
    margin: 0
;}

.dealer-supervise-item .iconfont {
    bottom: 8px;
    font-size: 60px;
    height: 60px;
    position: absolute;
    right: 8px;
    width: 60px;
    z-index: 0
;}

.dealer-supervise-item .iconfont.lv1 {
    color: rgba(237,164,10,.3)
;}

.dealer-supervise-item .iconfont.lv2 {
    color: rgba(218,84,30,.3)
;}

.dealer-supervise-item .iconfont.lv3 {
    color: rgba(178,36,60,.3)
;}

.dealer-supervise-item .iconfont.ALB {
    left: 8px;
    right: auto
;}

html[dir=rtl] .dealer-supervise-item .line2 .bot .jys {
    margin-right: 0
;}

.dealer-superviselist {
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    box-sizing: border-box;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    justify-content: center;
    margin: 16px 0;
    order: 7;
    padding: 0
;}

.dealer-superviselist,.dealer-superviselist .title {
    align-items: center;
    align-self: stretch;
    background: #fff;
    display: flex
;}

.dealer-superviselist .title {
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    height: 56px;
    justify-content: space-between;
    order: 0;
    padding: 0 24px
;}

.dealer-superviselist .title.mobile {
    padding: 0
;}

.dealer-superviselist .title .title-name {
    align-items: center;
    color: #292929;
    display: flex;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    height: 22px;
    line-height: 22px;
    order: 0
;}

.dealer-superviselist .title .more-a {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    gap: 4px;
    height: 17px;
    justify-content: center;
    order: 1;
    padding: 0;
    width: 47px
;}

.dealer-superviselist .title .more-a .more-name {
    align-items: center;
    color: #ccc;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 17px;
    line-height: 17px;
    order: 0;
    width: 29px
;}

.dealer-superviselist .title .more-a .icon-arrow-right {
    align-items: center;
    color: #ccc;
    display: flex;
    flex: none;
    flex-grow: 0;
    height: 14px;
    order: 1;
    width: 14px
;}

.dealer-superviselist .mtitle {
    align-self: stretch;
    background: #fff;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.05);
    flex-direction: row;
    gap: 20px;
    order: 1;
    padding-left: 24px
;}

.dealer-superviselist .mtitle,.dealer-superviselist .mtitle .li {
    align-items: center;
    display: flex;
    flex: none;
    flex-grow: 0;
    height: 40px
;}

.dealer-superviselist .mtitle .li {
    color: #a3a3a3;
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    line-height: 40px;
    order: 0
;}

.dealer-superviselist .mtitle .li.on {
    box-shadow: inset 0 -1px 0 #3d3d3d;
    color: #000;
    font-weight: 600
;}

.dealer-superviselist .popinformation-content {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    gap: 16px;
    justify-content: center;
    order: 1;
    padding: 0 24px 16px
;}

.dealer-superviselist .popinformation-content .item {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 118px;
    width: 100%
;}

@media screen and (max-width: 799px) {
    .dealer-superviselist {
        margin-top:0!important;
        padding: 0 16px!important
    ;}

    .dealer-superviselist .popinformation-content {
        padding: 0 0 16px!important
    ;}
}

.popsupvise {
    background: url(https://resources1.interface003.com/Contentgj/images/pop_bg.png) repeat;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2001
;}

.popsupvise .main {
    align-items: center;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.08);
    box-sizing: border-box;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    left: 50%;
    max-height: 488px;
    max-width: 680px;
    order: 0;
    padding: 10px 12px 24px 24px;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%) scale(1);
    transition: all .4s;
    width: 80%;
    z-index: 2002
;}

.popsupvise .main .title {
    align-self: stretch;
    background: #fff;
    display: -webkit-box;
    flex-direction: row;
    font-size: 24px;
    justify-content: space-between;
    line-height: 34px;
    margin-bottom: 12px;
    position: relative;
    width: 90%
;}

.popsupvise .main .title,.popsupvise .main .title .txt {
    align-items: center;
    flex: none;
    flex-grow: 0;
    font-weight: 600;
    order: 0
;}

.popsupvise .main .title .txt {
    color: #292929;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    line-height: 22px;
    padding-right: 14px
;}

.popsupvise .main .icon-close {
    cursor: pointer;
    display: inline-block;
    flex: none;
    flex-grow: 0;
    font-size: 20px;
    height: 20px;
    order: 1;
    position: absolute;
    right: 28px;
    top: 22px;
    width: 20px;
    z-index: 1
;}

.popsupvise .main .icon-close.ALB {
    left: 28px;
    right: auto
;}

.popsupvise .main .content {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    flex-wrap: wrap;
    gap: 8px;
    max-height: 372px;
    order: 1;
    overflow-y: auto;
    width: 100%
;}

.popsupvise .main .content .item {
    box-sizing: border-box;
    width: 308px
;}

.popsupvise .main .content .item .dealer-supervise-item .line1 .left {
    max-width: 203px
;}

html[dir=rtl] .popmt4 .main .icon-close {
    left: 5px;
    right: unset
;}

html[dir=rtl] .popmt4 .main .sharp {
    margin-right: 0
;}

html[dir=rtl] .popmt4 .main .content .scroll .li .item .right .mt4 {
    margin-left: 22px;
    margin-right: unset
;}

html[dir=rtl] .popmt4 .main .content .scroll .li .item .right {
    float: left;
    margin-left: 0;
    width: 20%
;}

@media screen and (max-width: 1199px) {
    .popsupvise .main .content .item {
        box-sizing:border-box;
        width: 95%
    ;}
}

.eco-title {
    align-items: center;
    display: flex;
    height: 56px;
    justify-content: space-between;
    padding: 0 20px;
    width: 100%
;}

.eco-title .eco-title-l {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px
;}

.eco-title .eco-title-r {
    align-items: center;
    cursor: pointer;
    display: flex
;}

.eco-title .eco-title-r .eco-title-more {
    color: #ccc;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px
;}

.eco-title .eco-title-r .icon-Icon-Stroke-arrow-right {
    color: #ccc;
    font-size: 16px;
    margin-left: 4px
;}

html[dir=rtl] .eco-title .eco-title-r .icon-Icon-Stroke-arrow-right {
    margin-left: 0;
    margin-right: 4px;
    transform: rotate(180deg)
;}

.head-share {
    margin-bottom: 40px
;}

.head-share,.head-share .head-share-a {
    align-items: center;
    display: flex;
    justify-content: center
;}

.head-share .head-share-a {
    border-radius: 6px;
    cursor: pointer;
    height: 32px;
    margin-right: 12px;
    position: relative;
    width: 32px
;}

.head-share .head-share-a .iconfont {
    color: #66656a;
    font-size: 32px
;}

.head-share .head-share-a .head-share-wx {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 32px rgba(0,0,0,.14);
    cursor: default;
    height: 162px;
    left: -57px;
    position: absolute;
    top: 40px;
    width: 146px;
    z-index: 99999
;}

.head-share .head-share-a .head-share-wx .head-share-wx-box {
    height: 100%;
    padding: 26px 16px 0;
    position: relative;
    width: 100%
;}

.head-share .head-share-a .head-share-wx .head-share-wx-box .head-share-wx-img {
    height: 97px;
    margin: 0 auto;
    overflow: hidden;
    width: 97px
;}

.head-share .head-share-a .head-share-wx .head-share-wx-box .head-share-wx-p {
    color: #ccc;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    margin-top: 9px;
    text-align: center;
    transform: scale(.8);
    width: 100%
;}

.head-share .head-share-a .head-share-wx .head-share-wx-box .icon-close {
    color: #333;
    font-size: 16px
;}

.head-share .head-share-a .head-share-wx .icon-close {
    color: #333!important;
    cursor: pointer;
    font-size: 16px!important;
    position: absolute;
    right: 9px;
    top: 9px
;}

.b-content,.hedge-trace_box {
    display: flex;
    flex-wrap: nowrap;
    width: 100%
;}

.b-content>li,.hedge-trace_box>li {
    padding: 0 8px 0 0;
    text-align: left
;}

.b-content>li:first-child,.hedge-trace_box>li:first-child {
    flex: 1;
    padding-left: 30px
;}

.b-content>li:nth-child(2),.hedge-trace_box>li:nth-child(2) {
    flex: 2.5
;}

.b-content>li:nth-child(3),.b-content>li:nth-child(4),.hedge-trace_box>li:nth-child(3),.hedge-trace_box>li:nth-child(4) {
    flex: 1
;}

.dealer-john-jp .hedge-trace_box .h-head li {
    background: #f3f3f3
;}

.hedge-trace_box {
    display: flex;
    flex-wrap: wrap
;}

.hedge-trace_box .title {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    justify-content: space-between;
    line-height: 20px;
    padding: 30px 0 12px;
    width: inherit
;}

.hedge-trace_box .title img {
    cursor: pointer;
    padding: 0 4px
;}

.hedge-trace_box .h-head li {
    background: #fafafa;
    color: #7a7a7a;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px
;}

.hedge-trace_box .h-head.ja-head li {
    background: #f3f3f3
;}

.hedge-trace_box .h-con {
    border-bottom: .5px solid #eff2f5;
    box-sizing: content-box;
    min-height: 40px
;}

.hedge-trace_box .h-con li {
    padding: 12px 8px 12px 0
;}

.hedge-trace_box .h-con>li:first-child {
    color: #7a7a7a;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    padding-left: 30px;
    white-space: nowrap;
    word-break: keep-all
;}

.hedge-trace_box .h-con>li:nth-child(2) {
    color: #1d2129;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    word-break: break-all
;}

.hedge-trace_box .h-con>li:nth-child(3) {
    color: #3d3d3d;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 500
;}

.hedge-trace_box .h-con>li:nth-child(3)>p {
    word-break: break-all
;}

.hedge-trace_box .h-con>li:nth-child(3)>p:not(:last-child) {
    margin-bottom: 8px
;}

.hedge-trace_box .h-con>li:nth-child(4) {
    color: #d5494a;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 600
;}

.hedge-trace_box .h-con>li:nth-child(4)>p {
    word-break: break-all
;}

.hedge-trace_box .h-con>li:nth-child(4)>p:not(:last-child) {
    margin-bottom: 8px
;}

@media screen and (max-width: 999px) {
    .hedge-trace_box .b-content>li:first-child,.hedge-trace_box .hedge-trace_box>li:first-child {
        padding-left:14px
    ;}

    .hedge-trace_box .b-content>li:nth-child(2),.hedge-trace_box .hedge-trace_box>li:nth-child(2) {
        flex: 2
    ;}

    .hedge-trace_box .h-con>li:first-child {
        padding-left: 14px
    ;}
}

@media screen and (max-width: 799px) {
    .hedge-trace_box .b-content>li:first-child,.hedge-trace_box .hedge-trace_box>li:first-child {
        padding-left:14px
    ;}

    .hedge-trace_box .b-content>li:nth-child(2),.hedge-trace_box .hedge-trace_box>li:nth-child(2) {
        flex: 2
    ;}

    .hedge-trace_box .h-con>li:first-child {
        padding-left: 14px
    ;}
}

html[dir=rtl] .hedge-trace_box .title img {
    rotate: 180deg
;}

html[dir=rtl] .b-content>li,html[dir=rtl] .hedge-trace_box>li {
    padding: 0 0 0 8px;
    text-align: right
;}

html[dir=rtl] .b-content>li:first-child,html[dir=rtl] .hedge-trace_box>li:first-child {
    padding-left: 0;
    padding-right: 30px
;}

html[dir=rtl] .hedge-trace_box .h-con li {
    padding: 12px 0 12px 8px
;}

html[dir=rtl] .hedge-trace_box .h-con>li:first-child {
    padding-left: 0;
    padding-right: 30px
;}

@media screen and (max-width: 999px) {
    html[dir=rtl] .hedge-trace_box .b-content>li:first-child,html[dir=rtl] .hedge-trace_box .h-con>li:first-child,html[dir=rtl] .hedge-trace_box .hedge-trace_box>li:first-child {
        padding-left:0;
        padding-right: 14px
    ;}
}

@media screen and (max-width: 799px) {
    html[dir=rtl] .hedge-trace_box .b-content>li:first-child,html[dir=rtl] .hedge-trace_box .h-con>li:first-child,html[dir=rtl] .hedge-trace_box .hedge-trace_box>li:first-child {
        padding-left:0;
        padding-right: 14px
    ;}
}

.card-head .head-tabs,.risk-manage_info .head-tabs {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
;}

.card-head .head-tabs .head-tabs-title,.risk-manage_info .head-tabs .head-tabs-title {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px
;}

.card-head .head-tabs .head-tabs-title.ja-title,.risk-manage_info .head-tabs .head-tabs-title.ja-title {
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    padding-left: 16px;
    position: relative
;}

.card-head .head-tabs .head-tabs-title.ja-title:before,.risk-manage_info .head-tabs .head-tabs-title.ja-title:before {
    background: #301;
    content: "";
    display: flex;
    height: 26px;
    left: 0;
    position: absolute;
    top: -2px;
    width: 6px
;}

.card-head .head-tabs .head-tabs-r,.risk-manage_info .head-tabs .head-tabs-r {
    align-items: center;
    display: flex
;}

.card-head .head-tabs .head-tabs-r .head-tabs-text,.risk-manage_info .head-tabs .head-tabs-r .head-tabs-text {
    color: #a3a3a3;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-right: 8px
;}

.card-head .head-tabs .head-tabs-r .head-tabs-time,.risk-manage_info .head-tabs .head-tabs-r .head-tabs-time {
    color: #292929;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px
;}

.card-per-chart .finance-f,.risk-manage_info .finance-echart-info .finance-f {
    width: 50%
;}

.card-per-chart .finance-f .finance-f-title,.risk-manage_info .finance-echart-info .finance-f .finance-f-title {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
;}

.card-per-chart .finance-f .finance-f-title .f-title,.risk-manage_info .finance-echart-info .finance-f .finance-f-title .f-title {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px
;}

.card-per-chart .finance-f .finance-f-title .f-title img,.risk-manage_info .finance-echart-info .finance-f .finance-f-title .f-title img {
    cursor: pointer;
    margin-left: 6px
;}

.card-per-chart .finance-f .finance-f-title .f-title .el-popover__reference-wrapper,.risk-manage_info .finance-echart-info .finance-f .finance-f-title .f-title .el-popover__reference-wrapper {
    align-items: center;
    display: flex
;}

.card-per-chart .finance-f .finance-f-title .f-text,.risk-manage_info .finance-echart-info .finance-f .finance-f-title .f-text {
    color: #a3a3a3;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.card-per-chart .finance-f .finance-f-title .icon-20gl-questionCircle,.risk-manage_info .finance-echart-info .finance-f .finance-f-title .icon-20gl-questionCircle {
    color: #a3a3a3;
    cursor: pointer;
    font-size: 14px
;}

.card-per-chart .finance-f .finance-ft .finance-label,.risk-manage_info .finance-echart-info .finance-f .finance-ft .finance-label {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 16px
;}

.card-per-chart .finance-f .finance-ft .finance-label .finance-label-t,.risk-manage_info .finance-echart-info .finance-f .finance-ft .finance-label .finance-label-t {
    align-items: center;
    display: flex
;}

.card-per-chart .finance-f .finance-ft .finance-label .finance-label-t .finance-label-z,.risk-manage_info .finance-echart-info .finance-f .finance-ft .finance-label .finance-label-t .finance-label-z {
    background: #efa33f;
    height: 2px;
    width: 10px
;}

.card-per-chart .finance-f .finance-ft .finance-label .finance-label-t .finance-label-text,.risk-manage_info .finance-echart-info .finance-f .finance-ft .finance-label .finance-label-t .finance-label-text {
    color: #3d3d3d;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    padding: 0 0 0 10px;
    text-align: center
;}

.card-per-chart .finance-f .finance-ft-list,.risk-manage_info .finance-echart-info .finance-f .finance-ft-list {
    padding-top: 10px
;}

.card-per-chart .finance-f .finance-ft-list .finance-ft-ul,.risk-manage_info .finance-echart-info .finance-f .finance-ft-list .finance-ft-ul {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 29px
;}

.card-per-chart .finance-f .finance-ft-list .finance-ft-ul .finance-ft-title,.risk-manage_info .finance-echart-info .finance-f .finance-ft-list .finance-ft-ul .finance-ft-title {
    color: #a3a3a3;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.card-per-chart .finance-f .finance-ft-list .finance-ft-ul .finance-ft-text,.risk-manage_info .finance-echart-info .finance-f .finance-ft-list .finance-ft-ul .finance-ft-text {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px
;}

.card-per-chart .finance-f .finance-ft-list .finance-ft-ul:last-child,.risk-manage_info .finance-echart-info .finance-f .finance-ft-list .finance-ft-ul:last-child {
    margin-bottom: 0
;}

.card-per-chart .finance-echart-acc,.card-per-chart .finance-echart-acc .finance-ft-list .finance-ft-ul,.risk-manage_info .finance-echart-info .finance-echart-acc,.risk-manage_info .finance-echart-info .finance-echart-acc .finance-ft-list .finance-ft-ul {
    margin-bottom: 20px
;}

.risk-manage_info {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    padding: 24px
;}

.risk-manage_info .finance-echart-info {
    display: flex;
    gap: 83px
;}

@media screen and (max-width: 1199px) {
    .risk-manage_info .finance-echart-info {
        gap:30px
    ;}
}

@media screen and (max-width: 999px) {
    .risk-manage_info .finance-echart-info {
        flex-wrap:wrap
    ;}

    .risk-manage_info .finance-echart-info .finance-f {
        margin-top: 20px;
        width: 100%
    ;}

    .risk-manage_info .finance-echart-info .finance-f:first-child {
        margin-top: 0
    ;}
}

@media screen and (max-width: 799px) {
    .risk-manage_info .finance-echart-info {
        flex-wrap:wrap
    ;}

    .risk-manage_info .finance-echart-info .finance-f {
        margin-top: 20px;
        width: 100%
    ;}

    .risk-manage_info .finance-echart-info .finance-f:first-child {
        margin-top: 0
    ;}
}

html[dir=rtl] .risk-manage_info .head-tabs .head-tabs-r .head-tabs-text {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .finance-f .finance-f-title .f-title img {
    margin-left: 0;
    margin-right: 6px
;}

html[dir=rtl] .finance-f .finance-label-text {
    padding: 0 10px 0 0!important
;}

html[dir=rtl] .finance-f .finance-label .finance-label-t:first-child {
    margin-left: 10px
;}

.rate-info-pop {
    font-size: 12px;
    white-space: pre-wrap;
    z-index: 1998!important
;}

@media screen and (max-width: 799px) {
    .rate-info-pop {
        width:200px
    ;}
}

.dealer-nav {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
;}

.dealer-nav .iconfont {
    color: #3d3d3d;
    font-size: 20px!important
;}

.dealer-nav .dealer-nav-text {
    color: #3d3d3d;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    margin-top: 2px
;}

.dealer-nav .dealer-nav-list {
    left: -145px;
    padding-right: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9
;}

.dealer-nav .dealer-nav-list .dealer-nav-list-t {
    background: #fff;
    border-radius: 6px;
    max-width: 300px;
    padding: 16px 24px
;}

.dealer-nav .dealer-nav-list .dealer-nav-ul {
    border-left: 1px solid #e6e6e6;
    position: relative
;}

.dealer-nav .dealer-nav-list .dealer-nav-ul p {
    border-left: 2px solid transparent;
    color: #525252;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 16px;
    margin-left: -1px;
    padding-left: 16px;
    white-space: nowrap
;}

.dealer-nav .dealer-nav-list .dealer-nav-ul p:last-child {
    margin-bottom: 0
;}

.dealer-nav .dealer-nav-list .dealer-nav-ul p:hover {
    border-left: 2px solid #ffd733;
    color: #ffd733
;}

.dealer-nav .dealer-nav-list .dealer-nav-ul .dealer-nav-position-a {
    border-left: 2px solid #ffd733;
    color: #ffd733;
    font-weight: 600
;}

.dealer-nav .dealer-nav-list .dealer-nav-ul .dealer-nav-icon {
    background: #fff;
    height: 12px;
    position: absolute;
    right: -23px;
    top: 50%;
    transform: rotate(45deg) translateY(-50%);
    width: 12px
;}

.socle[data-v-4bd69cfc] {
    transition: transform .3s
;}

.socle[data-v-4bd69cfc]:hover {
    transform: scale(1.1)
;}

.dealer-pinlun[data-v-6880d2f2] {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    box-sizing: border-box;
    padding: 24px
;}

.dealer-pinlun .page_more:hover .pagetext[data-v-6880d2f2] {
    color: rgba(134,144,156,.439)
;}

.dealer-pinlun .no-scrollbar[data-v-6880d2f2] {
    -ms-overflow-style: none;
    scrollbar-width: none
;}

.dealer-pinlun[data-v-6880d2f2] ::-webkit-scrollbar,.dealer-pinlun[data-v-6880d2f2] ::-webkit-scrollbar-thumb {
    display: none
;}

@media screen and (max-width: 1200px) {
    .dealer-pinlun .data-box .list-box-item .list-box-item-right .img-box .img-box-item[data-v-6880d2f2] {
        height:104px;
        width: 104px
    ;}

    .dealer-pinlun .data-box .list-box-item .list-box-item-right .img-box .img-box-item img[data-v-6880d2f2] {
        max-width: 100%
    ;}

    .jysdeatil .jys .tj .left[data-v-6880d2f2] {
        justify-content: space-between;
        width: 100%
    ;}

    .jysdeatil .jys .tj .left .hui[data-v-6880d2f2],.jysdeatil .jys .tj .right[data-v-6880d2f2] {
        display: none
    ;}

    .jysdeatil .addone[data-v-6880d2f2] {
        padding: 0
    ;}

    .imgDolg .show-box[data-v-6880d2f2] {
        width: 90%
    ;}
}

@media screen and (max-width: 799px) {
    .dealer-pinlun[data-v-6880d2f2] {
        border:none;
        padding: 0
    ;}

    .dealer-pinlun.dealer[data-v-6880d2f2] {
        padding: 24px 16px
    ;}
}

.dealer-real {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    box-sizing: border-box;
    margin-bottom: 16px;
    padding: 24px;
    width: 100%
;}

.dealer-real .dealer-real-box-box {
    overflow: auto;
    width: 100%
;}

.dealer-real .dealer-real-box-box::-webkit-scrollbar {
    height: 6px
;}

.dealer-real .dealer-real-box {
    width: 756px
;}

.dealer-real .real-title {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px
;}

.dealer-real .real-head,.dealer-real .real-head ul {
    align-items: center;
    display: flex
;}

.dealer-real .real-head ul {
    width: 100%
;}

.dealer-real .real-head ul li {
    align-items: center;
    color: #a3a3a3;
    display: flex;
    flex: 1;
    flex-direction: column;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 46px;
    justify-content: center;
    line-height: 17px;
    padding: 0 5px;
    text-align: center
;}

.dealer-real .real-list {
    overflow: hidden
;}

.dealer-real .real-list .list-bg {
    align-items: center;
    display: flex;
    height: 20px;
    justify-content: center;
    width: 80px
;}

.dealer-real .real-list ul {
    align-items: center;
    display: flex;
    height: 44px;
    width: 100%
;}

.dealer-real .real-list ul li {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    flex: 1;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    line-height: 20px
;}

.dealer-real .real-list ul li img {
    height: 20px;
    margin-right: 5px;
    width: 20px
;}

.dealer-real .real-list ul .red {
    color: #b2243c
;}

.dealer-real .real-list ul .green {
    color: #338066
;}

.dealer-real .real-list ul:hover,.dealer-real .real-list ul:nth-child(2n) {
    background: #fafafa
;}

.dealer-real .more {
    height: 36px;
    margin-top: 8px;
    width: 100%
;}

.dealer-real .more,.dealer-real .more a {
    align-items: center;
    display: flex;
    justify-content: center
;}

.dealer-real .more a {
    color: #3d3d3d;
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
;}

.dealer-real .more a:hover {
    color: #000
;}

html[dir=rtl] .dealer-real .real-list ul li img {
    margin-left: 5px;
    margin-right: 0
;}

html[dir=rtl] .dealer-real .real-list ul li {
    direction: ltr
;}

.add-cooperate .add-email-title {
    color: #1d2129;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 20px
;}

.add-cooperate .add-email-title span {
    color: #f15555
;}

.add-cooperate .add-email-title2 {
    margin-bottom: 10px
;}

.add-cooperate .add-trader-info {
    margin-bottom: 20px
;}

.add-cooperate .cooperate-area .el-textarea__inner {
    border: .5px solid #1d2129
;}

html[dir=rtl] .trader-list .trader-list-r .trader-list-trader .trader-list-add {
    padding-right: 0
;}

.join-service .el-rate__decimal {
    font-size: 18px
;}

.join-service .trader-list .trader-list-r .trader-list-trader .el-rate__icon {
    margin-right: 0
;}

.join-service .dialog-modle {
    background: #000;
    height: 100%;
    left: 0;
    opacity: .5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1999
;}

.join-service .stateawaitdialog .examine-error-later {
    display: none
;}

.join-service .stateawaitdialog .el-dialog__body {
    padding: 0
;}

.join-service .stateawaitdialog .Hostexamine,.join-service .stateawaitdialog .adddialog-info,.join-service .stateawaitdialog .examine-await,.join-service .stateawaitdialog .host-to-examine,.join-service .stateawaitdialog .stateawait,.join-service .stateawaitdialog .to-examine-new {
    height: 100%
;}

.join-service .stateawaitdialog .to-examine-new .examine-await {
    padding: 120px 0 50px
;}

.join-service .stateawaitdialog .Hostexamine,.join-service .stateawaitdialog .stateawait {
    position: relative
;}

.join-service .stateawaitdialog .Hostexamine .icon-close,.join-service .stateawaitdialog .stateawait .icon-close {
    color: #000;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    right: -5px;
    top: 15px
;}

.join-service .stateawaitdialog .examine-await {
    padding-top: 82px
;}

.join-service .stateawaitdialog .to-examine-new .examine-error {
    height: 100%;
    padding: 84px 0 0
;}

.join-service .adddialog-pre-t {
    justify-content: center!important
;}

.join-service .adddialog-pre-t .operation-wcyz {
    margin-left: 0!important;
    min-width: 200px!important
;}

.listitem[data-v-0d63d52e]:nth-child(2n) {
    margin: 0 0 20px 20px
;}

@media screen and (max-width: 999px) {
    .listitem[data-v-0d63d52e]:nth-child(2n) {
        margin:0 0 20px
    ;}
}

.dealer-john {
    background: #fafafa
;}

.dealer-john .dealer-box {
    margin: 0 auto;
    padding-top: 20px;
    position: relative;
    width: 1200px
;}

.dealer-john .dealer-box .dealer-info {
    display: flex;
    justify-content: space-between;
    padding-top: 20px
;}

.dealer-john .dealer-box .dealer-info .dealer-l {
    width: 370px
;}

.dealer-john .dealer-box .dealer-info .dealer-l .capital,.dealer-john .dealer-box .dealer-info .dealer-l .down,.dealer-john .dealer-box .dealer-info .dealer-l .information,.dealer-john .dealer-box .dealer-info .dealer-l .regulatory,.dealer-john .dealer-box .dealer-info .dealer-l .vps {
    margin-bottom: 16px
;}

.dealer-john .dealer-box .dealer-info .dealer-l .ad,.dealer-john .dealer-box .dealer-info .dealer-l .survery {
    display: none
;}

.dealer-john .dealer-box .dealer-info .dealer-r {
    width: 806px
;}

.dealer-john .dealer-box .dealer-info .dealer-r .account,.dealer-john .dealer-box .dealer-info .dealer-r .ad,.dealer-john .dealer-box .dealer-info .dealer-r .appraisal,.dealer-john .dealer-box .dealer-info .dealer-r .article,.dealer-john .dealer-box .dealer-info .dealer-r .dealer-real,.dealer-john .dealer-box .dealer-info .dealer-r .environment,.dealer-john .dealer-box .dealer-info .dealer-r .exposure,.dealer-john .dealer-box .dealer-info .dealer-r .finance,.dealer-john .dealer-box .dealer-info .dealer-r .market,.dealer-john .dealer-box .dealer-info .dealer-r .new-information,.dealer-john .dealer-box .dealer-info .dealer-r .survery,.dealer-john .dealer-box .dealer-info .dealer-r .transaction {
    margin-bottom: 16px
;}

.dealer-john .dealer-box .dealer-info .dealer-r .real-box {
    overflow: auto;
    width: 100%
;}

.dealer-john .dealer-box .baoguang {
    align-items: center;
    background: rgba(61,85,204,.9);
    border-radius: 24px;
    bottom: 110px;
    display: none;
    height: 48px;
    justify-content: center;
    position: fixed;
    right: 16px;
    width: 48px;
    z-index: 1999
;}

.dealer-john .dealer-box .baoguang .baoguang-box {
    align-items: center;
    display: flex;
    height: 48px;
    justify-content: center;
    position: relative;
    width: 48px
;}

.dealer-john .dealer-box .baoguang .iconfont {
    color: #fff;
    font-size: 24px
;}

.dealer-john .dealer-box .baoguang .icon-num {
    align-items: center;
    background: #b3243c;
    border-radius: 7px;
    color: #fff;
    display: flex;
    font-size: 10px;
    font-style: normal;
    height: 14px;
    justify-content: center;
    padding: 0 5px;
    position: absolute;
    right: 0;
    top: 0
;}

.dealer-john .dealer-box .baoguang:active {
    opacity: .7
;}

.dealer-john .pj-bt {
    bottom: 90px;
    display: none;
    min-width: 170px;
    position: fixed;
    transform: all .5s;
    z-index: 19
;}

.dealer-john .pj-bt .btn-bg {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    gap: 4px;
    height: 52px;
    justify-content: center;
    min-width: 170px;
    padding: 0 20px
;}

.dealer-john .pj-bt .btn-bg:hover {
    opacity: .8
;}

.dealer-john .pj-bt .btn-evaluate {
    background: #ffd733;
    border-radius: 29px;
    color: #1d2129
;}

.dealer-john .pj-bt .btn-mediate {
    background: #3d55cc;
    border-radius: 29px;
    color: #fff
;}

.dealer-john .dealer-lxwm {
    position: fixed;
    right: 0;
    top: 50vh;
    transform: translateY(-50%);
    z-index: 99
;}

.dealer-john .dealer-lxwm .dealer-lxwm-a {
    align-items: center;
    background: #fff;
    border-radius: 10px 0 0 10px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 56px;
    justify-content: center;
    margin-bottom: 6px;
    padding: 8px 0;
    width: 56px;
    z-index: 9
;}

.dealer-john .dealer-lxwm .dealer-lxwm-a.fapingji {
    margin-bottom: 20px
;}

.dealer-john .dealer-lxwm .dealer-lxwm-a.fapingji .iconfont {
    font-size: 20px;
    font-weight: 600;
    height: 20px
;}

.dealer-john .dealer-lxwm .dealer-lxwm-a img {
    height: 20px;
    width: 20px
;}

.dealer-john .dealer-lxwm .dealer-lxwm-a span {
    color: #3d3d3d;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    margin-top: 2px;
    text-align: center
;}

.dealer-john .dealer-lxwm .dealer-lxwm-a:last-child {
    border: 1px solid #e5eaef
;}

.dealer-john .dealer-lxwm .dealer-lxwm-a:last-child span {
    color: #899099
;}

.dealer-john .dealer-lxwm .dealer-lxwm-a:hover {
    background: #ffd733
;}

.dealer-john .dealer-lxwm .dealer-lxwm-nav {
    display: none
;}

@media screen and (max-width: 1199px) {
    .dealer-john .dealer-box {
        width:940px
    ;}

    .dealer-john .dealer-box .dealer-info .dealer-l {
        width: 340px
    ;}

    .dealer-john .dealer-box .dealer-info .dealer-r {
        width: 576px
    ;}
}

@media screen and (max-width: 999px) {
    .dealer-john .dealer-box {
        width:760px
    ;}

    .dealer-john .dealer-box .dealer-info .dealer-l {
        width: 320px
    ;}

    .dealer-john .dealer-box .dealer-info .dealer-r {
        width: 416px
    ;}
}

@media screen and (max-width: 799px) {
    .dealer-john .dealer-box {
        padding-top:0;
        width: 100%
    ;}

    .dealer-john .dealer-box .baoguang {
        display: flex
    ;}

    .dealer-john .dealer-box .dealer-info {
        background: #fafafa;
        box-sizing: border-box;
        flex-direction: column;
        padding: 0
    ;}

    .dealer-john .dealer-box .dealer-info .dealer-l {
        width: 100%
    ;}

    .dealer-john .dealer-box .dealer-info .dealer-l .down {
        display: none
    ;}

    .dealer-john .dealer-box .dealer-info .dealer-l .survery {
        display: block;
        margin-bottom: 0;
        width: 100%
    ;}

    .dealer-john .dealer-box .dealer-info .dealer-l .ad {
        display: block;
        margin: 16px auto
    ;}

    .dealer-john .dealer-box .dealer-info .dealer-r {
        width: 100%
    ;}

    .dealer-john .dealer-box .dealer-info .dealer-r .ad,.dealer-john .dealer-box .dealer-info .dealer-r .survery {
        display: none
    ;}

    .dealer-john .dealer-box .dealer-info .dealer-r .dealer-real {
        margin: 0 0 16px
    ;}

    .dealer-john .dealer-lxwm {
        display: none
    ;}
}

.dealer-john-jp .dealer-box .dealer-info {
    padding-top: 40px
;}

.dealer-john-jp .dealer-box .dealer-info .dealer-r {
    width: 770px
;}

.dealer-john-jp .dealer-epc {
    background: none;
    border: none;
    border-radius: 0
;}

.dealer-john-jp .dealer-epc .dealer-epc-ul li {
    box-shadow: none
;}

.dealer-john-jp .dealer-ad-john {
    background: none;
    border: none;
    padding: 0;
    width: 100%
;}

.dealer-john-jp .dealer-epc .dealer-epc-ul li {
    background: rgba(51,128,102,.05);
    border-radius: 0
;}

.dealer-john-jp .dealer-epc .dealer-epc-ul li .epc-logo {
    display: none
;}

.dealer-john-jp .dealer-epc .dealer-epc-ul li .epc-con h3 {
    font-size: 22px
;}

.dealer-john-jp .dealer-epc .dealer-epc-ul li .epc-con .epc-emc-desc,.dealer-john-jp .dealer-epc .dealer-epc-ul li .epc-con .epc-t {
    margin-top: 16px
;}

.dealer-john-jp .dealer-epc .dealer-epc-ul li .icon-arrow-right {
    color: #338066;
    top: 37%
;}

.dealer-john-jp .dealer-epc .dealer-epc-ul li .dealer-epc .dealer-epc-ul li .epc-con .epc-t .iconfont {
    font-size: 16px
;}

.dealer-john-jp .dealer-epc .dealer-epc-ul li .dealer-article .article-list .list .list-l .list-title {
    font-size: 18px
;}

.dealer-john-jp .dealer-epc .dealer-epc-ul li:first-child {
    background: #338066
;}

.dealer-john-jp .dealer-epc .dealer-epc-ul li:first-child .epc-con h3,.dealer-john-jp .dealer-epc .dealer-epc-ul li:first-child .epc-con span,.dealer-john-jp .dealer-epc .dealer-epc-ul li:first-child .icon-arrow-right {
    color: #fff!important
;}

.dealer-john-jp .dealer-regulatory {
    border: none;
    padding: 0
;}

.dealer-john-jp .dealer-regulatory .title {
    font-size: 21px
;}

.dealer-john-jp .dealer-regulatory .container-t {
    margin-top: 4px
;}

.dealer-john-jp .dealer-regulatory .container-t .dealer-items {
    padding: 16px 0
;}

.dealer-john-jp .dealer-regulatory .container-t .dealer-items:last-child {
    border-bottom: 1px dashed rgba(0,0,0,.2)
;}

.dealer-john-jp .dealer-regulatory .risk-warning {
    background: none
;}

.dealer-john-jp .dealer-regulatory .container-t .dealer-items .info .as-licenses {
    color: #3d3d3d;
    font-size: 18px;
    margin-top: 6px
;}

.dealer-john-jp .dealer-regulatory .container-t .dealer-items .info p span .dealer-status {
    font-size: 16px
;}

.dealer-john-jp .dealer-exposure .exposure-head .head-r .head-r-a {
    background: #eaeaea;
    border: none;
    border-radius: 0
;}

.dealer-john-jp .dealer-exposure .exposure-head .head-r .head-r-a span {
    color: #292929
;}

.dealer-john-jp .leftinfo {
    background: none
;}

.dealer-john-jp .dealer-informationall .title .title-name {
    font-size: 21px
;}

.dealer-john-jp .dealer-superviselist {
    border: none;
    padding: 16px 0
;}

.dealer-john-jp .dealer-superviselist .title .title-name {
    font-size: 21px
;}

.dealer-john-jp .dealer-superviselist .popinformation-content,.dealer-john-jp .dealer-superviselist .title {
    padding: 0
;}

.dealer-john-jp .dealer-capital {
    border: none;
    padding: 16px 0
;}

.dealer-john-jp .dealer-capital .wiki-nav-list {
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.26)
;}

.dealer-john-jp .dealer-capital .wiki-nav-list .wiki-nav-item {
    width: 50%
;}

.dealer-john-jp .dealer-capital .wiki-nav-list .home-tab-active {
    border-bottom: 2px solid #3d3d3d
;}

.dealer-john-jp .dealer-informationall {
    border: none
;}

.dealer-john-jp .dealer-informationall .popinformation-content,.dealer-john-jp .dealer-informationall .title {
    padding: 0
;}

.dealer-john-jp .dealer-informationall .popinformation-content {
    gap: 8px
;}

.dealer-john-jp .dealer-informationall .infoitemtop {
    align-items: flex-start;
    box-shadow: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between
;}

.dealer-john-jp .dealer-informationall .infoitemtop .row1 {
    align-self: flex-start
;}

.dealer-john-jp .dealer-informationall .infoitemtop .row2 {
    align-items: flex-end;
    display: flex;
    flex-grow: unset;
    flex: 1;
    flex-direction: column;
    width: unset
;}

.dealer-john-jp .dealer-informationall .infoitemtop .row2 .val {
    flex-grow: unset
;}

.dealer-john-jp .dealer-informationall .infoitemtop .row2 .valline {
    display: flex;
    height: auto;
    justify-content: flex-end
;}

.dealer-john-jp .dealer-informationall .infoitemtop .row2 .valline .link {
    text-align: right;
    width: auto
;}

.dealer-john-jp .dealer-informationall .popinformation-content .info {
    box-shadow: none
;}

.dealer-john-jp .popinformation .main .popinformation-content .scroll .sheet .column .info .row2 {
    padding: 10px 0 0
;}

.dealer-john-jp .dealer-down {
    background: #fff url(https://resources1.interface003.com/web20/img/dealer/down-bg.png) no-repeat 0 0;
    background-size: cover;
    border: none;
    padding: 40px 38px 24px
;}

.dealer-john-jp .dealer-down .down-box {
    background: #eaeaea;
    border: none;
    border-radius: 32px!important;
    width: 100%!important
;}

.dealer-john-jp .dealer-down .down-list .wiki-down .down-box {
    border: none
;}

.dealer-john-jp .survery {
    margin-bottom: 21px!important
;}

.dealer-john-jp .survery .dealer-survey-container .dealer-survery {
    border: none
;}

.dealer-john-jp .survery .dealer-survey-container .dealer-survery .swiper-container {
    padding: 16px 0
;}

.dealer-john-jp .survery .dealer-survey-container .imgBox .item-info .deal-info .top-cell .tag {
    right: 2px
;}

.dealer-john-jp .dealer-appraisal {
    border: none;
    margin-bottom: 50px!important;
    padding: 0
;}

.dealer-john-jp .dealer-appraisal .appraisal-tit {
    font-size: 25px;
    font-weight: 600;
    line-height: 35px;
    padding: 0 16px;
    position: relative
;}

.dealer-john-jp .dealer-appraisal .appraisal-tit:before {
    background: #301;
    content: "";
    display: flex;
    height: 26px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 6px
;}

.dealer-john-jp .dealer-appraisal .appraisal-con .heavenly-eye .li {
    border: 1px solid #7a7a7a!important;
    border-radius: 20px;
    height: 40px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 0;
    width: 185px
;}

.dealer-john-jp .dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(4n) {
    margin-right: 0
;}

.dealer-john-jp .dealer-appraisal .appraisal-con .heavenly-eye .li:hover {
    background: #efefef
;}

.dealer-john-jp .dealer-appraisal .appraisal-con .heavenly-eye .li .iconfont {
    display: none
;}

.dealer-john-jp .dealer-appraisal .appraisal-con .heavenly-eye .li .long-txt {
    color: #3d3d3d;
    font-size: 14px;
    margin-top: 0
;}

.dealer-john-jp .dealer-introduce .dealer-introduce-title {
    font-size: 25px;
    font-weight: 600;
    line-height: 35px;
    padding: 0 16px 10px!important;
    position: relative
;}

.dealer-john-jp .dealer-introduce .dealer-introduce-title:before {
    background: #301;
    content: "";
    display: flex;
    height: 26px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 6px
;}

.dealer-john-jp .popinformation .main .title .txt {
    font-size: 25px;
    font-weight: 600;
    line-height: 35px;
    padding: 0 16px 10px!important;
    position: relative
;}

.dealer-john-jp .popinformation .main .title .txt:before {
    background: #301;
    content: "";
    display: flex;
    height: 26px;
    left: 0;
    position: absolute;
    top: 0;
    width: 6px
;}

.dealer-john-jp .dealer-survey-container:hover {
    box-shadow: none
;}

.dealer-john-jp .dealer-account {
    border: none;
    margin-bottom: 50px!important;
    padding: 0
;}

.dealer-john-jp .dealer-account .head-tabs .home-tab ul h3 {
    padding: 6px 15px 18px
;}

.dealer-john-jp .dealer-account .head-tabs {
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.26)
;}

.dealer-john-jp .dealer-account .head-tabs .home-tab ul .home-tab-active {
    border-bottom: 2px solid #3d3d3d
;}

.dealer-john-jp .dealer-exposure {
    border: none;
    margin-bottom: 50px!important;
    padding: 0
;}

.dealer-john-jp .dealer-exposure .list-box {
    margin-top: 20px
;}

.dealer-john-jp .dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a {
    background: #fff
;}

.dealer-john-jp .dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a:first-child {
    border-bottom: 1px dashed #ccc
;}

.dealer-john-jp .dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a:hover {
    box-shadow: unset
;}

.dealer-john-jp .dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a:hover .title {
    color: #b38936
;}

.dealer-john-jp .dealer-exposure .exposure-head .head-l .head-l-title {
    font-size: 25px;
    font-weight: 600;
    line-height: 35px;
    padding: 0 16px;
    position: relative
;}

.dealer-john-jp .dealer-exposure .exposure-head .head-l .head-l-title:before {
    background: #301;
    content: "";
    display: flex;
    height: 26px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 6px
;}

.dealer-john-jp .dealer-exposure .list-box .list .list-t {
    background: none;
    height: 100%!important
;}

.dealer-john-jp .dealer-exposure .list-box .list .list-t a {
    padding: 16px 0 26px
;}

.dealer-john-jp .dealer-exposure .list-box .list .list-t a .des {
    -webkit-line-clamp: 5!important;
    height: auto;
    margin-top: 10px
;}

.dealer-john-jp .dealer-exposure .list-box .list .list-t a .tool .tool-l {
    display: none
;}

.dealer-john-jp .dealer-exposure .list-box .list .list-t a .tool .tool-r .iconfont {
    display: flex
;}

.dealer-john-jp .dealer-exposure .list-box .list-ja .list-t a .des {
    -webkit-line-clamp: 4!important
;}

.dealer-john-jp .dealer-exposure .list-exposures a:hover {
    box-shadow: none
;}

.dealer-john-jp .dealer-exposure .list-exposures a:hover .title {
    color: #b38936
;}

.dealer-john-jp .dealer-transaction {
    border: none;
    margin-bottom: 50px!important;
    padding: 0
;}

.dealer-john-jp .dealer-transaction .wiki-nav-list {
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.26);
    display: flex;
    overflow: hidden
;}

.dealer-john-jp .dealer-transaction .wiki-nav-list .home-tab-active {
    border-bottom: 2px solid #3d3d3d
;}

.dealer-john-jp .dealer-transaction .wiki-nav-item {
    flex: 1;
    font-size: 16px
;}

.dealer-john-jp .dealer-transaction .transaction .transaction-r {
    background: none
;}

.dealer-john-jp .dealer-transaction .transaction-pzfb {
    margin-top: 19px
;}

.dealer-john-jp .dealer-transaction .transaction .transaction-l .transaction-l-list .transaction-l-list-tt {
    background: #fafafa!important
;}

.dealer-john-jp .dealer-transaction .transaction .transaction-l .transaction-l-list {
    height: 162px
;}

.dealer-john-jp .dealer-transaction .transaction .transaction-l .transaction-l-list .list-list .list-ul {
    border-bottom: 1px solid #dfdfdf;
    flex-shrink: 0;
    height: 40px
;}

.dealer-john-jp .dealer-transaction .transaction .transaction-l .transaction-l-list .list-list .list-ul:last-child {
    border: none
;}

.dealer-john-jp .dealer-transaction .transaction .transaction-l .transaction-l-list .list-title {
    background: #e6ebf7;
    height: 40px
;}

.dealer-john-jp .dealer-transaction .transaction .transaction-l .transaction-l-list .list-title ul li {
    box-shadow: 1px 0 0 #dfdfdf;
    color: #3d3d3d;
    font-weight: 600;
    height: 40px
;}

.dealer-john-jp .dealer-transaction .transaction .transaction-l .transaction-l-list .list-list .list-ul li {
    box-shadow: 1px 0 0 #dfdfdf;
    flex: unset;
    height: 40px;
    width: 25%
;}

.dealer-john-jp .dealer-finance,.dealer-john-jp .dealer-market {
    border: none;
    margin-bottom: 50px!important;
    padding: 0
;}

.dealer-john-jp .dealer-finance .wiki-nav-list,.dealer-john-jp .dealer-market .wiki-nav-list {
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.26);
    display: flex
;}

.dealer-john-jp .dealer-finance .home-tab ul h3,.dealer-john-jp .dealer-market .home-tab ul h3 {
    flex: 1;
    max-width: 33.33%;
    padding-bottom: 18px
;}

.dealer-john-jp .dealer-finance .home-tab ul h3:last-child,.dealer-john-jp .dealer-market .home-tab ul h3:last-child {
    margin-right: 0
;}

.dealer-john-jp .dealer-finance .home-tab ul .home-tab-active,.dealer-john-jp .dealer-market .home-tab ul .home-tab-active {
    border-bottom: 2px solid #3d3d3d
;}

.dealer-john-jp .real-box .dealer-real {
    border: none;
    margin-bottom: 50px!important;
    padding: 0
;}

.dealer-john-jp .real-box .dealer-real .real-title {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-left: 16px;
    position: relative
;}

.dealer-john-jp .real-box .dealer-real .real-title:before {
    background: #301;
    content: "";
    display: flex;
    height: 26px;
    left: 0;
    position: absolute;
    top: -2px;
    width: 6px
;}

.dealer-john-jp .real-box .dealer-real .real-head {
    background: #e6ebf7;
    border: 1px solid #ccc;
    border-bottom: none
;}

.dealer-john-jp .real-box .dealer-real .real-head ul li {
    box-shadow: 1px 0 0 #dfdfdf;
    height: 64px
;}

.dealer-john-jp .real-box .dealer-real .real-list {
    border: 1px solid #e6e6e6;
    height: 300px!important
;}

.dealer-john-jp .real-box .dealer-real .real-list ul {
    background: #fff;
    border-bottom: 1px solid #dfdfdf;
    height: 50px
;}

.dealer-john-jp .real-box .dealer-real .real-list ul li {
    box-shadow: 1px 0 0 #dfdfdf;
    height: 50px
;}

.dealer-john-jp .real-box .dealer-real .real-list ul li img {
    height: 20px!important
;}

.dealer-john-jp .real-box .dealer-real .icon-arrow-down {
    transform: rotate(-90deg)
;}

.dealer-john-jp .real-box .dealer-real-box {
    width: 770px
;}

.dealer-john-jp .dealer-article {
    border: none;
    margin-bottom: 50px!important;
    padding: 0!important
;}

.dealer-john-jp .dealer-article .dealer-rticle-title {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-left: 16px;
    position: relative
;}

.dealer-john-jp .dealer-article .dealer-rticle-title:before {
    background: #301;
    content: "";
    display: flex;
    height: 26px;
    left: 0;
    position: absolute;
    top: -2px;
    width: 6px
;}

.dealer-john-jp .dealer-article .article-list .list .list-l .list-title span {
    background: #eaeaea!important;
    border-radius: 13px;
    color: #292929;
    line-height: 25px;
    padding: 0 10px
;}

.dealer-john-jp .dealer-article .article-list .list .list-l .list-tool .tool-l {
    display: none
;}

.dealer-john-jp .dealer-article .article-list .list .list-l .list-tool .tool-r {
    align-items: center;
    display: flex
;}

.dealer-john-jp .dealer-article .article-list .list .list-l .list-tool .tool-r .iconfont {
    display: flex!important;
    margin-right: 4px
;}

.dealer-john-jp .dealer-article-ja .article-list {
    display: flex;
    flex-wrap: wrap
;}

.dealer-john-jp .dealer-article-ja .article-list .list {
    flex-direction: column;
    height: auto;
    margin: 0 20px 20px 0;
    width: 243.33px
;}

.dealer-john-jp .dealer-article-ja .article-list .list .dealer-rticle-ja {
    display: block;
    margin-bottom: 16px
;}

.dealer-john-jp .dealer-article-ja .article-list .list .dealer-rticle-ja img {
    display: block;
    height: 146px!important;
    width: 243.33px
;}

.dealer-john-jp .dealer-article-ja .article-list .list .list-l .list-title span,.dealer-john-jp .dealer-article-ja .article-list .list .list-r {
    display: none
;}

.dealer-john-jp .dealer-article-ja .article-list .list .list-l-time {
    align-items: center;
    display: flex;
    margin-top: 8px
;}

.dealer-john-jp .dealer-article-ja .article-list .list .list-l-time span {
    color: #a3a3a3;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px
;}

.dealer-john-jp .dealer-article-ja .article-list .list .list-l-time .list-l-time-text {
    padding: 0 4px
;}

.dealer-john-jp .dealer-article-ja .article-list .list .list-l-time .iconfont {
    font-size: 20px
;}

.dealer-john-jp .dealer-article-ja .article-list .list .list-l .list-l-p {
    -webkit-line-clamp: 4;
    font-size: 12px;
    margin-top: 8px
;}

.dealer-john-jp .dealer-article-ja .article-list .list .list-tool {
    display: none
;}

.dealer-john-jp .dealer-article-ja .article-list .list .label-text {
    display: flex;
    margin-top: 8px
;}

.dealer-john-jp .dealer-article-ja .article-list .list .label-text .label-text-span {
    background: #eaeaea;
    border-radius: 13px;
    color: #292929;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 25px;
    line-height: 25px;
    padding: 0 10px
;}

.dealer-john-jp .dealer-article-ja .article-list .list:nth-child(3n) {
    margin-right: 0
;}

.dealer-john-jp .dealer-informationall .popinformation-content .info .btn_tousu {
    background: #eaeaea;
    border: none;
    border-radius: 0
;}

.dealer-john-jp .dealer-informationall .popinformation-content .info .btn_tousu:hover {
    opacity: .8
;}

.dealer-john-jp .dealer-informationall .popinformation-content .info .btn_baoguang {
    border-radius: 0
;}

.dealer-john-jp .dealer-down .dealer-down-1,.dealer-john-jp .dealer-down .dealer-down-2 {
    font-size: 19px
;}

.dealer-john-jp .dealer-environment {
    border: none;
    margin-bottom: 50px!important;
    padding: 0
;}

.dealer-john-jp .dealer-environment .warp-right {
    background: none;
    height: auto
;}

.dealer-john-jp .dealer-environment .environment-tlt {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-left: 16px;
    position: relative
;}

.dealer-john-jp .dealer-environment .environment-tlt:before {
    background: #301;
    content: "";
    display: flex;
    height: 26px;
    left: 0;
    position: absolute;
    top: -2px;
    width: 6px
;}

.dealer-john-jp .dealer-environment .env-warp .speed-info {
    flex-direction: column
;}

.dealer-john-jp .dealer-environment .env-warp .speed-info .info-item {
    display: flex;
    justify-content: space-between
;}

.dealer-john-jp .dealer-environment .env-warp .speed-info .item-tlt,.dealer-john-jp .dealer-environment .warp-right .r-info-item {
    padding-left: 8px;
    position: relative
;}

.dealer-john-jp .dealer-environment .env-warp .speed-info .item-tlt:before,.dealer-john-jp .dealer-environment .warp-right .r-info-item:before {
    background: rgba(0,0,0,.25);
    border-radius: 1px;
    content: "";
    display: block;
    height: 18px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 3px
;}

.dealer-john-jp .dealer-environment .env-warp .speed-info .info-item {
    margin-bottom: 16px;
    padding: 0
;}

.dealer-john-jp .dealer-environment .env-warp .speed-info .item-ctx {
    line-height: 20px;
    margin-top: 0
;}

.dealer-john-jp .dealer-environment .info-side {
    margin-top: 35px
;}

.dealer-john-jp .dealer-environment .warp-right .r-info-item span {
    margin-top: 8px
;}

.dealer-john-jp .dealer-environment .warp-right .r-info-item {
    margin-top: 26px
;}

.dealer-john-jp .dealer-environment .env-warp .home-tab {
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.26)
;}

.dealer-john-jp .dealer-environment .env-warp .home-tab ul .home-tab-active {
    border-bottom: 2px solid #3d3d3d
;}

.dealer-john-jp .dealer-ad-john {
    margin-bottom: 45px!important
;}

.dealer-john-jp .dealer-account,.dealer-john-jp .dealer-account .capital-ratio-info .right .download-info li .el-select .el-input__inner,.dealer-john-jp .dealer-account .capital-ratio-info .right .download-info li:first-child,.dealer-john-jp .dealer-appraisal,.dealer-john-jp .dealer-article,.dealer-john-jp .dealer-article .article-list .list,.dealer-john-jp .dealer-capital,.dealer-john-jp .dealer-environment,.dealer-john-jp .dealer-exposure,.dealer-john-jp .dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a,.dealer-john-jp .dealer-informationall,.dealer-john-jp .dealer-informationall .popinformation-content .info,.dealer-john-jp .dealer-informationall .title,.dealer-john-jp .dealer-market,.dealer-john-jp .dealer-pinlun,.dealer-john-jp .dealer-real,.dealer-john-jp .dealer-regulatory,.dealer-john-jp .dealer-superviselist,.dealer-john-jp .dealer-superviselist .title,.dealer-john-jp .dealer-survey-container .dealer-survery,.dealer-john-jp .dealer-transaction,.dealer-john-jp .dealer-transaction .transaction .transaction-l .transaction-l-list .transaction-l-list-tt,.dealer-john-jp .infoitemtop,.dealer-john-jp .real-box .dealer-real .real-list ul {
    background: none
;}

.dealer-john-jp .survery .dealer-survey-container .dealer-survery .swiper-container {
    padding: 0!important
;}

.dealer-john-jp .dealer-survey-container .dealer-survery {
    height: auto
;}

.dealer-john-jp .dealer-account .head-tabs .compare-btn span {
    white-space: nowrap
;}

.dealer-john-jp .infoitemtop .row1 .iconfont {
    display: none
;}

.dealer-john-jp .dealer-risk {
    border-radius: 0;
    margin-bottom: 26px;
    padding: 16px 24px
;}

.dealer-john-jp .warp-right .right-line {
    margin: 32px 0
;}

.dealer-john-jp .dealer-account .head-tabs .compare-btn {
    border-radius: 15px
;}

.dealer-john-jp .warp-right .right-line {
    background: none;
    border-bottom: 1px dashed #ccc
;}

.dealer-john-jp .dealer-exposure .exposure-head .head-r .head-r-span {
    border-radius: 15px
;}

.dealer-john-jp .dealer-real .real-head ul li {
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px
;}

.dealer-john-jp .ja-inforight .main {
    background: none
;}

.dealer-john-jp .ja-inforight .main .title {
    background: none;
    margin: 0;
    padding: 0
;}

.dealer-john-jp .ja-inforight .main .popinformation-content .scroll .sheet .column {
    padding: 0
;}

.dealer-john-jp .ja-inforight .main .popinformation-content .scroll .sheet .column .info {
    background: none
;}

.dealer-john-jp .ja-inforight .main .popinformation-content .scroll .item {
    background: none;
    padding-left: 0
;}

.dealer-john-jp .ja-inforight .main .popinformation-content .scroll .sheet .column .info .row1 .iconfont {
    display: none
;}

.dealer-john-jp .dia-ja .row2 .val {
    height: unset;
    width: 100%
;}

.dealer-john-jp .dia-ja .infoitemtop {
    flex-direction: column
;}

.dealer-john-jp .dia-ja .infoitemtop .row2 .valline {
    justify-content: flex-start
;}

.dealer-john-jp .dia-ja .infoitemtop .row2 .valline .link {
    text-align: left
;}

.dealer-john-jp .popinformation .main .popinformation-content .scroll .sheet .column .info .row1 .iconfont {
    display: none
;}

.dealer-john-jp .dia-ja .main .popinformation-content .scroll .sheet .column .info .row2 {
    padding: 10px 0 0 14px
;}

.dealer-john-jp .popinformation {
    margin-bottom: 30px
;}

.dealer-john-jp .popinformation .main .popinformation-content .scroll .item .infoitemtop .row2,.dealer-john-jp .popinformation .main .popinformation-content .scroll .sheet .column .infoitemtop .row2 {
    padding: 10px 0 0
;}

.dealer-john-jp .jp-hover:hover {
    cursor: pointer;
    opacity: .8
;}

.dealer-john-jp .dealer-epc .dealer-epc-ul li .epc-con .epc-emc-desc .iconfont {
    margin-right: 6px
;}

.dealer-john-jp .dealer-box .dealer-info .dealer-r .account-information,.dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-finance,.dealer-john-jp .dealer-box .dealer-info .dealer-r .risk-manage_info,.dealer-john-jp .dealer-introduce {
    background: none;
    border: none;
    margin-bottom: 50px;
    padding: 0
;}

.dealer-john-jp .dealer-introduce .dealer-introduce-title {
    padding: 0 0 16px
;}

.dealer-john-jp .dealer-introduce .dealer-introduce-p .introduce-p-box {
    padding: 0
;}

@media screen and (max-width: 1199px) {
    .dealer-john-jp .dealer-box .dealer-info .dealer-l {
        width:360px
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r {
        width: 540px
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-appraisal .appraisal-con .heavenly-eye .li {
        width: 265px
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(4n) {
        margin-right: 10px
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(2n) {
        margin-right: 0
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-environment .info-side {
        justify-content: center;
        margin-top: 0
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-environment .right-info {
        margin-left: 90px
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .env-warp {
        gap: 0
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .env-warp .warp-left {
        width: 100%
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-article-ja .article-list .list:nth-child(3n) {
        margin-right: 20px
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-article-ja .article-list .list:nth-child(2n) {
        margin-right: 0
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-article-ja .article-list .list {
        width: 260px
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-account .head-tabs .home-tab ul h3 {
        margin-right: 6px
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-account .head-tabs .compare-btn {
        display: none
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-exposure .exposure-head .head-r {
        align-self: flex-end
    ;}
}

@media screen and (max-width: 999px) {
    .dealer-john-jp .dealer-box .dealer-info .dealer-l {
        width:330px
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r {
        width: 390px
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-environment .warp-right {
        padding: 20px 0
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-appraisal .appraisal-con .heavenly-eye .li {
        width: 190px
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-environment .info-side {
        align-items: center;
        flex-direction: row;
        justify-content: space-between
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-environment .right-info {
        margin-left: 0
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-john-jp .dealer-account .head-tabs {
        box-shadow: none
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-transaction .transaction .transaction-r {
        flex-direction: row;
        margin-top: 0;
        padding: 22px 0 0
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-transaction .transaction .transaction-r .transaction-bcl,.dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-transaction .transaction .transaction-r .transaction-pzfb {
        width: 50%
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-article-ja .article-list .list {
        margin-right: 0;
        width: 100%
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-article-ja .article-list .list .list-l .list-title,.dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-article-ja .article-list .list .list-l-time {
        margin-top: 16px
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-article-ja .article-list .list .label-text {
        margin-top: 13px
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-article-ja .article-list .list .list-l .list-l-p {
        -webkit-line-clamp: 3;
        display: -webkit-box
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-account .head-tabs,.dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-article-ja .article-list .list .dealer-rticle-ja {
        width: 100%
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-article-ja .article-list .list .dealer-rticle-ja img {
        height: 146px;
        width: 100%
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-article-ja .article-list .list .list-l {
        width: 100%
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-article-ja .article-list .list .list-l .list-title {
        margin-top: 0
    ;}
}

@media screen and (max-width: 799px) {
    .dealer-john-jp .env-warp {
        display:flex;
        flex-direction: column
    ;}

    .dealer-john-jp .dealer-box .dealer-info {
        background: transparent;
        padding-top: 0
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-l {
        width: 100%
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-l .ad {
        margin: 0 auto
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-r {
        width: 100%
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-survey-container .dealer-survery-mobile .dealer-survery-mobilebox {
        margin: 0 auto
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-account,.dealer-john-jp .dealer-box .dealer-info .dealer-appraisal,.dealer-john-jp .dealer-box .dealer-info .dealer-article,.dealer-john-jp .dealer-box .dealer-info .dealer-capital,.dealer-john-jp .dealer-box .dealer-info .dealer-environment,.dealer-john-jp .dealer-box .dealer-info .dealer-exposure,.dealer-john-jp .dealer-box .dealer-info .dealer-introduce,.dealer-john-jp .dealer-box .dealer-info .dealer-pinlun.jysdeatil,.dealer-john-jp .dealer-box .dealer-info .dealer-r .account-information,.dealer-john-jp .dealer-box .dealer-info .dealer-r .dealer-finance,.dealer-john-jp .dealer-box .dealer-info .dealer-r .risk-manage_info,.dealer-john-jp .dealer-box .dealer-info .dealer-transaction,.dealer-john-jp .dealer-box .dealer-info .popinformation,.dealer-john-jp .dealer-box .dealer-info .real-box,.dealer-john-jp .dealer-box .dealer-info .vps {
        padding: 0 16px!important
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-epc,.dealer-john-jp .dealer-box .dealer-info .dealer-l .survery,.dealer-john-jp .dealer-box .dealer-info .dealer-regulatory {
        margin-bottom: 24px!important
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-ad-john {
        margin-bottom: 30px!important
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-appraisal .appraisal-con .heavenly-eye .li {
        margin-right: 0!important;
        width: 100%!important
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-article .article-list .list .dealer-rticle-ja {
        width: 100%
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-article .article-list .list .dealer-rticle-ja img {
        display: flex;
        width: 100%
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-exposure .new-exposures .new-exposures-list {
        height: 516px;
        overflow: hidden
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a {
        border-bottom: 1px dashed #ccc
    ;}

    .dealer-john-jp .dealer-box .dealer-info .dealer-exposure .exposure-head .head-r {
        display: flex;
        flex-direction: row;
        gap: 8px;
        justify-content: center
    ;}

    .dealer-john-jp .dealer-box .dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul .long,.dealer-john-jp .dealer-box .dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul .small {
        height: auto
    ;}

    .dealer-john-jp .dealer-box .dealer-exposure .new-exposures .new-exposures-list .new-exposures-ul a .tool {
        margin-top: 10px
    ;}

    .dealer-john-jp .popintro .main .icon-close {
        display: none
    ;}

    .dealer-john-jp .dealer-ad-john {
        padding: 0 12px
    ;}
}

.black-module {
    align-items: center;
    background: #fff;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    padding: 42px 0;
    width: 400px
;}

.black-module .black-module-img {
    margin-bottom: 20px
;}

.black-module .black-module-img img {
    height: 126px;
    width: 223.01px
;}

.black-module .black-module-title {
    color: #3d3d3d;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 10px
;}

.black-module .black-module-p {
    color: rgba(61,61,61,.5);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 20px;
    padding: 0 40px;
    text-align: center;
    word-break: break-all
;}

.black-module .btnlist {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    width: 100%
;}

.black-module .btnlist.long .black-module-bt {
    padding: 0 10px
;}

.black-module .btnlist .black-module-bt {
    align-items: center;
    background: #323947;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 44px;
    justify-content: center;
    line-height: 22px;
    padding: 0 40px
;}

.black-module .btnlist .black-module-bt.xq {
    background: #fff;
    border: 1px solid rgba(61,61,61,.2);
    color: #3d3d3d
;}

.black-module .btnlist .black-module-bt:hover {
    opacity: .8
;}

@media screen and (max-width: 799px) {
    .black-module {
        height:auto;
        padding-bottom: 30px;
        width: 100%
    ;}
}

@media screen and (max-width: 575px) {
    .black-module .btnlist .black-module-bt {
        width:65%
    ;}
}

@media screen and (max-width: 400px) {
    .black-module .btnlist .black-module-bt {
        width:85%
    ;}
}

.dealer-nav-position {
    border-left: 1px solid #e6e6e6;
    max-width: 260px;
    opacity: 0;
    position: fixed;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .5s;
    z-index: 9
;}

.dealer-nav-position a {
    align-items: center;
    border-left: 2px solid transparent;
    color: #525252;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 16px;
    margin-left: -2px;
    padding-left: 16px
;}

.dealer-nav-position a:hover {
    border-left: 2px solid #ffd733;
    box-sizing: border-box;
    color: #ffd733
;}

.dealer-nav-position a:last-child {
    margin-bottom: 0
;}

.dealer-nav-position .dealer-nav-position-a {
    border-left: 2px solid #ffd733;
    box-sizing: border-box;
    color: #ffd733;
    font-weight: 600
;}

.dealer-nav-position-small {
    background: #fff;
    border-radius: 4px 0 0 4px;
    box-shadow: 0 0 12px rgba(0,0,0,.04);
    cursor: pointer;
    display: none;
    height: 56px;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 56px;
    z-index: 9
;}

@media screen and (max-width: 1760px) {
    .dealer-nav-position {
        display:none
    ;}

    .dealer-lxwm .dealer-lxwm-nav,.dealer-nav-position-small {
        display: flex!important
    ;}
}

.dealer-capital {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    padding: 8px 24px 14px
;}

.dealer-capital .home-tab ul li {
    color: #a3a3a3;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 10px 0
;}

.dealer-capital .wiki-nav-item {
    font-size: 14px;
    padding: 10px 0
;}

.dealer-capital .home-tab ul .home-tab-active {
    border-bottom: 1px solid #3d3d3d;
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px
;}

.dealer-capital .lp_pop {
    background: #fff;
    border-radius: 16px;
    left: 50%;
    margin-top: 0!important;
    max-height: 450px;
    min-height: 350px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 400px
;}

.dealer-capital .lp_pop .el-dialog__body,.dealer-capital .lp_pop .el-dialog__header {
    padding: 0
;}

.lp_pop_warp {
    font-weight: 400;
    padding: 16px
;}

.lp_pop_warp .lp_pop_tlt {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    justify-content: center;
    line-height: 22px;
    margin-top: 24px
;}

.lp_pop_warp .lp_pop_ctx {
    padding: 24px;
    text-align: center
;}

.lp_pop_warp .lp_pop_ctx_img {
    border-radius: 7px;
    height: 70px;
    width: 70px
;}

.lp_pop_warp .lp_pop_ctx_name {
    color: #3d3d3d;
    font-size: 17px;
    line-height: 24px;
    margin-top: 24px
;}

.lp_pop_warp .lp_pop_ctx_webside {
    align-items: center;
    color: #a3a3a3;
    display: flex;
    font-size: 17px;
    justify-content: center;
    line-height: 24px;
    margin-top: 10px
;}

.lp_pop_warp .lp_pop_ctx_webside i {
    cursor: pointer;
    margin-left: 6px
;}

.lp_pop_warp .lp_pop_ctx_webside i:hover {
    color: #5d87f3
;}

.lp_pop_warp .lp_pop_ctx_btn {
    align-items: center;
    background: #323947;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    justify-content: center;
    line-height: 22px;
    margin-top: 24px;
    padding: 11px 0
;}

.lp_pop_warp .lp_pop_ctx_btn:hover {
    background: #000
;}

.lp_warp {
    margin-top: 8px
;}

.lp_warp .lp_warp_item {
    align-items: center;
    border-top: 1px dashed #eee;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 12px 0
;}

.lp_warp .lp_warp_item:first-child {
    border-top: 0
;}

.lp_warp .lp_warp_item .lp_warp_item_l {
    align-items: center;
    display: flex
;}

.lp_warp .lp_warp_item .lp_warp_item_l img {
    border-radius: 3px;
    height: 20px;
    margin-right: 8px;
    width: 20px
;}

.lp_warp .lp_warp_item .iconfont {
    color: #a3a3a3
;}

.lp_warp .lp_warp_item:hover {
    background: #fafafa
;}

.lp_warp .lp_warp_item .item-ico {
    border-radius: 3px;
    height: 20px;
    margin-right: 8px;
    width: 20px
;}

.lp_warp .lp_warp_item .item-name {
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    max-width: 200px
;}

.lp_warp_none {
    display: none
;}

html[dir=rtl] .lp_warp .lp_warp_item .item-ico,html[dir=rtl] .lp_warp .lp_warp_item .lp_warp_item_l img {
    margin-left: 8px;
    margin-right: 0
;}

html[dir=rtl] .dealer-capital .wiki-nav-item {
    margin-left: 20px;
    margin-right: 0
;}

html[dir=rtl] .dealer-capital .lp_pop .el-dialog__headerbtn {
    left: 20px;
    right: unset
;}

.dealer-account {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    padding: 19px 24px 24px
;}

.dealer-account .head-tabs {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
;}

.dealer-account .head-tabs .home-tab ul h3 {
    color: #a3a3a3;
    padding: 6px 0;
    white-space: nowrap
;}

.dealer-account .head-tabs .home-tab ul .home-tab-active {
    border-bottom: 1px solid #3d3d3d;
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 600;
    transform: scale(1.01)
;}

.dealer-account .head-tabs .compare-btn {
    background: rgba(230,97,18,.9);
    border: 1px solid #e66112;
    border-radius: 3px;
    cursor: pointer;
    height: 30px;
    padding: 0 12px
;}

.dealer-account .head-tabs .compare-btn span {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 8px
;}

.dealer-account .head-tabs .compare-btn:hover {
    background: #e66112
;}

.dealer-account .head-tabs .compare-btn:active {
    opacity: .7
;}

.dealer-account .account-info {
    display: none
;}

.dealer-account .account-info .account-tabs {
    box-shadow: inset 0 1px 0 rgba(0,0,0,.05),inset 0 -1px 0 rgba(0,0,0,.05);
    padding: 0 0 0 8px;
    white-space: nowrap
;}

.dealer-account .account-info .account-tabs .wiki-nav-item {
    color: #a3a3a3;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    margin-right: 20px;
    padding: 10px 0
;}

.dealer-account .account-info .account-tabs .wiki-nav-item:hover {
    color: #3d3d3d;
    font-weight: 600
;}

.dealer-account .account-info .account-tabs .home-tab-active {
    border-bottom: 1px solid #3d3d3d;
    color: #3d3d3d;
    font-weight: 600;
    line-height: 20px;
    transform: scale(1.01)
;}

.dealer-account .account-info .account-tabs::-webkit-scrollbar {
    display: none
;}

.dealer-account .account-info .account-info-block {
    display: none;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 16px;
    width: 100%
;}

.dealer-account .account-info .account-info-block ul {
    width: 49%
;}

.dealer-account .account-info .account-info-block ul li {
    word-wrap: break-word;
    align-items: center;
    border-radius: 2px;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    margin-bottom: 8px;
    padding: 4px 8px;
    word-break: break-all
;}

.dealer-account .account-info .account-info-block ul li span:first-child {
    color: #a3a3a3;
    min-width: 60px
;}

.dealer-account .account-info .account-info-block ul li span:last-child {
    color: #3d3d3d;
    text-align: right
;}

.dealer-account .account-info .account-info-block ul li .trade-category-content {
    width: 100%
;}

.dealer-account .account-info .account-info-block ul li .icon-cross {
    color: #338066
;}

.dealer-account .account-info .account-info-block ul li .icon-close {
    color: #b2243c
;}

.dealer-account .account-info .account-info-block .fabg {
    background: #fafafa
;}

.dealer-account .account-info .account-info-block .table {
    display: flex;
    gap: 20px;
    width: 100%
;}

.dealer-account .account-info .account-info-block .table .table-l,.dealer-account .account-info .account-info-block .table .table-r {
    flex: 1
;}

.dealer-account .account-info .account-info-block .table .table-l table,.dealer-account .account-info .account-info-block .table .table-r table {
    border-collapse: collapse;
    width: 100%
;}

.dealer-account .account-info .account-info-block .table .table-l table .table-bg,.dealer-account .account-info .account-info-block .table .table-r table .table-bg {
    background: #fafafa
;}

.dealer-account .account-info .account-info-block .table .table-l table tr,.dealer-account .account-info .account-info-block .table .table-r table tr {
    display: flex;
    margin-bottom: 8px
;}

.dealer-account .account-info .account-info-block .table .table-l table tr th,.dealer-account .account-info .account-info-block .table .table-r table tr th {
    word-wrap: break-word;
    color: #a3a3a3;
    font-size: 14px;
    font-weight: 400;
    min-width: 60px;
    padding: 4px 8px;
    text-align: left;
    word-break: break-all
;}

.dealer-account .account-info .account-info-block .table .table-l table tr td,.dealer-account .account-info .account-info-block .table .table-r table tr td {
    word-wrap: break-word;
    color: #3d3d3d;
    flex: 1;
    font-size: 14px;
    padding: 4px 8px;
    text-align: right;
    word-break: break-all
;}

.dealer-account .account-info .account-info-block_flex {
    display: flex
;}

.dealer-account .tables-money {
    display: none
;}

.dealer-account .tables-money .tables-money-items {
    margin-bottom: 20px
;}

.dealer-account .tables-money .tables-money-items p {
    color: #3d3d3d;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    height: 17px;
    line-height: 17px;
    margin-bottom: 8px;
    text-align: left
;}

.dealer-account .tables-money .tables-money-items table {
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 2px;
    text-align: center;
    width: 100%
;}

.dealer-account .tables-money .tables-money-items table tr {
    width: 100%
;}

.dealer-account .tables-money .tables-money-items table tr th {
    background: #fafafa;
    color: #a3a3a3;
    font-size: 12px;
    font-weight: 400;
    height: 17px;
    line-height: 17px;
    padding: 7.5px 0
;}

.dealer-account .tables-money .tables-money-items table tr td {
    word-wrap: break-word;
    color: #3d3d3d;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 17px;
    padding: 11px;
    width: 20%;
    word-break: break-all
;}

.dealer-account .tables-money :last-child {
    margin-bottom: 0
;}

.dealer-account .capital-ratio {
    display: none
;}

.dealer-account .capital-ratio-top {
    background: #fafafa;
    border-radius: 6px;
    padding: 12px 20px
;}

.dealer-account .capital-ratio-top .capital-ratio-block {
    align-items: center;
    display: flex;
    font-style: normal;
    font-weight: 400;
    justify-content: space-between
;}

.dealer-account .capital-ratio-top .capital-ratio-block .capital-ratio-name {
    color: #a3a3a3;
    font-size: 14px
;}

.dealer-account .capital-ratio-top .capital-ratio-block .algorithm {
    align-items: center;
    display: flex!important;
    display: block;
    justify-content: space-between
;}

.dealer-account .capital-ratio-top .capital-ratio-block .algorithm i {
    margin: 0 4px
;}

.dealer-account .capital-ratio-top .capital-ratio-block .algorithm .first {
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 600;
    margin-right: 18px
;}

.dealer-account .capital-ratio-top .capital-ratio-block .algorithm .last {
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 600;
    margin-left: 18px
;}

.dealer-account .capital-ratio-top .capital-ratio-block .algorithm .up-and-down {
    color: #3d3d3d;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    font-size: 14px;
    justify-content: center;
    text-align: center
;}

.dealer-account .capital-ratio-top .capital-ratio-block .algorithm .up-and-down .semicolon {
    background: linear-gradient(90deg,rgba(61,61,61,0) -3.27%,rgba(61,61,61,.18) 52.13%,rgba(61,61,61,0));
    height: 1px;
    margin: 4px;
    width: 140px
;}

.dealer-account .capital-ratio-top .capital-ratio-block .ranking {
    align-items: center;
    color: #a3a3a3;
    display: flex;
    font-size: 12px;
    white-space: nowrap
;}

.dealer-account .capital-ratio-top .capital-ratio-block .ranking .rank-number {
    color: #0081ff;
    font-family: DIN;
    font-size: 18px;
    font-style: normal;
    font-weight: 500
;}

.dealer-account .capital-ratio-top .capital-ratio-block .ranking :last-child {
    font-size: 12px;
    height: 17px;
    line-height: 17px;
    padding: 0 4px
;}

.dealer-account .capital-ratio-top .algorithm-onself {
    display: none
;}

.dealer-account .capital-ratio-info {
    display: flex;
    justify-content: space-between;
    margin-top: 14px;
    width: 100%
;}

.dealer-account .capital-ratio-info .left {
    background: rgba(61,61,61,.03);
    border-radius: 6px;
    height: 324px;
    padding: 20px;
    width: 49%
;}

.dealer-account .capital-ratio-info .left li {
    align-items: center;
    box-shadow: 0 1px 0 rgba(0,0,0,.04);
    color: #3d3d3d;
    display: flex;
    font-size: 14px;
    height: 30px;
    justify-content: space-between;
    line-height: 30px;
    margin-bottom: 12px;
    padding-bottom: 10px
;}

.dealer-account .capital-ratio-info .left .gray-block {
    box-shadow: 0 1px 0 transparent;
    color: rgba(61,61,61,.4);
    height: 20px;
    padding: 0
;}

.dealer-account .capital-ratio-info .left .gray-block span {
    align-items: center;
    display: flex;
    height: 20px;
    vertical-align: middle
;}

.dealer-account .capital-ratio-info .left .gray-block:last-child {
    margin: 0
;}

.dealer-account .capital-ratio-info .right {
    text-align: left;
    width: 49%
;}

.dealer-account .capital-ratio-info .right p.capital {
    align-items: center;
    background: rgba(61,61,61,.03);
    border-radius: 6px;
    color: #3d3d3d;
    display: flex;
    height: 46px;
    justify-content: space-between;
    margin-bottom: 14px;
    padding: 12px 20px
;}

.dealer-account .capital-ratio-info .right .download-info {
    background: rgba(61,61,61,.03);
    border-radius: 6px;
    display: none;
    font-weight: 400;
    padding: 20px
;}

.dealer-account .capital-ratio-info .right .download-info li {
    align-items: center;
    background: #fff;
    border-radius: 4px;
    color: #3d3d3d;
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    line-height: 17px;
    margin-bottom: 8px
;}

.dealer-account .capital-ratio-info .right .download-info li i {
    color: #0081ff;
    font-size: 13px
;}

.dealer-account .capital-ratio-info .right .download-info li .el-select {
    width: 100%
;}

.dealer-account .capital-ratio-info .right .download-info li .el-select .el-input__inner {
    background: #fff;
    border: none;
    display: block;
    height: 29px;
    line-height: 29px;
    outline: none
;}

.dealer-account .capital-ratio-info .right .download-info li .el-select .el-input__inner::-moz-placeholder {
    color: #3d3d3d
;}

.dealer-account .capital-ratio-info .right .download-info li .el-select .el-input__inner::placeholder {
    color: #3d3d3d
;}

.dealer-account .capital-ratio-info .right .download-info li .el-select .el-select__caret {
    color: #3d3d3d;
    height: 29px;
    line-height: 29px
;}

.dealer-account .capital-ratio-info .right .download-info li .el-select .el-select-dropdown {
    border-radius: 0
;}

.dealer-account .capital-ratio-info .right .download-info li:first-child {
    background: #fafafa;
    margin-bottom: 14px;
    padding: 0
;}

.dealer-account .capital-ratio-info .right .download-info li:first-child span {
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 400;
    height: 20px;
    line-height: 20px
;}

.dealer-account .capital-ratio-info .right .download-info li:last-child {
    color: rgba(61,61,61,.4);
    font-size: 12px;
    font-weight: 400;
    margin: 0
;}

.dealer-account .capital-ratio-info .right .download-info-block {
    display: block
;}

.dealer-account .sd-download {
    display: none;
    width: 100%
;}

.dealer-account .sd-download .sd-download-box {
    display: none;
    flex-flow: wrap;
    width: 100%
;}

.dealer-account .sd-download .sd-list {
    align-items: center;
    background: #fafafa;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 62px;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 0 14px;
    width: 100%
;}

.dealer-account .sd-download .sd-list .sd-l {
    align-items: center;
    display: flex
;}

.dealer-account .sd-download .sd-list .sd-l .sd-logo {
    height: 30px;
    margin-right: 8px
;}

.dealer-account .sd-download .sd-list .sd-l .sd-info {
    display: flex;
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-account .sd-download .sd-list .sd-l .sd-title {
    color: #3d3d3d;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    margin-right: 8px;
    max-width: 145px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
;}

.dealer-account .sd-download .sd-list .sd-l .sd-label {
    border: .5px solid rgba(53,179,137,.3);
    border-radius: 4px;
    color: #35b389;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 20px;
    line-height: 18px;
    margin-bottom: 5px;
    margin-right: 8px;
    padding: 0 6px
;}

.dealer-account .sd-download .sd-list .sd-l .sd-label:last-child {
    margin-right: 0
;}

.dealer-account .sd-download .sd-list .sd-r {
    align-items: center;
    display: flex
;}

.dealer-account .sd-download .sd-list .sd-r .iconfont {
    color: #868a8d;
    font-size: 18px;
    margin-right: 6px
;}

.dealer-account .sd-download .sd-list .sd-r .icon-changyong_gengduo {
    color: #a3a3a3;
    font-size: 12px
;}

.dealer-account .sd-download .sd-list .sd-r img {
    height: 18px;
    margin-right: 6px
;}

.dealer-account .sd-download .sd-list:hover {
    background: rgba(0,0,0,.05)
;}

.dealer-account .sd-download .sd-list-any {
    flex-direction: column;
    height: 199px;
    justify-content: center;
    margin-right: 11px;
    width: 180.5px
;}

.dealer-account .sd-download .sd-list-any .sd-l {
    flex-direction: column
;}

.dealer-account .sd-download .sd-list-any .sd-l .sd-logo {
    height: 38px;
    margin-bottom: 8px
;}

.dealer-account .sd-download .sd-list-any .sd-l .sd-info {
    flex-direction: column
;}

.dealer-account .sd-download .sd-list-any .sd-l .sd-label-box,.dealer-account .sd-download .sd-list-any .sd-l .sd-title {
    margin-bottom: 10px
;}

.dealer-account .sd-download .sd-list-any .sd-l .sd-label-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
;}

.dealer-account .sd-download .sd-list-any:nth-child(4n) {
    margin-right: 0
;}

.dealer-account .sd-download .sd-tab {
    display: none;
    width: 100%
;}

.dealer-account .sd-download .sd-tab .sd-tab-box {
    height: 199px;
    overflow: hidden;
    position: relative;
    width: 100%
;}

.dealer-account .sd-download .sd-tab .sd-tab-box .sd-tab-position {
    display: flex;
    height: 199px;
    left: 38px;
    position: absolute;
    top: 0;
    transition: all .5s linear
;}

.dealer-account .sd-download .sd-tab .sd-tab-box .sd-tab-position .sd-list {
    margin-right: 11px;
    width: 162px
;}

.dealer-account .sd-download .sd-tab .sd-tab-box .sd-tab-position .sd-list:nth-child(4n) {
    margin-right: 11px
;}

.dealer-account .sd-download .sd-tab .sd-tab-box .next,.dealer-account .sd-download .sd-tab .sd-tab-box .pre {
    align-items: center;
    background: #fafafa;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    height: 199px;
    justify-content: center;
    position: absolute;
    top: 0;
    transform: matrix(-1,0,0,1,0,0);
    width: 26px
;}

.dealer-account .sd-download .sd-tab .sd-tab-box .sfactive:hover {
    background: #999
;}

.dealer-account .sd-download .sd-tab .sd-tab-box .sfactive:hover span {
    color: #fff
;}

.dealer-account .sd-download .sd-tab .sd-tab-box .pre {
    left: 0
;}

.dealer-account .sd-download .sd-tab .sd-tab-box .next {
    right: 0
;}

.dealer-account .sd-download .sd_flex {
    display: flex
;}

.dealer-account .account-block {
    display: block
;}

@media screen and (max-width: 1199px) {
    .dealer-account .capital-ratio .capital-ratio-block .algorithm {
        display:none!important
    ;}

    .dealer-account .capital-ratio .capital-ratio-info {
        flex-direction: column!important
    ;}

    .dealer-account .capital-ratio .capital-ratio-info .left,.dealer-account .capital-ratio .capital-ratio-info .right {
        width: 100%
    ;}

    .dealer-account .capital-ratio .capital-ratio-info .right p.capital {
        margin: 14px 0
    ;}

    .dealer-account .capital-ratio .algorithm-onself {
        align-items: center;
        display: block;
        display: flex;
        justify-content: space-between;
        margin: 10px auto 0;
        width: 362px
    ;}

    .dealer-account .capital-ratio .algorithm-onself i {
        margin: 0 4px
    ;}

    .dealer-account .capital-ratio .algorithm-onself .first {
        color: #3d3d3d;
        font-size: 16px;
        font-weight: 600;
        margin-right: 18px
    ;}

    .dealer-account .capital-ratio .algorithm-onself .last {
        color: #3d3d3d;
        font-size: 16px;
        font-weight: 600;
        margin-left: 18px
    ;}

    .dealer-account .capital-ratio .algorithm-onself .up-and-down {
        color: #3d3d3d;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        font-size: 14px;
        justify-content: center;
        text-align: center
    ;}

    .dealer-account .capital-ratio .algorithm-onself .up-and-down .semicolon {
        background: linear-gradient(90deg,rgba(61,61,61,0) -3.27%,rgba(61,61,61,.18) 52.13%,rgba(61,61,61,0));
        height: 1px;
        margin: 4px;
        width: 180px
    ;}

    .dealer-account .account-info .account-info-block,.dealer-account .account-info .account-info-block .table {
        flex-direction: column
    ;}

    .dealer-account .account-info .account-info-block ul {
        width: 100%
    ;}

    .dealer-account .account-info .account-info-block ul li .trade-category-content {
        margin-left: 10px
    ;}

    .dealer-account .sd-download .sd-list .sd-l .sd-info {
        width: 330px
    ;}
}

@media screen and (max-width: 999px) {
    .dealer-account .head-tabs {
        display:inline-block
    ;}

    .dealer-account .head-tabs .compare-btn {
        margin-top: 14px
    ;}

    .dealer-account .account-info .account-info-block {
        flex-direction: column
    ;}

    .dealer-account .account-info .account-info-block li {
        display: flex;
        justify-content: space-between;
        width: 100%
    ;}

    .dealer-account .sd-download .sd-list {
        height: 70px
    ;}

    .dealer-account .sd-download .sd-list .sd-l {
        position: relative;
        top: -10px
    ;}

    .dealer-account .sd-download .sd-list .sd-l .sd-logo {
        height: 18px
    ;}

    .dealer-account .sd-download .sd-list .sd-l .sd-info {
        flex-direction: column;
        max-width: 196px;
        position: relative;
        top: 13px
    ;}

    .dealer-account .sd-download .sd-list .sd-l .sd-info .sd-label-box {
        display: flex;
        margin-top: 4px;
        padding-bottom: 2px
    ;}

    .dealer-account .sd-download .sd-list .sd-l .sd-info .sd-label-box .sd-label {
        max-width: 126px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    ;}

    .dealer-account .sd-download .sd-list .sd-l .sd-title {
        text-align: left
    ;}

    .dealer-account .sd-download .sd-list .sd-r {
        position: relative;
        top: -10px
    ;}

    .dealer-account .sd-download::-webkit-scrollbar {
        background-color: #fff;
        height: 1px
    ;}

    .dealer-account .sd-download::-webkit-scrollbar-thumb {
        background: #9095b0;
        border-radius: 86px
    ;}

    .dealer-account .capital-ratio .capital-ratio-block .algorithm {
        display: none
    ;}

    .dealer-account .capital-ratio .algorithm-onself {
        width: 322px
    ;}

    .dealer-account .capital-ratio .algorithm-onself .up-and-down .semicolon {
        width: 120px
    ;}
}

@media screen and (max-width: 799px) {
    .dealer-account {
        margin-bottom:16px;
        padding: 19px 16px 24px
    ;}

    .dealer-account .head-tabs {
        display: inline-block;
        width: 100%
    ;}

    .dealer-account .head-tabs .compare-btn {
        display: none
    ;}

    .dealer-account .account-info .account-info-block {
        flex-direction: column
    ;}

    .dealer-account .account-info .account-info-block li {
        display: flex;
        justify-content: space-between;
        width: 100%
    ;}

    .dealer-account .capital-ratio .capital-ratio-top {
        padding: 12px 8px
    ;}

    .dealer-account .capital-ratio .capital-ratio-top .algorithm-onself {
        align-items: center;
        display: block;
        display: flex;
        width: 100%
    ;}

    .dealer-account .capital-ratio .capital-ratio-top .algorithm-onself i {
        margin: 0 4px
    ;}

    .dealer-account .capital-ratio .capital-ratio-top .algorithm-onself .first {
        color: #3d3d3d;
        font-size: 14px;
        font-weight: 600;
        margin: 0
    ;}

    .dealer-account .capital-ratio .capital-ratio-top .algorithm-onself .last {
        color: #3d3d3d;
        font-size: 18px;
        font-weight: 600;
        margin: 0
    ;}

    .dealer-account .capital-ratio .capital-ratio-top .algorithm-onself .up-and-down {
        color: #3d3d3d;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        font-size: 14px;
        justify-content: center;
        text-align: center
    ;}

    .dealer-account .capital-ratio .capital-ratio-top .algorithm-onself .up-and-down .semicolon {
        background: linear-gradient(90deg,rgba(61,61,61,0) -3.27%,rgba(61,61,61,.18) 52.13%,rgba(61,61,61,0));
        height: 1px;
        margin: 4px;
        width: 110px
    ;}

    .dealer-account .capital-ratio .capital-ratio-info {
        flex-direction: column!important
    ;}

    .dealer-account .capital-ratio .capital-ratio-info .left,.dealer-account .capital-ratio .capital-ratio-info .right {
        width: 100%
    ;}

    .dealer-account .sd-download .sd-list .sd-l .sd-info {
        max-width: 188px
    ;}

    .dealer-account .sd-download .sd-list .sd-l .sd-info .sd-title {
        text-align: left
    ;}

    .dealer-account .sd-download .sd-list .sd-r {
        position: relative;
        top: -10px
    ;}
}

.el-select-dropdown {
    z-index: 9999999999!important
;}

html[dir=rtl] .dealer-account .sd-download table tbody tr td,html[dir=rtl] .dealer-account .sd-download table thead tr th {
    text-align: right
;}

html[dir=rtl] .dealer-account .capital-ratio-top .capital-ratio-block .algorithm .first {
    margin-left: 18px;
    margin-right: unset
;}

html[dir=rtl] .dealer-account .sd-download .sd-list .sd-r .icon-changyong_gengduo {
    transform: rotate(180deg)
;}

html[dir=rtl] .dealer-account .sd-download .sd-list .sd-l .sd-title {
    margin-left: 8px
;}

html[dir=rtl] #sdpre .icon-arrow-right {
    transform: rotate(0)!important
;}

.dealer-information1 {
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    box-sizing: border-box;
    display: none;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    justify-content: center;
    margin-top: 16px;
    order: 7;
    padding: 0
;}

.dealer-information1,.dealer-information1 .title {
    align-items: center;
    align-self: stretch;
    background: #fff
;}

.dealer-information1 .title {
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    height: 56px;
    order: 0;
    padding: 0 16px 0 24px
;}

.dealer-information1 .title .title-name {
    align-items: center;
    color: #292929;
    display: flex;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    height: 22px;
    line-height: 22px;
    order: 0
;}

.dealer-information1 .title .more {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    gap: 4px;
    height: 17px;
    justify-content: center;
    order: 1;
    padding: 0;
    width: 47px
;}

.dealer-information1 .title .more .more-name {
    align-items: center;
    color: #ccc;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 17px;
    line-height: 17px;
    order: 0;
    width: 29px
;}

.dealer-information1 .title .more .more-name .icon-arrow-right {
    flex: none;
    flex-grow: 0;
    height: 14px;
    order: 1;
    width: 14px
;}

.dealer-information1 .mtitle {
    align-self: stretch;
    background: #fff;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.05);
    flex-direction: row;
    gap: 20px;
    order: 1;
    padding-left: 24px
;}

.dealer-information1 .mtitle,.dealer-information1 .mtitle .li {
    align-items: center;
    display: flex;
    flex: none;
    flex-grow: 0;
    height: 40px
;}

.dealer-information1 .mtitle .li {
    color: #a3a3a3;
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    line-height: 40px;
    order: 0
;}

.dealer-information1 .mtitle .li.on {
    box-shadow: inset 0 -1px 0 #3d3d3d;
    color: #000;
    font-weight: 600
;}

.dealer-information1 .contentBox {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    gap: 16px;
    justify-content: center;
    order: 1;
    padding: 0 24px 16px
;}

.dealer-information1 .contentBox .arrow {
    cursor: pointer
;}

@media screen and (max-width: 799px) {
    .dealer-information1 {
        margin-bottom:16px;
        margin-top: 0
    ;}
}

.dealer-information_flex {
    display: flex
;}

.dealer-information2 {
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    box-sizing: border-box;
    display: none;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    justify-content: center;
    margin-top: 16px;
    order: 7;
    padding: 0
;}

.dealer-information2,.dealer-information2 .title {
    align-items: center;
    align-self: stretch;
    background: #fff
;}

.dealer-information2 .title {
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    height: 56px;
    order: 0;
    padding: 0 16px 0 24px
;}

.dealer-information2 .title .title-name {
    align-items: center;
    color: #292929;
    display: flex;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    height: 22px;
    line-height: 22px;
    order: 0
;}

.dealer-information2 .title .more {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    gap: 4px;
    height: 17px;
    justify-content: center;
    order: 1;
    padding: 0;
    width: 47px
;}

.dealer-information2 .title .more .more-name {
    align-items: center;
    color: #ccc;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 17px;
    line-height: 17px;
    order: 0;
    width: 29px
;}

.dealer-information2 .title .more .more-name .icon-arrow-right {
    flex: none;
    flex-grow: 0;
    height: 14px;
    order: 1;
    width: 14px
;}

.dealer-information2 .mtitle {
    align-self: stretch;
    background: #fff;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.05);
    flex-direction: row;
    gap: 20px;
    order: 1;
    padding-left: 24px
;}

.dealer-information2 .mtitle,.dealer-information2 .mtitle .li {
    align-items: center;
    display: flex;
    flex: none;
    flex-grow: 0;
    height: 40px
;}

.dealer-information2 .mtitle .li {
    color: #a3a3a3;
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    line-height: 40px;
    order: 0
;}

.dealer-information2 .mtitle .li.on {
    box-shadow: inset 0 -1px 0 #3d3d3d;
    color: #000;
    font-weight: 600
;}

.dealer-information2 .contentBox {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    gap: 16px;
    justify-content: center;
    order: 1;
    padding: 0 24px 16px
;}

.dealer-information2 .contentBox .info {
    padding-left: 0!important
;}

@media screen and (max-width: 799px) {
    .dealer-information2 {
        margin-bottom:16px;
        margin-top: 0
    ;}
}

.dealer-information_flex2 {
    display: flex
;}

.popworders {
    background: url(https://resources1.interface003.com/Contentgj/images/pop_bg.png) repeat;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2001
;}

.popworders .main {
    align-items: center;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.08);
    box-sizing: border-box;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    height: 458px;
    left: 50%;
    order: 0;
    padding: 25px;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%) scale(1);
    transition: all .4s;
    width: 650px;
    z-index: 2002
;}

.popworders .main .sharp {
    background: #eeb822;
    border-radius: 1px;
    display: block;
    flex: none;
    flex-grow: 0;
    height: 16px;
    margin: 3px 12px 3px 0;
    order: 0;
    width: 6px
;}

.popworders .main .title {
    align-self: stretch;
    background: #fff;
    display: -webkit-box;
    flex-direction: row;
    height: 22px;
    justify-content: space-between;
    padding: 0;
    position: relative
;}

.popworders .main .title,.popworders .main .title .txt {
    align-items: center;
    flex: none;
    flex-grow: 0;
    line-height: 22px;
    order: 0
;}

.popworders .main .title .txt {
    color: #292929;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    padding-right: 14px
;}

.popworders .main .icon-close {
    cursor: pointer;
    display: inline-block;
    flex: none;
    flex-grow: 0;
    height: 22px;
    line-height: 22px;
    order: 1;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 22px
;}

.popworders .main .content {
    align-items: center;
    align-self: stretch;
    display: inline-block;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    justify-content: center;
    max-height: 600px;
    order: 1;
    overflow-y: auto;
    padding: 0
;}

.popworders .main .no-data {
    min-height: auto
;}

.dealer-information3 {
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    box-sizing: border-box;
    display: none;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    justify-content: center;
    margin-top: 16px;
    order: 7;
    padding: 0
;}

.dealer-information3,.dealer-information3 .title {
    align-items: center;
    align-self: stretch;
    background: #fff
;}

.dealer-information3 .title {
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    height: 56px;
    justify-content: space-between;
    order: 0;
    padding: 0 16px 0 24px
;}

.dealer-information3 .title .title-name {
    align-items: center;
    color: #292929;
    display: flex;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    height: 22px;
    line-height: 22px;
    order: 0
;}

.dealer-information3 .title .dealer-information-more {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    gap: 4px;
    height: 17px;
    justify-content: center;
    order: 1;
    padding: 0;
    width: 47px
;}

.dealer-information3 .title .dealer-information-more .more-name {
    align-items: center;
    color: #ccc;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 17px;
    line-height: 17px;
    order: 0;
    width: 29px
;}

.dealer-information3 .title .dealer-information-more .icon-arrow-right {
    align-items: center;
    color: #ccc;
    display: flex;
    flex: none;
    flex-grow: 0;
    height: 14px;
    order: 1;
    width: 14px
;}

.dealer-information3 .mtitle {
    align-self: stretch;
    background: #fff;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.05);
    flex-direction: row;
    gap: 20px;
    order: 1;
    padding-left: 24px
;}

.dealer-information3 .mtitle,.dealer-information3 .mtitle .li {
    align-items: center;
    display: flex;
    flex: none;
    flex-grow: 0;
    height: 40px
;}

.dealer-information3 .mtitle .li {
    color: #a3a3a3;
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    line-height: 40px;
    order: 0
;}

.dealer-information3 .mtitle .li.on {
    box-shadow: inset 0 -1px 0 #3d3d3d;
    color: #000;
    font-weight: 600
;}

.dealer-information3 .contentBox {
    gap: 16px;
    order: 1;
    padding: 0 24px 16px
;}

.dealer-information3 .contentBox,.dealer-information3 .contentBox .item {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    justify-content: center
;}

.dealer-information3 .contentBox .item {
    background: #fff;
    box-shadow: inset 0 1px 0 #f5f5f5;
    gap: 6px;
    height: 62px;
    order: 0;
    padding: 16px 0 0
;}

.dealer-information3 .contentBox .item .txt {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    gap: 8px;
    height: 20px;
    justify-content: center;
    order: 0;
    padding: 0
;}

.dealer-information3 .contentBox .item .txt .icon-exchange {
    flex: none;
    flex-grow: 0;
    height: 18px;
    order: 0;
    width: 18px
;}

.dealer-information3 .contentBox .item .txt .name {
    align-items: center;
    color: #a3a3a3;
    display: flex;
    flex: none;
    flex-grow: 1;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    order: 1
;}

.dealer-information3 .contentBox .item .info {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    height: 20px;
    justify-content: center;
    order: 1;
    padding: 0 0 0 26px
;}

.dealer-information3 .contentBox .item .info .val {
    color: #3d3d3d;
    flex: none;
    flex-grow: 1;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    height: 20px;
    line-height: 20px;
    order: 0
;}

.dealer-information3 .contentBox .info {
    grid-gap: 6px;
    align-items: center;
    align-self: stretch;
    background: #fff;
    box-shadow: inset 0 1px 0 #f5f5f5;
    display: inline-block;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    gap: 6px;
    justify-content: center;
    order: 0;
    padding: 16px 0 0
;}

.dealer-information3 .contentBox .info .dealer-information-more {
    align-items: center;
    cursor: pointer;
    display: flex;
    float: right
;}

.dealer-information3 .contentBox .info .dealer-information-more .more-name {
    align-items: center;
    color: #ccc;
    display: flex;
    font-size: 12px;
    width: auto
;}

.dealer-information3 .contentBox .info .dealer-information-more .iconfont {
    align-items: center;
    color: #ccc;
    display: flex;
    height: 16px;
    line-height: 16px;
    vertical-align: middle
;}

.dealer-information3 .contentBox .info .btn_tousu {
    align-items: center;
    align-self: stretch;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    gap: 8px;
    height: 48px;
    justify-content: center;
    margin-bottom: 20px;
    order: 0;
    padding: 0
;}

.dealer-information3 .contentBox .info .btn_tousu:hover {
    background: #eee
;}

.dealer-information3 .contentBox .info .btn_tousu p {
    align-items: center;
    color: #7a7a7a;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 22px;
    line-height: 22px;
    order: 1
;}

.dealer-information3 .contentBox .info .btn-tj-bg:hover {
    background: #2f4de4
;}

.dealer-information3 .contentBox .info .btn_baoguang {
    align-items: center;
    align-self: stretch;
    background: rgba(61,85,204,.9);
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    gap: 8px;
    height: 48px;
    justify-content: center;
    order: 1;
    padding: 0 16px
;}

.dealer-information3 .contentBox .info .btn_baoguang .iconfont {
    color: #fff
;}

.dealer-information3 .contentBox .info .btn_baoguang p {
    align-items: center;
    color: #fff;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 22px;
    line-height: 22px;
    order: 1;
    text-align: center
;}

.dealer-information3 .contentBox .info .btn-pingjia-bg {
    background: #fadc19
;}

.dealer-information3 .contentBox .info .btn-pingjia-bg:hover {
    opacity: .6
;}

.dealer-information3 .contentBox .info .btn-pingjia-bg .iconfont,.dealer-information3 .contentBox .info .btn-pingjia-bg p {
    color: #1d2129
;}

.linkval {
    border-bottom: 1px dashed #3d3d3d;
    cursor: pointer;
    text-decoration: none
;}

.dealer-information_flex3 {
    display: flex
;}

@media screen and (max-width: 799px) {
    .dealer-information3 {
        margin-top:0!important;
        padding: 0 16px!important
    ;}

    .dealer-information3 .contentBox {
        padding: 0 0 16px!important
    ;}

    .dealer-information3 .contentBox .infoitemtop:first-child {
        box-shadow: none!important
    ;}
}

.dealer-survey {
    align-items: center;
    background: url(https://resources1.interface003.com/Contentgj/images/pop_bg.png) repeat;
    display: none;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2001
;}

.dealer-survey .survey-module {
    background: #fff;
    border-radius: 16px;
    height: 608px;
    position: relative;
    width: 880px
;}

.dealer-survey .survey-module .survey-head {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 66px;
    padding: 0 20px
;}

.dealer-survey .survey-module .survey-head img {
    border-radius: 4px;
    flex-shrink: 0;
    height: 20px;
    width: 20px
;}

.dealer-survey .survey-module .survey-head span {
    color: #3d3d3d;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    padding: 0 8px
;}

.dealer-survey .survey-module .survey-close {
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 20px;
    top: 20px
;}

.dealer-survey .survey-module .survey-info {
    border-radius: 16px;
    height: 420px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 840px
;}

.dealer-survey .survey-module .survey-info .survey-position {
    display: flex;
    height: 420px;
    left: 0;
    position: absolute;
    top: 0;
    white-space: nowrap
;}

.dealer-survey .survey-module .survey-info .survey-position .survey-img {
    height: 420px;
    width: 840px
;}

.dealer-survey .survey-module .survey-info .survey-transition {
    transition: all .5s linear
;}

.dealer-survey .survey-module .survey-info .next,.dealer-survey .survey-module .survey-info .pre {
    align-items: center;
    background: rgba(0,0,0,.6);
    border-radius: 2px;
    cursor: pointer;
    display: flex;
    height: 47.16px;
    justify-content: center;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: matrix(-1,0,0,1,0,0);
    transform: translateY(-50%);
    transition: all .5s;
    width: 22.79px
;}

.dealer-survey .survey-module .survey-info .next .iconfont,.dealer-survey .survey-module .survey-info .pre .iconfont {
    color: #fff
;}

.dealer-survey .survey-module .survey-info .pre {
    left: 10px
;}

.dealer-survey .survey-module .survey-info .next {
    right: 10px
;}

.dealer-survey .survey-module .survey-info .survey-title {
    background: rgba(0,0,0,.7);
    border-radius: 0 0 16px 16px;
    bottom: 0;
    height: 45px;
    left: 0;
    padding: 0 16px;
    position: absolute;
    width: 100%
;}

.dealer-survey .survey-module .survey-info .survey-title,.dealer-survey .survey-module .survey-info .survey-title .survey-title-l {
    align-items: center;
    display: flex;
    justify-content: space-between
;}

.dealer-survey .survey-module .survey-info .survey-title .survey-title-l .survey-title-label {
    background: #04a187;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    padding: 0 10px
;}

.dealer-survey .survey-module .survey-info .survey-title .survey-title-l .survey-title-title {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    overflow: hidden;
    padding: 0 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 540px
;}

.dealer-survey .survey-module .survey-info .survey-title .survey-title-r {
    align-items: center;
    display: flex;
    max-width: 200px
;}

.dealer-survey .survey-module .survey-info .survey-title .survey-title-r .iconfont {
    color: #fff
;}

.dealer-survey .survey-module .survey-info .survey-title .survey-title-r img {
    height: 13px;
    margin: 0 6px
;}

.dealer-survey .survey-module .survey-info .survey-title .survey-title-r .survey-title-r-location {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.dealer-survey .survey-module .survey-info:hover .next,.dealer-survey .survey-module .survey-info:hover .pre {
    opacity: 1
;}

.dealer-survey .survey-module .survey-list-john {
    border: none;
    height: 86px;
    margin: 16px auto 0;
    overflow: hidden;
    position: relative;
    width: 840px
;}

.dealer-survey .survey-module .survey-list-john .survey-list-position {
    align-items: center;
    display: flex;
    height: 86px;
    left: 0;
    position: absolute;
    top: 0;
    transition: all .5s;
    white-space: nowrap
;}

.dealer-survey .survey-module .survey-list-john .survey-list-position .survey-list-img {
    border-radius: 8px;
    cursor: pointer;
    height: 80px;
    margin-right: 10px;
    width: 160px
;}

.dealer-survey .survey-module .survey-list-john .survey-list-position .survey-list-active,.dealer-survey .survey-module .survey-list-john .survey-list-position .survey-list-img:hover {
    border: 3px solid #ffd733
;}

.dealer-survey .survey-module .survey-list-john .survey-label {
    align-items: center;
    background: rgba(25,43,82,.9);
    border-radius: 4px;
    display: flex;
    height: 19px;
    left: 8px;
    padding: 0 3px;
    position: absolute;
    top: 8px
;}

.dealer-survey .survey-module .survey-list-john .survey-label img {
    height: 13px
;}

.dealer-survey .survey-module .survey-list-john .survey-label span {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    padding: 0 3px
;}

@media screen and (max-width: 999px) {
    .dealer-survey .survey-module {
        width:744px
    ;}

    .dealer-survey .survey-module .survey-info,.dealer-survey .survey-module .survey-info .survey-position .survey-img {
        width: 704px
    ;}

    .dealer-survey .survey-module .survey-info .survey-title .survey-title-l .survey-title-title {
        width: 390px
    ;}

    .dealer-survey .survey-module .survey-list-john {
        width: 704px
    ;}

    .dealer-survey .survey-module .survey-list-john .survey-list-img {
        width: 132px
    ;}
}

.dealer-survey-flex {
    display: flex
;}

html[dir=rtl] .dealer-survey .survey-module .survey-close {
    left: 20px;
    right: auto
;}

html[dir=rtl] .dealer-survey .icon-arrow-right {
    transform: rotate(0)!important
;}

html[dir=rtl] .dealer-survey .survey-module .survey-info .survey-position,html[dir=rtl] .dealer-survey .survey-module .survey-list-john .survey-list-position {
    left: auto;
    right: 0
;}

.popwebsite {
    background: url(https://resources1.interface003.com/Contentgj/images/pop_bg.png) repeat;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2001
;}

.popwebsite .main {
    align-items: center;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 13px 0 rgba(0,0,0,.08);
    box-sizing: border-box;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    left: 50%;
    order: 0;
    padding: 32px 0 32px 32px;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%) scale(1);
    transition: all .4s;
    width: 60%;
    width: 560px;
    z-index: 2002
;}

.popwebsite .main .sharp {
    background: #eeb822;
    border-radius: 1px;
    display: block;
    flex: none;
    flex-grow: 0;
    height: 16px;
    margin: 3px 12px 3px 0;
    order: 0;
    width: 6px
;}

.popwebsite .main .title {
    align-self: stretch;
    background: #fff;
    display: -webkit-box;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 12px;
    position: relative;
    width: 90%
;}

.popwebsite .main .title,.popwebsite .main .title .txt {
    align-items: center;
    flex: none;
    flex-grow: 0;
    line-height: 22px;
    order: 0
;}

.popwebsite .main .title .txt {
    color: #292929;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    padding-right: 14px
;}

.popwebsite .main .icon-close {
    cursor: pointer;
    display: inline-block;
    flex: none;
    flex-grow: 0;
    height: 22px;
    line-height: 22px;
    order: 1;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 22px
;}

.popwebsite .main .content {
    align-items: center;
    align-self: stretch;
    display: inline-block;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    justify-content: center;
    max-height: 600px;
    order: 1;
    overflow-y: auto
;}

.popwebsite .main .content .result {
    display: flex
;}

.popwebsite .main .content .result .tip {
    align-items: center;
    color: #3d3d3d;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    margin-right: 10px
;}

.popwebsite .main .content .intro {
    gap: 16px;
    margin: 10px 0 16px
;}

.popwebsite .main .content .intro,.popwebsite .main .content .intro .li {
    align-items: center;
    display: inline-block;
    flex-direction: row;
    line-height: 20px;
    padding: 0
;}

.popwebsite .main .content .intro .li {
    gap: 6px;
    justify-content: center
;}

.popwebsite .main .content .intro .li .flag {
    border-radius: 2px;
    display: inline-block;
    height: 16px;
    margin: 2px 6px 2px 0;
    vertical-align: middle;
    width: 24px
;}

.popwebsite .main .content .intro .li .country {
    align-items: center;
    color: #3d3d3d;
    display: inline-block;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    margin-right: 16px;
    order: 1
;}

.popwebsite .main .content .scroll {
    gap: 12px;
    max-height: 440px
;}

.popwebsite .main .content .scroll,.popwebsite .main .content .scroll .li {
    align-items: center;
    display: inline-block;
    flex-direction: column;
    padding: 0;
    width: 100%
;}

.popwebsite .main .content .scroll .li {
    flex: none;
    flex-grow: 0;
    gap: 16px;
    justify-content: center;
    order: 1
;}

.popwebsite .main .content .scroll .li .item {
    align-items: center;
    align-self: stretch;
    background: #fafafa;
    border: 1px solid #f5f5f5;
    box-sizing: border-box;
    display: inline-block;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    gap: 186px;
    height: 32px;
    justify-content: space-between;
    margin: 6px 0;
    order: 0;
    padding: 6px 12px;
    width: 100%
;}

.popwebsite .main .content .scroll .li .item .left {
    align-items: center;
    display: inline-block;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    gap: 8px;
    height: 20px;
    justify-content: center;
    order: 0;
    padding: 0
;}

.popwebsite .main .content .scroll .li .item .left .zhuji {
    width: 15px
;}

.popwebsite .main .content .scroll .li .item .left .domian {
    color: #000;
    display: inline-block;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    height: 20px;
    line-height: 20px;
    order: 1;
    vertical-align: top
;}

.popwebsite .main .content .scroll .li .item .right {
    display: block;
    flex: none;
    flex-grow: 0;
    float: right;
    order: 1
;}

.popwebsite .main .content .scroll .li .item .right .mt4 {
    background: #6faff9;
    border-radius: 4px;
    display: inline-block;
    height: 20px;
    margin-right: 22px
;}

.popwebsite .main .content .scroll .li .item .right .mt4 .txt {
    color: #fff;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    height: 20px;
    line-height: 20px;
    padding: 0 4px
;}

.popwebsite .main .content .scroll .li .item .right .iconfont {
    cursor: pointer;
    height: 16px;
    width: 16px
;}

.popwebsite .main .content .scroll .li .slide {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    gap: 24px;
    justify-content: center;
    order: 1;
    padding: 0 16px;
    width: 100%
;}

.popwebsite .main .content .scroll .li .slide .line {
    display: flex;
    padding-left: 20px;
    width: 100%
;}

.popwebsite .main .content .scroll .li .slide .left,.popwebsite .main .content .scroll .li .slide .right {
    align-items: flex-start;
    background: #fff;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 1;
    gap: 8px;
    justify-content: flex-start;
    padding: 8px 0;
    width: 50%
;}

.popwebsite .main .content .scroll .li .slide .iconfont {
    height: 16px;
    width: 16px
;}

.popwebsite .main .content .scroll .li .slide .flag {
    border-radius: 1px;
    display: inline-block;
    flex: none;
    flex-grow: 0;
    height: 14px;
    margin-right: 8px;
    order: 0;
    vertical-align: middle;
    width: 20px
;}

.popwebsite .main .content .scroll .li .slide .tip {
    font-feature-settings: "liga" off;
    align-items: center;
    align-self: stretch;
    color: #a3a3a3;
    display: inline-block;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    max-width: 206px;
    order: 0
;}

.popwebsite .main .content .scroll .li .slide .row1 {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 4px
;}

.popwebsite .main .content .scroll .li .slide .row2 {
    align-items: flex-start;
    align-self: stretch;
    color: #3d3d3d;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    justify-content: flex-start;
    line-height: 20px;
    order: 1;
    padding-left: 20px;
    width: 220px;
    word-break: break-all
;}

html[dir=rtl] .popwebsite .main {
    padding: 32px 32px 32px 0
;}

html[dir=rtl] .popwebsite .main .content .intro .li .flag,html[dir=rtl] .popwebsite .main .content .result .tip,html[dir=rtl] .popwebsite .main .sharp {
    margin-right: 0
;}

html[dir=rtl] .popwebsite .main .content .scroll .li .item .right {
    float: left
;}

html[dir=rtl] .popwebsite .main .icon-close {
    left: 5px;
    right: unset
;}

.dealer-appraisal {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    padding: 24px
;}

.dealer-appraisal .appraisal-tit {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 20px
;}

.dealer-appraisal .appraisal-con {
    width: 101%
;}

.dealer-appraisal .appraisal-con .heavenly-eye {
    display: flex;
    flex-wrap: wrap
;}

.dealer-appraisal .appraisal-con .heavenly-eye .li {
    align-items: center;
    border-left: 1px solid rgba(0,0,0,.05);
    border-top: 1px solid rgba(0,0,0,.05);
    color: #3d3d3d;
    display: flex;
    height: 126px;
    justify-content: center;
    padding: 30px;
    position: relative;
    text-align: center;
    width: 151.2px
;}

.dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(5) {
    border-right: 1px solid rgba(0,0,0,.05)
;}

.dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(10),.dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(6),.dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(7),.dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(8),.dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(9) {
    border-bottom: 1px solid rgba(0,0,0,.05)
;}

.dealer-appraisal .appraisal-con .heavenly-eye .li:last-child {
    border-bottom: 1px solid rgba(0,0,0,.05);
    border-right: 1px solid rgba(0,0,0,.05)
;}

.dealer-appraisal .appraisal-con .heavenly-eye .li:hover .heavenly-txt,.dealer-appraisal .appraisal-con .heavenly-eye .li:hover .iconfont {
    color: #b38936
;}

.dealer-appraisal .appraisal-con .heavenly-eye .li div {
    align-items: center
;}

.dealer-appraisal .appraisal-con .heavenly-eye .li .iconfont {
    color: #3d3d3d;
    font-size: 35px;
    left: 50%;
    position: absolute;
    top: 40%;
    transform: translate(-50%,-50%)
;}

.dealer-appraisal .appraisal-con .heavenly-eye .li .heavenly-txt {
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #7a7a7a;
    display: -webkit-box;
    font-size: 16px;
    line-height: 22px;
    margin-top: 42px;
    overflow: hidden;
    text-align: center;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    word-break: break-all
;}

.dealer-appraisal .appraisal-con .heavenly-eye .li .long-txt {
    margin-top: 62px
;}

@media screen and (max-width: 1199px) {
    .dealer-appraisal .appraisal-con .heavenly-eye .li {
        width:174.6px
    ;}

    .dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(5) {
        border-right: unset
    ;}

    .dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(9) {
        display: none
    ;}

    .dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(10),.dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(6) {
        border-bottom: unset
    ;}

    .dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(3),.dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(6) {
        border-right: 1px solid rgba(0,0,0,.05)
    ;}

    .dealer-appraisal .appraisal-con .heavenly-eye .li:last-child {
        border-bottom: 1px solid rgba(0,0,0,.05);
        border-right: 1px solid rgba(0,0,0,.05)
    ;}
}

@media screen and (max-width: 999px) {
    .dealer-appraisal .appraisal-con .heavenly-eye .li {
        padding:10px;
        width: 122px
    ;}
}

@media screen and (max-width: 799px) {
    .dealer-appraisal .appraisal-con .heavenly-eye .li {
        height:unset;
        width: 33%
    ;}

    .dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(5) {
        border-right: unset
    ;}

    .dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(9) {
        display: none
    ;}

    .dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(10),.dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(6) {
        border-bottom: unset
    ;}

    .dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(3),.dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(6) {
        border-right: 1px solid rgba(0,0,0,.05)
    ;}

    .dealer-appraisal .appraisal-con .heavenly-eye .li:last-child {
        border-bottom: 1px solid rgba(0,0,0,.05);
        border-right: 1px solid rgba(0,0,0,.05)
    ;}

    .dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(2),.dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(4),.dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(8) {
        word-break: break-all!important
    ;}
}

html[dir=rtl] .dealer-appraisal .appraisal-con .heavenly-eye .li {
    border-left: unset;
    border-right: 1px solid rgba(0,0,0,.05)
;}

html[dir=rtl] .dealer-appraisal .appraisal-con .heavenly-eye .li:last-child,html[dir=rtl] .dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(3),html[dir=rtl] .dealer-appraisal .appraisal-con .heavenly-eye .li:nth-child(6) {
    border-left: 1px solid rgba(0,0,0,.05)
;}

.dealer-finance {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    padding: 19px 24px 24px
;}

.dealer-finance .head-tabs {
    margin-bottom: 20px;
    white-space: nowrap
;}

.dealer-finance .head-tabs .home-tab ul h3 {
    color: #a3a3a3;
    padding: 6px 0;
    white-space: nowrap
;}

.dealer-finance .head-tabs .home-tab ul .home-tab-active {
    border-bottom: 1px solid #3d3d3d;
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 600;
    transform: scale(1.01)
;}

.dealer-finance .finance-echart .finance-head {
    box-shadow: 0 1px 0 rgba(0,0,0,.06);
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
    padding-bottom: 16px
;}

.dealer-finance .finance-echart .finance-head .finance-head-time {
    align-items: center;
    display: flex
;}

.dealer-finance .finance-echart .finance-head .finance-head-time .finance-head-time-text {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-right: 16px
;}

.dealer-finance .finance-echart .finance-head .finance-head-time .finance-head-time-bt {
    cursor: pointer
;}

.dealer-finance .finance-echart .finance-head .finance-head-time .finance-head-time-bt .el-input__inner {
    height: 32px
;}

.dealer-finance .finance-echart .finance-head .finance-head-time .finance-head-time-bt .el-input__icon {
    color: #292929;
    font-size: 24px;
    line-height: 32px
;}

.dealer-finance .finance-echart .finance-head .finance-head-time .finance-head-time-bt .el-date-editor.el-input,.dealer-finance .finance-echart .finance-head .finance-head-time .finance-head-time-bt .el-date-editor.el-input__inner {
    width: 82px
;}

.dealer-finance .finance-echart .finance-head .finance-head-time .finance-head-time-bt .el-input--prefix .el-input__inner {
    padding-left: 12px
;}

.dealer-finance .finance-echart .finance-head .finance-head-time .finance-head-time-bt .el-input__prefix {
    left: 12px
;}

.dealer-finance .finance-echart .finance-head .finance-head-time .finance-head-time-bt .el-input--suffix .el-input__inner {
    background: #f1f1f1;
    border: none;
    cursor: pointer;
    padding-right: 12px;
    text-align: right
;}

.dealer-finance .finance-echart .finance-head .finance-head-time .finance-head-time-bt .el-icon-date:before {
    font-size: 16px
;}

.dealer-finance .finance-echart .finance-head .finance-head-time .finance-head-time-bt .el-input__inner:hover {
    background: #eaeaea
;}

.dealer-finance .finance-echart .finance-echart-info {
    display: flex;
    gap: 30px
;}

.dealer-finance .finance-echart .finance-echart-info .finance-f {
    width: 50%
;}

.dealer-finance .finance-echart .finance-echart-info .finance-f.ratio-boc {
    display: flex;
    flex-direction: column
;}

.dealer-finance .finance-echart .finance-echart-info .finance-f .finance-f-title {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
;}

.dealer-finance .finance-echart .finance-echart-info .finance-f .finance-f-title .f-title {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px
;}

.dealer-finance .finance-echart .finance-echart-info .finance-f .finance-f-title .f-text {
    color: #a3a3a3;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    white-space: nowrap
;}

.dealer-finance .finance-echart .finance-echart-info .finance-f .finance-ft {
    width: 100%
;}

.dealer-finance .finance-echart .finance-echart-info .finance-f .finance-ft .finance-ft-e {
    height: 197px
;}

.dealer-finance .finance-echart .finance-echart-info .finance-f .finance-ft .finance-label {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 16px
;}

.dealer-finance .finance-echart .finance-echart-info .finance-f .finance-ft .finance-label .finance-label-t {
    align-items: center;
    display: flex
;}

.dealer-finance .finance-echart .finance-echart-info .finance-f .finance-ft .finance-label .finance-label-t .finance-label-z {
    background: #efa33f;
    height: 2px;
    width: 10px
;}

.dealer-finance .finance-echart .finance-echart-info .finance-f .finance-ft .finance-label .finance-label-t .finance-label-text {
    color: #3d3d3d;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    padding: 0 10px;
    text-align: left
;}

.dealer-finance .finance-echart .finance-echart-info .finance-f .finance-ft-list {
    padding-top: 10px
;}

.dealer-finance .finance-echart .finance-echart-info .finance-f .finance-ft-list .finance-ft-ul {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
;}

.dealer-finance .finance-echart .finance-echart-info .finance-f .finance-ft-list .finance-ft-ul .finance-ft-title {
    color: #a3a3a3;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
;}

.dealer-finance .finance-echart .finance-echart-info .finance-f .finance-ft-list .finance-ft-ul .finance-ft-text {
    color: #3d3d3d;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px
;}

.dealer-finance .finance-echart .finance-echart-info .finance-f .finance-ft-list .finance-ft-ul:last-child {
    margin-bottom: 0
;}

.dealer-finance .finance-echart .finance-echart-info .finance-f .financial-ratio {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between
;}

.dealer-finance .line-chart-pop {
    color: #fff
;}

.dealer-finance .line-chart-pop .item-date {
    font-family: DIN-Medium;
    font-size: 12px
;}

.dealer-finance .line-chart-pop .item-value {
    align-items: center;
    color: #fff;
    display: flex;
    font-family: DIN-Medium;
    font-size: 12px;
    padding-left: 0;
    position: relative;
    text-align: left
;}

.dealer-finance .line-chart-pop .item-value .item-value-box {
    align-items: center;
    display: flex;
    padding-left: 20px;
    position: relative
;}

.dealer-finance .line-chart-pop .item-value .item-value-box .cicle {
    background-color: #5c8ae5;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 8px;
    left: 3px;
    margin-left: 5px;
    margin-right: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 8px
;}

.dealer-finance .line-chart-pop .item-value .span {
    color: #fff;
    font-weight: 600;
    margin-left: 10px
;}

.dealer-finance .line-chart-pop .item-value:last-child:before {
    background-color: #f5bc49
;}

@media screen and (max-width: 799px) {
    .dealer-finance .line-chart-pop .item-value {
        align-items:flex-start;
        flex-direction: column;
        margin-bottom: 5px;
        padding-right: 10px
    ;}

    .dealer-finance .line-chart-pop .item-value .item-value-box {
        padding-left: 15px
    ;}

    .dealer-finance .line-chart-pop .item-value .span {
        padding-left: 5px
    ;}

    .dealer-finance .line-chart-pop .item-value .line-text {
        margin-left: 0;
        max-width: 134px;
        white-space: break-spaces
    ;}

    .dealer-finance .line-chart-pop .item-value .cicle {
        margin-left: 0!important;
        margin-right: 0!important
    ;}

    .dealer-finance .line-chart-pop .item-value:last-child {
        margin-bottom: 0
    ;}
}

.dealer-finance .echarts-tooltip div>div>div:nth-child(2) div>div span:nth-child(3) {
    float: unset!important
;}

@media screen and (max-width: 1199px) {
    .dealer-finance .finance-echart .finance-echart-info {
        flex-direction:column
    ;}

    .dealer-finance .finance-echart .finance-echart-info .finance-f {
        width: 100%
    ;}
}

@media screen and (max-width: 799px) {
    .dealer-finance .echarts-tooltip {
        white-space:break-spaces!important;
        width: 170px
    ;}

    .dealer-finance .echarts-tooltip div>div div:first-child {
        word-break: break-all
    ;}
}

html[dir=rtl] .echarts-tooltip div>div>div:nth-child(2) div>div span:nth-child(2) {
    padding: 0 5px
;}

html[dir=rtl] .echarts-tooltip div>div>div:nth-child(2) div>div span:nth-child(3) {
    float: left!important;
    margin-left: 0!important;
    padding: 0 5px
;}

html[dir=rtl] .dealer-finance .line-chart-pop .item-value .item-value-box .cicle {
    left: unset;
    right: 3px
;}

html[dir=rtl] .dealer-finance .line-chart-pop .item-value .item-value-box {
    padding-left: 0;
    padding-right: 20px
;}

html[dir=rtl] .dealer-finance .line-chart-pop .item-value .span {
    margin-left: 0
;}

.dealer-market {
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 4px;
    padding: 24px;
    width: 100%
;}

.dealer-market .home-tab {
    margin-bottom: 20px
;}

.dealer-market .home-tab ul {
    white-space: nowrap;
    width: 100%
;}

.dealer-market .home-tab ul h3 {
    color: #a3a3a3;
    font-size: 16px;
    padding-bottom: 6px
;}

.dealer-market .home-tab ul .home-tab-active {
    border-bottom: 1px solid #3d3d3d;
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 600;
    transform: scale(1.01)
;}

.dealer-market .footer-inifo {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 10px
;}

.dealer-market .footer-inifo div {
    color: #ccc;
    display: flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px
;}

.dealer-market .footer-inifo div img {
    height: 17px;
    margin: 0 6px;
    width: 14px
;}

.dealer-market .pie-echarts {
    display: none;
    justify-content: space-between;
    width: 100%
;}

.dealer-market .pie-echarts .chart {
    width: 420px
;}

.dealer-market .pie-echarts .chart-data {
    width: 320px
;}

.dealer-market .pie-echarts-flex {
    display: flex
;}

html[dir=rtl] .dealer-market .footer-inifo div {
    direction: ltr
;}

html[dir=rtl] .dealer-market .footer-inifo div span .date-time {
    direction: ltr!important
;}

@media screen and (max-width: 1199px) {
    .dealer-market .pie-echarts {
        flex-direction:column
    ;}

    .dealer-market .pie-echarts .chart {
        width: 526px
    ;}

    .dealer-market .pie-echarts .chart-data {
        width: 100%
    ;}
}

@media screen and (max-width: 999px) {
    .dealer-market .pie-echarts {
        flex-direction:column
    ;}

    .dealer-market .pie-echarts .chart {
        width: 346px
    ;}

    .dealer-market .pie-echarts .chart-data {
        width: 100%
    ;}
}

@media screen and (max-width: 799px) {
    .dealer-market {
        background:#fff;
        border: none;
        border-radius: 4px;
        padding: 24px 0
    ;}

    .dealer-market .pie-echarts {
        flex-direction: column
    ;}

    .dealer-market .pie-echarts .chart,.dealer-market .pie-echarts .chart-data {
        width: 100%
    ;}

    .dealer-market .footer-inifo,.dealer-market .home-tab {
        padding: 0 16px
    ;}
;}