.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform, height;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    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-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0, 0, 0, 0.25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -o-perspective: 1200px;
    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 {
    -webkit-transform-style: preserve-3d;
    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 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube,
.swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.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,
.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 {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.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-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    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-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

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,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0
}

html,
body {
    scroll-behavior: smooth
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

html {
    width: 100%;
    overflow-x: hidden;
    -webkit-text-size-adjust: none
}

body {
    width: 100%;
    overflow-x: hidden;
    font-size: 12px;
    font-family: "\5FAE\8F6F\96C5\9ED1", "arial", sans-serif;
    color: #657180;
    line-height: 1.5
}

.preview_frame {
    width: 100%;
    overflow-x: hidden
}

ol,
ul,
li {
    list-style: none
}

fieldset,
img {
    border: 0
}

a {
    color: #39f;
    outline: none
}

a:hover {
    color: #6bc30d
}

del,
ins,
a {
    text-decoration: none
}

i {
    font-style: normal
}

input,
button,
textarea,
select {
    outline: none
}

textarea {
    resize: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

.clearfl {
    clear: both
}

.clearfix:after {
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
    line-height: 0;
    content: ' '
}

.clearfix {
    clear: both;
    *display: table;
    *zoom: 1
}

.fl {
    float: left
}

.fr {
    float: right
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-word-break: break-all;
    word-break: break-all;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    line-height: normal
}

.body-modal-open {
    position: fixed
}

.ani-btn-loading {
    display: inline-block;
    vertical-align: middle;
    -webkit-animation: icon-loading-rotate 0.5s infinite linear;
    animation: icon-loading-rotate 0.5s infinite linear
}

@-webkit-keyframes icon-loading-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes icon-loading-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

::-webkit-scrollbar {
    width: 4px;
    height: 10px
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #d7d7d7
}

::-webkit-scrollbar-track {
    background: #f2f2f2
}

.pc_pattern .layrow {
    width: 100%;
    position: relative
}

.pc_pattern .layrow .laybox {
    width: 100%;
    padding: 0 10%;
    margin-left: auto;
    margin-right: auto
}

.pc_pattern .layrow .layout_column[data-class-col=pc_col_1] {
    width: 8.33%
}

.pc_pattern .layrow .layout_column[data-class-col=pc_col_2] {
    width: 16.66%
}

.pc_pattern .layrow .layout_column[data-class-col=pc_col_3] {
    width: 25%
}

.pc_pattern .layrow .layout_column[data-class-col=pc_col_4] {
    width: 33.33%
}

.pc_pattern .layrow .layout_column[data-class-col=pc_col_5] {
    width: 41.66%
}

.pc_pattern .layrow .layout_column[data-class-col=pc_col_6] {
    width: 50%
}

.pc_pattern .layrow .layout_column[data-class-col=pc_col_7] {
    width: 58.33%
}

.pc_pattern .layrow .layout_column[data-class-col=pc_col_8] {
    width: 66.66%
}

.pc_pattern .layrow .layout_column[data-class-col=pc_col_9] {
    width: 75%
}

.pc_pattern .layrow .layout_column[data-class-col=pc_col_10] {
    width: 83.33%
}

.pc_pattern .layrow .layout_column[data-class-col=pc_col_11] {
    width: 91.66%
}

.pc_pattern .layrow .layout_column[data-class-col=pc_col_12] {
    width: 100%
}

.mb_pattern .layrow .layout_column[data-class-col=mb_col_0] {
    width: 0
}

.mb_pattern .layrow .layout_column[data-class-col=mb_col_1] {
    width: 100%
}

.mb_pattern .layrow .layout_column[data-class-col=mb_col_2] {
    width: 50%
}

.mb_pattern .layrow .layout_column[data-class-col=mb_col_3] {
    width: 75%
}

.mb_pattern .layrow .layout_column[data-class-col=mb_col_4] {
    width: 25%
}

.mb_pattern .layrow .layout_column[data-class-col=mb_col_5] {
    width: 33.33%
}

.layrow .laybox {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.mb_pattern .layrow .laybox {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.full_screen_banner .full_screen_banner_swiper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.full_screen_banner .padding_bottom_swiper_frame {
    width: 100%
}

.full_screen_banner .full_screen_banner_swiper .swiper-slide {
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.full_screen_banner .full_screen_banner_swiper .layout_column {
    min-height: 0;
    width: 100% !important;
    height: 100%
}

.full_screen_banner .laybox {
    padding: 0 !important
}

.full_screen_banner .banner_frame {
    position: relative;
    width: 100%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0 auto
}

.full_screen_banner .first_img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    width: 100%
}

.banner_short_line_wrap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    z-index: 4;
    text-align: center;
    pointer-events: none
}

.banner_short_line_wrap .pic_short_line_btn {
    pointer-events: auto;
    position: relative;
    display: inline-block;
    margin: 0 3px;
    cursor: pointer
}

.banner_short_line_wrap .pic_short_line_btn .pic_short_line {
    width: 13px;
    height: 4px;
    -webkit-transition: all .3s;
    transition: all .3s;
    background: rgba(229, 229, 229, 0.4);
    border-radius: 4px
}

.banner_short_line_wrap .pic_short_line_btn_activity {
    width: 26px;
    background-color: #e5e5e5;
    border-radius: 10px
}

.banner_short_line_wrap .pic_short_line_btn .pic_short_line:hover {
    width: 26px;
    background-color: #e5e5e5
}

.full_screen_banner .arrow_btn {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    text-align: center;
    overflow: hidden;
    width: 60px;
    height: 60px;
    cursor: pointer;
    z-index: 3;
    -webkit-tap-highlight-color: transparent
}

.full_screen_banner .arrow_btn_next {
    margin-right: 1%;
    right: 0;
    background: url("../img/backimg1.png") -55px -42px;
    -webkit-transition: margin-right .3s ease-out 0s;
    transition: margin-right .3s ease-out 0s
}

.full_screen_banner .arrow_btn_prev {
    margin-left: 1%;
    background: url("../img/backimg1.png") 0 -42px;
    -webkit-transition: margin-left .3s ease-out 0s;
    transition: margin-left .3s ease-out 0s
}

.full_screen_banner .arrow_btn_next:hover {
    margin-right: 15px
}

.full_screen_banner .arrow_btn_prev:hover {
    margin-left: 15px
}

.my_banner .banner_btn {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-image: none;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    top: calc(50% - 30px);
    cursor: pointer;
    color: #fff;
    font-size: 40px
}

.top_bottom_arrow_frame .fk_rightColorArrowsImg {
    position: relative;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.4);
    cursor: pointer;
    color: #fff;
    font-size: 40px
}

.full_screen_banner .arrow_btn {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    text-align: center;
    overflow: hidden;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    cursor: pointer;
    z-index: 3;
    -webkit-tap-highlight-color: transparent;
    color: #4c4c4c;
    font-size: 40px;
    background-image: none
}

.full_screen_banner .arrow_btn .style-1-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    width: 40px;
    height: 40px;
    left: 15px
}

.full_screen_banner .arrow_btn_next .mock-after,
.full_screen_banner .arrow_btn_prev .mock-after {
    width: 0;
    height: 2px;
    position: absolute;
    top: 1px;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    background-color: #4c4c4c;
    -webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s
}

.full_screen_banner .arrow_btn_next .mock-after {
    right: 25px
}

.full_screen_banner .arrow_btn_next:hover .mock-after {
    width: 20px;
    right: 35px
}

.full_screen_banner .arrow_btn_prev .mock-after {
    left: 32px
}

.full_screen_banner .arrow_btn_prev:hover .mock-after {
    width: 20px;
    left: 40px
}

.full_screen_banner .arrow_btn_prev:after {
    left: 25px
}

.full_screen_banner .arrow_btn_prev:hover::after {
    width: 20px;
    left: 32px
}

.full_screen_banner.my_banner .banner_btn {
    background-image: none
}

.my_banner .banner_btn {
    width: 60px;
    height: 60px;
    background-image: url("../img/backimg1.png");
    background-repeat: no-repeat;
    position: absolute;
    z-index: 101;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    top: calc(50% - 30px);
    cursor: pointer
}

.full_screen_banner .pic_arrow_btn_prev {
    left: 1%
}

.full_screen_banner .pic_arrow_btn_next {
    right: 1%;
    background-position: -45px 0
}

.my_banner .banner_btn:hover {
    background-color: rgba(0, 0, 0, 0.4)
}

.full_screen_banner .video_frame .one_column {
    min-height: 0;
    height: 100%;
    position: relative;
    z-index: 10
}

.full_screen_banner .layout_column {
    background: rgba(255, 255, 255, 0) !important;
    float: left
}

.full_screen_banner .video_frame {
    width: 100%;
    position: relative;
    overflow: hidden
}

.full_screen_banner .video_frame .full_screen_video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 9
}

.full_screen_banner .video_frame .one_column {
    min-height: 0;
    height: 100%;
    position: relative;
    z-index: 10
}

.module {
    position: relative
}

.module .basic_picture img {
    width: 100%;
    height: auto;
    display: block
}

.pc_pattern .layout_header_fixed {
    position: fixed !important;
    left: 0;
    top: 0;
    z-index: 2002
}

.mb_pattern .rowFixedNext {
    display: none !important
}

.mb_pattern .fixed_background_layer {
    display: none !important
}

.layout_header {
    width: 100%;
    position: relative
}

.fixed_background_layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    display: none;
    background-position: 0% 0%;
    -webkit-transition: all .2s;
    transition: all .2s
}

.layout_header_fixed .fixed_background_layer {
    display: block
}

.my_photo_desc {
    z-index: 1;
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 15px;
    color: #fff;
    height: 44px;
    line-height: 44px;
    background: rgba(0, 0, 0, 0.7);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px
}

.full_screen_banner_swiper .module {
    z-index: 11
}

.layout_header .system_row .layout_column {
    min-height: 64px
}

.placeholder_a {
    width: 0;
    height: 0
}

#position_fixed_background_layer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1
}

.fixed_background_show {
    background-color: transparent !important;
    background-image: none !important
}

.ja-jp_website .tipPopPart .tipFont {
    word-break: break-all
}

.list_cache_tips {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    text-align: center
}

.list_cache_tips::before {
    content: '\81EA\52A8\7FFB\9875\4E2D\FF0C\8BF7\7A0D\540E\FF01';
    color: #fff;
    font-size: 18px;
    line-height: 80px
}

.mb_pattern .video_frame {
    background: #000
}

.mb_pattern .video_frame .layout_column {
    display: none
}

.mb_pattern .video_frame .mb_full_screen_video {
    top: 0;
    left: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.mb_pattern .video_frame .video_poster_img {
    width: 100%;
    height: 100%;
    padding-bottom: inherit;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: all .46s ease;
    transition: all .46s ease;
    position: absolute;
    top: 0;
    z-index: 10
}

.mb_pattern .video_frame .flv_play_btn {
    top: 50%;
    opacity: 1
}

.mb_pattern .video_frame .flv_play_btn {
    position: absolute;
    width: 60px;
    height: 60px;
    background: url(../img/backimg1.png) -116px -196px no-repeat;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    z-index: 11
}

.pc_pattern .video_frame .video_poster_img,
.pc_pattern .video_frame .flv_play_btn {
    display: none
}

.basic_download_display .list_header {
    font-size: 16px;
    height: 50px
}

.basic_download_display .list_header .file_item_download {
    background: transparent !important;
    height: auto !important;
    font-size: 16px
}

.basic_download_display .list_header .file_item_download:hover {
    background: transparent !important
}

.basic_download_display .moduleStyle_0 .file_item_name {
    width: 15%
}

.basic_download_display .moduleStyle_0 .file_item_summary {
    width: 0px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    white-space: nowrap;
    overflow: visible;
    text-overflow: clip
}

.basic_download_display .moduleStyle_0 .file_item_summary p {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%
}

.basic_download_display .moduleStyle_0 .file_item_num {
    width: 10%
}

.basic_download_display .moduleStyle_0 .file_item_time {
    width: 20%
}

.basic_download_display .moduleStyle_0 .file_item_size {
    width: 10%
}

.basic_download_display .center_num {
    text-align: center
}

.mb_pattern .basic_download_display .moduleStyle_0 .file_item_name {
    width: 100%
}

.mb_pattern .basic_download_display .moduleStyle_0 .file_item_summary {
    display: none
}

.mb_pattern .basic_download_display .moduleStyle_0 .file_item_num {
    display: none
}

.mb_pattern .basic_download_display .moduleStyle_0 .file_item_time {
    display: none
}

.mb_pattern .basic_download_display .moduleStyle_0 .file_item_size {
    display: none
}

.basic_video_display .list_one .list_one_wrap .list_content_frame .product_name_wrap .product_name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 48px;
    text-align: left
}

.basic_video_display .list_one .list_one_wrap .list_content_frame .product_summary_wrap .product_summary {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 42px;
    text-align: left
}

.basic_banner .basic_banner_box {
    width: 100%
}

.basic_banner .basic_banner_swiper_box {
    margin: 0 auto;
    position: relative
}

.basic_banner .basic_banner_swiper_box .basic_banner_swiper_box_height {
    position: relative
}

.basic_banner .basic_banner_swiper_box .basic_banner_swiper_box_height .basic_banner_child {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9
}

.basic_banner .basic_banner_swiper_box .basic_banner_swiper_box_height .basic_banner_child .basic_banner_swiper {
    width: 100%;
    height: 100%
}

.basic_banner .basic_banner_swiper_box .basic_banner_swiper_box_height .basic_banner_child .basic_banner_swiper .back_img {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat
}

.basic_banner .pagination_frame {
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    overflow-y: hidden;
    overflow-x: auto
}

.basic_banner .pagination_frame .paginations {
    white-space: nowrap;
    font-size: 0;
    margin: 0 auto
}

.basic_banner .pagination_frame .paginations .page {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 75px;
    margin: 18px 9px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

.basic_banner .pagination_frame .paginations .page .photo_mask {
    cursor: pointer;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.basic_banner .pagination_frame .paginations .page .photo_mask:hover {
    background: 0 0
}

.basic_banner .pagination_frame .paginations .page .photo_item {
    height: 100%;
    -webkit-background-size: cover !important;
    background-size: cover !important;
    background-position: center;
    padding-bottom: 75%
}

.basic_banner .pagination_frame .paginations .active .photo_mask {
    border: 1px solid grey;
    background: 0 0
}

.basic_banner .pagination_frame::-webkit-scrollbar {
    height: 0px
}

.basic_banner .pic_arrow_btn_prev {
    left: 20px
}

.basic_banner .pic_arrow_btn_next {
    right: 20px;
    background-position: -45px 0
}

.basic_banner .basic_banner_dot_list {
    text-align: center;
    position: absolute;
    bottom: 7px;
    width: 100%;
    z-index: 99
}

.basic_banner .basic_banner_dot_list .swiper-pagination-bullet {
    display: inline-block;
    width: 9px;
    height: 9px;
    background: rgba(153, 153, 153, 0.8);
    margin: 7px;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    opacity: 1
}

.basic_banner .basic_banner_dot_list .swiper-pagination-bullet-active {
    background: #fff
}

.basic_banner .basic_banner_swiper_coverflow .swiper-slide {
    width: 86% !important;
    -webkit-transform: translateZ(0) !important;
    transform: translateZ(0) !important
}

.basic_banner .basic_banner_swiper_coverflow .swiper-slide-shadow-left {
    opacity: 0
}

.basic_banner .basic_banner_swiper_coverflow .swiper-slide-shadow-right {
    opacity: 0
}

.basic_banner .basic_banner_swiper_coverflow .swiper-slide-active {
    padding: 0 5px
}

.basic_banner .basic_banner_swiper_coverflow .coverflow_btn .banner_btn {
    background-color: rgba(0, 0, 0, 0)
}

.basic_banner .basic_banner_swiper_coverflow .coverflow_btn .banner_btn:hover {
    background-color: rgba(0, 0, 0, 0.4)
}

.basic_banner .basic_banner_swiper_coverflow .coverflow_btn {
    position: absolute;
    height: 100%;
    width: 7%;
    background-color: rgba(0, 0, 0, 0.3);
    top: 0;
    z-index: 10;
    overflow: hidden;
    cursor: pointer
}

.basic_banner .basic_banner_swiper_coverflow .coverflow_btn_prev {
    left: 0
}

.basic_banner .basic_banner_swiper_coverflow .coverflow_btn_prev .banner_btn {
    left: 50%;
    -webkit-transform: translate(-50%) translateY(0);
    -ms-transform: translate(-50%) translateY(0);
    transform: translate(-50%) translateY(0)
}

.basic_banner .basic_banner_swiper_coverflow .coverflow_btn_next {
    right: 0
}

.basic_banner .basic_banner_swiper_coverflow .coverflow_btn_next .banner_btn {
    right: 50%;
    -webkit-transform: translate(50%) translateY(0);
    -ms-transform: translate(50%) translateY(0);
    transform: translate(50%) translateY(0)
}

.basic_banner .particularly_high {
    padding-bottom: 20px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.basic_list_photos .list_frame {
    width: 100%
}

.basic_list_photos .list_frame .basic_list_photos_swiper .list_one {
    width: 100% !important
}

.basic_list_photos .list_frame .list_box {
    font-size: 0
}

.basic_list_photos .list_frame .list_box .list_one {
    display: inline-block;
    position: relative
}

.basic_list_photos .list_frame .list_box .list_one .list_img_frame {
    position: relative;
    overflow: hidden
}

.basic_list_photos .list_frame .list_box .list_one .list_img_frame .list_img_back {
    width: 100%;
    height: 100%;
    position: absolute;
    background-position: center center;
    -webkit-transition: all ease 0.36s;
    transition: all ease 0.36s;
    background-repeat: no-repeat
}

.basic_list_photos .list_frame .list_box .list_one .list_img_frame .photo_desc {
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 15px;
    color: #fff;
    height: 44px;
    line-height: 44px;
    background: rgba(0, 0, 0, 0.7);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px
}

.basic_atlas_catalog .list_one {
    display: inline-block;
    vertical-align: top;
    overflow: hidden
}

.basic_atlas_catalog .list_one .basic_atlas_catalog_one_frame {
    border-radius: 3px;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    padding: 5%;
    cursor: pointer
}

.basic_atlas_catalog .list_one .basic_atlas_catalog_one_frame .list_img_frame {
    position: relative;
    overflow: hidden
}

.basic_atlas_catalog .list_one .basic_atlas_catalog_one_frame .list_img_frame .list_img_back {
    width: 100%;
    height: 100%;
    position: absolute;
    background-position: center center;
    -webkit-transition: all ease 0.36s;
    transition: all ease 0.36s;
    background-repeat: no-repeat
}

.basic_atlas_catalog .list_one .basic_atlas_catalog_one_frame .list_img_frame .num {
    position: absolute;
    right: 6px;
    bottom: 6px;
    font-size: 12px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    height: 24px;
    line-height: 24px;
    padding: 0 5px
}

.basic_atlas_catalog .list_one .basic_atlas_catalog_one_frame .list_img_frame .num i {
    display: inline-block;
    width: 14px;
    height: 12px;
    background: #fff;
    margin-left: 4px;
    margin-top: 6px;
    vertical-align: top;
    background: url("../img/backimg1.png") -23px -306px
}

.basic_atlas_catalog .list_one .basic_atlas_catalog_one_frame .name {
    margin-top: 15px;
    font-size: 16px;
    color: #333;
    line-height: 24px;
    max-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: pre-wrap
}

.basic_atlas_catalog .flex_box {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.basic_atlas_catalog .scroll_box {
    overflow: hidden
}

.basic_atlas_catalog .scroll_box .imgs_box {
    width: 100%;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.basic_atlas_catalog .scroll_box .imgs_box .list_one {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.basic_atlas_catalog .basic_atlas_catalog_swiper {
    position: relative
}

.basic_atlas_catalog .basic_atlas_catalog_swiper .list_box .swiper-wrapper .swiper-slide {
    height: auto
}

.basic_atlas_catalog .basic_atlas_catalog_swiper .list_box .swiper-wrapper .swiper-slide .list_one {
    width: 100% !important;
    height: 100%
}

.basic_atlas_catalog .basic_atlas_catalog_swiper .arrow {
    cursor: pointer;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    z-index: 99;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.2);
    -webkit-transition: background 0.15s;
    transition: background 0.15s;
    outline: 0
}

.basic_atlas_catalog .basic_atlas_catalog_swiper .arrow:before {
    content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 18px;
    background: url("../img/backimg1.png") -23px -268px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%) translateY(-50%);
    -ms-transform: translate(-50%) translateY(-50%);
    transform: translate(-50%) translateY(-50%)
}

.basic_atlas_catalog .basic_atlas_catalog_swiper .prev {
    left: 10px
}

.basic_atlas_catalog .basic_atlas_catalog_swiper .next {
    right: 10px
}

.basic_atlas_catalog .basic_atlas_catalog_swiper .next:before {
    background-position-x: -53px;
    left: 54%
}

.pc_pattern .basic_list_photos .list_frame {
    min-height: 50px
}

.pc_pattern .basic_list_photos .banner_child {
    padding: 0 60px;
    position: relative
}

.pc_pattern .basic_list_photos .banner_child .basic_list_photos_swiper {
    padding: 5px
}

.pc_pattern .basic_list_photos .banner_child .arrow {
    cursor: pointer;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    z-index: 99;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.2);
    -webkit-transition: background 0.15s;
    transition: background 0.15s;
    outline: 0
}

.pc_pattern .basic_list_photos .banner_child .arrow:before {
    content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 18px;
    background: url("../img/backimg1.png") -23px -268px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%) translateY(-50%);
    -ms-transform: translate(-50%) translateY(-50%);
    transform: translate(-50%) translateY(-50%)
}

.pc_pattern .basic_list_photos .banner_child .prev {
    left: 10px
}

.pc_pattern .basic_list_photos .banner_child .next {
    right: 10px
}

.pc_pattern .basic_list_photos .banner_child .next:before {
    background-position-x: -53px;
    left: 54%
}

.pc_pattern .basic_atlas_catalog .basic_atlas_catalog_swiper {
    padding: 0 60px;
    position: relative
}

.pc_pattern .basic_atlas_catalog .copy_no_show {
    display: none
}

.pc_pattern .basic_atlas_catalog_pc_look .pc_title {
    display: block
}

.pc_pattern .basic_atlas_catalog_pc_look .mb_title {
    display: none
}

.pc_pattern .basic_atlas_catalog_pc_look .look_swiper_arrow {
    display: block
}

.pc_pattern .no_module {
    min-height: 150px
}

.pc_pattern .full_screen_banner .top_bottom_arrow_frame {
    width: 60px;
    position: absolute;
    right: 1%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1000
}

.pc_pattern .full_screen_banner .top_bottom_arrow_frame .fk_rightColorArrowsImg {
    position: relative;
    width: 60px;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.4);
    cursor: pointer
}

.pc_pattern .full_screen_banner .top_bottom_arrow_frame .fk_rightColorArrowsImg p {
    width: 100%;
    height: 100%;
    background-image: url("../img/backimg1.png");
    background-repeat: no-repeat;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7)
}

.pc_pattern .full_screen_banner .top_bottom_arrow_frame .f-horizontal-line_frame {
    width: 100%;
    height: 2px;
    background-color: rgba(0, 0, 0, 0.4)
}

.pc_pattern .full_screen_banner .top_bottom_arrow_frame .f-horizontal-line_frame .f-horizontal-line {
    width: 45px;
    height: 1px;
    background: rgba(255, 255, 255, 0.3);
    margin-left: 7px
}

.pc_pattern .full_screen_banner .top_bottom_arrow_frame .fk_rightColorArrowsImg_next p {
    background-position: -45px 0
}

.pc_pattern .full_screen_banner .top_bottom_arrow_frame .fk_rightColorArrowsImg:hover {
    background-color: rgba(0, 0, 0, 0.6)
}

.pc_pattern .full_screen_banner .top_bottom_arrow_frame .fk_rightColorArrowsImg:hover p {
    opacity: 0.7
}

.pc_pattern .full_screen_banner .big_block_btn_frame {
    z-index: 1000;
    position: absolute;
    bottom: 20px;
    left: 0;
    text-align: center;
    font-size: 0;
    width: 100%;
    height: 15%
}

.pc_pattern .full_screen_banner .big_block_btn_frame .one_big_block {
    display: inline-block;
    width: 11%;
    height: 100%;
    margin-right: 10px;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    overflow: hidden;
    cursor: pointer;
    border: 3px solid;
    border-color: rgba(255, 255, 255, 0.4)
}

.pc_pattern .full_screen_banner .big_block_btn_frame .big_block_btn_select {
    border-color: #fff
}

.pc_pattern .imageSwitchBtnArea {
    position: absolute;
    z-index: 1000;
    display: block;
    bottom: 24px;
    width: 100%;
    -webkit-filter: url(app.css#AR);
    filter: url(app.css#AR);
    font-size: 0;
    text-align: center
}

.pc_pattern .imageSwitchBtnArea .fk_imageSwitchBtn_adsorptionRound {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    padding: 0;
    line-height: 18px;
    background: #858585;
    color: #fff;
    border-radius: 100%;
    margin: 0 13px;
    font-size: 16px;
    font-family: 微软雅黑;
    cursor: pointer;
    vertical-align: top
}

.pc_pattern .imageSwitchBtnArea .fk_imageSwitchBtn_adsorptionRound .fk_adsorptionRound_num_current {
    position: relative;
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
    animation: fk_adsorptionRound_num .6s ease-in;
    -webkit-animation: fk_adsorptionRound_num .6s ease
}

.pc_pattern .imageSwitchBtnArea .fk_imageSwitchBtn_adsorptionRound span {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    text-align: center;
    -webkit-transform: translateZ(0) scale(0);
    transform: translateZ(0) scale(0);
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    text-align: center
}

.pc_pattern .imageSwitchBtnArea .fk_imageSwitchBtn_adsorptionRound .fk_adsorptionRound_num_activity {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

.pc_pattern .imageSwitchBtnArea .fk_adsorptionRound_current {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    padding: 0;
    line-height: 18px;
    background: #858585;
    color: #fff;
    font-family: 微软雅黑;
    border-radius: 50%;
    margin: 0 13px;
    font-size: 16px;
    cursor: pointer;
    -webkit-transform: translate3d(45px, 0px, 0px) scale(1.5, 1.5);
    transform: translate3d(45px, 0px, 0px) scale(1.5, 1.5);
    -webkit-transition: all 0.8s;
    transition: all 0.8s
}

.pc_pattern .imageSwitchBtnArea svg {
    width: 100%
}

.pc_pattern .imageSwitchBtnArea_clearFix:after {
    clear: both;
    content: "";
    display: table
}

.pc_pattern .imageSwitchBtnArea_clearFix:before {
    content: "";
    display: table
}

.my_title_index {
    width: 100%;
    border-bottom: 1px solid #e5e5e5
}

.my_title_index .module_banner {
    overflow: hidden
}

.my_title_index .module_banner_text {
    display: inline-block;
    margin-left: 6px;
    margin-right: 6px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-background-clip: text;
    padding-right: 10px
}

.basic_atlas_catalog_pc_look {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    margin: 0;
    z-index: 2006
}

.basic_atlas_catalog_pc_look .el-dialog {
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    height: 100%;
    overflow: auto;
    position: relative;
    margin: 0 auto 50px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body {
    padding: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 80px 140px 80px
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .close_look {
    display: inline-block;
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 20px;
    font-size: 26px;
    cursor: pointer;
    color: #fff;
    z-index: 999;
    font-size: 40px
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .look_swiper {
    height: 100%;
    position: relative
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .look_swiper .atlas_look_swiper {
    height: 100%
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .look_swiper .atlas_look_swiper .swiper-slide {
    width: 100%;
    height: 100%;
    position: relative;
    opacity: 0 !important;
    background: transparent
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .look_swiper .atlas_look_swiper .swiper-slide .back_img {
    border-radius: 5px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .look_swiper .atlas_look_swiper .swiper-slide .back_img img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .look_swiper .atlas_look_swiper .swiper-slide .back_img p {
    background: #fff;
    padding: 14px 20px 18px 20px
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .look_swiper .atlas_look_swiper .swiper-slide-active {
    opacity: 1 !important
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .photo_list_frame {
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
    font-size: 0;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow-y: hidden;
    overflow-x: auto;
    padding-top: 10px
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .photo_list_frame .photo_list {
    white-space: nowrap;
    margin: 0 auto
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .photo_list_frame .photo_list li {
    cursor: pointer;
    display: inline-block;
    width: 110px;
    height: 80px;
    margin-left: 8px;
    margin-right: 7px;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .photo_list_frame .photo_list li:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #fff;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .photo_list_frame .photo_list li:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .photo_list_frame .photo_list li:hover:before {
    opacity: 1
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .photo_list_frame .photo_list .select {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .photo_list_frame .photo_list .select:before {
    opacity: 1
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .photo_list_frame::-webkit-scrollbar {
    height: 0px
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .look_swiper_arrow {
    width: 70px;
    height: 70px;
    background-color: #4d4d4d;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    z-index: 100
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .look_swiper_prev {
    left: -80px
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .look_swiper_next {
    right: -80px
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .look_swiper_arrow:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    background-image: url("../img/backimg1.png");
    width: 20px;
    height: 24px
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .look_swiper_prev:before {
    background-position: -23px -18px
}

.basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .look_swiper_next:before {
    background-position: -65px -18px
}

.basic_atlas_catalog_go_on_look {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    margin: 0;
    z-index: 2012
}

.basic_atlas_catalog_go_on_look .el-dialog {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    height: 100%;
    overflow: hidden
}

.basic_atlas_catalog_go_on_look .el-dialog .go_on_frame {
    position: absolute;
    margin: auto;
    background: #fff;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    padding: 54px 86px
}

.basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .close_go_on_frame {
    display: inline-block;
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 20px;
    font-size: 26px;
    cursor: pointer;
    color: #fff;
    z-index: 999;
    color: #333;
    font-size: 15px;
    right: 0;
    top: 0;
    font-size: 28px
}

.basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .title {
    color: #333;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 40px;
    line-height: 16px
}

.basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .jz_scroll_wrap .photo_group_list {
    display: block;
    margin: 0 -12px;
    white-space: nowrap;
    font-size: 0
}

.basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .jz_scroll_wrap .photo_group_list .photo_group_item {
    display: inline-block;
    margin: 0 12px;
    vertical-align: top;
    width: 280px;
    cursor: pointer
}

.basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .jz_scroll_wrap .photo_group_list .photo_group_item .photo {
    width: 100%;
    height: 250px;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden
}

.basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .jz_scroll_wrap .photo_group_list .photo_group_item .photo .num {
    position: absolute;
    right: 10px;
    bottom: 6px;
    font-size: 12px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    height: 24px;
    line-height: 24px;
    padding: 0 5px
}

.basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .jz_scroll_wrap .photo_group_list .photo_group_item .photo .num i {
    display: inline-block;
    width: 14px;
    height: 12px;
    background: #fff;
    margin-left: 4px;
    margin-top: 6px;
    vertical-align: top;
    background: url("../img/backimg1.png") -23px -306px
}

.basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .jz_scroll_wrap .photo_group_list .photo_group_item .pc_name {
    margin-top: 6px;
    margin-bottom: 9px;
    font-size: 15px;
    color: #333;
    line-height: 25px;
    max-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: pre-wrap;
    word-break: break-all
}

.basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .jz_scroll_wrap .photo_group_list .photo_group_item .name {
    display: none
}

.mb_pattern .no_module {
    min-height: 30px
}

.mb_pattern .basic_banner .basic_banner_swiper_coverflow .swiper-slide .back_img {
    border-radius: 6px;
    overflow: hidden
}

.mb_pattern .basic_banner .basic_banner_swiper_coverflow .coverflow_btn {
    opacity: 0
}

.mb_pattern .basic_banner .pagination_frame {
    overflow: hidden
}

.mb_pattern .basic_banner .banner_btn {
    width: 36px;
    height: 36px;
    top: calc(50% - 13px);
    border-radius: 4px
}

.mb_pattern .basic_banner .pic_arrow_btn_prev {
    background-position: -10px -350px
}

.mb_pattern .basic_banner .pic_arrow_btn_next {
    background-position: -38px -350px
}

.mb_pattern .basic_list_photos .list_one {
    padding: 1.89%
}

.mb_pattern .basic_list_photos .list_box {
    padding: 1.89% !important
}

.mb_pattern .basic_list_photos .new_list_box {
    padding: 1.89% !important;
    width: 45% !important;
    background: #fff
}

.mb_pattern .basic_list_photos .new_list_box .list_one {
    padding: 0
}

.mb_pattern .basic_list_photos .list_frame {
    overflow: hidden
}

.mb_pattern .basic_list_photos .list_frame .swiper_list_box {
    position: relative;
    white-space: nowrap;
    overflow-x: auto;
    scrollbar-width: none
}

.mb_pattern .basic_list_photos .list_frame .swiper_list_box .list_one {
    width: 45% !important
}

.mb_pattern .basic_list_photos .list_frame .swiper_list_box::-webkit-scrollbar {
    height: 0px
}

.mb_pattern .basic_atlas_catalog .list_one {
    width: 50% !important;
    padding: 5px !important
}

.mb_pattern .basic_atlas_catalog .new_list_box {
    width: 45% !important
}

.mb_pattern .basic_atlas_catalog .mb_swiper_list {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow-x: auto
}

.mb_pattern .basic_atlas_catalog .mb_swiper_list .list_one {
    width: 45% !important
}

.mb_pattern .basic_atlas_catalog .mb_swiper_list .list_one .basic_atlas_catalog_one_frame {
    padding: 0
}

.mb_pattern .basic_atlas_catalog .mb_swiper_list::-webkit-scrollbar {
    height: 0px
}

.mb_pattern .basic_atlas_catalog_pc_look {
    background: #000
}

.mb_pattern .basic_atlas_catalog_pc_look .pc_title {
    display: none
}

.mb_pattern .basic_atlas_catalog_pc_look .mb_title {
    display: block
}

.mb_pattern .basic_atlas_catalog_pc_look .look_swiper_arrow {
    display: none
}

.mb_pattern .basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame {
    padding: 0
}

.mb_pattern .basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .close_look {
    top: 0;
    right: 0;
    padding: 10px;
    font-size: 25px
}

.mb_pattern .basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .look_swiper .mb_title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    background: 0 0;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mb_pattern .basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .look_swiper .back_img {
    width: 100%
}

.mb_pattern .basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .look_swiper .back_img img {
    max-width: 100%
}

.mb_pattern .basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .photo_list {
    display: none
}

.mb_pattern .basic_atlas_catalog_pc_look .el-dialog .el-dialog__body .look_frame .look_swiper_arrow {
    display: none
}

.mb_pattern .basic_atlas_catalog_go_on_look .el-dialog .go_on_frame {
    left: 0;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 15px 20px 15px;
    background: #000
}

.mb_pattern .basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .title {
    color: #fff;
    margin-bottom: 25px
}

.mb_pattern .basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .close_go_on_frame {
    padding: 10px;
    color: #fff;
    font-size: 25px
}

.mb_pattern .basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .jz_scroll_wrap {
    height: calc(100% - 41px);
    width: 100%
}

.mb_pattern .basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .jz_scroll_wrap .photo_group_list {
    margin: 0 -8px;
    white-space: normal;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.mb_pattern .basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .jz_scroll_wrap .photo_group_list .photo_group_item {
    margin: 0;
    width: 50%;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mb_pattern .basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .jz_scroll_wrap .photo_group_list .photo_group_item .photo {
    width: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 90%
}

.mb_pattern .basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .jz_scroll_wrap .photo_group_list .photo_group_item .photo .num i {
    display: none
}

.mb_pattern .basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .jz_scroll_wrap .photo_group_list .photo_group_item .pc_name {
    display: none
}

.mb_pattern .basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .jz_scroll_wrap .photo_group_list .photo_group_item .name {
    margin-top: 6px;
    font-size: 15px;
    color: #333;
    line-height: 25px;
    max-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: pre-wrap;
    word-break: break-all;
    color: #fff;
    margin-bottom: 15px
}

.mb_pattern .basic_atlas_catalog_go_on_look .el-dialog .go_on_frame .jz_scroll_wrap .photo_group_list::-webkit-scrollbar {
    width: 0px
}

.basic_navbar .itemNav:last-child {
    margin-right: 0 !important
}

.mb_header {
    height: 50px;
    background-color: #fff;
    width: 100%
}

.mb_header.header_has_fixed {
    position: fixed;
    top: 0;
    z-index: 999
}

.mb_height_line.header_has_fixed {
    height: 50px
}

.basic_navbar {
    font-size: 14px;
    position: relative
}

.basic_navbar .line {
    display: inline-block;
    font-size: 14px;
    background-color: #eee;
    width: 1px;
    vertical-align: middle;
    position: relative
}

.pc_pattern .basic_navbar .navPart {
    overflow: hidden;
    margin: 0 30px;
    position: relative;
    text-align: center
}

.basic_navbar .navLine {
    -webkit-transition: left 0.4s ease;
    transition: left 0.4s ease;
    position: relative;
    top: 0;
    left: 0;
    font-size: 0;
    text-align: center;
    margin: 0 auto;
    display: table-cell;
    white-space: nowrap
}

.basic_navbar .hiddenPart {
    opacity: 0;
    display: none
}

@-webkit-keyframes button_style_0_anim {
    0% {
        background: rgba(0, 0, 0, 0.25);
        -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
        transform: translateX(-50%) translateY(-50%) scale(0)
    }

    100% {
        background: 0 0;
        -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
        transform: translateX(-50%) translateY(-50%) scale(1)
    }
}

@keyframes button_style_0_anim {
    0% {
        background: rgba(0, 0, 0, 0.25);
        -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
        transform: translateX(-50%) translateY(-50%) scale(0)
    }

    100% {
        background: 0 0;
        -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
        transform: translateX(-50%) translateY(-50%) scale(1)
    }
}

.mb_pattern .layout_header .layout_row {
    display: none
}

.mb_pattern .layout_header .layout_row.system_row {
    display: block
}

.mb_pattern .layout_header .basic_navbar {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10
}

.mb_pattern .basic_navbar .showChildIcon:before,
.mb_pattern .basic_navbar .showChild2Icon:before {
    content: '';
    display: block;
    position: absolute;
    top: 20px;
    right: 15px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #666;
    -webkit-transition: all 0.4s;
    transition: all 0.4s
}

.mb_pattern .basic_navbar .showChildIcon:after,
.mb_pattern .basic_navbar .showChild2Icon:after {
    display: block;
    content: '';
    position: absolute;
    top: 19px;
    right: 15px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff
}

.mb_pattern .mobilePart {
    display: block;
    width: 100%
}

.mb_pattern .basic_webtitle {
    display: block
}

.mb_pattern .addContent {
    height: 50px
}

@-webkit-keyframes tipShow {
    0% {
        opacity: 0
    }

    33% {
        opacity: 1
    }

    66% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes tipShow {
    0% {
        opacity: 0
    }

    33% {
        opacity: 1
    }

    66% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.header_content {
    width: 100%;
    background-color: #fff
}

.header_content .header_content_inside {
    width: 1200px;
    margin: 0 auto;
    line-height: 30px;
    height: 30px
}

.header_content .header_content_inside .header_company_name {
    font-size: 16px;
    line-height: 30px;
    color: #333;
    display: inline-block;
    white-space: nowrap;
    margin-right: 5px;
    vertical-align: middle;
    font-family: '\5FAE\8F6F\96C5\9ED1'
}

.years_part {
    display: inline-block;
    max-width: 400px;
    vertical-align: middle;
    position: relative;
    min-height: 24px;
    line-height: 24px
}

.years_part .years_show {
    line-height: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer
}

.years_part .years_both {
    -webkit-background-clip: -webkit-text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(20%, #b12f8b), color-stop(80%, #4955b5));
    background-image: -webkit-linear-gradient(left, #b12f8b 20%, #4955b5 80%);
    background-image: linear-gradient(to right, #b12f8b 20%, #4955b5 80%);
    font-size: 24px;
    display: inline-block;
    font-style: italic;
    padding-right: 5px;
    font-family: 'Geometr415 Blk BT';
    line-height: 24px;
    height: 24px;
    cursor: pointer
}

.years_part .years_both.gray {
    background-image: none;
    -webkit-text-fill-color: gray
}

.years_part .years_both span {
    font-size: 14px;
    font-family: 'SourceHanSansCN Bold'
}

.years_part .years_both .years_number {
    font-size: 20px;
    padding: 0 3px
}

.years_part_has_vip .mask {
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background-color: transparent;
    z-index: 10;
    display: none
}

.years_part .vip_pop_part {
    width: 400px;
    position: fixed;
    left: 50%;
    top: 50%;
    height: auto;
    display: none;
    -webkit-box-shadow: 0 0 10px 0 rgba(53, 53, 53, 0.12);
    box-shadow: 0 0 10px 0 rgba(53, 53, 53, 0.12);
    z-index: 11;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.years_part .vip_pop_part .close_icon {
    display: block;
    width: 19px;
    height: 19px;
    background: url(../img/pop_vip_close_icon.png) no-repeat;
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 22;
    cursor: pointer
}

.years_part .vip_pop_part .pop_show_header {
    height: 210px;
    width: 400px;
    background: url(../img/popHeader.png) no-repeat 100% 100%;
    position: absolute;
    z-index: 14;
    left: 0;
    top: -26px;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}

.years_part .vip_pop_part .pop_show_content {
    background-color: #fff;
    position: relative;
    width: 400px;
    padding-top: 215px;
    padding-bottom: 70px;
    text-align: center;
    z-index: 13;
    border-radius: 8px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 1px solid #dcdcdc;
    border-top: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #333
}

.years_part .vip_pop_part .pop_show_content p {
    font-size: 20px;
    text-align: center;
    width: 320px;
    line-height: 20px;
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
    color: #333
}

.years_part .vip_pop_part .pop_show_content img {
    display: inline-block;
    vertical-align: top;
    width: 22px;
    height: 22px;
    background-color: #fff;
    position: relative;
    left: 6px;
    cursor: pointer
}

.certificate_part {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 20
}

.certificate_part .mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 20
}

.certificate_part .certificate_img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 21;
    height: 100%;
    text-align: center
}

.certificate_part .certificate_img img {
    max-width: 100%;
    max-height: 100%
}

.big_vip_part {
    width: 134px;
    height: 50px;
    margin: 10px auto;
    position: static !important
}

.big_vip_part.inline {
    display: inline-block;
    margin: 0;
    margin-left: 10px;
    vertical-align: middle
}

.big_vip_part .base_big_vip_part {
    width: 134px;
    height: 50px;
    background: url(../img/big_vip_bg.png) no-repeat;
    overflow: hidden;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    font-size: 0;
    text-align: left
}

.big_vip_part .base_big_vip_part .big_vip_icon {
    display: inline-block;
    vertical-align: middle;
    height: 38px;
    margin: 6px 8px;
    width: 40px
}

.big_vip_part .base_big_vip_part .big_vip_icon img {
    max-height: 100%;
    max-width: 100%
}

.big_vip_part .base_big_vip_part .words_content {
    height: 38px;
    display: inline-block;
    vertical-align: middle;
    color: #fff !important;
    width: 50%;
    text-align: center
}

.big_vip_part .base_big_vip_part .words_content .base_word {
    font-size: 16px;
    font-weight: bold;
    font-family: 'SourceHanSansCN Bold';
    line-height: 38px;
    color: #fff
}

.big_vip_part .base_big_vip_part .words_content .day_number {
    font-size: 14px;
    font-weight: bold;
    font-family: 'Franklin Gothic Demi Cond';
    line-height: 20px;
    color: #fff
}

.big_vip_part .base_big_vip_part .words_content .day_number span {
    font-size: 12px;
    font-weight: bold;
    font-family: 'SourceHanSansCN Regular';
    color: #fff
}

.big_vip_part .base_big_vip_part .words_content .show_tag {
    font-size: 12px;
    font-family: 'SourceHanSansCN Regular';
    position: relative;
    text-align: center;
    line-height: 12px;
    color: #fff
}

.big_vip_part .base_big_vip_part .words_content .show_tag::after,
.big_vip_part .base_big_vip_part .words_content .show_tag::before {
    display: block;
    content: '';
    width: 10px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 6px
}

.big_vip_part .base_big_vip_part .words_content .show_tag::after {
    right: -1px
}

.big_vip_part .base_big_vip_part .words_content .show_tag::before {
    left: 1px
}

.mb_big_vip_part {
    margin: 5px auto;
    width: 269px;
    font-size: 0
}

.mb_big_vip_part .base_mb_big_vip_part {
    width: 134px;
    height: 50px;
    display: inline-block;
    background: url(../img/big_vip_bg.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}

.mb_big_vip_part .base_mb_big_vip_part .big_vip_icon {
    display: inline-block;
    vertical-align: middle;
    height: 38px;
    margin: 6px 8px;
    width: 40px
}

.mb_big_vip_part .base_mb_big_vip_part .words_content {
    height: 38px;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    text-align: center;
    width: 50%
}

.mb_big_vip_part .base_mb_big_vip_part .words_content .base_word {
    font-size: 16px;
    font-weight: bold;
    font-family: 'SourceHanSansCN Bold';
    line-height: 38px;
    color: #fff
}

.mb_big_vip_part .base_mb_big_vip_part .words_content .day_number {
    font-size: 14px;
    font-weight: bold;
    font-family: 'Franklin Gothic Demi Cond';
    line-height: 20px;
    margin-bottom: 0;
    color: #fff
}

.mb_big_vip_part .base_mb_big_vip_part .words_content .day_number span {
    font-size: 12px;
    font-weight: bold;
    font-family: 'SourceHanSansCN Regular';
    color: #fff
}

.mb_big_vip_part .base_mb_big_vip_part .words_content .show_tag {
    font-size: 12px;
    font-family: 'SourceHanSansCN Regular';
    position: relative;
    text-align: center;
    line-height: 12px;
    color: #fff
}

.mb_big_vip_part .base_mb_big_vip_part .words_content .show_tag::after,
.mb_big_vip_part .base_mb_big_vip_part .words_content .show_tag::before {
    display: block;
    content: '';
    width: 10px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 5px
}

.mb_big_vip_part .base_mb_big_vip_part .words_content .show_tag::after {
    right: -1px
}

.mb_big_vip_part .base_mb_big_vip_part .words_content .show_tag::before {
    left: -1px
}

.mb_big_vip_part .base_mb_big_vip_part .big_vip_icon img {
    max-width: 100%;
    max-height: 100%
}

.header_content_mb .header_company_name {
    font-size: 20px;
    line-height: 45px;
    color: #333;
    display: inline-block;
    white-space: nowrap;
    margin-right: 5px;
    vertical-align: top
}

.header_content_mb .years_part {
    display: inline-block;
    vertical-align: top;
    position: relative
}

.header_content_mb .years_part .years_both.gray {
    background-image: none;
    -webkit-text-fill-color: gray
}

.header_content_mb .years_part .years_both span {
    font-size: 14px;
    font-family: 'SourceHanSansCN Bold'
}

.header_content_mb .years_part .years_both .years_number {
    font-size: 20px;
    padding: 0 3px
}

.years_part_vip_icon {
    display: none;
    vertical-align: middle;
    margin-left: 5px
}

.years_part_vip_icon .years_show {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.mb_big_vip_part {
    display: none
}

@media (max-width: 1004px) {

    .big_vip_part,
    .header_content,
    .years_part_has_vip {
        display: none !important
    }

    .mb_big_vip_part {
        display: block !important
    }

    .years_part_vip_icon {
        display: inline-block !important
    }
}

.header_content .header_content_inside .years_part .vip_pop_part .pop_show_content a {
    position: absolute;
    right: 20px
}

.header_content .header_content_inside .years_part .vip_pop_part .pop_show_content p {
    font-size: 20px;
    text-align: center;
    width: 320px;
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
    color: #333
}

.basic_webtitle .years_part {
    position: absolute;
    right: -60px;
    top: 9.5px;
    z-index: 10
}

.basic_navbar .itemNav {
    display: inline-block;
    position: relative
}

.basic_navbar .pageLine {
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
    border-radius: 4px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-width: 0px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    text-align: center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s
}

.basic_navbar .pageLine .pagePart {
    height: 100%;
    font-size: 0;
    color: #333;
    border-top-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-right-style: none;
    border-width: 0;
    border-color: transparent;
    padding: 0 18px
}

.basic_navbar .pageLine .pagePart a {
    display: block;
    width: 100%;
    height: 100%
}

.basic_navbar .pageLine span {
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.basic_navbar .pageLine .pageLink {
    width: 100%;
    height: 100%;
    cursor: pointer;
    vertical-align: top;
    font-size: 14px
}

.basic_navbar .pageLine .pageLink.navNoClick {
    cursor: unset
}

.basic_navbar .navConten .itemNav:last-child .pageLine {
    margin-right: 0 !important
}

.basic_navbar .navbar_dropdown_panel {
    top: 50px;
    position: absolute;
    width: 150px;
    background-color: #fff;
    z-index: 9999;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    right: -65px;
    max-height: 300px;
    display: none;
    border-radius: 5px
}

.basic_navbar .navbar_dropdown_panel .dropdown_panel_triangle {
    width: 12px;
    height: 12px;
    background: #fff;
    position: absolute;
    left: 50%;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    border: 1px solid #ebebeb;
    border-left: 0;
    border-bottom: 0;
    top: 0;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.basic_navbar .navbar_dropdown_panel .navbar_dropdown_content {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #ebebeb;
    border-radius: 5px
}

.basic_navbar .navbar_dropdown_panel .navbar_dropdown_content .navbar_dropdown_item {
    height: auto;
    font-size: 14px;
    width: auto;
    padding: 0;
    -webkit-transition: 0.36s ease;
    transition: 0.36s ease;
    position: relative;
    cursor: pointer
}

.basic_navbar .navbar_dropdown_panel .navbar_dropdown_content .navbar_dropdown_item .navPage {
    display: block;
    height: 100%;
    color: inherit;
    text-align: center;
    position: relative;
    padding: 10px
}

.basic_navbar .navbar_dropdown_panel .navbar_dropdown_content .navbar_dropdown_item .navPage .iconDown {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.basic_navbar .navbar_dropdown_panel .navbar_dropdown_content .navbar_dropdown_item .navPage .showChildIcon {
    display: inline;
    position: absolute;
    right: 0;
    top: 10px;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: inherit;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    color: #666;
    text-align: center
}

.basic_navbar .navbar_dropdown_panel .navbar_dropdown_content .navbar_dropdown_item .navPageLink {
    width: calc(100% - 20px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 100%;
    color: inherit;
    line-height: normal;
    word-break: normal
}

.basic_navbar .navbar_dropdown_panel .navbar_dropdown_content .navbar_dropdown_item .sub_nav_list {
    position: relative;
    opacity: 0;
    height: 0px;
    top: 0;
    left: 0;
    overflow: hidden;
    -webkit-box-shadow: none;
    box-shadow: none;
    transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s
}

.basic_navbar .navbar_dropdown_panel .navbar_dropdown_content .navbar_dropdown_item .sub_nav_list .childnavLi {
    width: auto;
    display: block;
    min-width: 40px;
    border-style: solid;
    border-width: 0;
    padding: 0 10px;
    height: auto;
    font-size: 12px;
    line-height: 40px;
    text-align: left
}

.basic_navbar .navbar_dropdown_panel .navbar_dropdown_content .navbar_dropdown_item .sub_nav_list .childnavLi .childnavPage {
    padding: 10px 0;
    display: inline-block
}

.basic_navbar .navbar_dropdown_panel .navbar_dropdown_content .navbar_dropdown_item .sub_nav_list .childnavLi .childnavPageLink {
    padding-left: 35px;
    text-align: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    line-height: normal;
    height: 100%;
    color: inherit;
    word-break: normal
}

.basic_navbar .navbar_dropdown_panel .navbar_dropdown_content .navbar_dropdown_item .sub_nav_list.showNavList {
    height: 100%;
    opacity: 1
}

.basic_navbar .btn_part {
    position: relative
}

.basic_navbar .btn_part .leftBtn {
    position: absolute;
    left: 0;
    font-size: 15px;
    line-height: 30px;
    cursor: pointer;
    z-index: 99;
    background-color: inherit;
    display: none
}

.basic_navbar .btn_part .rightBtn {
    position: absolute;
    right: 0;
    font-size: 15px;
    line-height: 30px;
    cursor: pointer;
    z-index: 99;
    background-color: inherit;
    display: none
}

.basic_navbar .btn_part .icon-gengduo1 {
    font-size: 20px;
    font-weight: bold
}

.basic_navbar .navchildlist.active {
    display: block;
    height: auto
}

.basic_navbar .logoPart.navchildlist {
    display: none;
    height: 0
}

.basic_navbar .navchildlist {
    display: none;
    height: 0;
    position: absolute;
    z-index: 1998;
    top: 0px
}

.basic_navbar .navchildlist .navchildPart,
.basic_navbar .navchildlist .navchild2Part {
    border-radius: 4px;
    overflow: hidden;
    min-width: 160px;
    z-index: 10;
    border-style: solid;
    border-width: 0;
    color: #333;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15)
}

.basic_navbar .navchildlist .navchildPart .navchildLine,
.basic_navbar .navchildlist .navchildPart .navchild2Line,
.basic_navbar .navchildlist .navchild2Part .navchildLine,
.basic_navbar .navchildlist .navchild2Part .navchild2Line {
    min-width: 80px;
    height: 40px;
    line-height: 40px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-width: 0px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px
}

.basic_navbar .navchildlist .navchildPart .navchildLine .navchild2Line,
.basic_navbar .navchildlist .navchildPart .navchild2Line .navchild2Line,
.basic_navbar .navchildlist .navchild2Part .navchildLine .navchild2Line,
.basic_navbar .navchildlist .navchild2Part .navchild2Line .navchild2Line {
    background-color: #fff
}

.basic_navbar .navchildlist .navchildPart .navchildLine .navchildData,
.basic_navbar .navchildlist .navchildPart .navchildLine .navchild2Data,
.basic_navbar .navchildlist .navchildPart .navchild2Line .navchildData,
.basic_navbar .navchildlist .navchildPart .navchild2Line .navchild2Data,
.basic_navbar .navchildlist .navchild2Part .navchildLine .navchildData,
.basic_navbar .navchildlist .navchild2Part .navchildLine .navchild2Data,
.basic_navbar .navchildlist .navchild2Part .navchild2Line .navchildData,
.basic_navbar .navchildlist .navchild2Part .navchild2Line .navchild2Data {
    display: block;
    height: 100%;
    text-align: center
}

.basic_navbar .navchildlist .navchildPart .navchildLine .navchildData a,
.basic_navbar .navchildlist .navchildPart .navchildLine .navchild2Data a,
.basic_navbar .navchildlist .navchildPart .navchild2Line .navchildData a,
.basic_navbar .navchildlist .navchildPart .navchild2Line .navchild2Data a,
.basic_navbar .navchildlist .navchild2Part .navchildLine .navchildData a,
.basic_navbar .navchildlist .navchild2Part .navchildLine .navchild2Data a,
.basic_navbar .navchildlist .navchild2Part .navchild2Line .navchildData a,
.basic_navbar .navchildlist .navchild2Part .navchild2Line .navchild2Data a {
    padding: 0 10px;
    display: block;
    height: 100%
}

.basic_navbar .navchildlist .navchildPart .navchildLine .navchildData .navchildLink,
.basic_navbar .navchildlist .navchildPart .navchildLine .navchildData .navchild2Link,
.basic_navbar .navchildlist .navchildPart .navchildLine .navchild2Data .navchildLink,
.basic_navbar .navchildlist .navchildPart .navchildLine .navchild2Data .navchild2Link,
.basic_navbar .navchildlist .navchildPart .navchild2Line .navchildData .navchildLink,
.basic_navbar .navchildlist .navchildPart .navchild2Line .navchildData .navchild2Link,
.basic_navbar .navchildlist .navchildPart .navchild2Line .navchild2Data .navchildLink,
.basic_navbar .navchildlist .navchildPart .navchild2Line .navchild2Data .navchild2Link,
.basic_navbar .navchildlist .navchild2Part .navchildLine .navchildData .navchildLink,
.basic_navbar .navchildlist .navchild2Part .navchildLine .navchildData .navchild2Link,
.basic_navbar .navchildlist .navchild2Part .navchildLine .navchild2Data .navchildLink,
.basic_navbar .navchildlist .navchild2Part .navchildLine .navchild2Data .navchild2Link,
.basic_navbar .navchildlist .navchild2Part .navchild2Line .navchildData .navchildLink,
.basic_navbar .navchildlist .navchild2Part .navchild2Line .navchildData .navchild2Link,
.basic_navbar .navchildlist .navchild2Part .navchild2Line .navchild2Data .navchildLink,
.basic_navbar .navchildlist .navchild2Part .navchild2Line .navchild2Data .navchild2Link {
    margin: 0 auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.basic_navbar .logoPart {
    height: 100%;
    display: block
}

.basic_navbar .logoPart .changeImg {
    padding: 0 5px;
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    background: rgba(46, 52, 59, 0.88);
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
    display: none
}

.basic_navbar .logoPart:hover .changeImg {
    display: block
}

.basic_navbar .basic_navbar:hover .tooptipPart {
    display: block
}

.basic_navbar .pagePart:hover .navchildPart {
    display: block
}

.my_button {
    height: 100%
}

.my_button .tooptipPart {
    right: 0;
    top: 0;
    display: block;
    z-index: 999
}

.my_button .buttonContent {
    -webkit-transition: all 0.6s;
    transition: all 0.6s
}

.my_button .btnLink {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    color: #000;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.my_button .btnLink .btnWords {
    pointer-events: none;
    height: unset;
    text-align: center;
    white-space: nowrap;
    cursor: text;
    min-width: 10px;
    overflow: hidden;
    display: block;
    width: 100%;
    position: relative;
    z-index: 2;
    outline: 0;
    margin: 0 8px
}

.my_button .buttonContent.type_0 {
    border-radius: 4px;
    position: relative
}

.my_button .buttonContent.type_0 .after {
    display: block;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    position: absolute;
    z-index: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.my_button .buttonContent.type_0:hover .after {
    -webkit-animation: button_style_0_anim 0.75s;
    animation: button_style_0_anim 0.75s;
    z-index: 1
}

.my_button .buttonContent.type_1 {
    border-radius: 20px;
    position: relative
}

.my_button .buttonContent.type_2 {
    border-radius: 4px
}

.my_button .buttonContent.type_3 {
    border-radius: 20px
}

.my_button .buttonContent.type_5 {
    position: relative
}

.my_button .buttonContent.type_5 .btnWords {
    position: relative;
    z-index: 1
}

.my_button .buttonContent.type_5 .after {
    display: block;
    width: 0%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 0
}

.my_button .bothHeight {
    height: 100%;
}

.mb_pattern .basic_webtitle .webtitle .titlePart {
    height: 50px
}

.basic_webtitle .titleLine {
    text-align: center
}

.basic_webtitle .titleLine .logoImg {
    width: 100%;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    margin: auto
}

.basic_webtitle .titleLine .imgPart {
    display: inline-block;
    min-width: 30px;
    min-height: 30px;
    position: relative;
    vertical-align: middle;
    max-width: 100%
}

.basic_webtitle .titleLine .imgPart .imgContent {
    display: table-cell;
    vertical-align: middle;
    white-space: normal
}

.basic_webtitle .titleLine .webtitle {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    cursor: text;
    min-width: 10px;
    height: 100%
}

.basic_webtitle .titleLine .webtitle .titlePart {
    height: 100%
}

.basic_webtitle .titleLine .webtitle .titleWord {
    height: 100%
}

.basic_webtitle .titleLine .webtitle .titleLine {
    -webkit-background-clip: text;
    resize: none;
    height: 100%;
    margin: 0 auto;
    border: 1px solid transparent;
    border-radius: 4px;
    background: #fff;
    word-wrap: break-word;
    word-break: normal;
    white-space: pre-wrap
}

.basic_webtitle .titleLine .webtitle .titleEdit {
    cursor: text;
    min-width: 10px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    white-space: normal
}

.basic_webtitle:hover .tooptipPart {
    display: block
}

.basic_webtitle .titleLine.type_1,
.basic_webtitle .titleLine.type_2,
.basic_webtitle .titleLine.type_3 {
    overflow: hidden;
    font-size: 0;
    white-space: nowrap
}

.basic_webtitle .titleLine.type_0 .imgPart {
    display: none
}

.basic_webtitle .titleLine.type_1 .webtitle {
    display: none
}

.mb_pattern .titleLine {
    line-height: 50px;
    height: 50px
}

.titleLine.type_1 .imgPart {
    width: 100%
}

.titleLine.type_0 .webtitle {
    max-width: 100%
}

.mb_pattern .titleLine .webtitle .titleEdit {
    display: block
}

.basic_text .textEdit {
    display: block;
    width: 100%;
    min-width: 10px;
    overflow: hidden;
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word
}

.basic_navbar .mobilePart .contentPart {
    display: block;
    padding-top: 1px;
    font-size: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.basic_navbar .mobilePart .contentPart .contentPartLi {
    border: none;
    border-color: #f2f2f2;
    border-top: 1px solid #f2f2f2;
    height: auto;
    font-size: 14px;
    width: auto;
    line-height: 50px;
    text-align: left;
    padding: 0;
    -webkit-transition: 0.36s ease;
    transition: 0.36s ease;
    position: relative;
    min-width: 80px;
    white-space: nowrap;
    cursor: pointer
}

.basic_navbar .mobilePart .contentPart .contentPartLi .navPage {
    display: block;
    height: 100%;
    color: inherit;
    line-height: 50px;
    text-align: left;
    position: relative
}

.basic_navbar .mobilePart .contentPart .contentPartLi .navPage .showChildIcon,
.basic_navbar .mobilePart .contentPart .contentPartLi .navPage .showChild2Icon {
    display: inline;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 50px;
    line-height: inherit;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    color: #666;
    text-align: center
}

.basic_navbar .mobilePart .contentPart .contentPartLi .navPage .showChildIcon.turnRight,
.basic_navbar .mobilePart .contentPart .contentPartLi .navPage .showChild2Icon.turnRight {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.basic_navbar .mobilePart .contentPart .contentPartLi .navPage .navPageLink {
    padding-left: 26px;
    width: calc(100% - 50px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 100%;
    color: inherit
}

.basic_navbar .mobilePart .contentPart .contentPartLi .navPage .sub_nav_list {
    position: relative;
    opacity: 0;
    height: 0px;
    top: 0;
    left: 0;
    overflow: hidden;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-width: 160px;
    transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s
}

.basic_navbar .mobilePart .contentPart .contentPartLi .navPage .sub_nav_list .childnavLi {
    width: auto;
    min-width: 40px;
    border-style: solid;
    border-bottom-width: 0px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    padding: 0 10px;
    height: auto;
    line-height: 50px;
    border-top: 1px solid #f2f2f2
}

.basic_navbar .mobilePart .contentPart .contentPartLi .navPage .sub_nav_list .childnavLi .childnavPageLink {
    padding-left: 48px;
    width: calc(100% - 50px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 100%;
    color: inherit
}

.basic_navbar .mobilePart .contentPart .contentPartLi .navPage .sub_nav_list.showNavList {
    height: 100%;
    opacity: 1
}

.basic_navbar .mobilePart .contentPart .contentPartLi .navPage .son_nav_list {
    position: relative;
    opacity: 0;
    height: 0px;
    top: 0;
    left: 0;
    overflow: hidden;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-width: 160px;
    transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s
}

.basic_navbar .mobilePart .contentPart .contentPartLi .navPage .son_nav_list .sonnavLi {
    width: auto;
    min-width: 40px;
    border-style: solid;
    border-width: 0;
    padding: 0 10px;
    height: auto;
    line-height: 50px;
    border-top: 1px solid #f2f2f2
}

.basic_navbar .mobilePart .contentPart .contentPartLi .navPage .son_nav_list .sonnavLi .sonnavPageLink {
    padding-left: 70px;
    width: calc(100% - 50px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 100%;
    color: inherit
}

.basic_navbar .mobilePart .contentPart .contentPartLi .navPage .son_nav_list.showNavList {
    height: 100%;
    opacity: 1
}

.pc_pattern .basic_navbar .mobilePart {
    display: none
}

.mb_pattern .basic_navbar.pcPart {
    display: none
}

.mb_pattern .basic_navbar .menuPart {
    width: 20px;
    height: 18px;
    position: absolute;
    left: 20px;
    top: 27px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 100
}

.mb_pattern .basic_navbar .menuPart .menuList {
    position: relative;
    width: 100%;
    height: 100%
}

.mb_pattern .basic_navbar .menuPart .lineDiv {
    width: 20px;
    height: 1px;
    background-color: #333;
    position: absolute;
    -webkit-transition: 0.36s ease;
    transition: 0.36s ease
}

.mb_pattern .basic_navbar .menuPart .lineButtom {
    bottom: 4px
}

.mb_pattern .basic_navbar .menuPart .lineTop {
    top: 0
}

.mb_pattern .basic_navbar .menuPart .lineMiddle {
    top: 6px
}

.mb_pattern .basic_navbar .menuPart.activeIcon {
    position: fixed
}

.mb_pattern .basic_navbar .menuPart.activeIcon .lineButtom {
    bottom: 7px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mb_pattern .basic_navbar .menuPart.activeIcon .lineTop {
    top: 9px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mb_pattern .basic_navbar .menuPart.activeIcon .lineMiddle {
    opacity: 0
}

.mb_pattern .basic_navbar .navPart {
    background-color: #fff;
    width: 100vw;
    height: 0;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    padding: 0 16px;
    -webkit-transition: 0.36s ease;
    transition: 0.36s ease;
    overflow: hidden
}

.mb_pattern .basic_navbar .navContent {
    margin-top: 50px;
    overflow-x: hidden;
    overflow-y: auto;
    height: 617px
}

.mb_pattern .basic_navbar .navContent::-webkit-scrollbar-track {
    border-radius: 6px;
    background-color: #f1f1f1
}

.mb_pattern .basic_navbar .navContent::-webkit-scrollbar {
    width: 0
}

.mb_pattern .basic_navbar .navContent::-webkit-scrollbar-thumb {
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    background-color: #b1b1b1
}

.pc_pattern .basic_searchs {
    position: relative
}

.pc_pattern .basic_searchs .tooptipPart {
    display: block;
    z-index: 999
}

.pc_pattern .basic_searchs .module_content {
    height: 100%;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.mb_pattern .basic_searchs .module_content {
    height: 54px;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.mb_pattern .basic_searchs .module_content {
    height: 54px;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.mb_pattern .basic_searchs .searchs_content .searchs_btn_content {
    text-align: center
}

.mb_pattern .basic_searchs .searchs_content .searchs_btn_content span {
    line-height: 40px;
    color: #fff
}

.basic_searchs .searchs_content.type_5 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.mb_pattern .basic_searchs_results .searchs_content {
    border-width: 0;
    width: 85%;
    margin: 10px;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.mb_pattern .basic_searchs_results .searchs_content .searchs_btn_content {
    border-top-left-radius: 999px;
    border-bottom-left-radius: 999px;
    background-color: #f3f3f3;
    text-align: center
}

.mb_pattern .basic_searchs_results .searchs_content .searchs_btn_content span {
    color: #808080;
    line-height: 40px
}

.mb_pattern .basic_searchs_results .searchs_content .returnWords {
    font-size: 14px;
    color: #666;
    position: absolute;
    right: -40px;
    top: 10px;
    cursor: pointer
}

.mb_pattern .basic_searchs_results .searchs_content .returnWords a {
    color: #808080
}

.mb_pattern .basic_searchs_results .searchs_content .searchs_input_content input {
    background-color: #f3f3f3;
    border-top-right-radius: 999px;
    border-bottom-right-radius: 999px;
    padding: 0
}

.basic_searchs .searchs_content.type_5 .searchs_btn_content,
.basic_searchs .searchs_content.type_4 .searchs_btn_content {
    background-color: #fff
}

.basic_searchs .searchs_content.type_5 .searchs_btn_content a,
.basic_searchs .searchs_content.type_4 .searchs_btn_content a {
    color: #ef4136
}

.basic_searchs .searchs_content.type_5 .searchs_btn_content a {
    color: #808080
}

.basic_searchs .searchs_content.type_5 .searchs_input_content input {
    padding-left: 0px
}

.basic_searchs .searchs_content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    border-radius: 3px;
    overflow: hidden;
    font-size: 0;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-style: solid;
    border-width: 0px;
    border-color: #ef4136
}

.basic_searchs .searchs_content .searchs_input_content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.basic_searchs .searchs_content .searchs_input_content input {
    height: 100%;
    width: 100%;
    border: none;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 12px
}

.basic_searchs .searchs_content .searchs_input_content input::-webkit-input-placeholder {
    color: #c0c4cc
}

.basic_searchs .searchs_content .searchs_input_content input::-moz-placeholder {
    color: #c0c4cc
}

.basic_searchs .searchs_content .searchs_input_content input:-ms-input-placeholder {
    color: #c0c4cc
}

.basic_searchs .searchs_content .searchs_input_content input::-ms-input-placeholder {
    color: #c0c4cc
}

.basic_searchs .searchs_content .searchs_input_content input::placeholder {
    color: #c0c4cc
}

.basic_searchs .searchs_content .searchs_input_content /deep/ .el-input__inner {
    height: 100%;
    border-radius: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border: none
}

.basic_searchs .searchs_content .searchs_btn_content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50px;
    background: #ef4136;
    text-align: center;
    cursor: pointer
}

.basic_searchs .searchs_content .searchs_btn_content a {
    display: block;
    cursor: pointer;
    color: #fff;
    height: 100%;
    padding: 0 12.5px;
    font-size: 25px
}

.basic_searchs .searchs_content.withBorder {
    border-style: solid;
    border-width: 2px;
    border-color: #ef4136
}

.basic_searchs .searchs_content.solidColor input {
    background-color: #f1f1f1
}

.basic_searchs .searchs_content.type_0 .searchs_btn_content span,
.basic_searchs .searchs_content.type_1 .searchs_btn_content span {
    font-size: 15px;
    padding: 0;
    text-align: center
}

.basic_searchs .searchs_content.type_1,
.basic_searchs .searchs_content.type_3,
.basic_searchs .searchs_content.type_5 {
    border-radius: 999px
}

.basic_searchs .searchs_content.solidColor {
    background-color: #f1f1f1
}

.basic_searchs .searchs_content.solidColor .searchs_input_content input {
    background-color: #f1f1f1
}

.basic_searchs .searchs_content.solidColor.type_5 .searchs_btn_content,
.basic_searchs .searchs_content.solidColor.type_4 .searchs_btn_content {
    background-color: #f1f1f1
}

.basic_searchs .searchs_content.solidColor.type_5 .searchs_btn_content a,
.basic_searchs .searchs_content.solidColor.type_4 .searchs_btn_content a {
    color: #ef4136
}

.basic_searchs .searchs_content.withBorder.type_5,
.basic_searchs .searchs_content.withBorder.type_4 {
    border-color: #ebebeb
}

.basic_searchs .searchs_content.withBorder.type_2,
.basic_searchs .searchs_content.withBorder.type_3 {
    border-color: #ebebeb
}

.basic_searchs .searchs_content.solidColor.type_5 .searchs_btn_content a {
    color: #808080
}

.basic_searchs .site_search_dropdown {
    display: block;
    overflow: hidden;
    position: absolute;
    top: calc(100% + 3px);
    left: 50%;
    z-index: 1999;
    height: 0;
    width: calc(100% - 30px);
    margin-left: calc((100% - 30px) / -2);
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(53, 53, 53, 0.12);
    box-shadow: 0 0 10px 0 rgba(53, 53, 53, 0.12);
    border-radius: 4px
}

.basic_searchs .site_search_dropdown .siteContent {
    padding: 20px 17px 0;
    text-align: left
}

.basic_searchs .site_search_dropdown .lineTitle {
    font-size: 13px;
    color: #999
}

.basic_searchs .site_search_dropdown .clearHistory {
    float: right;
    cursor: pointer
}

.basic_searchs .site_search_dropdown .search_content {
    padding: 20px 0
}

.basic_searchs .site_search_dropdown .search_content .search_content_words {
    max-width: 100%;
    display: inline-block;
    margin: 0 7px 7px 0;
    padding: 5px 10px;
    border-radius: 2px;
    background-color: #f3f3f3;
    color: #333;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer
}

.basic_searchs .site_search_dropdown .search_content .search_content_words:hover {
    color: #fff;
    background-color: #ef4136
}

.mb_pattern .site_search_dropdown.site_search_mb {
    display: block;
    position: fixed;
    width: 100%;
    height: 0;
    background: #fff;
    overflow: hidden;
    left: 0;
    top: 0;
    margin-left: 0
}

.mb_pattern .site_search_dropdown.site_search_mb .mb_search_partLine {
    padding: 20px 17px 0;
    white-space: nowrap
}

.mb_pattern .site_search_dropdown.site_search_mb .mb_search_partLine .site_searchLine {
    background-color: #f3f3f3;
    display: inline-block;
    vertical-align: top;
    width: 85%;
    margin-right: 5%;
    font-size: 0;
    border-radius: 50px;
    overflow: hidden
}

.mb_pattern .site_search_dropdown.site_search_mb .mb_search_partLine .site_searchLine .searchs_btn_content {
    display: inline-block;
    width: 15%;
    height: 38px;
    text-align: center;
    vertical-align: top;
    line-height: 38px
}

.mb_pattern .site_search_dropdown.site_search_mb .mb_search_partLine .site_searchLine .searchs_btn_content a {
    color: #808080
}

.mb_pattern .site_search_dropdown.site_search_mb .mb_search_partLine .site_searchLine input {
    display: inline-block;
    vertical-align: top;
    background-color: #f3f3f3;
    height: 38px;
    width: 85%;
    border: none;
    padding: 0 15px 0 0;
    line-height: 38px;
    font-size: 14px
}

.mb_pattern .site_search_dropdown.site_search_mb .mb_search_partLine .site_closeLine {
    display: inline-block;
    vertical-align: top;
    line-height: 40px;
    cursor: pointer
}

.mb_pattern .site_search_dropdown.site_search_mb .mb_search_partLine .site_closeLine p {
    line-height: 40px
}

.basic_searchs_results {
    position: relative
}

.basic_searchs_results .tooptipPart {
    display: block;
    z-index: 999
}

.pc_pattern .basic_searchs_results .searchs_content.solidColor input {
    background-color: #f1f1f1
}

.searchLine {
    width: 500px;
    height: 40px;
    margin: 40px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.basic_searchs_results .resultsContent {
    width: 100%
}

.basic_searchs_results .resultsContent .lableLine {
    width: 100%
}

.basic_searchs_results .resultsContent .search_result_tabs_line {
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #f0f0f0
}

.basic_searchs_results .resultsContent .search_tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    padding-left: 10px
}

.basic_searchs_results .resultsContent .search_tabs .tabWords {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    -webkit-flex: 1 1;
    -moz-box-flex: 1;
    flex: 1 1;
    max-width: 95px;
    height: 40px;
    text-align: center;
    margin-right: 16px;
    font-size: 14px;
    color: #333;
    cursor: pointer
}

.basic_searchs_results .resultsContent .search_tabs .tabWords.selected {
    border-color: #ef4136;
    color: #ef4136;
    font-weight: 700;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    margin-bottom: -2px
}

.basic_searchs_results .resultsContent .resultsList .result_line {
    position: relative;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.basic_searchs_results .resultsContent .resultsList .result_line .result_title {
    display: none;
    color: #ef4136;
    font-weight: 700;
    font-size: 15px;
    margin: 23px 0 23px 12px
}

.basic_searchs_results .resultsContent .resultsList .result_line .detail_line {
    padding: 30px 10px;
    width: 100%;
    height: 100%
}

.basic_searchs_results .resultsContent .resultsList .result_line .detail_line a {
    display: block;
    height: 100%;
    width: 100%
}

.basic_searchs_results .resultsContent .resultsList .result_line .detail_line a .title {
    display: block;
    font-size: 16px
}

.basic_searchs_results .resultsContent .resultsList .result_line .detail_line a .titleLine {
    color: #ef4136
}

.basic_searchs_results .resultsContent .resultsList .result_line .detail_line a .summaryLine {
    margin-top: 18px;
    color: #666
}

.basic_searchs_results .resultsContent .resultsList .result_line .detail_line:hover {
    -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0 0 22px;
    box-shadow: rgba(0, 0, 0, 0.12) 0 0 22px;
    border-radius: 4px;
    background: #fff
}

.basic_searchs_results .resultsContent .resultsList .result_line .detail_line:hover a {
    color: #000000;
    color: #ef4136
}

.basic_searchs_results .resultsContent .resultsList .result_line .detail_line:hover a .titleLine {
    color: #ef4136
}

.basic_searchs_results .resultsContent .resultsList .result_line.product .detail_line {
    padding: 0;
    text-align: left;
    border: 1px solid #f0f0f0;
    border-radius: 2px;
    -webkit-transition: none;
    transition: none;
    width: calc(25% - 20px);
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    display: inline-block;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 10px;
    background-color: #fff;
    vertical-align: top;
    overflow: hidden
}

.basic_searchs_results .resultsContent .resultsList .result_line.product .detail_line a {
    position: relative;
    transition: 0.5s;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    border-color: transparent;
    z-index: 1;
    padding: 5%;
    height: 100%;
    overflow: hidden;
    color: #333;
    display: block;
    text-align: left
}

.basic_searchs_results .resultsContent .resultsList .result_line.product .detail_line a:after {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    -webkit-transition: -webkit-transform 0.36s ease;
    transition: -webkit-transform 0.36s ease;
    transition: transform 0.36s ease;
    transition: transform 0.36s ease, -webkit-transform 0.36s ease
}

.basic_searchs_results .resultsContent .resultsList .result_line.product .detail_line a:before {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    -webkit-transition: -webkit-transform 0.36s ease;
    transition: -webkit-transform 0.36s ease;
    transition: transform 0.36s ease;
    transition: transform 0.36s ease, -webkit-transform 0.36s ease
}

.basic_searchs_results .resultsContent .resultsList .result_line.product:hover a {
    border-color: #ef4136;
    color: #000000;
    color: #ef4136
}

.basic_searchs_results .resultsContent .resultsList .result_line.product:hover a .titleLine {
    color: #ef4136
}

.basic_searchs_results .resultsContent .resultsList .result_line.product:hover a:after {
    transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    border-bottom: 3px;
    border-bottom-style: solid;
    border-color: inherit;
    transform: scaleX(1);
    -ms-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1)
}

.pc_pattern .basic_searchs_results .searchs_content.type_5 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.pc_pattern .basic_searchs_results .searchs_content.type_5 .searchs_btn_content,
.pc_pattern .basic_searchs_results .searchs_content.type_4 .searchs_btn_content {
    background-color: #fff
}

.pc_pattern .basic_searchs_results .searchs_content.type_5 .searchs_btn_content a,
.pc_pattern .basic_searchs_results .searchs_content.type_4 .searchs_btn_content a {
    color: #ef4136
}

.pc_pattern .basic_searchs_results .searchs_content.type_5 .searchs_btn_content a {
    color: #808080
}

.basic_searchs_results .searchs_content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    border-style: solid;
    border-width: 2px;
    border-color: #ef4136
}

.basic_searchs_results .searchs_content .searchs_input_content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.basic_searchs_results .searchs_content .searchs_input_content input {
    height: 100%;
    width: 100%;
    border: none;
    padding: 0 15px;
    font-size: 12px
}

.basic_searchs_results .searchs_content .searchs_input_content input::-webkit-input-placeholder {
    color: #c0c4cc
}

.basic_searchs_results .searchs_content .searchs_input_content input::-moz-placeholder {
    color: #c0c4cc
}

.basic_searchs_results .searchs_content .searchs_input_content input:-ms-input-placeholder {
    color: #c0c4cc
}

.basic_searchs_results .searchs_content .searchs_input_content input::-ms-input-placeholder {
    color: #c0c4cc
}

.basic_searchs_results .searchs_content .searchs_input_content input::placeholder {
    color: #c0c4cc
}

.basic_searchs_results .searchs_content .searchs_input_content /deep/ .el-input__inner {
    height: 100%;
    border-radius: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border: none
}

.basic_searchs_results .searchs_content .searchs_btn_content {
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50px;
    background: #ef4136;
    position: relative
}

.basic_searchs_results .searchs_content .searchs_btn_content a {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    cursor: pointer;
    line-height: 36px;
    width: 100%;
    color: #fff;
    height: 100%;
    padding: 0;
    font-size: 25px;
    text-align: center
}

.pc_pattern .basic_searchs_results .searchs_content.solidColor {
    background-color: #f1f1f1
}

.pc_pattern .basic_searchs_results .searchs_content.solidColor .searchs_input_content /deep/ .el-input__inner {
    background-color: #f1f1f1
}

.pc_pattern .basic_searchs_results .searchs_content.solidColor.type_5 .searchs_btn_content,
.pc_pattern .basic_searchs_results .searchs_content.solidColor.type_4 .searchs_btn_content {
    background-color: #f1f1f1
}

.pc_pattern .basic_searchs_results .searchs_content.solidColor.type_5 .searchs_btn_content a,
.pc_pattern .basic_searchs_results .searchs_content.solidColor.type_4 .searchs_btn_content a {
    color: #ef4136
}

.pc_pattern .basic_searchs_results .searchs_content.solidColor.type_5 .searchs_btn_content a {
    color: #808080
}

.pc_pattern .searchs_content.type_5,
.pc_pattern .searchs_content.type_4 {
    border-color: #ebebeb
}

.pc_pattern .searchs_content.type_1,
.pc_pattern .searchs_content.type_3 {
    border-radius: 999px
}

.pc_pattern .searchs_content.type_1 .searchs_input_content input,
.pc_pattern .searchs_content.type_3 .searchs_input_content input {
    border-top-left-radius: 999px;
    border-bottom-left-radius: 999px
}

.pc_pattern .searchs_content.type_1 .searchs_btn_content,
.pc_pattern .searchs_content.type_3 .searchs_btn_content {
    border-top-right-radius: 999px;
    border-bottom-right-radius: 999px
}

.pc_pattern .searchs_content.type_5 {
    border-radius: 999px
}

.pc_pattern .searchs_content.type_5 .searchs_input_content input {
    border-top-right-radius: 999px;
    border-bottom-right-radius: 999px
}

.pc_pattern .searchs_content.type_5 .searchs_btn_content {
    border-top-left-radius: 999px;
    border-bottom-left-radius: 999px
}

.pc_pattern .basic_searchs_results .searchs_content.type_0 .searchs_btn_content span,
.pc_pattern .basic_searchs_results .searchs_content.type_1 .searchs_btn_content span {
    font-size: 15px;
    padding: 0;
    text-align: center
}

.basic_searchs_results .noResult {
    width: 100%;
    height: 320px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.basic_searchs_results .noResult .tipsWordsPart {
    text-align: center;
    line-height: 30px
}

.basic_searchs_results .noResult p {
    color: #333;
    font-size: 16px
}

.basic_searchs_results .noResult span {
    display: block;
    color: #999;
    font-size: 14px
}

.basic_searchs_results .otherPage .result_title {
    font-weight: 700;
    font-size: 15px;
    margin: 23px 0 23px 12px;
    color: #ef4136
}

.basic_searchs_results .otherPage .detail_line {
    width: 100%;
    padding: 10px;
    display: inline-block
}

.basic_searchs_results .otherPage .detail_line .content {
    color: #333;
    font-size: 14px;
    height: 43px;
    border-bottom: 1px dashed #ccc;
    cursor: pointer
}

.basic_searchs_results .otherPage .detail_line .typeLine {
    float: right;
    display: inline-block;
    position: relative;
    height: 26px;
    line-height: 26px;
    max-width: 100%;
    padding: 0 8px;
    margin-right: 15px;
    border-radius: 3px;
    color: #666;
    background-color: #f5f5f5;
    font-size: 12px;
    word-break: keep-all;
    overflow: hidden;
    z-index: 2
}

.basic_searchs_results .otherPage .detail_line .linkPart {
    display: block;
    height: 56px;
    line-height: 56px;
    border-bottom: 1px dashed #ccc;
    font-size: 14px;
    padding-left: 10px;
    color: #333;
    cursor: pointer
}

.basic_searchs_results .otherPage .detail_line .linkPart:hover {
    color: #ef4136
}

.basic_searchs_results .otherPage .detail_line .content:hover {
    color: #ef4136
}

.basic_searchs_results .otherPage .detail_line:last-child .content {
    border-bottom: none
}

.site_search_dropdown {
    display: none;
    overflow: hidden;
    position: absolute;
    top: calc(100% + 3px);
    left: 0%;
    z-index: 1999;
    width: 500px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(53, 53, 53, 0.12);
    box-shadow: 0 0 10px 0 rgba(53, 53, 53, 0.12);
    border-radius: 4px
}

.site_search_dropdown · .siteContent {
    padding: 20px 17px 0
}

.site_search_dropdown .lineTitle {
    font-size: 13px;
    color: #999
}

.site_search_dropdown .clearHistory {
    float: right;
    cursor: pointer
}

.site_search_dropdown .search_content {
    padding: 20px 0
}

.site_search_dropdown .search_content .search_content_words {
    max-width: 150px;
    display: inline-block;
    margin: 0 7px 7px 0;
    padding: 5px 10px;
    border-radius: 2px;
    background-color: #f3f3f3;
    color: #333;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer
}

.site_search_dropdown .search_content .search_content_words:hover {
    color: #fff;
    background-color: #ef4136
}

.tipPopPart {
    animation: tipShow 3s 1;
    -webkit-animation: tipShow 2s 1;
    display: block;
    position: fixed;
    left: 50%;
    top: 50%;
    opacity: 0;
    z-index: 9034;
    width: 246px;
    height: 246px;
    margin-left: -123px;
    margin-top: -123px;
    text-align: center;
    padding: 40px 0;
    background-color: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    vertical-align: middle
}

.tipPopPart .icon-gantanhao {
    font-size: 90px;
    color: #f8bb86
}

.tipPopPart .tipFont {
    color: #333;
    font-size: 20px;
    word-break: keep-all
}

.mb_pattern .basic_searchs_results .basic_atlas_catalog .list_one.type1 {
    width: 100% !important;
    padding: 0 !important
}

.pc_pattern .basic_searchs_results .basic_atlas_catalog .list_one.type1 {
    width: 100% !important;
    padding: 0 !important
}

.basic_atlas_catalog .list_one.type1 .basic_atlas_catalog_one_frame {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 10px
}

.basic_atlas_catalog .list_one.type1 .content {
    display: block;
    border-bottom: 1px dashed #ccc;
    font-size: 14px;
    height: 26px
}

.basic_atlas_catalog .list_one.type1 .typeLine {
    float: right;
    background-color: #f5f5f5;
    max-width: 100%;
    padding: 0 8px;
    line-height: 20px;
    border-radius: 3px
}

.basic_atlas_catalog .list_one.type1 .titleLine {
    line-height: 20px
}

.site_search_dropdown .siteContent {
    padding: 20px 17px 0
}

.mb_header .basic_mb_webtitle {
    width: 70%;
    margin: 0 auto !important;
    position: relative
}

.mb_header .basic_mb_navbar {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000
}

.mb_pattern .basic_atlas_catalog .list_one {
    margin: 0
}

.searchHeader {
    position: relative
}

.basic_searchs_results .basic_atlas_catalog .list_one .basic_atlas_catalog_one_frame .list_img_frame .list_img_back {
    -webkit-background-size: cover;
    background-size: cover
}

.edit-div a,
.edit-div span,
.edit-div i,
.edit-div b,
.edit-div div,
.edit-div h1,
.edit-div h2,
.edit-div h3,
.edit-div h4,
.edit-div h5,
.edit-div h6,
.edit-div input {
    line-height: inherit !important;
    font-size: inherit !important;
    font-family: inherit !important;
    text-align: inherit !important;
    font-weight: inherit !important;
    font-style: inherit !important;
    text-decoration: inherit !important;
    -webkit-background-clip: inherit !important;
    -webkit-text-fill-color: inherit !important;
    color: inherit !important;
    background-image: inherit !important;
    white-space: inherit !important
}

.my_button .buttonContent.hasLink,
.basic_picture .my_picture.hasLink,
.basic_text .coverPart.hasLink {
    cursor: pointer
}

.basic_searchs_results .resultsContent .product_list_3 {
    font-size: 0
}

.basic_searchs_results .resultsContent .product_list_3 .list_one {
    text-align: left;
    border: 1px solid #f0f0f0;
    border-radius: 2px;
    -webkit-transition: none;
    transition: none;
    padding: 0
}

.basic_searchs_results .resultsContent .product_list_3 .list_one_wrap {
    position: relative;
    -webkit-transition: 0.5s;
    transition: 0.5s
}

.basic_searchs_results .resultsContent .product_list_3 .list_one_wrap .product_name_wrap .product_name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    max-width: 100%
}

.basic_searchs_results .resultsContent .product_list_3 .list_img_frame {
    display: none !important
}

.hiddenPart {
    opacity: 0 !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    z-index: 0 !important;
    height: auto !important;
    pointer-events: none
}

.pc_pattern .basic_webtitle .titleLine.type_1 .imgPart {
    width: 100%
}

.mb_pattern .basic_searchs_results .product_list.product_list_4 .list_one {
    text-align: left;
    width: 100% !important;
    border: none;
    margin: 0;
    padding: 15px !important;
    border-bottom: 1px solid #f1f1f1
}

.mb_pattern .basic_searchs_results .product_list.product_list_4 .list_one .list_one_wrap {
    padding: 0
}

.mb_pattern .basic_searchs_results .product_list.product_list_4 .list_one .product_name {
    text-overflow: ellipsis;
    white-space: nowrap !important;
    overflow: hidden;
    display: inline-block;
    max-width: 100%
}

.pc_pattern .basic_searchs_results .product_list.product_list_4 {
    font-size: 0
}

.pc_pattern .basic_searchs_results .product_list.product_list_4 .list_one {
    text-align: left;
    border: 1px solid #f0f0f0;
    border-radius: 2px;
    -webkit-transition: none;
    transition: none;
    padding: 0
}

.pc_pattern .basic_searchs_results .product_list.product_list_4 .list_img_frame {
    display: none !important
}

.pc_pattern .basic_searchs_results .product_list.product_list_4 .list_one_wrap {
    position: relative;
    -webkit-transition: 0.5s;
    transition: 0.5s
}

.pc_pattern .basic_searchs_results .product_list.product_list_4 .list_one_wrap .product_name_wrap {
    margin-bottom: 0 !important;
    margin-top: 0 !important
}

.pc_pattern .basic_searchs_results .product_list.product_list_4 .list_one_wrap .product_name_wrap .product_name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    max-width: 100%
}

.mb_pattern .titleLine {
    line-height: 50px;
    height: 50px
}

.pc_pattern .contentLink {
    height: 0px;
    background-color: rgba(0, 0, 0, 0);
    width: 100%;
    z-index: 101;
    position: relative
}

.mb_pattern .titleLine .imgPart .imgContent {
    height: 40px;
    width: 100%
}

.mb_pattern .titleLine .imgPart .imgContent img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.basic_navbar .childrenData.type_1 .navchildlist {
    width: 100%
}

.basic_navbar .childrenData.type_1 .navchildlist .navchildPart {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff
}

.basic_navbar .childrenData.type_1 .navchildlist .navchildPart .navchildLine {
    min-width: 96px;
    height: 50px;
    line-height: 50px
}

.basic_text_rich_type .textEdit {
    color: #404040;
    white-space: initial;
    word-break: break-all;
    word-wrap: break-word
}

.navPart .pageLine .other_name {
    font-size: 14px;
    color: #333
}

.pageLine .bilingualSetWarp_0 .other_name,
.pageLine .bilingualSetWarp_2 .other_name {
    display: block !important
}

.pageLine .nav_item_name,
.pageLine .other_name {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s
}

.pageLine .bilingualSetWarp_1 .nav_item_name,
.pageLine .bilingualSetWarp_1 .other_name {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s
}

.basic_navbar .childrenData.type_0 .navchildlist .navchild2Part {
    position: absolute;
    top: 0;
    left: 104%;
    width: 100%
}

.basic_navbar .childrenData.type_2 .navchildlist,
.basic_navbar .childrenData.type_3 .navchildlist {
    width: 100%;
    height: 0;
    position: absolute;
    z-index: 1998;
    top: 0px
}

.basic_navbar .type_1_child_warp .child_content .child_list .level_2_content {
    text-align: center
}

.basic_navbar .type_2_child_warp .child_content .child_list .level_2_content {
    text-align: left;
    padding-left: 15px
}

.child_warp {
    -webkit-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
    width: 100%;
    padding: 15px;
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #fff
}

.child_content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.child_content .child1_content {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px
}

.child_content .child1_content .child1_content_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.child_content .child1_content .child1_content_list img {
    width: 130px;
    height: 130px;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 10px
}

.child_content .child1_content .child1_content_list a {
    display: inline-block;
    margin-right: 10px;
    max-width: calc(100% - 130px)
}

.child_content .child1_content .child2_content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 10px
}

.child_content .child1_content .child2_content .child2_content_list {
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 20px;
    font-size: 14px
}

.child_content .child_list {
    width: 210px;
    padding: 0 10px;
    margin-bottom: 20px
}

.child_content .child_list .level_2_content {
    border-bottom: 1px solid #ebeef5;
    color: #333;
    font-weight: bolder;
    font-size: 16px;
    cursor: pointer
}

.child_content .child_list .level_2_icon {
    display: block;
    width: 100%;
    height: 100%;
    margin: 10px 0;
    -o-object-fit: cover;
    object-fit: cover
}

.child_content .child_list .level_3_content {
    margin: 10px;
    text-align: left
}

@media screen and (max-width: 768px) {
    .mb_iframe_preview {
        display: block !important
    }

    .pc_iframe_preview {
        display: none !important
    }

    .layout_header_pc {
        display: none !important
    }

    ::-webkit-scrollbar {
        width: 0 !important
    }

    .mb_hidden {
        display: none !important
    }

    .pc_iframe_preview_inline-block {
        display: none !important
    }

    .rowFixedNex {
        display: none !important
    }

    .full_screen_banner.page_search_index,
    .full_screen_banner.page_product_item,
    .full_screen_banner.page_article_item,
    .full_screen_banner.page_help_item,
    .full_screen_banner.page_case_item {
        display: none !important
    }

    .basic_banner .basic_banner_box .basic_banner_swiper_box {
        width: 100% !important
    }
}

@media screen and (min-width: 769px) {
    .mb_iframe_preview {
        display: none !important
    }

    .pc_iframe_preview {
        display: block !important
    }

    .layout_header_pc {
        display: block
    }

    .pc_iframe_preview_inline-block {
        display: inline-block !important
    }
}

@font-face {
    font-family: "iconfont";
    src: url("//at.alicdn.com/t/font_1635015_9upmvzvagnm.woff2?t=1627901119255") format("woff2"), url("//at.alicdn.com/t/font_1635015_9upmvzvagnm.woff?t=1627901119255") format("woff"), url("//at.alicdn.com/t/font_1635015_9upmvzvagnm.ttf?t=1627901119255") format("truetype")
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-phonenew:before {
    content: "\E603"
}

.icon-erweima:before {
    content: "\E602"
}

.icon-jiantou_up:before {
    content: "\E619"
}

.icon-fenxiang:before {
    content: "\E635"
}

.icon-jiantouzuo:before {
    content: "\E65B"
}

.icon-weibo-copy1:before {
    content: "\E65A"
}

.icon-qq:before {
    content: "\E614"
}

.icon-weixin:before {
    content: "\E6B3"
}

.icon-49:before {
    content: "\E63C"
}

.icon-jiantouyou:before {
    content: "\E601"
}

.icon-fangxing:before {
    content: "\E627"
}

.icon-dangxuandagou:before {
    content: "\E6AE"
}

.icon-xuanzhongdagou:before {
    content: "\E612"
}

.icon-jiantou:before {
    content: "\E600"
}

.icon-chuyidong:before {
    content: "\E606"
}

.icon-yuanxing:before {
    content: "\E634"
}

.icon-shanchu:before {
    content: "\E609"
}

.icon-fangdajing:before {
    content: "\E604"
}

.icon-gantanhao:before {
    content: "\E605"
}

.icon-youjian:before {
    content: "\E70B"
}

.icon--arrow-right:before {
    content: "\F60B"
}

.icon-gengduo1:before {
    content: "\E6311"
}

.icon-jiazaizhong:before {
    content: "\E607"
}

.dialog_wrap .form_content .form_item_wrap,
.mb_pattern .basic_nleavemessage .form_item_wrap {
    width: 100% !important
}

.basic_video_index iframe {
    width: 100%;
    height: 100%;
    position: absolute
}

.mb_pattern .basic_video_index .online_flv {
    padding-bottom: 56.2%
}

.mb_pattern .basic_video_index .module_content {
    padding: 3.2% 3.72%
}

.mb_pattern .form_warp {
    max-height: calc(100% - 10px) !important
}

.mb_pattern .dialog_wrap .dialog_container {
    width: 100%;
    height: 100%
}

.mb_pattern .dialog_wrap .my_form {
    padding: 3.2% 3.72%
}

.mb_pattern .dialog_wrap .dialog_title {
    text-align: center;
    line-height: 53px;
    height: 53px;
    width: 100%
}

.mb_pattern .dialog_wrap .dialog_title .title {
    margin-left: 0
}

.mb_pattern .dialog_wrap .dialog_title .dialog_close:before {
    content: "\E65B"
}

.pc_pattern .dialog_wrap .dialog_title .dialog_close:before {
    content: "\E606"
}

.mb_pattern .dialog_title .dialog_close {
    right: auto;
    left: 15px;
    top: 0px
}

.mb_pattern .dialog_wrap .dialog_content {
    margin-top: 53px
}

.mb_pattern .my_nleavemessage .phone_number_area .area_code_mobi,
.mb_pattern .dialog_wrap .phone_number_area .area_code_mobi {
    display: block !important
}

.pc_pattern .my_nleavemessage .phone_number_area .area_code_mobi,
.pc_pattern .dialog_wrap .phone_number_area .area_code_mobi {
    display: none !important
}

.mb_pattern .my_nleavemessage .phone_number_area .area_code_pc,
.mb_pattern .dialog_wrap .phone_number_area .area_code_pc {
    display: none !important
}

.pc_pattern .my_nleavemessage .phone_number_area .area_code_pc,
.pc_pattern .dialog_wrap .phone_number_area .area_code_pc {
    display: block !important
}

.dialog_wrap {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 5000;
    display: none
}

.dialog_layout {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6)
}

.dialog_container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #fff;
    width: 900px;
    height: 620px;
    line-height: 620px;
    text-align: center
}

.dialog_wrap .form_warp {
    display: none;
    line-height: normal;
    text-align: left;
    max-height: 620px;
    overflow-y: auto
}

.dialog_title {
    height: 66px;
    line-height: 66px;
    border-bottom: 1px solid #e3e2e8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    position: fixed;
    z-index: 1;
    width: 900px
}

.dialog_title .title {
    font-size: 16px;
    color: #333;
    margin-left: 24px
}

.dialog_title .dialog_close {
    position: absolute;
    right: 30px;
    top: 0px;
    cursor: pointer;
    color: #909399;
    font-size: 20px
}

.dialog_content {
    height: calc(100% - 66px);
    overflow-x: hidden;
    margin-top: 66px
}

.dialog_wrap .loading_img {
    display: inline-block;
    vertical-align: middle
}

.basic_nleavemessage .dialog_content {
    margin: 0 -10px
}

.form_warp .my_form {
    padding: 30px 20px
}

.mb_pattern .basic_nleavemessage .my_form {
    padding: 3.2% 3.72%
}

.mb_pattern .basic_nleavemessage .form_submit {
    max-width: 100%
}

.my_form .form_frame {
    position: relative;
    font-size: 0;
    margin: 0 -10px
}

.form_item_wrap .form_item .input_style {
    font-size: 13px;
    color: #333;
    width: 100%;
    border: 0;
    padding-left: 14px;
    height: 44px;
    line-height: 44px;
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: 0 0;
    border-radius: 0;
    background: rgba(204, 204, 204, 0.15)
}

.item_type_validateCode {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.form_item_wrap .form_item {
    padding: 0 10px
}

.form_item_wrap {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: calc(180px + 2.4%);
    vertical-align: bottom
}

.form_item_wrap .form_item {
    padding: 0 10px
}

.form_item_wrap .form_item .content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.form_item_wrap .item_type_phone .phone_number_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.form_item_wrap .item_type_phone .area_code_mobi {
    margin-right: 0 !important;
    width: 90px;
    position: relative
}

.form_item_wrap .item_type_phone .area_code_mobi:after {
    content: "";
    display: block;
    position: absolute;
    height: 22px;
    width: 0;
    top: 10px;
    right: 0;
    border-right: 1px solid #e3e2e8
}

.form_item_wrap .item_type_phone .area_code {
    width: 28%;
    margin-right: 2.4%;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    min-width: 130px
}

.form_item_wrap .item_type_phone .phone_number_wrap {
    position: relative;
    width: 100%
}

.form_item_wrap .item_type_city {
    margin: 0 -1.2%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.form_item_wrap .item_type_city .select_wrap {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1.2%;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -moz-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

.form_item_wrap .select_style {
    position: relative
}

.form_item_wrap .select_style .arrow {
    position: absolute;
    right: 16px;
    font-size: 20px;
    line-height: 44px;
    color: #666;
    cursor: pointer
}

.form_item .title {
    font-weight: 400;
    font-size: 14px;
    color: #666;
    margin-bottom: 12px
}

.form_item .required_icon {
    color: red;
    position: relative;
    top: 2px;
    left: 10px;
    pointer-events: none;
    display: inline-block
}

.select_list_wrap {
    position: absolute;
    top: 100%;
    margin-top: 10px;
    width: 100%;
    padding: 8px 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    z-index: 9032;
    left: 0;
    display: none
}

.select_provinces_dialog {
    display: block
}

.select_list_wrap .select_list {
    max-height: 320px;
    overflow: auto
}

.dialog_wrap ::-webkit-scrollbar,
.select_list_wrap ::-webkit-scrollbar {
    width: 5px
}

.dialog_wrap ::-webkit-scrollbar-thumb,
.select_list_wrap ::-webkit-scrollbar-thumb {
    background-color: #c1c1c1
}

.dialog_wrap ::-webkit-scrollbar-track .select_list_wrap ::-webkit-scrollbar-track {
    background-color: #f7f7f7
}

.select_list_wrap .select_item {
    font-size: 14px;
    color: #333;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.select_list_wrap .select_item .left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.select_list_wrap .select_item .right {
    max-width: 60px;
    text-align: right;
    padding-left: 10px
}

.select_list_wrap .select_item:hover {
    background: #f0f0f0
}

.form_item_warp .form_item .item_type_validateCode {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.form_item_warp .form_item .content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.item_type_validateCode .validateCode_input {
    max-width: 400px;
    margin-right: 10px
}

.item_type_validateCode .validateCode_img {
    width: 121px;
    height: 44px;
    display: inline-block;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    cursor: pointer
}

.item_type_validateCode .validateCode_img {
    max-width: 100%;
    vertical-align: top
}

.my_form .form_submit {
    width: 100%;
    max-width: 335px;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    border: none;
    outline: 0;
    color: #fff;
    cursor: pointer
}

.my_form .form_item .item_type_file {
    width: 100%
}

.my_form .item_type_file .file_upload {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.my_form .item_type_file .file_name_text {
    width: 100%;
    margin-right: 10px;
    position: relative
}

.my_form .item_type_file .del_file_btn {
    position: absolute;
    right: 14px;
    border: 0;
    outline: 0;
    cursor: pointer;
    font-size: 17px;
    line-height: 44px;
    background: 0 0;
    color: #999
}

.file_upload_btn {
    background: rgba(204, 204, 204, 0.15)
}

.my_form .item_type_file .file_upload_btn {
    position: relative;
    width: 100px;
    height: 44px;
    line-height: 44px;
    font-size: 13px;
    color: grey;
    outline: 0;
    display: inline-block;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    cursor: pointer;
    border: 0
}

.my_form .item_type_file .file_upload_btn span {
    display: inline-block;
    margin-right: 8px
}

.my_form .item_type_file .file_size_tips {
    font-size: 12px;
    margin-top: 7px;
    display: block;
    color: grey;
    padding-left: 2px
}

.my_form .item_type_radio {
    padding-top: 2px
}

.form_item .radio_style .radio_item {
    display: inline-block;
    font-size: 13px;
    line-height: 19px;
    color: #333;
    list-style-type: none;
    margin-right: 20px;
    cursor: pointer;
    position: relative
}

.form_item .radio_style .radio_inner {
    font-size: 20px;
    margin-right: 7px;
    float: left;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%
}

.my_form .checkbox_style .checkbox_inner {
    font-size: 20px;
    margin-right: 7px;
    float: left;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 5px
}

.form_item .radio_style .radio_inner {
    font-size: 20px
}

.form_item .radio_style .radio_item:not(.radio_active) .radio_inner,
.my_form .checkbox_style .checkbox_item:not(.checkbox_active) .checkbox_inner {
    color: #e0e0e0;
    background-color: #fff
}

.my_form .checkbox_style .checkbox_item {
    display: inline-block;
    font-size: 13px;
    line-height: 19px;
    color: #333;
    list-style-type: none;
    margin-right: 20px;
    cursor: pointer;
    position: relative
}

.my_form .checkbox_style .checkbox_item .checkbox,
.form_item .radio_style .radio_item .radio {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0
}

.my_form .textarea_style {
    background: rgba(204, 204, 204, 0.15)
}

.my_form .form_item .textarea_style {
    font-size: 13px;
    color: #333;
    width: 100%;
    border: 0;
    padding: 9px 14px;
    height: 100px;
    resize: none;
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0
}

.my_form .upload_btn {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 10px;
    opacity: 0;
    cursor: pointer
}

.my_form .form_item .content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.my_form .item_type_desc {
    min-height: 30px
}

.my_form .item_type_desc .primary_title {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    margin-bottom: 10px;
    white-space: pre-line
}

.my_form .item_type_desc .description {
    font-size: 12px;
    font-weight: 400;
    color: #666;
    white-space: pre-line
}

.my_form .item_type_date .connect_icon {
    font-size: 16px;
    line-height: 44px;
    width: 2.4%;
    text-align: center;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.my_form .item_type_date {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.set_link_cover {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    right: 0;
    opacity: 1;
    cursor: pointer
}

.basic_video_index .online_flv {
    width: 100%;
    padding-bottom: 41.7%;
    overflow: hidden;
    position: relative;
    height: 0
}

.basic_video_index .direct_play_flv,
.img_flv_div {
    padding-bottom: inherit;
    width: 100%;
    height: 0
}

.basic_video_index .img_flv_div .flv_play_btn {
    position: absolute;
    width: 60px;
    height: 60px;
    background: url(../img/backimg1.png) -116px -196px no-repeat;
    top: 0;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    z-index: 2
}

.basic_video_index .online_flv .video-js {
    position: absolute;
    height: 1000%;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -o-object-fit: cover;
    object-fit: cover
}

.basic_video_index .img_flv_div .video_poster_img {
    width: 100%;
    height: 0;
    padding-bottom: inherit;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: all .46s ease;
    transition: all .46s ease
}

.basic_video_index .img_flv_div {
    cursor: pointer
}

.basic_video_index .module_content {
    position: relative;
    overflow: hidden
}

.basic_video_index .flv_content:hover .video_poster_img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.basic_video_index .flv_content_hover:hover .video-js {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.basic_video_index .flv_describe_text {
    -webkit-background-clip: text;
    word-break: break-word
}

.basic_video_index .basic_video .flv_content:hover .flv_describe {
    top: 10px
}

.basic_video_index .flv_describe {
    margin: 10px 0;
    -webkit-transition: all .36s ease;
    transition: all .36s ease;
    word-break: break-word
}

.basic_video_index .flv_describe {
    position: relative;
    top: 0;
    left: auto;
    line-height: 1.5;
    -webkit-transition: all .36s ease;
    transition: all .36s ease;
    font-size: 16px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.basic_video_index .direct_play_flv .play_btn {
    position: absolute;
    width: 60px;
    height: 60px;
    background: url(../img/backimg1.png) -116px -196px no-repeat;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    z-index: 2
}

.basic_video_index iframe {
    width: 100%;
    height: 100%;
    max-width: 100%;
    position: absolute
}

.tips_dialog {
    position: fixed;
    left: 0;
    top: 20%;
    right: 0;
    z-index: 9034;
    text-align: center;
    display: none
}

.mb_pattern .tips_dialog .tips_dialog_main {
    padding: 5.333vw 0;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15)
}

.mb_pattern .tips_dialog .tips_dialog_icon {
    padding: 0 9.333vw .667vw
}

.mb_pattern .tips_dialog .tips_dialog_content {
    max-width: 68vw;
    padding: 3.5vw 8vw 0;
    font-size: 3.734vw;
    line-height: 1.6
}

.mb_pattern .tips_dialog .i_success {
    width: 10.667vw;
    height: 10.667vw;
    border: .533vw solid #49b344
}

.mb_pattern .tips_dialog .i_success:before {
    left: -4.4vw;
    top: -.933vw;
    width: 8.667vw;
    height: 16vw;
    border-radius: 16vw 0 0 16vw;
    -webkit-transform-origin: 8vw 8vw;
    -ms-transform-origin: 8vw 8vw;
    transform-origin: 8vw 8vw
}

.mb_pattern .tips_dialog .i_success:after {
    left: 4vw;
    top: -1.467vw;
    width: 8vw;
    height: 16vw;
    border-radius: 0 16vw 16vw 0;
    -webkit-transform-origin: 0 8vw;
    -ms-transform-origin: 0 8vw;
    transform-origin: 0 8vw
}

.mb_pattern .tips_dialog .i_success_placeholder {
    left: -.533vw;
    top: -.533vw;
    width: 10.667vw;
    height: 10.667vw;
    border: 0.533vw solid rgba(73, 179, 68, 0.2)
}

.mb_pattern .tips_dialog .i_success_bingo {
    width: 10.667vw;
    height: 10.667vw;
    margin: 0 auto
}

.tips_dialog .i_success_bingo:after,
.mb_pattern .tips_dialog .i_success_bingo:before {
    border-radius: 2px
}

.mb_pattern .tips_dialog .i_success_bingo:before {
    left: 1.867vw;
    top: 6.133vw;
    width: 3.333vw;
    height: .667vw;
    -webkit-animation: jz-icon-success-bingo-before-vw .75s;
    animation: jz-icon-success-bingo-before-vw .75s
}

.mb_pattern .tips_dialog .i_success_bingo:after {
    right: 1.067vw;
    top: 5.067vw;
    width: 6.267vw;
    height: .667vw;
    -webkit-animation: jz-icon-success-bingo-after-vw .75s;
    animation: jz-icon-success-bingo-after-vw .75s
}

.mb_pattern .tips_dialog .i_warning {
    width: 11.733vw;
    height: 11.733vw;
    border: .533vw solid #f8bb86
}

.mb_pattern .tips_dialog .i_warning:before {
    width: .667vw;
    height: 6.267vw;
    margin: 1.333vw auto 0;
    border-radius: 2px
}

.mb_pattern .tips_dialog .i_warning:after {
    width: .933vw;
    height: .933vw;
    margin: .8vw auto 0
}

.tips_dialog:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.tips_dialog .tips_dialog_main {
    position: relative;
    display: inline-block;
    padding: 40px 0;
    background-color: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    vertical-align: middle
}

.tips_dialog .tips_dialog_icon {
    padding: 0 70px 5px
}

.tips_dialog .tips_dialog_content {
    padding: 23px 60px 0;
    font-size: 18px;
    line-height: 22px;
    word-break: break-word;
    color: #333
}

.tips_dialog .i_warning {
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 88px;
    height: 88px;
    border: 4px solid #f8bb86;
    border-radius: 50%
}

.tips_dialog .i_success_placeholder {
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 1;
    width: 80px;
    height: 80px;
    border: 4px solid rgba(73, 179, 68, 0.2);
    border-radius: 50%
}

.tips_dialog .i_warning:after,
.i_warning:before {
    content: "";
    display: block;
    background-color: #f8bb86
}

.tips_dialog .i_warning:before {
    width: 5px;
    height: 47px;
    margin: 10px auto 0;
    border-radius: 2px
}

.tips_dialog .i_warning:after {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin: 6px auto 0
}

.tips_dialog .i_success {
    position: relative;
    width: 80px;
    height: 80px;
    border: 4px solid #49b344;
    margin: 0 auto;
    border-radius: 50%
}

.tips_dialog .i_success:after,
.i_success:before {
    content: "";
    display: block;
    position: absolute;
    background-color: #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.tips_dialog .i_success:before {
    left: -33px;
    top: -33px;
    width: 65px;
    height: 120px;
    border-radius: 120px 0 0 120px;
    -webkit-transform-origin: 60px 60px;
    -ms-transform-origin: 60px 60px;
    transform-origin: 60px 60px
}

.tips_dialog .i_success:after {
    left: 30px;
    top: -11px;
    width: 60px;
    height: 120px;
    border-radius: 0 120px 120px 0;
    -webkit-transform-origin: 0 60px;
    -ms-transform-origin: 0 60px;
    transform-origin: 0 60px;
    -webkit-animation: jz-icon-success-loading 4.25s ease-in;
    animation: jz-icon-success-loading 4.25s ease-in
}

@-webkit-keyframes jz-icon-success-loading {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }

    100% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

@keyframes jz-icon-success-loading {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }

    100% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

.tips_dialog .i_success_bingo {
    display: block;
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto
}

.tips_dialog .i_success_bingo:after,
.i_success_bingo:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    background-color: #49b344;
    border-radius: 2px
}

.tips_dialog .i_success_bingo:before {
    left: 14px;
    top: 46px;
    width: 25px;
    height: 5px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: jz-icon-success-bingo-before .75s;
    animation: jz-icon-success-bingo-before .75s
}

.tips_dialog .i_success_bingo:after {
    right: 8px;
    top: 38px;
    width: 47px;
    height: 5px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: jz-icon-success-bingo-after .75s;
    animation: jz-icon-success-bingo-after .75s
}

@-webkit-keyframes jz-icon-success-bingo-before {
    0% {
        width: 0;
        left: 1px;
        top: 19px
    }

    54% {
        width: 0;
        left: 1px;
        top: 19px
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@keyframes jz-icon-success-bingo-before {
    0% {
        width: 0;
        left: 1px;
        top: 19px
    }

    54% {
        width: 0;
        left: 1px;
        top: 19px
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@-webkit-keyframes jz-icon-success-bingo-after {
    0% {
        width: 0;
        right: 46px;
        top: 54px
    }

    65% {
        width: 0;
        right: 46px;
        top: 54px
    }

    84% {
        width: 55px;
        right: 0;
        top: 35px
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

@keyframes jz-icon-success-bingo-after {
    0% {
        width: 0;
        right: 46px;
        top: 54px
    }

    65% {
        width: 0;
        right: 46px;
        top: 54px
    }

    84% {
        width: 55px;
        right: 0;
        top: 35px
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

.jz_web_col {
    position: relative;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0
}

.s_multi_language_wrap {
    min-width: 150px;
    width: 100%;
    position: relative;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.s_multi_language_text {
    font-size: 14px;
    vertical-align: middle;
    color: #333;
    -webkit-background-clip: text
}

.languages_dropdown {
    position: relative
}

.s_multi_language_wrap {
    position: relative;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.languages_default_item {
    line-height: 60px;
    height: 60px;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.s_multi_language_icon+.s_multi_language_text {
    margin-left: 12px
}

.s_multi_language_dropdown_svg {
    color: #666;
    vertical-align: middle;
    margin-left: 5px;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.languages_dropdown.no_text .languages_dropdown_panel {
    width: 150px;
    margin-left: -75px
}

.languages_dropdown.no_text .languages_dropdown_item {
    vertical-align: middle;
    margin: 8px;
    float: left;
    overflow: hidden
}

.languages.languages_dropdown:hover .s_multi_language_dropdown_svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.pc_pattern .dropdown .languages_dropdown:hover .languages_dropdown_panel {
    display: block !important
}

.s_multi_language_icon {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    min-width: 24px;
    height: 18px
}

.languages_dropdown_item {
    margin: 20px 0
}

a,
a:hover {
    text-decoration: none
}

.languages_dropdown_panel {
    position: absolute;
    width: 150px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    z-index: 9999;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    left: 50%;
    margin-left: -74px;
    list-style: none;
    display: none
}

.pc_pattern .languages_dropdown_panel.top {
    top: 50px
}

.languages_dropdown_panel .dropdown_panel_triangle {
    width: 12px;
    height: 12px;
    background: #fff;
    position: absolute;
    left: 50%;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    border: 1px solid #ebebeb;
    border-left: 0;
    border-bottom: 0
}

.languages_dropdown_panel.top .dropdown_panel_triangle {
    top: 0;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.languages_expansion {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 10px
}

.languages_expansion .language_item {
    margin: 5px 0
}

.language_item_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.languages_expansion .s_multi_language_icon+.s_multi_language_text {
    margin-left: 8px;
    text-align: left
}

.lan_list .s_multi_language_text,
.languages_dropdown_panel .s_multi_language_text,
.languages_expansion .s_multi_language_text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 17px;
    font-size: 14px;
    vertical-align: middle;
    color: #333
}

.languages_expansion .language_item_after {
    width: 1px;
    height: 18px;
    background: #b68686;
    opacity: .2;
    margin: 0 15px
}

.c_popup {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9034;
    display: none;
    text-align: center
}

.c_popup:after {
    content: "";
    height: 100%
}

.c_popup_layout {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6)
}

.c_popup_main {
    position: relative;
    padding: 40px 0;
    background-color: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15)
}

.c_popup:after,
.c_popup_main {
    display: inline-block;
    vertical-align: middle
}

.c_popup_content {
    padding: 23px 60px 0;
    font-size: 18px;
    line-height: 22px;
    word-break: break-word
}

.multi_language_panel {
    width: 390px;
    margin: -63px 0 0 -60px
}

.multi_language_panel .lan_title {
    height: 50px;
    line-height: 50px;
    text-align: left;
    padding-left: 30px;
    width: 450px;
    border-bottom: 1px solid #f0f0f0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px
}

.multi_language_panel .lan_container {
    width: 450px
}

.multi_language_panel .lan_lists {
    margin-top: 35px;
    padding: 0 25px;
    text-align: left;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto
}

.multi_language_panel .lan_list {
    width: 175px;
    text-align: left;
    margin: 0 10px 18px 10px;
    cursor: pointer;
    overflow: hidden;
    float: left
}

.c_popup_close {
    position: absolute;
    right: 30px;
    top: 15px;
    cursor: pointer;
    color: #999;
    font-size: 16px
}

.multi_Language_mobi_panel {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9100;
    display: none
}

.multi_Language_mobi_panel .lan_layout {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6)
}

.multi_Language_mobi_panel .lan_mobi_lists {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    max-width: 100%;
    z-index: 1;
    position: absolute;
    top: auto;
    left: 0;
    bottom: 0;
    padding: 0;
    padding-bottom: 0;
    width: 100%;
    vertical-align: middle;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    background: #fff;
    white-space: normal;
    max-height: 300px;
    overflow-y: auto
}

.multi_Language_mobi_panel .lan_mobi_list {
    height: 50px;
    line-height: 50px;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 30px;
    border-bottom: 1px solid #f0f0f0
}

.multi_Language_mobi_panel .lan_mobi_list a {
    width: 100%;
    display: inline-block;
    -webkit-tap-highlight-color: transparent
}

.lan_mobi_list .s_multi_language_text {
    max-width: calc(100% - 42px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block
}

.mb_icon {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 20px;
    top: 11.5px;
    z-index: 98
}

.mb_pattern .languages_dropdown_panel.top {
    right: 0 !important;
    margin-left: 38px !important
}

.mb_pattern .languages_dropdown_panel.top .dropdown_panel_triangle {
    left: auto !important;
    right: 20px !important
}

.languages_dropdown_panel.bottom {
    bottom: 50px !important
}

.languages_dropdown_panel.bottom .dropdown_panel_triangle {
    bottom: -12px !important;
    -webkit-transform: translate(-50%, -50%) rotate(-225deg) !important;
    -ms-transform: translate(-50%, -50%) rotate(-225deg) !important;
    transform: translate(-50%, -50%) rotate(-225deg) !important
}

.mb_pattern .position_header .languages_dropdown_panel {
    position: fixed !important;
    top: 47px !important;
    right: 0 !important;
    left: auto !important
}

.mb_pattern .languages_dropdown_panel.header_right {
    margin-left: -15px !important;
    left: 15px !important;
    right: auto !important
}

.mb_pattern .languages_dropdown_panel.header_right .dropdown_panel_triangle {
    left: 30px !important;
    right: auto !important
}

.mb_pattern .position_header .languages_default_item {
    display: none !important
}

.pc_pattern .position_header .mb_icon {
    display: none !important
}

.mb_pattern .languages_expansion {
    display: none !important
}

.pc_pattern .expansion .languages_default_item {
    display: none !important
}

.mb_pattern .position_footer .expansion .languages_default_item {
    display: block !important
}

.mb_pattern .position_header .expansion .languages_default_item {
    display: none !important
}

.mb_pattern .pc_languages_default_item {
    display: none !important
}

.pc_pattern .mb_languages_default_item {
    display: none
}

.mb_pattern .mb_languages_default_item {
    display: block !important
}

.mb_pattern .mb_header {
    overflow: visible !important
}

.basic_retrieve_password_index {
    padding: 0 32px
}

.basic_retrieve_password .mb_title {
    display: none
}

.basic_retrieve_password .is-error {
    border: 1px solid #f56c6c !important
}

.basic_retrieve_password .el-form-item__error {
    color: #f56c6c;
    font-size: 12px;
    line-height: 1;
    padding-top: 4px;
    position: absolute;
    top: 100%;
    left: 6em
}

.basic_retrieve_password .verification_tip {
    color: #949494;
    margin-top: 22px;
    font-size: 14px
}

.basic_retrieve_password .validateCode_img {
    height: 44px;
    width: 121px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    vertical-align: top;
    margin-left: 20px;
    cursor: pointer
}

.basic_retrieve_password .chang_yzm {
    color: #3078d0;
    font-size: 14px;
    display: inline-block;
    margin-left: 20px;
    cursor: pointer
}

.basic_retrieve_password .retrieve_password,
.basic_retrieve_password .main_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.basic_retrieve_password .retrieve_password_header {
    width: 100%;
    display: inline-block;
    text-align: center
}

.basic_retrieve_password .retrieve_password_header .header_title {
    color: #505d69;
    margin-top: 30px;
    font-size: 14px;
    font-weight: 500
}

.basic_retrieve_password .main_wrapper {
    width: 100%
}

.basic_retrieve_password .form_wrapper {
    width: 100%;
    min-width: 500px
}

.basic_retrieve_password .form_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 25px;
    position: relative
}

.basic_retrieve_password .form_item .my_label {
    width: 6em;
    font-size: 14px;
    text-align: right;
    color: #333
}

.basic_retrieve_password .form_item.form_item_required .my_label:before {
    content: "*";
    color: #c9544c;
    margin-right: 4px
}

.basic_retrieve_password .form_item .label-placeholder {
    width: 5em
}

.basic_retrieve_password .yzm_contain {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.basic_retrieve_password .input_style {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: inline-block;
    height: 44px;
    line-height: 44px;
    font-size: 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #f7f8fb;
    border-radius: 3px;
    padding-left: 10px;
    border: 1px solid transparent;
    outline: none;
    margin-left: 20px
}

.basic_retrieve_password .input_style:hover {
    border-color: #3078d0
}

.basic_retrieve_password .input_style:focus {
    border-color: #3078d0
}

.basic_retrieve_password .btn_confirm {
    margin: 100px auto 20px auto
}

.basic_retrieve_password .primary_btn {
    border: 0;
    width: 150px;
    height: 44px;
    cursor: pointer;
    line-height: 44px;
    display: inline-block;
    color: #fff;
    background-color: #3078d0;
    border-color: #3078d0;
    border-radius: 6px
}

.basic_retrieve_password .default_btn {
    border: 1px solid #3078d0;
    width: 150px;
    height: 44px;
    display: inline-block;
    cursor: pointer;
    line-height: 44px;
    color: #3078d0;
    background-color: #fff;
    border-radius: 6px
}

.basic_retrieve_password .tips {
    color: #000;
    margin: 20px 0;
    font-weight: normal;
    font-size: 14px
}

.basic_retrieve_password .verification_contain {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.basic_retrieve_password .steps {
    margin: 50px auto;
    min-width: 500px
}

.basic_retrieve_password .steps .steps_contain {
    position: relative
}

.basic_retrieve_password .steps .steps_contain:after {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    background: #f1f5f7;
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 1
}

.basic_retrieve_password .steps .steps_contain .steps_item.active .step_icon {
    background: #3078d0;
    color: #fff
}

.basic_retrieve_password .steps .steps_contain .step_icon {
    width: 38px;
    display: inline-block;
    height: 38px;
    background: #fff;
    border: 1px solid #3078d0;
    color: #3078d0;
    line-height: 38px;
    text-align: center;
    font-size: 16px;
    border-radius: 50%;
    margin-bottom: 15px;
    position: relative;
    z-index: 3
}

.basic_retrieve_password .steps .step_text {
    width: 100%;
    display: inline-block;
    height: 25px;
    font-size: 15px;
    font-weight: 400;
    color: #505d69;
    line-height: 25px
}

.basic_retrieve_password .steps .steps_contain {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.basic_retrieve_password .steps .steps_item {
    text-align: center;
    width: 30%
}

.basic_retrieve_password .steps .mt-20 {
    margin-top: 20px
}

.basic_retrieve_password .steps .btn_disabled_style {
    background-color: #8c8d8e !important;
    border-color: #8c8d8e !important;
    cursor: not-allowed
}

.basic_retrieve_password .steps .input_style {
    width: 260px;
    margin-right: 10px;
    position: relative;
    font-size: 13px;
    display: inline-block;
    height: 44px;
    line-height: 44px
}

.basic_retrieve_password .steps .verification_btn {
    margin-left: 20px
}

.basic_retrieve_password .steps .tc {
    margin-top: 50px;
    text-align: center
}

.basic_retrieve_password .steps .tc .next_step_btn {
    margin-left: 20px
}

.basic_retrieve_password .steps .step-first {
    margin: 50px auto
}

.basic_retrieve_password .steps .step-first .tips {
    color: #505d69;
    margin-bottom: 20px;
    font-weight: normal
}

.basic_retrieve_password .steps .step-first li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
    padding: 15px;
    background-color: #f7f8fb
}

.basic_retrieve_password .steps .step-first li .title {
    margin-bottom: 10px;
    color: #505d69;
    font-weight: normal
}

.basic_retrieve_password .steps .step-first li .button_contain {
    color: #969696
}

.basic_retrieve_password .steps .step-second {
    margin-top: 35px
}

.basic_retrieve_password .steps .step-fourth {
    text-align: center
}

.basic_retrieve_password .steps .step-fourth .title {
    font-weight: 400;
    color: #74788d
}

.basic_retrieve_password .set_password_text {
    margin: 30px 0 20px 0;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #505d69;
    line-height: 30px
}

.basic_retrieve_password .steps .step-second .label_1 {
    font-size: 14px;
    font-weight: 500;
    color: #505d69;
    line-height: 30px
}

.basic_retrieve_password .steps .step-second .label_2 {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    line-height: 28px
}

.basic_retrieve_password .update_success_text {
    height: 32px;
    font-size: 18px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.85);
    line-height: 32px;
    margin: 16px 0
}

.basic_retrieve_password .update_success_tips {
    width: 100%;
    height: 36px;
    font-size: 13px;
    font-weight: 400;
    color: #74788d;
    line-height: 18px
}

.basic_retrieve_password .success_image {
    width: 72px;
    height: 72px
}

.mb_pattern .basic_retrieve_password_index {
    margin: 50px 0
}

.mb_pattern .basic_retrieve_password_index #validateCode_img {
    width: 80px;
    height: 35px
}

.mb_pattern .basic_retrieve_password_index .is-error {
    border: none !important;
    border-bottom: 1px solid #f56c6c !important
}

.mb_pattern .basic_retrieve_password_index .el-form-item__error {
    left: 0 !important
}

.mb_pattern .basic_retrieve_password_index .steps {
    width: 100%;
    min-width: 100%
}

.mb_pattern .basic_retrieve_password_index .chang_yzm {
    font-size: 13px;
    font-weight: 500
}

.mb_pattern .basic_retrieve_password_index input::-webkit-input-placeholder {
    font-size: 13px;
    color: #666;
    font-weight: 500
}

.mb_pattern .basic_retrieve_password_index input:-moz-placeholder {
    font-size: 13px;
    color: #666;
    font-weight: 500
}

.mb_pattern .basic_retrieve_password_index input::-moz-placeholder {
    font-size: 13px;
    color: #666;
    font-weight: 500
}

.mb_pattern .basic_retrieve_password_index input:-ms-input-placeholder {
    font-size: 13px;
    color: #666;
    font-weight: 500
}

.mb_pattern .basic_retrieve_password_index .mb_title {
    display: block;
    height: 25px;
    font-size: 18px;
    font-weight: 500;
    color: #454545;
    text-align: left;
    width: 100%;
    line-height: 25px
}

.mb_pattern .basic_retrieve_password_index .retrieve_password_header .header_title {
    width: 100%;
    height: 25px;
    font-size: 13px;
    font-weight: 400;
    color: #8a929e;
    line-height: 25px;
    margin-top: 0
}

.mb_pattern .basic_retrieve_password_index .main_wrapper {
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.mb_pattern .basic_retrieve_password_index .form_wrapper {
    width: 100%;
    min-width: 100%
}

.mb_pattern .basic_retrieve_password_index .btn_confirm {
    margin-top: 20px
}

.mb_pattern .basic_retrieve_password_index .retrieve_password_header {
    text-align: left
}

.mb_pattern .basic_retrieve_password_index .form_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.mb_pattern .basic_retrieve_password_index .input_style {
    width: 100%;
    margin-left: 0;
    padding-left: 0
}

.mb_pattern .basic_retrieve_password_index .my_label {
    width: auto;
    color: #8a929e;
    font-weight: 400;
    font-size: 13px
}

.mb_pattern .basic_retrieve_password_index .input_style {
    background: transparent;
    border: none;
    border-bottom: 1px solid #b0b0b0
}

.mb_pattern .basic_retrieve_password_index .input_style:hover {
    border-bottom: 1px solid #3078d0
}

.mb_pattern .basic_retrieve_password_index .input_style:focus {
    border-bottom: 1px solid #3078d0
}

.mb_pattern .basic_retrieve_password_index .form_item-terms-content {
    width: 100%;
    padding-left: 0
}

.mb_pattern .basic_retrieve_password_index .btn-register,
.mb_pattern .basic_retrieve_password_index .btn_confirm {
    width: 100%;
    margin-left: 0
}

.mb_pattern .basic_retrieve_password_index .pc_steps_contain {
    display: none
}

.mb_pattern .basic_retrieve_password_index .steps .step-first {
    margin: 0 auto
}

.mb_pattern .basic_retrieve_password_index .steps .step-first .tips {
    margin: 10px 0 20px 0;
    color: #8a929e;
    font-size: 13px;
    font-weight: 500
}

.mb_pattern .basic_retrieve_password_index .steps .step-first li .title {
    color: #505d69;
    font-weight: 500;
    font-size: 15px
}

.mb_pattern .basic_retrieve_password_index .steps .step-second {
    margin-top: 5px
}

.mb_pattern .basic_retrieve_password_index .steps .step-second .label_1 {
    color: #8a929e;
    font-size: 13px;
    font-weight: 400;
    line-height: 25px
}

.mb_pattern .basic_retrieve_password_index .steps .step-second .label_2 {
    font-size: 15px;
    font-weight: 500;
    color: #505d69;
    line-height: 21px;
    margin-top: 30px
}

.mb_pattern .basic_retrieve_password_index .steps .step-second .label_3 {
    font-size: 13px;
    font-weight: 400;
    color: #454545;
    display: block;
    margin-top: 10px
}

.mb_pattern .basic_retrieve_password_index .verification_contain {
    display: block
}

.mb_pattern .basic_retrieve_password_index .verification_contain #step_2_verify {
    display: inline-block;
    width: 50%
}

.mb_pattern .basic_retrieve_password_index .verification_contain .verification_btn {
    width: 90px;
    height: 30px;
    line-height: 30px;
    font-size: 13px
}

.mb_pattern .basic_retrieve_password_index .verification_contain .verify_text {
    font-weight: 400;
    display: block;
    color: #8a929e;
    font-size: 13px
}

.mb_pattern .basic_retrieve_password_index .set_password_text {
    font-size: 13px;
    font-weight: 400;
    color: #8a929e;
    margin-bottom: 20px;
    margin-top: 5px;
    text-align: left
}

.mb_pattern .basic_retrieve_password_index .primary_btn,
.mb_pattern .basic_retrieve_password_index .default_btn {
    width: 100%;
    height: 44px;
    line-height: 44px;
    font-size: 13px
}

.mb_pattern .basic_retrieve_password_index .step_1 .primary_btn {
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 13px
}

.mb_pattern .basic_retrieve_password_index .step_3 .tc,
.mb_pattern .basic_retrieve_password_index .step_2 .tc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.mb_pattern .basic_retrieve_password_index .step_3 .tc .next_step_btn,
.mb_pattern .basic_retrieve_password_index .step_2 .tc .next_step_btn {
    margin-left: 0;
    margin-bottom: 20px
}

.mb_pattern .basic_retrieve_password_index .step_first_text {
    margin-right: 10px;
    font-size: 13px
}

.mb_pattern .basic_retrieve_password_index .success_image {
    width: 56px;
    height: 56px
}

.mb_pattern .basic_retrieve_password_index .step_4 .tc .primary_btn,
.mb_pattern .basic_retrieve_password_index .step_4 .tc .default_btn {
    width: 114px;
    height: 36px;
    line-height: 36px;
    border-radius: 2px;
    font-size: 14px
}

.basic_language .s_multi_language_icon {
    width: 30px !important;
    height: 20px !important;
    background-image: url(../img/langs_img.png);
    background-repeat: no-repeat
}

.basic_language .zh-cn,
.basic_language .zh-tw,
.basic_language .zh-ch {
    background-position: -10px -10px
}

.basic_language .in-id {
    background-position: -52px -10px
}

.basic_language .uk-ua {
    background-position: -94px -10px
}

.basic_language .lt-lt {
    background-position: -135px -10px
}

.basic_language .sr-sp {
    background-position: -177px -10px
}

.basic_language .en-us {
    background-position: -219px -10px
}

.basic_language .tr-tr {
    background-position: -261px -10px
}

.basic_language .ko-ko {
    background-position: -303px -10px
}

.basic_language .sq-al {
    background-position: -344px -10px
}

.basic_language .uz-uz {
    background-position: -12px -45px
}

.basic_language .it-it {
    background-position: -52px -42px
}

.basic_language .he-il {
    background-position: -94px -42px
}

.basic_language .ms-my {
    background-position: -135px -42px
}

.basic_language .sk-sk {
    background-position: -177px -42px
}

.basic_language .es-es {
    background-position: -219px -43px
}

.basic_language .hi-in {
    background-position: -261px -43px
}

.basic_language .da-dk {
    background-position: -303px -42px
}

.basic_language .sw-ke {
    background-position: -344px -43px
}

.basic_language .vi-vn {
    background-position: -10px -75px
}

.basic_language .ja-jp {
    background-position: -52px -75px
}

.basic_language .el-gr {
    background-position: -94px -75px
}

.basic_language .bn-bn {
    background-position: -135px -75px
}

.basic_language .mr-in {
    background-position: -177px -75px
}

.basic_language .nl-nl {
    background-position: -219px -75px
}

.basic_language .ru-ru {
    background-position: -261px -75px
}

.basic_language .fi-fi {
    background-position: -303px -75px
}

.basic_language .th-th {
    background-position: -10px -108px
}

.basic_language .kk-kz {
    background-position: -52px -108px
}

.basic_language .hu-hu {
    background-position: -94px -108px
}

.basic_language .my-my {
    background-position: -135px -108px
}

.basic_language .lv-lv {
    background-position: -177px -108px
}

.basic_language .ps-ar {
    background-position: -219px -108px
}

.basic_language .ro-ro {
    background-position: -261px -108px
}

.basic_language .cs-cz {
    background-position: -303px -108px
}

.basic_language .ko-kr {
    background-position: -52px -140px
}

.basic_language .ar-il {
    background-position: -94px -140px
}

.basic_language .nb-no {
    background-position: -135px -140px
}

.basic_language .fa-ir {
    background-position: -177px -140px
}

.basic_language .pt-br {
    background-position: -219px -140px
}

.basic_language .et-ee {
    background-position: -261px -140px
}

.basic_language .hr-hr {
    background-position: -303px -140px
}

.basic_language .ne-np {
    background-position: -10px -172px
}

.basic_language .ky-kg {
    background-position: -52px -172px
}

.basic_language .de-de {
    background-position: -94px -172px
}

.basic_language .sv-se {
    background-position: -135px -172px
}

.basic_language .sl-si {
    background-position: -177px -172px
}

.basic_language .fr-fr {
    background-position: -219px -172px
}

.basic_language .bg-bg {
    background-position: -261px -172px
}

.basic_language .pl-pl {
    background-position: -303px -172px
}

.vjs-poster {
    opacity: 0
}

.video-js .vjs-time-tooltip {
    width: 3rem !important;
    display: inline-block !important
}

.video-js .vjs-time-control {
    display: block
}

.video-js .vjs-current-time {
    display: block !important
}

.video-js .vjs-time-control {
    padding-left: 0.2em !important;
    padding-right: 0.2em !important;
    min-width: 0 !important
}

.video-js .vjs-duration {
    display: block !important
}

.video-js .vjs-big-play-button {
    font-size: 0 !important;
    background: url(../img/backimg1.png) -116px -196px no-repeat;
    width: 56px !important;
    height: 56px !important;
    margin-top: -30px !important;
    margin-left: -30px !important;
    border-radius: 50% !important;
    border-color: #fff !important;
    background-color: #73859f !important;
    background-color: rgba(115, 133, 159, 0.5) !important
}

.vjs-big-play-button .vjs-icon-placeholder:before {
    content: "" !important
}

.vjs-paused .vjs-big-play-button,
.vjs-paused.vjs-has-started .vjs-big-play-button {
    display: block !important
}

.mb_pattern .pc_select_dom {
    display: none
}

.mb_pattern .pc_provinces_dom {
    display: none
}

.pc_pattern .mb_select_dom {
    display: none
}

.pc_pattern .mb_provinces_dom {
    display: none
}

.pc_pattern .module_wrap {
    padding-top: 20px
}

.mb_pattern .module_wrap_0,
.mb_pattern .module_wrap_1,
.mb_pattern .module_wrap_2 {
    padding-top: 28px
}

.mb_pattern .module_wrap_1 {
    padding-top: 18px
}

.pc_pattern .basic_product_display .list_one .border_bottom_transition:hover::after,
.pc_pattern .basic_product_display .list_one .border_bottom_transition:hover::before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.picker .picker-panel .picker-choose {
    font-size: 16px !important;
    color: #333 !important
}

.picker .picker-panel .picker-choose .confirm {
    color: #5874d8 !important
}

.picker .picker-panel .wheel-wrapper .wheel .wheel-scroll .wheel-item {
    color: #000 !important;
    font-size: 18px !important
}

.picker {
    z-index: 5000 !important
}

.picker .picker-mask {
    z-index: 5000 !important
}

.picker .picker-panel {
    z-index: 6000 !important
}

.pc_pattern .bg_video_mask .cancelDialogVideo {
    background-color: rgba(0, 0, 0, 0.45);
    display: inline-block;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    line-height: 34px;
    text-align: center
}

.pc_pattern .bg_video_mask .clearmb,
.pc_pattern .bg_video_mask .clearmb .video-js,
.pc_pattern .bg_video_mask iframe {
    width: 960px;
    height: 540px;
    overflow: hidden
}

.pc_pattern .bg_video_mask .video_dialog {
    width: 960px;
    height: 540px
}

.mb_pattern .bg_video_mask .cancelDialogVideo {
    left: 20px
}

.mb_pattern .bg_video_mask .video_dialog {
    width: 100%;
    height: 100%
}

.mb_pattern .bg_video_mask .dialogVideoDiv .video-js,
.mb_pattern .bg_video_mask .clearmb {
    width: 100%;
    height: 100%
}

.mb_pattern .bg_video_mask .video-js video {
    width: 100%;
    height: 425px !important
}

.pc_pattern .flv_content .flv_play_btn {
    -webkit-animation: moveAnimation 1s;
    animation: moveAnimation 1s;
    top: 0;
    opacity: 0
}

.pc_pattern .flv_content:hover .flv_play_btn {
    -webkit-animation: hoverAnimation 1s;
    animation: hoverAnimation 1s;
    top: 50%;
    opacity: 1
}

@-webkit-keyframes hoverAnimation {
    from {
        top: 0;
        opacity: 0
    }

    to {
        top: 50%;
        opacity: 1
    }
}

@keyframes hoverAnimation {
    from {
        top: 0;
        opacity: 0
    }

    to {
        top: 50%;
        opacity: 1
    }
}

@-webkit-keyframes moveAnimation {
    from {
        top: 50%;
        opacity: 1
    }

    to {
        top: 0;
        opacity: 0
    }
}

@keyframes moveAnimation {
    from {
        top: 50%;
        opacity: 1
    }

    to {
        top: 0;
        opacity: 0
    }
}

.mb_pattern .basic_video_index .img_flv_div .flv_play_btn {
    top: 50%;
    opacity: 1
}

.mb_pattern .basic_video_index .module_content {
    padding: 3.2% 3.72%
}

.bg_video_mask {
    display: none
}

.bg_video_mask .popupBg {
    position: fixed;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background-color: #000;
    z-index: 9031;
    overflow: hidden;
    opacity: 0.3;
    -webkit-transition: all 3s;
    transition: all 3s
}

.bg_video_mask .video_dialog {
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.bg_video_mask .video_dialog .dialogVideoDiv {
    height: 100%;
    position: relative
}

.bg_video_mask .video_dialog .dialogVideoDiv .clearmb {
    background: #000
}

.bg_video_mask .video_dialog .dialogVideoDiv .clearmb iframe {
    position: absolute;
    width: 100%;
    height: 100%
}

.bg_video_mask .video_dialog .dialogVideoDiv .clearmb .local_add_video .flv_play_btn {
    position: absolute;
    width: 60px;
    height: 60px;
    background: url(../img/backimg1.png) -116px -196px no-repeat;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    cursor: pointer;
    z-index: 9999
}

.bg_video_mask .video_dialog .dialogVideoDiv .clearmb .flv_play_inframe_wrap {
    position: absolute;
    width: 100%;
    padding-bottom: 58%;
    height: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.bg_video_mask .video_dialog .dialogVideoDiv .clearmb .flv_play_inframe_wrap .flv_play_inframe {
    width: 100%;
    height: 100%;
    position: absolute
}

.bg_video_mask .video_dialog .dialogVideoDiv .video-js .vjs-tech {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.bg_video_mask .video_dialog .dialogVideoDiv .cancelDialogVideo {
    z-index: 9999;
    right: 20px;
    cursor: pointer;
    font-size: 20px;
    color: #fff;
    position: absolute;
    margin-top: 14px
}

#detail_content_word_wrap div,
#detail_content_word_wrap span,
#detail_content_word_wrap h1,
#detail_content_word_wrap h2,
#detail_content_word_wrap h3,
#detail_content_word_wrap h4,
#detail_content_word_wrap h5,
#detail_content_word_wrap h6,
#detail_content_word_wrap p,
#detail_content_word_wrap a,
#detail_content_word_wrap em,
#detail_content_word_wrap strong,
#detail_content_word_wrap sub,
#detail_content_word_wrap sup,
#detail_content_word_wrap tt,
#detail_content_word_wrap b,
#detail_content_word_wrap i,
#detail_content_word_wrap dl,
#detail_content_word_wrap dt,
#detail_content_word_wrap dd,
#detail_content_word_wrap ol,
#detail_content_word_wrap ul,
#detail_content_word_wrap li,
#detail_content_word_wrap label,
#detail_content_word_wrap table,
#detail_content_word_wrap tbody,
#detail_content_word_wrap tfoot,
#detail_content_word_wrap thead,
#detail_content_word_wrap tr,
#detail_content_word_wrap th,
#detail_content_word_wrap td,
#detail_content_word_wrap article,
#detail_content_word_wrap aside,
#detail_content_word_wrap embed,
#detail_content_word_wrap footer,
#detail_content_word_wrap header,
#detail_content_word_wrap menu,
#detail_content_word_wrap nav,
#detail_content_word_wrap section,
#detail_content_word_wrap summary {
    word-break: normal !important
}

.s_footnav__bigpic {
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    -webkit-background-size: contain;
    background-size: contain;
    font-size: 20px !important;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: center;
    cursor: pointer
}

.s_footnav__whitecircle {
    width: 50px;
    height: 50px;
    top: -21px;
    -webkit-box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.12);
    box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.12);
    z-index: 3001;
    background-color: #fff
}

.s_footnav__bigicon {
    width: 42px;
    height: 42px;
    top: -17px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 3002
}

.s_footnav__bigicon,
.s_footnav__whitecircle {
    position: absolute;
    left: 50%;
    border-radius: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.s_footnav__holdwrap {
    height: 51px
}

.s_footnav__wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    border-top: 1px solid #ebebeb;
    -webkit-transition: left, bottom .5s;
    transition: left, bottom .5s;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    display: none;
    z-index: 3005
}

.mb_pattern .s_footnav__wrap {
    display: block !important
}

.s_footnav__sublist {
    position: absolute;
    -webkit-transform: translateY(calc(-100% - 10px));
    -ms-transform: translateY(calc(-100% - 10px));
    transform: translateY(calc(-100% - 10px));
    padding: 3px 0 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid #ebebeb;
    border-radius: 6px;
    cursor: pointer;
    background: #fff;
    z-index: 3002
}

.s_footnav__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 3001
}

.s_footnav__subitem {
    width: 90px;
    padding: 10px 0;
    margin: 0 8px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    border-bottom: 1px solid #ebebeb;
    color: #333;
    font-size: 13px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    position: relative
}

.s_footnav__subitem:last-of-type {
    border: none
}

.s_footnav__triangle {
    width: 0;
    height: 0;
    border: 6.8px solid transparent;
    border-top: 6.8px solid #fff;
    position: absolute;
    left: 50%;
    bottom: -13.6px;
    margin-left: -6.8px
}

.s_footnav__triangle:before {
    content: "";
    width: 0;
    height: 0;
    border: 6.8px solid transparent;
    border-top: 6.8px solid #ebebeb;
    z-index: -1;
    position: absolute;
    left: -6.8px;
    top: -5.5px
}

.s_footnav__item {
    color: #666;
    text-decoration: none;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px;
    background: #fff;
    position: relative
}

.s_footnav__item,
.s_footnav__list-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.s_footnav__pic {
    color: rgba(0, 0, 0, 0.5);
    width: 20px;
    height: 20px;
    line-height: 20px;
    -webkit-background-size: contain;
    background-size: contain;
    font-size: 20px !important;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: center
}

.s_footnav__name {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    font-size: 13px
}

.s_footnav__style-1 {
    background-color: #fff
}

.s_footnav__style-2 .s_footnav__list .s_footnav__item:first-child {
    width: 15%;
    max-width: 15%
}

.s_footnav__style-2 .s_footnav__list .s_footnav__item:not(:first-child) {
    border-left: 1px solid #ebebeb
}

.s_footnav__holdwrap-3 {
    height: 0 !important
}

.s_footnav__style-3 {
    width: 80%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 30px;
    height: 40px;
    border-top: 0
}

.s_footnav__style-3 .s_footnav__item:first-child {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px
}

.s_footnav__style-3 .s_footnav__item:last-child {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px
}

.s_footnav__style-3 .s_footnav__item {
    background: rgba(238, 238, 238, 0.9)
}

.s_footnav__style-3 .s_footnav__list .s_footnav__item:not(:first-child) {
    border-left: 1px solid rgba(255, 255, 255, 0.8)
}

.basic_classification .img_content_1,
.basic_classification .img_content_2 {
    width: 100px;
    height: 100%;
    text-align: center;
    -webkit-transition: all 4s ease;
    transition: all 4s ease
}

.basic_classification .open {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.basic_classification .level_2,
.basic_classification .level_3 {
    display: none
}

.basic_classification .view_pattern_pc .level_icon {
    vertical-align: middle;
    width: 20px;
    height: 20px;
    display: inline-block
}

.basic_classification .view_pattern_pc .icon_position_right .label_3_name,
.basic_classification .view_pattern_pc .icon_position_ .label_3_name {
    padding-left: 60px
}

.basic_classification .view_pattern_pc .icon_position_left .label_3_name {
    padding-left: 150px
}

.basic_classification .view_pattern_pc .item_content_left {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 100%
}

.basic_classification .view_pattern_pc .item_content_left .label_2_name {
    padding-left: 20px
}

.basic_classification .view_pattern_pc .item_content_left .level_2_icon {
    margin-left: 20px
}

.basic_classification .view_pattern_pc .item_content_right {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.basic_classification .view_pattern_pc .item_content_right .label_1_name {
    padding-left: 20px
}

.basic_classification .view_pattern_pc .item_content_right .label_2_name {
    padding-left: 40px
}

.basic_classification .view_pattern_pc .item_content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.basic_classification .view_pattern_pc .item_content .label_1_name {
    padding-left: 20px
}

.basic_classification .view_pattern_pc .item_content .label_2_name {
    padding-left: 40px
}

.basic_classification .view_pattern_pc a {
    -webkit-background-clip: text;
    font-size: 16px;
    color: #333;
    line-height: 32px
}

.basic_classification .view_pattern_pc .type_0 .label_3_name {
    padding-right: 20px;
    word-wrap: break-word;
    display: inline-block
}

.basic_classification .view_pattern_pc .type_1 .level_2_content {
    position: relative
}

.basic_classification .view_pattern_pc .type_1 .child_content {
    background-color: #F2F2F2
}

.basic_classification .view_pattern_pc .type_1 .level_3 {
    position: absolute;
    left: 100%;
    z-index: 100;
    top: 0;
    width: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 500px
}

.basic_classification .view_pattern_pc .type_1 .level_3 .son_content {
    padding-left: 20px;
    padding-right: 20px
}

.basic_classification .view_pattern_pc .type_1 .level_3 .label_3_name {
    padding-left: 0;
    padding-right: 20px
}

.basic_classification .view_pattern_pc .type_2 .left_content {
    position: relative
}

.basic_classification .view_pattern_pc .type_2 .left_content li:last-child .left_level1_content {
    border-bottom: 1px solid #ececec
}

.basic_classification .view_pattern_pc .type_2 .left_content li .left_level1_content {
    border-top: 1px solid #ececec;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    width: 100%
}

.basic_classification .view_pattern_pc .type_2 .left_content li .left_level1_content .parent_content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 32px;
    font-size: 14px;
    font-weight: 400;
    color: #666
}

.basic_classification .view_pattern_pc .type_2 .right_content {
    position: absolute;
    left: 100%;
    top: 0;
    min-width: 300px;
    border: 2px solid #ececec;
    background-color: #FFF;
    color: #333;
    font-size: 12px;
    -webkit-transition: none 0s ease 0s;
    transition: none 0s ease 0s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow-x: hidden;
    overflow-y: auto;
    height: 300px;
    max-width: 100%;
    padding: 10px 20px 10px 10px;
    z-index: 100;
    display: none
}

.basic_classification .view_pattern_pc .type_2 .right_content .level_2 {
    display: block !important
}

.basic_classification .view_pattern_pc .type_2 .right_content .level_2 a {
    line-height: 34px;
    font-size: 14px;
    color: #333;
    font-weight: bold
}

.basic_classification .view_pattern_pc .type_2 .right_content .level_3 {
    display: block !important;
    padding-left: 10px
}

.basic_classification .view_pattern_pc .type_2 .right_content .level_3 a {
    color: #666;
    font-size: 12px;
    font-weight: normal;
    padding-right: 10px
}

.basic_classification .view_pattern_pc .content_detail_style5 .level_2,
.basic_classification .view_pattern_pc .content_detail_style5 .level_3 {
    display: block
}

.basic_classification .view_pattern_pc .content_detail_style5 a {
    line-height: 32px;
    padding: 0 10px
}

.basic_classification .view_pattern_pc .content_detail_style5 .level_1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -1px
}

.basic_classification .view_pattern_pc .content_detail_style5 .level_1>li {
    width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 12px;
    position: relative;
    border-bottom: 1px solid #ececec !important
}

.basic_classification .view_pattern_pc .content_detail_style5 .level_1>li>div .title a {
    width: 100%;
    display: inline-block;
    display: inline-block;
    font-size: 16px;
    color: #333;
    line-height: 32px;
    padding: 0 10px
}

.basic_classification .view_pattern_pc .content_detail_style5 .level_1>li::after {
    content: '';
    display: block;
    position: absolute;
    top: 20px;
    right: 0;
    height: calc(100% - 40px);
    border-right: 1px dashed #ececec
}

.basic_classification .view_pattern_pc .content_detail_style5 .level_2>li {
    width: 100%;
    display: inline-block
}

.basic_classification .view_pattern_pc .content_detail_style5 .level_2>li>a {
    width: 100%;
    display: inline-block;
    line-height: 32px;
    padding: 0 20px;
    font-size: 14px;
    color: #666
}

.basic_classification .view_pattern_pc .content_detail_style5 .level_3>li {
    width: 100%;
    display: inline-block
}

.basic_classification .view_pattern_pc .content_detail_style5 .level_3>li>a {
    width: 100%;
    display: inline-block;
    line-height: 32px;
    padding: 0 30px;
    font-size: 14px;
    color: #666
}

.basic_classification .view_pattern_pc .product_type_appoint .level_1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -1px
}

.basic_classification .view_pattern_pc .product_type_appoint .level_1>li {
    width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 12px;
    position: relative;
    border-bottom: 1px solid #ececec
}

.basic_classification .view_pattern_pc .product_type_appoint .level_1>li::after {
    content: '';
    display: block;
    position: absolute;
    top: 20px;
    right: 0;
    height: calc(100% - 40px);
    border-right: 1px dashed #ececec
}

.basic_classification .view_pattern_mb .level_icon {
    vertical-align: middle;
    width: 20px;
    height: 20px;
    display: inline-block
}

.basic_classification .view_pattern_mb .item_content_left {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 100%
}

.basic_classification .view_pattern_mb .item_content_left .label_2_name {
    padding-left: 20px
}

.basic_classification .view_pattern_mb .item_content_left .label_3_name {
    padding-left: 100px
}

.basic_classification .view_pattern_mb .item_content_left .level_2_icon {
    margin-left: 20px
}

.basic_classification .view_pattern_mb .item_content_right {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.basic_classification .view_pattern_mb .item_content_right .label_1_name {
    padding-left: 20px
}

.basic_classification .view_pattern_mb .item_content_right .label_2_name {
    padding-left: 40px
}

.basic_classification .view_pattern_mb .item_content_right .label_3_name {
    padding-left: 60px
}

.basic_classification .view_pattern_mb .item_content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.basic_classification .view_pattern_mb .item_content .label_1_name {
    padding-left: 20px
}

.basic_classification .view_pattern_mb .item_content .label_2_name {
    padding-left: 40px
}

.basic_classification .view_pattern_mb .item_content .label_3_name {
    padding-left: 60px
}

.basic_classification .view_pattern_mb .data_empty {
    padding: 48px 0
}

.basic_classification .view_pattern_mb .data_empty .empty_tips_text {
    font-size: 14px;
    margin-top: 0
}

.basic_classification .view_pattern_mb .content_detail a {
    color: #333;
    position: relative
}

.basic_classification .view_pattern_mb .content_detail a.actived {
    color: var(--theme_color) !important
}

.basic_classification .view_pattern_mb .content_detail .level_1>li>div {
    border-bottom: 1px solid #ececec
}

.basic_classification .view_pattern_mb .content_detail .level_1>li>div a {
    font-size: 15px
}

.basic_classification .view_pattern_mb .content_detail .level_2>li>div {
    border-bottom: 1px solid #ececec
}

.basic_classification .view_pattern_mb .content_detail .level_2>li>div a {
    font-size: 14px
}

.basic_classification .view_pattern_mb .content_detail .level_3>li>div {
    border-bottom: 1px solid #ececec
}

.basic_classification .view_pattern_mb .content_detail .level_3>li>div a {
    font-size: 14px;
    padding-left: 60px
}

.mb_pattern .mobilePart {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.basic_development_history .history_0 {
    margin-bottom: 31px;
    overflow: hidden;
    padding-top: 30px
}

.basic_development_history .history_0 .title {
    color: #333;
    line-height: 28px;
    margin-bottom: 13px
}

.basic_development_history .history_0 .container {
    margin-right: auto;
    margin-left: auto;
    width: 100%
}

.basic_development_history .history_0 ul {
    margin-top: 41px;
    padding-top: 30px;
    overflow: hidden;
    position: relative
}

.basic_development_history .history_0 ul:before {
    content: "";
    display: block;
    width: 24px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 88px;
    background: url("../img/top.png") no-repeat top center;
    z-index: 2
}

.basic_development_history .history_0 ul:after {
    content: "";
    display: block;
    width: 2px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 100px;
    background: #e9e9e9;
    z-index: 1
}

.basic_development_history .history_0 ul li {
    position: relative;
    overflow: hidden;
    margin: 0 0px 40px 0px
}

.basic_development_history .history_0 ul li .li_content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.basic_development_history .history_0 ul li .left {
    width: 100px;
    padding: 15px;
    word-wrap: break-word
}

.basic_development_history .history_0 ul li .left1 {
    position: absolute;
    top: 0;
    left: 5px;
    height: 30px;
    width: 100px;
    z-index: 4;
    background: url("../img/dot09.png") no-repeat center right
}

.basic_development_history .history_0 ul li .right1 {
    font-size: 14px;
    color: #333;
    line-height: 24px;
    padding-left: 40px;
    padding: 15px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mb_pattern .basic_development_history .history_0 ul li .right1 {
    padding-left: 30px
}

.mb_pattern .basic_development_history .history_0 ul li {
    margin-bottom: 20px
}

.basic_development_history .history_1 {
    padding: 61px 0 100px 0;
    overflow: hidden
}

.basic_development_history .history_1 .container {
    width: 100%
}

.basic_development_history .history_1 .container .home-title {
    position: relative;
    padding-top: 5px;
    text-align: center
}

.basic_development_history .history_1 .bottom {
    text-align: center;
    padding-top: 15px;
    overflow: hidden
}

.basic_development_history .history_1 .bottom ul {
    padding-bottom: 20px;
    position: relative
}

.basic_development_history .history_1 .bottom ul:after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    background: #ccdded;
    margin-left: -0.5px
}

.basic_development_history .history_1 .bottom ul li .box {
    position: relative
}

.basic_development_history .history_1 .bottom ul li .text {
    width: 50%;
    padding-right: 15px;
    padding-top: 15px
}

.basic_development_history .history_1 .bottom ul li .bt {
    margin-bottom: 20px
}

.basic_development_history .history_1 .bottom ul li .jsh1 {
    line-height: 24px;
    font-size: 16px;
    text-align: left
}

.basic_development_history .history_1 .bottom ul li .jsh1 .jsh1_content {
    background: url(../img/dot1.png) no-repeat left 11px;
    margin-bottom: 18px
}

.basic_development_history .history_1 .bottom ul .even .text {
    float: right
}

.basic_development_history .history_1 .bottom ul .even .text .bt {
    text-align: left;
    background: url(../img/bleft.png) no-repeat center left;
    padding-left: 110px;
    width: 100%;
    word-wrap: break-word
}

.basic_development_history .history_1 .bottom ul .even .text .jsh1 {
    padding-left: 80px
}

.basic_development_history .history_1 .bottom ul .even .text .jsh1 .jsh1_content {
    padding-left: 30px
}

.basic_development_history .history_1 .bottom ul .odd .text {
    float: left;
    padding-left: 15px;
    padding-right: 0
}

.basic_development_history .history_1 .bottom ul .odd .text .bt {
    text-align: right;
    background: url(../img/bright.png) no-repeat center right;
    padding-right: 110px
}

.basic_development_history .history_1 .bottom ul .odd .text .jsh1 {
    text-align: right;
    margin-right: 80px
}

.basic_development_history .history_1 .bottom ul .odd .text .jsh1 .jsh1_content {
    background: url(../img/dot1.png) no-repeat right 11px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 30px
}

.basic_development_history .history_1 .bottom .more {
    width: 103px;
    height: 103px;
    margin: 0 auto
}

.basic_development_history .history_1 .bottom .more a {
    display: block
}

.mb_pattern .basic_development_history .history_1 ul:after {
    left: 15px;
    margin-left: 0
}

.mb_pattern .basic_development_history .history_1 ul .more {
    width: 32px;
    height: 32px;
    margin: 0
}

.mb_pattern .basic_development_history .history_1 ul li .box {
    margin-left: -66px
}

.mb_pattern .basic_development_history .history_1 ul li .box .text {
    float: none !important;
    padding-top: 15px !important;
    padding-right: 0px !important;
    width: 100%
}

.mb_pattern .basic_development_history .history_1 ul li .bt {
    z-index: 2;
    position: relative;
    padding: 0 0 0 105px !important
}

.mb_pattern .basic_development_history .history_1 ul li .jsh1 {
    font-size: 14px;
    margin-left: 100px;
    padding: 0 !important;
    margin-right: 0 !important
}

.mb_pattern .basic_development_history .history_1 ul li .jsh1 .jsh1_content {
    padding-bottom: 10px;
    padding-right: 15px !important;
    padding-left: 5px !important;
    background: none !important;
    text-align: left
}

.mb_pattern .basic_development_history .history_1 ul .even .text .bt {
    padding: 0 0 0 105px !important
}

.mb_pattern .basic_development_history .history_1 ul .even .text .bt .jsh1 {
    padding: 0 15px 15px 80px
}

.mb_pattern .basic_development_history .history_1 ul .even .text .bt .jsh1 .jsh1_content {
    padding-left: 20px
}

.mb_pattern .basic_development_history .history_1 ul .odd .text .bt {
    text-align: left;
    background: url(../img/bleft.png) no-repeat center left;
    padding-left: 100px;
    margin-left: -15px
}

.mb_pattern .basic_development_history .history_1 ul .odd .text .jsh1 {
    text-align: left;
    margin-right: 0;
    margin-left: 80px !important
}

.mb_pattern .basic_development_history .history_1 ul .odd .text .jsh1 .jsh1_content {
    background: url(../img/dot1.png) no-repeat left 11px;
    padding-left: 20px;
    margin-left: 0px;
    padding-right: 15px
}

.basic_development_history .history_2 {
    padding: 30px 0;
    overflow: hidden
}

.basic_development_history .history_2 .in-title {
    text-align: center
}

.basic_development_history .history_2 .in-bottom {
    margin-top: 65px;
    position: relative;
    overflow: hidden;
    text-align: left
}

.basic_development_history .history_2 .in-bottom .history_ul {
    position: relative;
    z-index: 3;
    padding-bottom: 104px
}

.basic_development_history .history_2 .in-bottom .history_ul .swiper-slide {
    height: auto !important
}

.basic_development_history .history_2 .in-bottom .history_ul .box {
    position: relative;
    padding: 0 10px 0 15px;
    height: 100%
}

.basic_development_history .history_2 .in-bottom .history_ul .box:after {
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    background: #e5e5e5;
    position: absolute;
    top: 25px;
    left: 0;
    z-index: 1
}

.basic_development_history .history_2 .in-bottom .history_ul .box .date {
    background: url("../img/hh.png") no-repeat top center;
    display: inline-block;
    font-size: 15px;
    color: #777;
    width: 100%;
    padding-top: 40px;
    font-family: arial;
    margin-bottom: 29px;
    position: relative;
    z-index: 3;
    margin-top: 15px
}

.basic_development_history .history_2 .in-bottom .history_ul .box .jsh {
    font-size: 15px;
    color: #555;
    line-height: 25px;
    overflow: hidden;
    margin-bottom: 57px
}

.mb_pattern .basic_development_history .history_2 .container {
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%
}

.mb_pattern .basic_development_history .history_2 .in-bottom {
    margin-top: 20px
}

.mb_pattern .basic_development_history .history_2 .in-bottom .history_ul {
    margin: 0;
    padding-bottom: 64px
}

.mb_pattern .basic_development_history .history_2 .in-bottom .history_ul .box {
    margin-left: 0
}

.mb_pattern .basic_development_history .history_2 .in-bottom .history_ul .history_li .date,
.mb_pattern .basic_development_history .history_2 .in-bottom .history_ul .box:hover .date {
    margin-bottom: 0;
    background: none;
    padding-bottom: 10px;
    padding-top: 0
}

.mb_pattern .basic_development_history .history_2 .in-bottom .history_ul .box:after {
    display: none !important
}

.mb_pattern .basic_development_history .history_2 .in-bottom .history_ul .history_li .num {
    font-size: 30px;
    line-height: 50px
}

.mb_pattern .basic_development_history .history_2 .in-bottom .history_ul .history_li .jsh {
    font-size: 14px;
    margin-bottom: 0
}

.basic_development_history .history_2 .in-bottom .history_ul .box:hover .date {
    background: url("../img/h.png") no-repeat top center
}

.basic_development_history .history_2 .in-bottom .slick-prev,
.basic_development_history .history_2 .in-bottom .slick-next {
    top: auto;
    bottom: 0;
    width: 44px;
    height: 44px;
    z-index: 3;
    font-size: 0;
    line-height: 0;
    margin-top: -10px;
    padding: 0;
    position: absolute;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none
}

.basic_development_history .history_2 .in-bottom .slick-prev {
    left: 50%;
    margin-left: -60px;
    background: url("../img/left3.png") no-repeat center center
}

.basic_development_history .history_2 .in-bottom .slick-prev:hover {
    background: url("../img/left3h.png") no-repeat center center
}

.basic_development_history .history_2 .in-bottom .slick-next {
    right: 50%;
    margin-right: -60px;
    background: url("../img/right3.png") no-repeat center center
}

.basic_development_history .history_2 .in-bottom .slick-next:hover {
    background: url("../img/right3h.png") no-repeat center center
}

.basic_development_history .history_2 .in-bottom .slick-prev:before,
.basic_development_history .history_2 .in-bottom .slick-next:before {
    content: ""
}

.basic_development_history .history_3 {
    padding: 30px 15px;
    text-align: center;
    background-color: rgba(156, 150, 150, 0.5)
}

.basic_development_history .history_3 .history-bottom {
    margin: 102px 0 0 0;
    overflow: hidden;
    position: relative;
    margin-top: 20px
}

.basic_development_history .history_3 .history-bottom .slick-prev {
    background: #fff url(../img/left2.png) no-repeat center center;
    left: 0;
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 50%;
    margin-top: -44px;
    z-index: 66;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%
}

.basic_development_history .history_3 .history-bottom .slick-next {
    background: #fff url(../img/right2.png) no-repeat center center;
    right: 0;
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 50%;
    margin-top: -44px;
    z-index: 66;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%
}

.basic_development_history .history_3 .history-bottom:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -21px;
    z-index: 1
}

.basic_development_history .history_3 .history-bottom .history_ul {
    margin-top: 20px;
    padding: 0 40px;
    position: relative;
    z-index: 2
}

.basic_development_history .history_3 .history-bottom .history_ul .swiper-slide {
    background-color: transparent !important
}

.basic_development_history .history_3 .history-bottom .history_ul .history_li .box {
    padding-left: 15px;
    position: relative;
    -webkit-transition: .5s;
    transition: .5s;
    text-align: left
}

.basic_development_history .history_3 .history-bottom .history_ul .history_li .box:after {
    content: '';
    display: block;
    height: 240px;
    width: 27px;
    bottom: 30px;
    position: absolute;
    left: 0;
    background: url(../img/line1.png) no-repeat bottom center
}

.basic_development_history .history_3 .history-bottom .history_ul .history_li .nr {
    -webkit-transition: .5s;
    transition: .5s;
    padding: 15px 15px 15px 0
}

.basic_development_history .history_3 .history-bottom .history_ul .history_li .nr .year {
    font-size: 20px;
    color: #f39800;
    font-family: "AvantGardeITCbyBT-Medium";
    -webkit-transition: .5s;
    transition: .5s
}

.basic_development_history .history_3 .history-bottom .history_ul .history_li .nr .anr {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 14px;
    height: 96px;
    line-height: 24px;
    overflow: auto
}

.basic_development_history .history_3 .history-bottom .history_ul .history_li .title {
    padding-top: 30px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 58px;
    border: 6px solid #fff;
    background: #f39800;
    margin-left: 13px
}

.basic_development_history .history_3 .history-bottom .history_ul .history_li:nth-child(2n) .box {
    margin-top: 164px !important
}

.basic_development_history .history_3 .history-bottom .history_ul .history_li:nth-child(2n) .box:after {
    width: 30px;
    top: 30px;
    bottom: auto;
    background: url(../img/line2.png) no-repeat bottom center !important
}

.basic_development_history .history_3 .history-bottom .history_ul .history_li:nth-child(2n) .title {
    margin-bottom: 61px !important
}

.pc_pattern .history_3 .box ::-webkit-scrollbar {
    width: 0 !important
}

.pc_pattern .history_3 .history-bottom .history_ul .history_li:hover .box {
    margin-top: -15px !important;
    margin-bottom: 15px !important
}

.pc_pattern .history_3 .history-bottom .history_ul .history_li:nth-child(2n):hover .box {
    margin-top: 145px !important;
    margin-bottom: 15px !important
}

.mb_pattern .basic_development_history .history_3 .pc_content {
    display: none
}

.pc_pattern .basic_development_history .history_3 .mb_content {
    display: none
}

.mb_pattern .history_3 {
    -webkit-background-size: cover;
    background-size: cover
}

.mb_pattern .history_3 .history-bottom .history_ul {
    margin: 0
}

.mb_pattern .history_3 .history-bottom .history_ul .history_li {
    text-align: center
}

.mb_pattern .history_3 .history-bottom .history_ul .history_li .box:after {
    display: none
}

.mb_pattern .history_3 .history-bottom .history_ul .history_li .year {
    margin-bottom: 15px
}

.mb_pattern .history_3 .history-bottom .history_ul .history_li .nr {
    margin-top: 70px
}

.mb_pattern .history_3 .history-bottom .history_ul .history_li .anr {
    font-size: 14px;
    margin-bottom: 0;
    height: auto !important
}

.mb_pattern .history_3 .history-bottom .history_ul .history_li .title {
    width: 55px;
    height: 55px;
    font-size: 14px;
    line-height: 43px;
    position: absolute;
    margin-top: -64px;
    left: 50%;
    top: 0;
    margin-left: -26px
}

.mb_pattern .history_3 .history-bottom .history_ul .history_li:nth-child(2n) .box {
    margin-top: 0 !important
}

.mb_pattern .history_3 .history-bottom .history_ul .history_li:nth-child(2n) .title {
    margin-bottom: 0
}

.mb_pattern .history_3 .history-bottom .slick-prev,
.mb_pattern .history_3 .history-bottom .slick-next {
    margin-top: 17px;
    top: 0
}

.mb_pattern .history_3 .history-bottom:after {
    top: 0;
    margin-top: 32px
}

.basic_development_history .history_3 .swiper-slide {
    background-color: transparent !important
}

.mbAreaCodeDialog {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 5000;
    display: none
}

.mbAreaCodeDialog .dialog_layout {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6)
}

.mbAreaCodeDialog .dialog_layout .dialog_container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #fff;
    width: 100%;
    height: 100%;
    line-height: 620px;
    text-align: center
}

.mbAreaCodeDialog .dialog_layout .dialog_container .dialog_warp {
    line-height: normal;
    text-align: left;
    max-height: 100%;
    overflow-y: auto
}

.mbAreaCodeDialog .dialog_layout .dialog_container .dialog_warp .dialog_title {
    text-align: center;
    line-height: 53px;
    height: 53px;
    width: 100%
}

.mbAreaCodeDialog .dialog_layout .dialog_container .dialog_warp .dialog_title .dialog_close {
    right: auto;
    left: 15px;
    top: 0px;
    position: absolute;
    cursor: pointer;
    color: #909399;
    font-size: 20px
}

.mbAreaCodeDialog .dialog_layout .dialog_container .dialog_warp .dialog_title .dialog_close:before {
    content: "\E65B"
}

.mbAreaCodeDialog .dialog_layout .dialog_container .dialog_warp .dialog_title .title {
    font-size: 16px;
    color: #333;
    margin-left: 0
}

.mbAreaCodeDialog .dialog_layout .dialog_container .dialog_warp .height_fill {
    height: 40px;
    position: fixed;
    top: 53px;
    width: 100%
}

.mbAreaCodeDialog .dialog_layout .dialog_container .dialog_warp .height_fill .searchs_content {
    border-left: none;
    border-right: none;
    border-top: none
}

.mbAreaCodeDialog .dialog_layout .dialog_container .dialog_warp .height_fill .searchs_content .searchs_btn_content span {
    line-height: 40px
}

.mbAreaCodeDialog .dialog_layout .dialog_container .dialog_warp .dialog_content {
    height: 100%;
    overflow-x: hidden;
    margin-top: 93px
}

.mbAreaCodeDialog .dialog_layout .dialog_container .dialog_warp .dialog_content .area_code_list .select_item {
    font-size: 14px;
    color: #333;
    padding: 10px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    border-bottom: 1px solid #ebebeb;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mbAreaCodeDialog .dialog_layout .dialog_container .dialog_warp .dialog_content .area_code_list .select_item .left {
    width: calc(100% - 80px)
}

.mbAreaCodeDialog .dialog_layout .dialog_container .dialog_warp .dialog_content .area_code_list .select_item .right {
    width: 80px;
    text-align: right
}

.select_list_wrap .height_fill,
.mbAreaCodeDialog .height_fill {
    height: 30px
}

.select_list_wrap .height_fill .searchs_content,
.mbAreaCodeDialog .height_fill .searchs_content {
    border-color: #ebebeb;
    border-style: solid;
    border-width: 1px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    overflow: hidden;
    font-size: 0;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.select_list_wrap .height_fill .searchs_content .searchs_input_content,
.mbAreaCodeDialog .height_fill .searchs_content .searchs_input_content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.select_list_wrap .height_fill .searchs_content .searchs_input_content input,
.mbAreaCodeDialog .height_fill .searchs_content .searchs_input_content input {
    height: 100%;
    width: 100%;
    border: none;
    padding-right: 15px;
    padding-left: 0px;
    font-size: 12px
}

.select_list_wrap .height_fill .searchs_content .searchs_btn_content,
.mbAreaCodeDialog .height_fill .searchs_content .searchs_btn_content {
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 35px;
    text-align: center;
    cursor: pointer
}

.select_list_wrap .height_fill .searchs_content .searchs_btn_content span,
.mbAreaCodeDialog .height_fill .searchs_content .searchs_btn_content span {
    color: #808080;
    line-height: 30px;
    font-size: 18px
}

.pc_pattern .basic_zhlanguage {
    height: 100%
}

.pc_pattern .basic_zhlanguage a {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pc_pattern .basic_zhlanguage .pc_img {
    display: block
}

.mb_pattern .basic_zhlanguage .mb_img {
    display: block
}

.pc_pattern .basic_zhlanguage .mb_img {
    display: none
}

.mb_pattern .basic_zhlanguage .pc_img {
    display: none
}

.mb_pattern .basic_zhlanguage_left {
    position: fixed;
    width: 24px;
    top: 28px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 1999;
    right: 20px;
    left: auto
}

.mb_pattern .basic_zhlanguage_right {
    left: 20px;
    right: auto;
    position: fixed;
    width: 24px;
    top: 28px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 100
}

img {
    max-width: 100%
}

.mb_pattern i,
.mb_pattern a,
.mb_pattern button,
.mb_pattern a:active {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

img[data-original] {
    background: url(../img/loading.gif) no-repeat center center #f6f6f6
}

.laybox .laybox_child_frame {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.laybox .laybox_child_frame .vip_logo {
    position: absolute;
    right: -58px;
    top: 50%;
    width: 58px;
    margin-top: -12px;
    cursor: pointer
}

.page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.page.pageStyle0 .custom-page li {
    padding: 0 4px;
    background: transparent;
    vertical-align: top;
    display: inline-block;
    font-size: 13px;
    min-width: 35.5px;
    height: 28px;
    line-height: 28px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin: 0
}

.page.pageStyle0 .custom-page li:hover {
    background: transparent;
    color: #0078d7
}

.page.pageStyle0 .custom-page li.xl-active {
    background: transparent;
    color: #0078d7;
    cursor: default
}

.page.pageStyle0 .custom-page li.xl-disabled {
    cursor: not-allowed
}

.page.pageStyle0 .mb_page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
    height: 60px;
    white-space: nowrap;
    font-size: 14px
}

.page.pageStyle0 .mb_page .iconfont {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    min-width: 35.5px;
    height: 28px;
    line-height: 28px;
    margin: 0;
    padding: 0 6px;
    background-color: transparent;
    border: none;
    color: #666;
    font-size: 14px;
    vertical-align: top;
    cursor: pointer;
    outline: 0
}

.page.pageStyle0 .mb_page .iconfont.disabled {
    color: #e2e2e2
}

.page.pageStyle1 .custom-page {
    height: 36px
}

.page.pageStyle1 .custom-page li {
    display: inline-block;
    margin-left: 0;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #e3e2e8;
    border-right: none;
    font-weight: 500;
    background: transparent;
    font-size: 14px;
    cursor: pointer
}

.page.pageStyle1 .custom-page li:hover {
    background: transparent;
    color: #0078d7
}

.page.pageStyle1 .custom-page li.xl-active {
    line-height: 36px;
    border: 1px solid #e3e2e8;
    border-right: none;
    color: #0078d7;
    background: transparent
}

.page.pageStyle1 .custom-page li:last-of-type {
    border-right: 1px solid #e3e2e8
}

.page.pageStyle1 .custom-page li.xl-prevPage {
    margin-right: 0;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #e3e2e8;
    border-right: none;
    font-weight: 500;
    background: transparent
}

.page.pageStyle1 .custom-page li.xl-prevPage:hover {
    background: transparent;
    color: #0078d7
}

.page.pageStyle1 .custom-page li.xl-prevPage.xl-disabled {
    cursor: not-allowed;
    color: #e3e2e8
}

.page.pageStyle1 .custom-page li.xl-prevPage i {
    font-size: 12px
}

.page.pageStyle1 .custom-page li.xl-nextPage {
    margin-right: 0;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #e3e2e8;
    font-weight: 500;
    background: transparent
}

.page.pageStyle1 .custom-page li.xl-nextPage:hover {
    background: transparent;
    color: #0078d7
}

.page.pageStyle1 .custom-page li.xl-nextPage.xl-disabled {
    cursor: not-allowed;
    color: #e3e2e8
}

.page.pageStyle1 .custom-page li.xl-nextPage i {
    font-size: 12px
}

.page.pageStyle1 .mb_page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 10px;
    height: 60px;
    white-space: nowrap;
    font-size: 14px
}

.page.pageStyle1 .mb_page .iconfont,
.page.pageStyle1 .mb_page span {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    padding: 0;
    text-align: center;
    border: 1px solid #e3e2e8;
    margin-left: -1px
}

.page.pageStyle1 .mb_page .iconfont.disabled,
.page.pageStyle1 .mb_page span.disabled {
    color: #e2e2e2
}

.page.pageStyle1 .total_page {
    margin: 0 10px;
    font-size: 13px;
    line-height: 36px;
    color: #333
}

.page.pageStyle1 .jump_page {
    font-size: 13px;
    line-height: 36px;
    color: #333
}

.page.pageStyle1 .jump_page input {
    margin: 0 5px;
    padding-left: 15px;
    padding-right: 15px;
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    background: transparent;
    -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.page.pageStyle1 .jump_page input::-webkit-outer-spin-button,
.page.pageStyle1 .jump_page input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.page.pageStyle1 .jump_page input[type="number"] {
    -moz-appearance: textfield
}

.page.pageStyle1 .xl-jumpButton {
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 12px;
    padding: 0 13px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #e3e2e8;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 2px;
    background-color: transparent;
    outline: 0;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    font-family: 微软雅黑;
    white-space: nowrap;
    -webkit-transition: all .3s;
    transition: all .3s
}

.page.pageStyle1 .xl-jumpButton:hover {
    color: #fff;
    background: #0078d7;
    border-color: #0078d7
}

.page.pageStyle2 .btn_more {
    width: 162px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #dcdfe6;
    border-radius: 5px;
    font-size: 14px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
    background: transparent
}

.page.pageStyle2 .btn_more i {
    margin-left: 5px;
    vertical-align: middle
}

.page.pageStyle2 .btn_bottom {
    display: none
}

.basic_vip_header .header_vip_logo {
    width: 100%;
    cursor: pointer
}

.years_part {
    display: inline-block;
    max-width: 400px;
    vertical-align: middle;
    position: relative;
    min-height: 24px;
    line-height: 24px
}

.years_part .years_show {
    line-height: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer
}

.years_part .years_both {
    -webkit-background-clip: -webkit-text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(20%, #b12f8b), color-stop(80%, #4955b5));
    background-image: -webkit-linear-gradient(left, #b12f8b 20%, #4955b5 80%);
    background-image: linear-gradient(to right, #b12f8b 20%, #4955b5 80%);
    font-size: 24px;
    display: inline-block;
    font-style: italic;
    padding-right: 5px;
    font-family: 'Geometr415 Blk BT';
    line-height: 24px;
    height: 24px;
    cursor: pointer
}

.years_part .years_both.gray {
    background-image: none;
    -webkit-text-fill-color: gray
}

.years_part .years_both span {
    font-size: 14px;
    font-family: 'SourceHanSansCN Bold'
}

.years_part .years_both .years_number {
    font-size: 20px;
    padding: 0 3px
}

.years_part_has_vip .mask {
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background-color: transparent;
    z-index: 10;
    display: none
}

.vip_pop_part {
    width: 400px;
    position: fixed;
    left: 50%;
    top: 50%;
    height: auto;
    display: none;
    -webkit-box-shadow: 0 0 10px 0 rgba(53, 53, 53, 0.12);
    box-shadow: 0 0 10px 0 rgba(53, 53, 53, 0.12);
    z-index: 11;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.vip_pop_part .close_icon {
    display: block;
    width: 19px;
    height: 19px;
    background: url(../img/pop_vip_close_icon.png) no-repeat;
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 22;
    cursor: pointer
}

.vip_pop_part .pop_show_header {
    height: 210px;
    width: 400px;
    background: url(../img/popHeader.png) no-repeat 100% 100%;
    position: absolute;
    z-index: 14;
    left: 0;
    top: -26px;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}

.vip_pop_part .pop_show_content {
    background-color: #fff;
    position: relative;
    width: 400px;
    padding-top: 215px;
    padding-bottom: 70px;
    text-align: center;
    z-index: 13;
    border-radius: 8px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 1px solid #dcdcdc;
    border-top: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #333
}

.vip_pop_part .pop_show_content p {
    font-size: 20px;
    text-align: center;
    width: 320px;
    line-height: 20px;
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
    color: #333
}

.vip_pop_part .pop_show_content img {
    display: inline-block;
    vertical-align: top;
    width: 22px;
    height: 22px;
    background-color: #fff;
    position: relative;
    left: 6px;
    cursor: pointer
}

.basic_copyright_frame {
    padding: 10px 0;
    line-height: 22px;
    font-size: 12px;
    text-align: center
}

.basic_map .map_wrap {
    position: relative
}

.basic_map .map_wrap .map_wrap_line {
    overflow: hidden;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s
}

.basic_map .map_wrap .map_wrap_line .map_container .msgBox {
    display: inline-block;
    cursor: default;
    position: absolute;
    width: auto;
    height: auto;
    padding: 18px 21px 18px 12px;
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: #000 0 0 6px -3px;
    box-shadow: #000 0 0 6px -3px
}

.basic_map .map_wrap .map_wrap_line .map_container .msgBox .msg {
    display: inline-block;
    word-wrap: break-word;
    word-break: break-word;
    font-size: 13px;
    width: 230px
}

.basic_map .map_wrap .map_wrap_line .map_container .msgBox .arrow {
    position: absolute;
    display: inline-block;
    bottom: -6px;
    left: 125px;
    width: 0;
    height: 0;
    content: "";
    border-style: solid;
    border-width: 7px;
    border-color: #fff #fff transparent transparent;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-box-shadow: #000 1px -1px 3px -2px;
    box-shadow: #000 1px -1px 3px -2px
}

.basic_map .map_wrap .map_wrap_line .map_container .msgBox .close {
    cursor: pointer;
    display: block;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 20px;
    height: 20px;
    background: url(../img/cssSprite.png) no-repeat -423px -158px
}

.basic_download .file_empty {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 90px 0
}

.basic_download .file_empty .empty_tips_img {
    display: block;
    width: 157px;
    height: 123px;
    margin: 0 auto 28px;
    background: url(../img/default_icon.png) 0 0
}

.basic_download .file_empty .empty_tips_text {
    margin-bottom: 28px;
    font-size: 16px;
    line-height: 24px
}

.basic_download .file_download_container .file_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 9px 0 9px;
    height: 58px;
    border-bottom: 1px dashed #e7e7e7;
    background: #fff;
    font-size: 14px
}

.basic_download .file_download_container .file_item .file_item_message {
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 5.8%;
    width: 86%
}

.basic_download .file_download_container .file_item .file_item_message .file_item_title {
    padding-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.basic_download .file_download_container .file_item .file_item_message .file_item_size {
    padding-right: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 80px;
    -moz-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.basic_download .file_download_container .file_item .file_item_download {
    min-width: 80px;
    height: 34px;
    background: #f2f3f5;
    border-radius: 3px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px
}

.basic_download .file_download_container .file_item .file_item_download .file_download {
    display: inline-block;
    line-height: 34px;
    color: #657180;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.basic_download .file_download_container2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 10px 0
}

.basic_download .file_download_container2 .file_item_wrap {
    width: 31.6%;
    min-width: 175px;
    height: 100px;
    margin: 10px 0.7%;
    border: 1px solid #f0f0f0;
    border-radius: 2px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    background: #fff
}

.basic_download .file_download_container2 .file_item_wrap .file_item {
    width: 90%;
    height: 48px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.basic_download .file_download_container2 .file_item_wrap .file_item .file_icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 48px;
    -moz-box-flex: 0;
    -ms-flex: 0 0 48px;
    flex: 0 0 48px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 48px;
    height: 48px
}

.basic_download .file_download_container2 .file_item_wrap .file_item .file_icon img {
    overflow: hidden;
    width: 100%;
    border-radius: 5px
}

.basic_download .file_download_container2 .file_item_wrap .file_item .file_item_message {
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 70%;
    margin: 20px 12px
}

.basic_download .file_download_container2 .file_item_wrap .file_item .file_item_message .file_item_title {
    padding-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.basic_download .file_download_container2 .file_item_wrap .file_item .file_item_message .file_item_size {
    padding-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.basic_download .file_download_container2 .file_item_wrap .file_item .file_item_download {
    min-width: 48px;
    height: 30px;
    background: #f2f3f5;
    border-radius: 15px;
    text-align: center
}

.basic_download .file_download_container2 .file_item_wrap .file_item .file_item_download .file_download {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #000;
    font-weight: bolder;
    line-height: 30px;
    cursor: pointer
}

.basic_download .file_download_container2 .file_item_wrap .file_item .file_item_download .file_download .icon_download {
    width: 16px;
    height: 16px
}

.basic_rich_text .content_detail {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    min-height: 30px
}

.basic_rich_text .content_detail .rich_img_wrap {
    position: relative;
    float: left;
    margin-right: 26px;
    margin-bottom: 16px;
    max-width: 100%;
    overflow: hidden;
    font-size: 0
}

.basic_rich_text .content_detail .rich_img_wrap.rich_img_right {
    float: right;
    margin-right: 0;
    margin-left: 26px
}

.basic_rich_text .content_detail .rich_img_wrap img {
    width: 100%
}

.basic_product_classification {
    overflow: hidden
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style0 .title {
    color: #666
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style0 a {
    line-height: 38px
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style0 .level_1>li {
    padding: 10px 18px;
    border-bottom: 1px solid #ececec
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style0 .level_1>li:last-of-type {
    border: none !important
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style0 .level_1>li>div {
    display: inline-block
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style0 .level_1>li>div .title {
    display: list-item;
    list-style: disc inside;
    font-size: 14px
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style0 .level_1>li>div .title a {
    color: #333;
    font-size: 16px;
    padding: 0 10px;
    margin-left: -17px
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style0 .level_2 {
    display: block;
    margin: 0 -11px;
    padding: 0 20px
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style0 .level_2>li {
    display: inline-block
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style0 .level_2>li>a {
    padding: 0 11px
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style0 .level_2.vertical>li {
    display: block
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style0 .level_3 {
    display: block;
    margin: 0 -11px;
    padding: 0 20px
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style0 .level_3>li {
    display: inline-block
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style0 .level_3>li>a {
    padding: 0 11px
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style0 .level_3.vertical>li {
    display: block
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style0 .level_4 {
    display: block;
    padding: 0 3px
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style0 .level_4>li {
    display: inline-block
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style0 .level_4>li>a {
    padding: 0 8px;
    font-size: 12px;
    color: #999
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style1 .title a {
    font-size: 16px;
    color: #333
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style1 a {
    line-height: 32px;
    padding: 0 10px
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style1 .level_1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -1px
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style1 .level_1>li {
    width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 12px;
    position: relative;
    border-bottom: 1px solid #ececec !important
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style1 .level_1>li>div .title a {
    font-size: 16px;
    color: #333;
    line-height: 32px;
    padding: 0 10px
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style1 .level_1>li::after {
    content: "";
    display: block;
    position: absolute;
    top: 20px;
    right: 0;
    height: calc(100% - 40px);
    border-right: 1px dashed #ececec
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style1 .level_2>li {
    display: inline-block
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style1 .level_2>li>a {
    line-height: 32px;
    padding: 0 20px;
    font-size: 14px;
    color: #666
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style1 .level_2.vertical>li {
    display: block
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style1 .level_3>li {
    display: inline-block
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style1 .level_3>li>a {
    line-height: 32px;
    padding: 0 30px;
    font-size: 14px;
    color: #666
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style1 .level_3.vertical>li {
    display: block
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style1 .level_4>li {
    float: left
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style1 .level_4>li>a {
    line-height: 32px;
    padding: 0 40px;
    font-size: 12px;
    color: #999
}

.basic_product_classification .view_pattern_pc .content_detail.content_detail_style1 .level_4::after {
    content: "";
    display: block;
    clear: both
}

.basic_product_classification .view_pattern_mb .content_detail a {
    display: block;
    width: 100%;
    color: #333;
    border-bottom: 1px solid #ececec;
    position: relative
}

.basic_product_classification .view_pattern_mb .content_detail a .icon-jiantouyou {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    color: #333;
    font-size: 14px;
    padding: 0 25px;
    line-height: inherit;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s
}

.basic_product_classification .view_pattern_mb .content_detail a .icon-jiantouyou.open {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.basic_product_classification .view_pattern_mb .content_detail .level_1>li {
    line-height: 50px
}

.basic_product_classification .view_pattern_mb .content_detail .level_1>li>div .title a {
    font-size: 15px;
    padding-left: 18px;
    display: block
}

.basic_product_classification .view_pattern_mb .content_detail .level_2 {
    display: none
}

.basic_product_classification .view_pattern_mb .content_detail .level_2>li>a {
    font-size: 14px;
    padding-left: 40px;
    display: block;
    width: 100%;
    color: #333;
    border-bottom: 1px solid #ececec;
    position: relative
}

.basic_product_classification .view_pattern_mb .content_detail .level_3 {
    display: none
}

.basic_product_classification .view_pattern_mb .content_detail .level_3>li>a {
    font-size: 14px;
    padding-left: 60px;
    display: block;
    width: 100%;
    color: #333;
    border-bottom: 1px solid #ececec;
    position: relative
}

.basic_product_classification .view_pattern_mb .content_detail .level_4 {
    display: none
}

.basic_product_classification .view_pattern_mb .content_detail .level_4>li>a {
    font-size: 13px;
    padding-left: 80px;
    background: #fafafa
}

.basic_article_classification {
    overflow: hidden
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style0 .title {
    color: #666
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style0 a {
    line-height: 38px
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style0 .level_1>li {
    padding: 10px 18px;
    border-bottom: 1px solid #ececec
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style0 .level_1>li:last-of-type {
    border: none !important
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style0 .level_1>li>div {
    display: inline-block
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style0 .level_1>li>div .title {
    display: list-item;
    list-style: disc inside;
    font-size: 14px
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style0 .level_1>li>div .title a {
    color: #333;
    font-size: 16px;
    padding: 0 10px;
    margin-left: -17px
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style0 .level_2 {
    display: block;
    margin: 0 -11px;
    padding: 0 20px
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style0 .level_2>li {
    display: inline-block
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style0 .level_2>li>a {
    padding: 0 11px
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style0 .level_2.vertical>li {
    display: block
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style0 .level_3 {
    display: block;
    margin: 0 -11px;
    padding: 0 20px
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style0 .level_3>li {
    display: inline-block
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style0 .level_3>li>a {
    padding: 0 11px
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style0 .level_3.vertical>li {
    display: block
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style0 .level_4 {
    display: block;
    padding: 0 3px
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style0 .level_4>li {
    display: inline-block
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style0 .level_4>li>a {
    padding: 0 8px;
    font-size: 12px;
    color: #999
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style1 .title a {
    font-size: 16px;
    color: #333
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style1 a {
    line-height: 32px;
    padding: 0 10px
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style1 .level_1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -1px
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style1 .level_1>li {
    width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 12px;
    position: relative;
    border-bottom: 1px solid #ececec !important
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style1 .level_1>li>div .title a {
    font-size: 16px;
    color: #333;
    line-height: 32px;
    padding: 0 10px
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style1 .level_1>li::after {
    content: "";
    display: block;
    position: absolute;
    top: 20px;
    right: 0;
    height: calc(100% - 40px);
    border-right: 1px dashed #ececec
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style1 .level_2>li {
    display: inline-block
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style1 .level_2>li>a {
    line-height: 32px;
    padding: 0 20px;
    font-size: 14px;
    color: #666
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style1 .level_2.vertical>li {
    display: block
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style1 .level_3>li {
    display: inline-block
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style1 .level_3>li>a {
    line-height: 32px;
    padding: 0 30px;
    font-size: 14px;
    color: #666
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style1 .level_3.vertical>li {
    display: block
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style1 .level_4>li {
    float: left
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style1 .level_4>li>a {
    line-height: 32px;
    padding: 0 40px;
    font-size: 12px;
    color: #999
}

.basic_article_classification .view_pattern_pc .content_detail.content_detail_style1 .level_4::after {
    content: "";
    display: block;
    clear: both
}

.basic_article_classification .view_pattern_mb .content_detail a {
    display: block;
    width: 100%;
    color: #333;
    border-bottom: 1px solid #ececec;
    position: relative
}

.basic_article_classification .view_pattern_mb .content_detail a .icon-jiantouyou {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    color: #333;
    font-size: 14px;
    padding: 0 25px;
    line-height: inherit;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s
}

.basic_article_classification .view_pattern_mb .content_detail a .icon-jiantouyou.open {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.basic_article_classification .view_pattern_mb .content_detail .level_1>li {
    line-height: 50px
}

.basic_article_classification .view_pattern_mb .content_detail .level_1>li>div .title a {
    font-size: 15px;
    padding-left: 18px;
    display: block
}

.basic_article_classification .view_pattern_mb .content_detail .level_2 {
    display: none
}

.basic_article_classification .view_pattern_mb .content_detail .level_2>li>a {
    font-size: 14px;
    padding-left: 40px;
    display: block;
    width: 100%;
    color: #333;
    border-bottom: 1px solid #ececec;
    position: relative
}

.basic_article_classification .view_pattern_mb .content_detail .level_3 {
    display: none
}

.basic_article_classification .view_pattern_mb .content_detail .level_3>li>a {
    font-size: 14px;
    padding-left: 60px;
    display: block;
    width: 100%;
    color: #333;
    border-bottom: 1px solid #ececec;
    position: relative
}

.basic_article_classification .view_pattern_mb .content_detail .level_4 {
    display: none
}

.basic_article_classification .view_pattern_mb .content_detail .level_4>li>a {
    font-size: 13px;
    padding-left: 80px;
    background: #fafafa
}

.basic_product_detail div.news_detail_footer_mb,
.basic-article-info-box div.news_detail_footer_mb {
    display: none
}

.basic_product_detail .news_detail_footer_1.news_detail_footer_mb,
.basic-article-info-box .news_detail_footer_1.news_detail_footer_mb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 768px) {

    .basic_product_detail div.news_detail_footer_mb,
    .basic-article-info-box div.news_detail_footer_mb {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }
}

.basic_product_detail .my-news-footer,
.basic-article-info-box .my-news-footer {
    display: none
}

.basic_product_detail .news-footer-1,
.basic_product_detail .my-news-footer-1,
.basic-article-info-box .news-footer-1,
.basic-article-info-box .my-news-footer-1 {
    display: block
}

.basic_product_detail .view_pattern_pc,
.basic-article-info-box .view_pattern_pc {
    padding: 20px
}

.basic_product_detail .view_pattern_pc .detail_pagination_wrap,
.basic-article-info-box .view_pattern_pc .detail_pagination_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 18px
}

.basic_product_detail .view_pattern_pc .detail_pagination_wrap .nav-btn-wrapper,
.basic-article-info-box .view_pattern_pc .detail_pagination_wrap .nav-btn-wrapper {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.basic_product_detail .view_pattern_pc .detail_pagination_wrap .nav-btn-wrapper-left,
.basic-article-info-box .view_pattern_pc .detail_pagination_wrap .nav-btn-wrapper-left {
    padding-right: 20px
}

.basic_product_detail .view_pattern_pc .detail_pagination_wrap .btn,
.basic-article-info-box .view_pattern_pc .detail_pagination_wrap .btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 80px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    border-radius: 15px;
    border: 1px solid #e9e9e9;
    cursor: pointer;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #657180;
    font-size: 13px
}

.basic_product_detail .view_pattern_pc .detail_pagination_wrap .btn a,
.basic-article-info-box .view_pattern_pc .detail_pagination_wrap .btn a {
    color: #657180
}

.basic_product_detail .view_pattern_pc .detail_pagination_wrap .nav-btn-title,
.basic-article-info-box .view_pattern_pc .detail_pagination_wrap .nav-btn-title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #657180;
    font-size: 13px
}

.basic_product_detail .view_pattern_pc .moduleStyle0,
.basic-article-info-box .view_pattern_pc .moduleStyle0 {
    position: relative;
    font-size: 14px
}

.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap,
.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap {
    overflow: hidden;
    width: 100%;
    font-size: 14px
}

.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content,
.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content {
    width: 43.75%;
    float: left
}

.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_inner_wrap,
.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_inner_wrap {
    width: auto;
    margin-right: 4.8%;
    position: relative
}

.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_big_pic_content,
.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_big_pic_content {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding-bottom: 100%;
    border: 1px solid #eee
}

.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_big_pic_content .detail_big_pic,
.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_big_pic_content .detail_big_pic {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%
}

.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap,
.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 14px
}

.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .iconfont,
.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .iconfont {
    position: absolute;
    width: 12px;
    cursor: pointer
}

.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .iconfont.icon-jiantouzuo,
.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .iconfont.icon-jiantouzuo {
    left: 0;
    margin-left: 2px
}

.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .iconfont.icon-jiantouyou,
.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .iconfont.icon-jiantouyou {
    right: 0;
    margin-right: 2px
}

.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .jz_scroll_wrap,
.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .jz_scroll_wrap {
    width: 92%;
    display: inline-block;
    margin-left: 4%;
    margin-right: 4%
}

.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .jz_scroll_wrap .swiper-container,
.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .jz_scroll_wrap .swiper-container {
    padding-bottom: 1px;
    padding-right: 1px
}

.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .jz_scroll_wrap .list_box .swiper-wrapper .swiper-slide,
.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .jz_scroll_wrap .list_box .swiper-wrapper .swiper-slide {
    position: relative;
    font-size: 0;
    padding-bottom: 17.2%;
    padding-left: 17.2%
}

.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .jz_scroll_wrap .list_box .swiper-wrapper .swiper-slide .position_center_middle,
.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .jz_scroll_wrap .list_box .swiper-wrapper .swiper-slide .position_center_middle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
    -o-object-fit: contain;
    object-fit: contain;
    cursor: pointer
}

.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .jz_scroll_wrap .list_box .swiper-wrapper .swiper-slide .position_center_middle[data-active],
.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .jz_scroll_wrap .list_box .swiper-wrapper .swiper-slide .position_center_middle[data-active] {
    border-color: #2b2b2b
}

.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .jz_scroll_wrap .list_box .swiper-wrapper .swiper-slide .play-icon,
.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap .jz_scroll_wrap .list_box .swiper-wrapper .swiper-slide .play-icon {
    position: absolute;
    font-size: 30px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_pagination_wrap,
.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_pagination_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 18px
}

.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_pagination_wrap .btn,
.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_pagination_wrap .btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 80px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    border-radius: 15px;
    border: 1px solid #e9e9e9;
    color: #999;
    cursor: pointer
}

.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_pagination_wrap .btn a,
.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_left_content .detail_pagination_wrap .btn a {
    color: #657180
}

.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content,
.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content {
    width: 56.25%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_title_wrap,
.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_title_wrap {
    font-size: 20px;
    line-height: 40px;
    color: #333;
    word-break: break-word;
    margin-top: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_main_title,
.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_main_title {
    min-width: calc(100% - 120px);
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    font-size: 20px;
    line-height: 40px;
    color: #333;
    word-break: break-word;
    font-weight: normal
}

.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap,
.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap {
    min-width: 120px;
    text-align: left;
    border-left: 1px solid #f0f0f0;
    padding-left: 19px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share,
.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share {
    display: inline-block;
    font-size: 14px;
    color: #333;
    vertical-align: middle;
    text-align: center;
    cursor: pointer
}

.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share .jz_share_text .u-icon,
.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share .jz_share_text .u-icon {
    display: block;
    width: 40px;
    height: 20px;
    line-height: 20px;
    font-size: 24px;
    text-align: center;
    margin: 0 !important
}

.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_content,
.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_content {
    margin-top: 6px;
    padding: 10px 10px 10px 0
}

.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_other_message,
.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_other_message {
    margin-left: 0;
    margin-top: 6px;
    -webkit-transition: margin-left 0.5s;
    transition: margin-left 0.5s
}

.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other,
.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other {
    border-bottom: none !important;
    line-height: 40px
}

.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_title,
.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_title {
    font-size: 14px;
    color: #666
}

.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_value,
.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_value {
    font-size: 14px;
    color: #666
}

.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .product_button_wrap,
.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .product_button_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px;
    padding-left: 0
}

.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .product_button_wrap .product_advisory_btn,
.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .product_button_wrap .product_advisory_btn {
    width: 200px;
    height: 42px;
    color: #fff;
    font-size: 15px;
    line-height: 42px;
    text-align: center;
    border-radius: 21px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.basic_product_detail .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .product_button_wrap .product_advisory_btn .icon-phonenew,
.basic-article-info-box .view_pattern_pc .moduleStyle0 .product_detail_wrap .product_detail_right_content .product_button_wrap .product_advisory_btn .icon-phonenew {
    font-size: 16px
}

.basic_product_detail .view_pattern_pc .moduleStyle0.module-style-3 .product_detail_wrap .product_detail_left_content,
.basic-article-info-box .view_pattern_pc .moduleStyle0.module-style-3 .product_detail_wrap .product_detail_left_content {
    float: right
}

.basic_product_detail .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_left_content,
.basic-article-info-box .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_left_content {
    width: 100%;
    float: none
}

.basic_product_detail .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_left_content .detail_big_pic_content,
.basic-article-info-box .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_left_content .detail_big_pic_content {
    width: 90%;
    height: 0;
    padding-bottom: 450px;
    float: left
}

@media screen and (max-width: 1700px) {

    .basic_product_detail .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_left_content .detail_big_pic_content,
    .basic-article-info-box .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_left_content .detail_big_pic_content {
        width: 85%
    }
}

@media screen and (max-width: 1200px) {

    .basic_product_detail .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_left_content .detail_big_pic_content,
    .basic-article-info-box .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_left_content .detail_big_pic_content {
        width: 80%
    }
}

@media screen and (max-width: 900px) {

    .basic_product_detail .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_left_content .detail_big_pic_content,
    .basic-article-info-box .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_left_content .detail_big_pic_content {
        width: 70%
    }
}

.basic_product_detail .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap,
.basic-article-info-box .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_left_content .detail_small_pic_wrap {
    width: 100px;
    height: 450px;
    display: inline-block;
    margin-top: 0
}

.basic_product_detail .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_left_content .iconfont.icon-jiantouzuo,
.basic-article-info-box .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_left_content .iconfont.icon-jiantouzuo {
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.basic_product_detail .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_left_content .iconfont.icon-jiantouyou,
.basic-article-info-box .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_left_content .iconfont.icon-jiantouyou {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    bottom: 0
}

.basic_product_detail .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_left_content .jz_scroll_wrap,
.basic-article-info-box .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_left_content .jz_scroll_wrap {
    height: 400px
}

.basic_product_detail .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_left_content .jz_scroll_wrap .list_box,
.basic-article-info-box .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_left_content .jz_scroll_wrap .list_box {
    height: 400px;
    margin-top: 25px;
    margin-bottom: 25px
}

.basic_product_detail .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_right_content,
.basic-article-info-box .view_pattern_pc .moduleStyle0.module-style-4 .product_detail_wrap .product_detail_right_content {
    clear: both;
    width: 100%;
    margin-top: 15px
}

.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap,
.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap {
    overflow: hidden;
    width: 100%;
    font-size: 14px
}

.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content,
.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content {
    display: block;
    width: 100%
}

.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_title_wrap,
.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_title_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 100%
}

.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_main_title,
.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_main_title {
    min-width: 0;
    font-size: 20px;
    color: #1a1a1a;
    white-space: normal;
    display: inline-block;
    padding-right: 20px;
    font-weight: normal
}

.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap,
.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap {
    border-left: 0;
    padding-left: 0;
    padding-top: 6px
}

.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share,
.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share {
    display: inline-block;
    font-size: 14px;
    color: #333;
    vertical-align: middle;
    cursor: pointer
}

.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share .g-share-render-box .jz_share_text .u-icon,
.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share .g-share-render-box .jz_share_text .u-icon {
    display: block;
    width: 40px;
    height: 35px;
    line-height: 20px;
    font-size: 24px;
    text-align: center;
    margin: 0 !important
}

.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share .g-share-render-box .jz_share_text .u-share_title,
.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share .g-share-render-box .jz_share_text .u-share_title {
    display: none
}

.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share .g-share-render-box .jz_share_list,
.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share .g-share-render-box .jz_share_list {
    right: auto;
    left: -30px;
    text-align: center
}

.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share .g-share-render-box .jz_share_list::before,
.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share .g-share-render-box .jz_share_list::before {
    right: auto;
    left: 45px
}

.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_content,
.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_content {
    margin-top: 6px;
    padding: 10px 10px 10px 0
}

.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_other_message,
.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_other_message {
    margin-left: 0;
    margin-top: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-transition: margin-left 0.5s;
    transition: margin-left 0.5s
}

.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other,
.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other {
    width: 50%;
    padding: 13px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 15px;
    line-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #f5f5f5
}

.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_title,
.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_title {
    font-size: 14px;
    font-weight: 700;
    color: #4c4c4c;
    display: block;
    width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0px
}

.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_value,
.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_value {
    font-size: 14px;
    color: #666;
    width: calc(100% - 120px)
}

.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .product_button_wrap,
.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .product_button_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px
}

.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .product_button_wrap .product_advisory_btn,
.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .product_button_wrap .product_advisory_btn {
    width: 200px;
    height: 42px;
    color: #fff;
    font-size: 15px;
    line-height: 42px;
    text-align: center;
    border-radius: 21px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .product_button_wrap .product_advisory_btn .icon-phonenew,
.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .product_button_wrap .product_advisory_btn .icon-phonenew {
    font-size: 16px
}

.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_pagination_wrap,
.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_pagination_wrap {
    margin-top: 30px;
    margin-left: 10px
}

.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_pagination_wrap .btn,
.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_pagination_wrap .btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0 6px;
    width: 80px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    border-radius: 15px;
    border: 1px solid #e9e9e9;
    cursor: pointer;
    color: #999
}

.basic_product_detail .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_pagination_wrap .btn a,
.basic-article-info-box .view_pattern_pc .moduleStyle1 .product_detail_wrap .product_detail_right_content .detail_pagination_wrap .btn a {
    color: #657180
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap,
.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap {
    position: relative;
    display: inline-block;
    overflow: visible;
    width: 100%
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_img_radio,
.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_img_radio {
    position: absolute;
    top: 262px;
    left: 12px;
    display: block;
    max-width: 20px;
    padding: 2px;
    width: 5%
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_img_radio .product_img_radio_item_wrap,
.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_img_radio .product_img_radio_item_wrap {
    height: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_img_radio .product_img_radio_item_wrap .product_img_radio_item,
.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_img_radio .product_img_radio_item_wrap .product_img_radio_item {
    width: 4px;
    height: 4px;
    background: #c1c1c1;
    border-radius: 50%;
    -webkit-transition: 0.2s;
    transition: 0.2s
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_img_radio .product_img_radio_item_wrap .product_img_radio_item[data-active],
.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_img_radio .product_img_radio_item_wrap .product_img_radio_item[data-active] {
    border: 2px solid grey;
    width: 15px;
    height: 15px;
    background: 0 0
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content,
.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content {
    max-width: 700px;
    width: 50%;
    float: left;
    padding-right: 4.8%;
    margin-left: 5%
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap,
.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap {
    margin-right: 0
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_small_pic_wrap,
.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_small_pic_wrap {
    margin-top: 14px;
    position: relative
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_small_pic_wrap .jz_scroll_wrap,
.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_small_pic_wrap .jz_scroll_wrap {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    display: inline-block
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_small_pic_wrap .jz_scroll_wrap .detail_small_pic_lists,
.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_small_pic_wrap .jz_scroll_wrap .detail_small_pic_lists {
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-size: 0;
    white-space: nowrap
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_small_pic_wrap .jz_scroll_wrap .detail_small_pic_lists .detail_small_pic_list,
.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_small_pic_wrap .jz_scroll_wrap .detail_small_pic_lists .detail_small_pic_list {
    position: relative;
    border: 1px solid #ebebeb;
    margin-left: 0;
    margin-top: 36px;
    width: 100%;
    display: block;
    padding: 0 0 100% 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_small_pic_wrap .jz_scroll_wrap .detail_small_pic_lists .detail_small_pic_list .position_center_middle,
.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_small_pic_wrap .jz_scroll_wrap .detail_small_pic_lists .detail_small_pic_list .position_center_middle {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_pagination_wrap,
.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_pagination_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 30px 10px 0
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_pagination_wrap .btn,
.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_pagination_wrap .btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0 6px;
    width: 80px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    border-radius: 15px;
    border: 1px solid #e9e9e9;
    cursor: pointer;
    color: #999
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_pagination_wrap .btn a,
.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_left_content .detail_inner_wrap .detail_pagination_wrap .btn a {
    color: #657180
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content,
.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content {
    top: 77px;
    left: 51%;
    padding-left: 30px;
    width: 40%;
    z-index: 2000;
    position: absolute;
    float: left;
    background: #fff
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_title_wrap,
.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_title_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_main_title,
.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_main_title {
    max-width: calc(100% - 80px);
    min-width: calc(100% - 80px);
    font-size: 20px;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    padding-right: 20px;
    font-weight: normal
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap,
.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap {
    text-align: right;
    min-width: 80px;
    padding-left: 19px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share,
.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share {
    margin-top: 6px;
    margin-right: 8px;
    display: inline-block;
    font-size: 14px;
    color: #333;
    vertical-align: middle
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share /deep/ .g-share-render-box .jz_share_text .u-icon,
.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share /deep/ .g-share-render-box .jz_share_text .u-icon {
    display: block;
    width: 40px;
    height: 35px;
    line-height: 20px;
    font-size: 24px;
    text-align: center;
    margin: 0 !important
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share /deep/ .g-share-render-box .jz_share_text .u-share_title,
.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share /deep/ .g-share-render-box .jz_share_text .u-share_title {
    display: none
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share /deep/ .g-share-render-box .jz_share_list,
.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share /deep/ .g-share-render-box .jz_share_list {
    text-align: center
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share /deep/ .g-share-render-box .jz_share_list::before,
.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share /deep/ .g-share-render-box .jz_share_list::before {
    right: 24px
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_price_wrap,
.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_price_wrap {
    margin-top: 35px;
    background: #f7f7f7;
    width: 100%;
    height: 100px
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_price_wrap .detail_price_content,
.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_price_wrap .detail_price_content {
    position: relative
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_price_wrap .detail_price_content .detail_price_left,
.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_price_wrap .detail_price_content .detail_price_left {
    padding: 30px 0 0 29px
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_price_wrap .detail_price_content .detail_price_left .detail_price,
.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_price_wrap .detail_price_content .detail_price_left .detail_price {
    font-weight: 700;
    color: #2b2b2b;
    font-size: 24px
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_price_wrap .detail_price_content .detail_price_right,
.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_price_wrap .detail_price_content .detail_price_right {
    display: inline-block;
    position: absolute;
    right: 5%;
    bottom: 5%
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_price_wrap .detail_price_content .detail_price_right .detail_sales,
.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_price_wrap .detail_price_content .detail_price_right .detail_sales {
    display: inline-block;
    font-size: 14px;
    color: #666
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_other_message,
.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_other_message {
    margin: 15px 0;
    -webkit-transition: margin-left 0.5s;
    transition: margin-left 0.5s
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other,
.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other {
    line-height: 0;
    padding: 11.5px 0;
    border-bottom: 1px solid #f5f5f5
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_title,
.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_title {
    margin-right: 0;
    padding: 0 8px;
    display: inline-block;
    width: 9em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    color: #4d4d4d;
    text-align: left;
    font-weight: 700;
    margin-right: 10px;
    line-height: 30px;
    padding-left: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_value,
.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_value {
    line-height: 30px;
    display: inline-block;
    color: #666;
    font-size: 14px;
    vertical-align: top;
    width: calc(100% - 140px)
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .product_button_wrap,
.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .product_button_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px;
    padding-left: 25px
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .product_button_wrap .product_advisory_btn,
.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .product_button_wrap .product_advisory_btn {
    width: 200px;
    height: 42px;
    color: #fff;
    font-size: 15px;
    line-height: 42px;
    text-align: center;
    border-radius: 21px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .product_button_wrap .product_advisory_btn .icon-phonenew,
.basic-article-info-box .view_pattern_pc .moduleStyle2 .product_detail_wrap .product_detail_right_content .product_button_wrap .product_advisory_btn .icon-phonenew {
    font-size: 16px
}

.basic_product_detail .view_pattern_pc .moduleStyle2 .detail_content,
.basic-article-info-box .view_pattern_pc .moduleStyle2 .detail_content {
    margin-top: 6px;
    padding: 10px 10px 10px 0
}

.basic_product_detail .view_pattern_pc .product_specific_wrap,
.basic-article-info-box .view_pattern_pc .product_specific_wrap {
    clear: both;
    margin-top: 80px
}

.basic_product_detail .view_pattern_pc .product_specific_wrap .product_specific_content,
.basic-article-info-box .view_pattern_pc .product_specific_wrap .product_specific_content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    color: #333;
    font-size: 0
}

.basic_product_detail .view_pattern_pc .product_specific_wrap .product_specific_content .detail_specific_tab_wrap,
.basic-article-info-box .view_pattern_pc .product_specific_wrap .product_specific_content .detail_specific_tab_wrap {
    border: 1px solid #f0f0f0
}

.basic_product_detail .view_pattern_pc .product_specific_wrap .product_specific_content .detail_specific_tab_wrap .detail_specific_tab,
.basic-article-info-box .view_pattern_pc .product_specific_wrap .product_specific_content .detail_specific_tab_wrap .detail_specific_tab {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 160px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #f0f0f0;
    font-size: 15px;
    line-height: 54px;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 8px
}

.basic_product_detail .view_pattern_pc .product_specific_wrap .product_specific_content .detail_specific_tab_wrap .detail_specific_tab[data-active]::before,
.basic-article-info-box .view_pattern_pc .product_specific_wrap .product_specific_content .detail_specific_tab_wrap .detail_specific_tab[data-active]::before {
    content: " ";
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: -1px;
    left: 0;
    border: 2px solid;
    width: 100%
}

.basic_product_detail .view_pattern_pc .product_specific_wrap .detail_specfic_panel,
.basic-article-info-box .view_pattern_pc .product_specific_wrap .detail_specfic_panel {
    margin: 25px 15px;
    font-size: 14px;
    color: #333
}

.basic_product_detail .view_pattern_pc .product_specific_wrap .detail_specfic_panel .download_item,
.basic-article-info-box .view_pattern_pc .product_specific_wrap .detail_specfic_panel .download_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px dashed #e7e7e7
}

.basic_product_detail .view_pattern_pc .product_specific_wrap .detail_specfic_panel .download_item .download_name,
.basic-article-info-box .view_pattern_pc .product_specific_wrap .detail_specfic_panel .download_item .download_name {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.basic_product_detail .view_pattern_pc .product_specific_wrap .detail_specfic_panel .download_item .download_right,
.basic-article-info-box .view_pattern_pc .product_specific_wrap .detail_specfic_panel .download_item .download_right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 30px
}

.basic_product_detail .view_pattern_pc .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_size,
.basic-article-info-box .view_pattern_pc .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_size {
    overflow: hidden;
    width: 80px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 80px;
    -moz-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.basic_product_detail .view_pattern_pc .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_time,
.basic-article-info-box .view_pattern_pc .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_time {
    margin: 0 20px;
    width: 150px;
    text-align: center
}

.basic_product_detail .view_pattern_pc .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_btn,
.basic-article-info-box .view_pattern_pc .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_btn {
    width: 80px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-radius: 3px
}

.basic_product_detail .view_pattern_pc .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_btn a,
.basic-article-info-box .view_pattern_pc .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_btn a {
    display: inline-block;
    background: #f2f3f5;
    width: 80px;
    height: 34px;
    border-radius: 2px;
    color: #657180;
    cursor: pointer
}

.basic_product_detail .view_pattern_pc .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_btn a:hover,
.basic-article-info-box .view_pattern_pc .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_btn a:hover {
    color: #fff !important
}

.basic_product_detail .view_pattern_pc .product_specific_wrap .detail_specfic_panel .detail_specfic_panel_item_nodata,
.basic-article-info-box .view_pattern_pc .product_specific_wrap .detail_specfic_panel .detail_specfic_panel_item_nodata {
    text-align: left;
    padding: 0 20px
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .detail_big_pic_content,
.basic-article-info-box .view_pattern_mb .product_detail_wrap .detail_big_pic_content {
    position: relative;
    width: 100%;
    padding-bottom: 100%
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .detail_big_pic_content img,
.basic-article-info-box .view_pattern_mb .product_detail_wrap .detail_big_pic_content img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_left_content,
.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_left_content {
    position: relative
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_left_content .list_box .detail_big_pic_content,
.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_left_content .list_box .detail_big_pic_content {
    position: relative;
    padding-bottom: 100%
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_left_content .list_box .detail_big_pic_content .position_center_middle,
.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_left_content .list_box .detail_big_pic_content .position_center_middle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_left_content .swiper-pagination,
.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_left_content .swiper-pagination {
    position: absolute;
    bottom: 14px;
    right: 14px;
    left: auto !important;
    width: 50px;
    height: 24px;
    line-height: 24px;
    border-radius: 12px;
    text-align: center;
    background: rgba(0, 0, 0, 0.3);
    font-size: 14px;
    color: #fff
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content,
.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content {
    width: 100%
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_title_wrap,
.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_title_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 15px 0 15px;
    font-size: 18px;
    line-height: 26px;
    width: auto;
    color: #333
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_main_title,
.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_main_title {
    line-height: 1.2;
    width: 90%;
    padding: 0;
    min-width: calc(100% - 120px);
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    display: -webkit-box;
    font-weight: normal;
    font-size: 18px
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap,
.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap {
    display: inline-block;
    border: none;
    text-align: left;
    padding: 0;
    min-width: auto;
    margin-left: 15px
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share,
.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share {
    display: inline-block;
    font-size: 14px;
    color: #333;
    vertical-align: middle;
    text-align: center;
    cursor: pointer
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share /deep/ .g-share-render-box .jz_share_text .u-icon,
.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share /deep/ .g-share-render-box .jz_share_text .u-icon {
    display: block;
    width: 40px;
    height: 35px;
    line-height: 35px;
    font-size: 24px;
    text-align: center;
    margin: 0 !important
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share /deep/ .g-share-render-box .jz_share_text .u-share_title,
.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share /deep/ .g-share-render-box .jz_share_text .u-share_title {
    display: none
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_summary_content,
.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_summary_content {
    margin: 15px;
    word-wrap: break-word;
    font-size: 14px;
    color: #666;
    line-height: 1.6
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message,
.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message {
    margin-left: 0;
    margin-top: 16px;
    padding-top: 16px;
    background-color: #f8f8f8
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other,
.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other {
    width: 100%;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 60px;
    color: #333;
    font-size: 16px;
    background-color: #fff;
    cursor: pointer
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_other-prefix,
.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_other-prefix {
    width: 50px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    color: #999;
    margin-left: 15px;
    margin-right: 5.3%
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_title,
.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_title {
    width: 90px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #666;
    line-height: 60px
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_value,
.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_value {
    width: calc(100% - 140px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_icon,
.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message .detail_other .detail_icon {
    display: inline-block;
    color: #999;
    margin-right: 12px;
    height: 60px;
    line-height: 60px;
    cursor: pointer
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap,
.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap {
    overflow: hidden;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
    z-index: 99999;
    -webkit-transition: 0.5s background-color, 0s 0.5s height;
    transition: 0.5s background-color, 0s 0.5s height
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap .detail_other_panel_bg,
.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap .detail_other_panel_bg {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: 0.5s background-color;
    transition: 0.5s background-color;
    cursor: pointer
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap .detail_other_content,
.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap .detail_other_content {
    position: absolute;
    bottom: 0;
    height: 0;
    width: 100%;
    -webkit-transition: 0.5s height;
    transition: 0.5s height
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap .detail_other_content .detail_other_message_mobi,
.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap .detail_other_content .detail_other_message_mobi {
    height: 100%;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    bottom: 0;
    background-color: #fff;
    padding-bottom: 50px;
    overflow-y: auto
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap .detail_other_content .detail_other_message_mobi .detail_other_panel_title,
.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap .detail_other_content .detail_other_message_mobi .detail_other_panel_title {
    height: 60px;
    line-height: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-size: 16px
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap .detail_other_content .detail_other_message_mobi .detail_other_scroll_wrap,
.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap .detail_other_content .detail_other_message_mobi .detail_other_scroll_wrap {
    width: 100%;
    overflow-y: auto;
    height: calc(100% - 60px);
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap .detail_other_content .detail_other_message_mobi .detail_other_scroll_wrap .detail_other,
.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap .detail_other_content .detail_other_message_mobi .detail_other_scroll_wrap .detail_other {
    width: 100%;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #ebebeb;
    font-size: 0;
    color: #666
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap .detail_other_content .detail_other_message_mobi .detail_other_scroll_wrap .detail_other .detail_title,
.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap .detail_other_content .detail_other_message_mobi .detail_other_scroll_wrap .detail_other .detail_title {
    display: inline-block;
    height: 55px;
    line-height: 55px;
    width: 90px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #666
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap .detail_other_content .detail_other_message_mobi .detail_other_scroll_wrap .detail_other .detail_value,
.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap .detail_other_content .detail_other_message_mobi .detail_other_scroll_wrap .detail_other .detail_value {
    vertical-align: top;
    width: calc(100% - 90px);
    padding-left: 2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 20px;
    min-height: 50px;
    font-size: 14px;
    color: #666;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap .detail_other_content .detail_other_message_mobi_btn,
.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap .detail_other_content .detail_other_message_mobi_btn {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background-color: #2b2b2b;
    cursor: pointer
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap[data-active],
.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap[data-active] {
    height: 100%;
    -webkit-transition: 0.3s background-color;
    transition: 0.3s background-color
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap[data-active] .detail_other_panel_bg,
.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap[data-active] .detail_other_panel_bg {
    background-color: rgba(0, 0, 0, 0.5)
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap[data-active] .detail_other_content,
.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .detail_other_message_mobi_wrap[data-active] .detail_other_content {
    height: 80%
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .product_button_wrap,
.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .product_button_wrap {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    z-index: 10;
    padding-left: 0;
    margin-top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.basic_product_detail .view_pattern_mb .product_detail_wrap .product_detail_right_content .product_button_wrap .product_advisory_btn,
.basic-article-info-box .view_pattern_mb .product_detail_wrap .product_detail_right_content .product_button_wrap .product_advisory_btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    height: 100%;
    line-height: 50px;
    width: 200px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    cursor: pointer
}

.basic_product_detail .view_pattern_mb .product_specific_wrap,
.basic-article-info-box .view_pattern_mb .product_specific_wrap {
    margin-top: 0;
    padding-top: 16px;
    background-color: #f8f8f8
}

.basic_product_detail .view_pattern_mb .product_specific_wrap .product_specific_content,
.basic-article-info-box .view_pattern_mb .product_specific_wrap .product_specific_content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    color: #333;
    font-size: 0;
    background-color: #fff
}

.basic_product_detail .view_pattern_mb .product_specific_wrap .product_specific_content .detail_specific_tab_wrap,
.basic-article-info-box .view_pattern_mb .product_specific_wrap .product_specific_content .detail_specific_tab_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    color: #333;
    font-size: 0;
    overflow: auto
}

.basic_product_detail .view_pattern_mb .product_specific_wrap .product_specific_content .detail_specific_tab_wrap .detail_specific_tab,
.basic-article-info-box .view_pattern_mb .product_specific_wrap .product_specific_content .detail_specific_tab_wrap .detail_specific_tab {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: none;
    color: #333;
    font-size: 14px;
    line-height: 60px;
    font-weight: 700;
    text-align: center;
    background: transparent;
    white-space: nowrap
}

.basic_product_detail .view_pattern_mb .product_specific_wrap .product_specific_content .detail_specific_tab_wrap .detail_specific_tab span,
.basic-article-info-box .view_pattern_mb .product_specific_wrap .product_specific_content .detail_specific_tab_wrap .detail_specific_tab span {
    position: relative;
    display: inline-block;
    height: 100%;
    min-width: 56px
}

.basic_product_detail .view_pattern_mb .product_specific_wrap .product_specific_content .detail_specific_tab_wrap .detail_specific_tab[data-active] span::before,
.basic-article-info-box .view_pattern_mb .product_specific_wrap .product_specific_content .detail_specific_tab_wrap .detail_specific_tab[data-active] span::before {
    content: " ";
    border-bottom: 2px solid #2b2b2b;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%
}

.basic_product_detail .view_pattern_mb .product_specific_wrap .detail_specfic_panel,
.basic-article-info-box .view_pattern_mb .product_specific_wrap .detail_specfic_panel {
    background-color: #fff;
    margin: 15px 15px;
    font-size: 14px;
    color: #333
}

.basic_product_detail .view_pattern_mb .product_specific_wrap .detail_specfic_panel .download_item,
.basic-article-info-box .view_pattern_mb .product_specific_wrap .detail_specfic_panel .download_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px dashed #e7e7e7
}

.basic_product_detail .view_pattern_mb .product_specific_wrap .detail_specfic_panel .download_item .download_name,
.basic-article-info-box .view_pattern_mb .product_specific_wrap .detail_specfic_panel .download_item .download_name {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.basic_product_detail .view_pattern_mb .product_specific_wrap .detail_specfic_panel .download_item .download_right,
.basic-article-info-box .view_pattern_mb .product_specific_wrap .detail_specfic_panel .download_item .download_right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 30px
}

.basic_product_detail .view_pattern_mb .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_size,
.basic-article-info-box .view_pattern_mb .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_size {
    overflow: hidden;
    width: 80px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 80px;
    -moz-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.basic_product_detail .view_pattern_mb .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_btn,
.basic-article-info-box .view_pattern_mb .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_btn {
    margin-left: 10px;
    width: 80px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-radius: 3px
}

.basic_product_detail .view_pattern_mb .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_btn a,
.basic-article-info-box .view_pattern_mb .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_btn a {
    display: inline-block;
    background: #f2f3f5;
    width: 80px;
    height: 34px;
    border-radius: 2px;
    color: #657180;
    cursor: pointer
}

.basic_product_detail .view_pattern_mb .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_btn a:hover,
.basic-article-info-box .view_pattern_mb .product_specific_wrap .detail_specfic_panel .download_item .download_right .download_btn a:hover {
    color: #fff !important
}

.basic_product_detail .view_pattern_mb .product_specific_wrap .detail_specfic_panel .detail_specfic_panel_item_nodata,
.basic-article-info-box .view_pattern_mb .product_specific_wrap .detail_specfic_panel .detail_specfic_panel_item_nodata {
    padding: 0 20px;
    text-align: left
}

.basic_product_detail .wechat_show_dialog,
.basic-article-info-box .wechat_show_dialog {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: all .3s;
    transition: all .3s
}

.basic_product_detail .wechat_show_dialog .wechat_show_box,
.basic-article-info-box .wechat_show_dialog .wechat_show_box {
    padding: 25px;
    width: 440px;
    height: 450px;
    background: #fff;
    border-radius: 5px;
    -webkit-animation: fade ease .3s;
    animation: fade ease .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

.basic_product_detail .wechat_show_dialog .wechat_show_box .box_header,
.basic-article-info-box .wechat_show_dialog .wechat_show_box .box_header {
    text-align: right;
    line-height: 45px
}

.basic_product_detail .wechat_show_dialog .wechat_show_box .box_header i,
.basic-article-info-box .wechat_show_dialog .wechat_show_box .box_header i {
    color: #aaa;
    font-size: 26px;
    cursor: pointer
}

.basic_product_detail .wechat_show_dialog .wechat_show_box .box_body,
.basic-article-info-box .wechat_show_dialog .wechat_show_box .box_body {
    text-align: center
}

.basic_product_detail .wechat_show_dialog .wechat_show_box .box_body img,
.basic-article-info-box .wechat_show_dialog .wechat_show_box .box_body img {
    width: 256px;
    height: 256px;
    -o-object-fit: cover;
    object-fit: cover
}

.basic_product_detail .wechat_show_dialog .wechat_show_box .box_body p,
.basic-article-info-box .wechat_show_dialog .wechat_show_box .box_body p {
    text-align: center;
    margin-top: 30px;
    font-size: 18px;
    color: #333;
    margin-bottom: 10px
}

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

    100% {
        opacity: 1
    }
}

@keyframes fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.basic-article-info-box .module-style-4 .my-title-wrapper {
    width: 100%;
    font-size: 0
}

.basic-article-info-box .module-style-4 .detail_func_wrap {
    display: inline-block;
    vertical-align: top
}

.basic_product_detail .view_pattern_pc .module-style-4 .product_detail_wrap,
.basic_article_info .view_pattern_pc .module-style-4 .product_detail_wrap {
    overflow: visible
}

.basic_product_detail .view_pattern_pc .module-style-4 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_main_title {
    min-width: 0;
    font-size: 20px;
    color: #1a1a1a;
    white-space: normal;
    display: inline-block;
    padding-right: 20px
}

.basic_product_detail .view_pattern_pc .module-style-4 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap {
    border-left: 0;
    padding-left: 0;
    padding-bottom: 6px
}

.basic_product_detail .view_pattern_pc .module-style-4 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share .g-share-render-box .jz_share_text .u-share_title {
    display: none
}

.basic-article-info-box .view_pattern_pc .module-style-4 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_main_title {
    min-width: 0;
    font-size: 20px;
    color: #1a1a1a;
    white-space: normal;
    display: inline-block;
    padding-right: 20px
}

.basic-article-info-box .view_pattern_pc .module-style-4 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap {
    border-left: 0;
    padding-left: 0;
    padding-bottom: 6px
}

.basic-article-info-box .view_pattern_pc .module-style-4 .product_detail_wrap .product_detail_right_content .detail_title_wrap .detail_func_wrap .detail_share .g-share-render-box .jz_share_text .u-share_title {
    display: none
}

.basic_product_detail .view_pattern_mb .g-share-render-box .jz_share_text .u-icon,
.basic-article-info-box .view_pattern_mb .g-share-render-box .jz_share_text .u-icon {
    display: block;
    width: 40px;
    height: 35px;
    line-height: 35px;
    font-size: 24px;
    text-align: center;
    margin: 0 !important
}

.basic_product_detail .view_pattern_mb .g-share-render-box .jz_share_text .u-share_title,
.basic-article-info-box .view_pattern_mb .g-share-render-box .jz_share_text .u-share_title {
    display: none
}

.mb_pattern .basic_product_detail .wechat_show_box {
    padding: 0 0 20px;
    width: 280px;
    min-height: 265px;
    height: auto
}

.mb_pattern .basic_product_detail .wechat_show_box .box_header i {
    margin-right: 10px;
    font-size: 24px
}

.mb_pattern .basic_product_detail .wechat_show_box .box_body img {
    width: 210px;
    height: 210px
}

.mb_pattern .basic_product_detail .wechat_show_box .box_body p {
    font-size: 16px
}

.pc_pattern .basic_product_detail .product_advisory_email {
    width: auto;
    padding: 0 15px;
    max-width: 100%;
    height: 42px;
    color: #fff;
    font-size: 15px;
    line-height: 42px;
    text-align: center;
    border-radius: 21px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mb_pattern .basic_product_detail .product_advisory_email {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    height: 100%;
    padding: 0 15px;
    line-height: 50px;
    width: 100%;
    color: #fff;
    font-size: 15px;
    text-align: center;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    cursor: pointer
}

.basic_product_detail .product_advisory_email a {
    width: 100%;
    display: inline-block;
    height: 100%
}

.basic_product_detail .product_advisory_email .title {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff
}

.basic_product_detail .product_advisory_email i {
    font-size: 18px;
    padding-right: 5px
}

.basic_product_detail .ul-set .detail_specfic_panel_item ol,
.basic_product_detail .ul-set .detail_specfic_panel_item li {
    list-style: decimal
}

.basic_product_detail .ul-set .detail_specfic_panel_item ul li {
    list-style: disc
}

.w_100 {
    width: 100%
}

.h_100 {
    height: 100%
}

.h_50_px {
    height: 50px
}

.line_h_50 {
    line-height: 50px
}

.d_block {
    display: block
}

.d_inline_block {
    display: inline-block
}

.d_flex,
.flex_center_center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.flex_1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flex_column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex_j_c,
.flex_center_center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex_a_i_c,
.flex_center_center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex_j_s {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.z_index_913 {
    z-index: 913
}

.p_relative {
    position: relative
}

.p_absolute {
    position: absolute
}

.cursor_p {
    cursor: pointer
}

.basic_embed_page iframe {
    border: 0
}

.back_top_wrapper {
    position: fixed;
    width: 66px;
    height: 70px;
    right: 21px;
    bottom: 47px;
    z-index: 999;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.back_top_wrapper:hover .back_top_btn {
    bottom: 50%;
    -webkit-transition: bottom .3s ease;
    transition: bottom .3s ease
}

.back_top_wrapper .back_top_btn {
    position: absolute;
    left: 50%;
    margin-left: -24px;
    bottom: calc(50% - 7px);
    margin-bottom: -24px;
    -webkit-transition: bottom 0.3s ease;
    transition: bottom 0.3s ease
}

.back_top_wrapper .back_top_btn .back_top_fill {
    width: 48px;
    height: 48px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    color: #fff
}

.back_top_wrapper .back_top_btn .back_top_fill .iconClass {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
    line-height: 48px;
    text-align: center;
    font-size: 24px;
    font-weight: bold
}

.back_top_wrapper .back_top_btn .back_top_fill .zd_back_top_icon3 {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: url(../img/mbg01.png) no-repeat;
    background-position: -326px -708px
}

.back_top_wrapper .back_top_btn .back_top_fill .zd_back_top_icon2 {
    background: url(../img/mbg01.png) no-repeat;
    background-position: -388px -700px
}

.back_top_wrapper .back_top_btn .back_top_fill .zd_back_top_icon1 {
    background: url(../img/mbg01.png) no-repeat;
    background-position: -458px -700px
}

.back_top_wrapper .back_top_btn .back_top_fill .arrow_up {
    font-size: 30px
}

.basic-article-list-box {
    padding-bottom: 24px;
    width: 100%;
    height: 100%
}

.basic-article-list-box .u-list[data-type='1'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 0
}

.basic-article-list-box .u-list .news_list_parting_line {
    height: 0;
    border-bottom: 1px solid #ececec;
    margin: 0 1.6666%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.basic-article-list-box .jz_empty_tips {
    width: 100%;
    padding: 90px 0;
    text-align: center
}

.basic-article-list-box .jz_empty_tips__img {
    display: block;
    width: 157px;
    height: 123px;
    margin: 0 auto;
    background: url(../img/default_icon.png) 0 0
}

.basic-article-list-box .jz_empty_tips__text {
    margin-top: 28px;
    font-size: 16px;
    line-height: 24px;
    color: #333
}

.g-basic-article-box {
    position: relative
}

.g-basic-article-box.news_list_item_line {
    position: relative;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.g-basic-article-box.news_list_item_line[data-device="pc"]:hover {
    -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0 0 22px;
    box-shadow: rgba(0, 0, 0, 0.12) 0 0 22px
}

.g-basic-article-box.news_list_item_line .news_list_item_title {
    color: inherit
}

.g-basic-article-box[data-type='0'],
.g-basic-article-box[data-type='3'] {
    margin: 20px;
    padding: 10px
}

.g-basic-article-box[data-type='1'] {
    width: calc(25% - 20px);
    padding-left: 0;
    padding-right: 0;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    border-radius: 6px;
    overflow: hidden
}

.g-basic-article-box[data-type='1'] {
    margin-right: 10px;
    margin-left: 10px;
    padding-top: 0;
    margin-top: 24px;
    padding-bottom: 0
}

.g-basic-article-box[data-type='2'] {
    margin: 20px;
    padding: 10px
}

.g-basic-article-box[data-device='mb'][data-type='1'].news_list_item_line {
    width: 46.3542%;
    margin-left: 1.8229%;
    margin-right: 1.8229%;
    margin-top: 20px;
    padding: 0 0 6px 0
}

.g-basic-article-box[data-device='mb'].news_list_item_line {
    margin-left: 3.72%;
    margin-right: 3.6458%;
    padding: 20px 0
}

.g-basic-article-box .news_list_item_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.g-basic-article-box [data-href] {
    cursor: pointer
}

.g-basic-article-box .news_list_item_inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.g-basic-article-box[data-type='1'] .news_list_item_inner {
    display: block;
    padding-left: 0;
    padding-right: 0;
    padding-top: 5%;
    padding-bottom: 5%
}

.g-basic-article-box .news_list_img_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 38%;
    max-width: 100%;
    margin-right: 30px;
    overflow: hidden;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.g-basic-article-box .news_list_img_box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform .36s ease;
    transition: -webkit-transform .36s ease;
    transition: transform .36s ease;
    transition: transform .36s ease, -webkit-transform .36s ease
}

.g-basic-article-box[data-type='1'] .news_list_img_box {
    width: 90%;
    margin: 0 auto;
    overflow: hidden
}

.g-basic-article-box[data-device='mb'] .news_list_img_box {
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.g-basic-article-box[data-device='mb'][data-type='2'] .news_list_img_box,
.g-basic-article-box[data-device='mb'][data-type='3'] .news_list_img_box {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.g-basic-article-box[data-device='mb'] .news_list_img_box {
    margin-right: 12px
}

.g-basic-article-box[data-device='mb'][data-type="1"] .news_list_img_box {
    margin-right: auto
}

.g-basic-article-box .news_list_img {
    margin-right: 0;
    position: relative;
    width: 100%;
    height: 0;
    background: no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: all .36s ease;
    transition: all .36s ease
}

.g-basic-article-box[data-type='1'] .news_list_img {
    padding-top: 52.631%;
    margin-right: 0;
    position: relative
}

.g-basic-article-box[data-device='mb'][data-type='2'] .news_list_img {
    padding-top: 81%
}

.g-basic-article-box[data-device='mb'][data-type='3'] .news_list_img {
    padding-top: 81%
}

.g-basic-article-box[data-device='mb'] .news_list_img {
    width: 100%;
    height: 0
}

.g-basic-article-box .news_list_item_content {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.g-basic-article-box[data-type='1'] .news_list_item_content {
    padding-left: 5%;
    padding-right: 5%
}

.g-basic-article-box .news_list_item_header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 0
}

.g-basic-article-box[data-type='0'] .news_list_item_header,
.g-basic-article-box[data-type='3'] .news_list_item_header {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.g-basic-article-box[data-type='2'] .news_list_item_header {
    margin-top: 20px;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.g-basic-article-box[data-device='mb'] .news_list_item_header {
    display: block;
    margin-top: 0
}

.g-basic-article-box .news_list_item_title {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 24px
}

.g-basic-article-box[data-type='1'] .news_list_item_title {
    margin-top: 20px
}

.g-basic-article-box[data-device='mb'] .news_list_item_title {
    font-size: 14px;
    display: -webkit-box;
    max-height: 40px;
    line-height: 1.5;
    -webkit-line-clamp: 2;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.g-basic-article-box .news_list_item_date {
    display: inline-block;
    margin-top: 9px;
    max-width: 100%;
    line-height: 1;
    font-size: 14px;
    color: #999
}

.g-basic-article-box[data-type='0'] .news_list_item_date,
.g-basic-article-box[data-type='3'] .news_list_item_date {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 30px
}

.g-basic-article-box[data-type='2'] .news_list_item_date {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 30px
}

.g-basic-article-box[data-device='mb'] .news_list_item_date {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    line-height: 1
}

.g-basic-article-box[data-device='mb'] .news_list_item_date {
    margin-left: 0
}

.g-basic-article-box .news_list_item_summery {
    margin-top: 18px;
    font-size: 14px;
    color: #666;
    line-height: 1.7
}

.g-basic-article-box[data-device='mb'] .news_list_item_summery {
    max-height: 36px
}

.g-basic-article-box[data-device='mb'] .news_list_item_summery {
    display: -webkit-box;
    max-height: 40px;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.g-basic-article-box[data-device='mb'] .news_list_item_summery {
    font-size: 12px;
    margin-top: 10px
}

.g-basic-article-box .news_list_item_ext_line {
    margin-top: 20px
}

.g-basic-article-box .news_list_item_group {
    display: inline-block;
    width: calc(100% - 40px);
    line-height: 1;
    margin-top: -12px
}

.g-basic-article-box[data-device="mb"][data-type="1"] .news_list_item_group {
    width: 100%
}

.g-basic-article-box[data-device='mb'] .news_list_item_group {
    margin-top: -20px
}

.g-basic-article-box .news_list_item_group_item {
    display: inline-block;
    position: relative;
    height: 26px;
    line-height: 24px;
    max-width: 100%;
    padding: 0 8px;
    border: 1px solid #e5e5e5;
    margin-top: 12px;
    margin-right: 15px;
    border-radius: 5px;
    color: #999;
    font-size: 12px;
    word-break: keep-all;
    overflow: hidden;
    z-index: 2
}

.g-basic-article-box[data-device='mb'] .news_list_item_group_item {
    height: 26px;
    line-height: 24px;
    padding: 0 8px;
    font-size: 12px;
    margin-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.g-basic-article-box .news_list_item_arrow_link {
    max-width: 100%;
    float: right;
    display: block;
    position: relative;
    width: 40px;
    height: 28px;
    overflow: hidden
}

.g-basic-article-box .news_list_item_arrow_link:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 28px;
    background: url(../img/vbg01.png) -23px -324px;
    -webkit-transition: all .36s ease;
    transition: all .36s ease
}

.g-basic-article-box .news_list_item_arrow_link:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: -30px;
    top: 0;
    width: 30px;
    height: 28px;
    background: url(../img/vbg01.png) -23px -324px;
    -webkit-transition: all .36s ease;
    transition: all .36s ease;
    opacity: 0
}

.g-basic-article-box .news_list_item_arrow {
    display: none
}

.g-basic-article-box:hover .news_list_item_arrow_link:before {
    left: 30px;
    opacity: 0
}

.g-basic-article-box:hover .news_list_item_arrow_link:after {
    left: 0;
    opacity: 1
}

.basic-article-info-box .jz_sys_module .J_project_sort_handle {
    cursor: auto
}

.basic-article-info-box [class*=faisco-icons] {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.basic-article-info-box .module_content {
    position: relative;
    font-size: 14px
}

.basic-article-info-box .module_news_detail_content {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 0;
    line-height: 1;
    padding-bottom: 20px
}

.basic-article-info-box[data-device='mb'] .news_detail_header {
    margin-bottom: 20px
}

.basic-article-info-box .detail_summary_content {
    margin-bottom: 24px;
    font-size: 14px;
    color: #666;
    word-wrap: break-word;
    line-height: 1.6
}

.basic-article-info-box .news_detail_title {
    padding-bottom: 24px;
    padding-top: 24px;
    font-size: 22px;
    color: #333;
    font-weight: 400;
    line-height: 1.3
}

.basic-article-info-box .news_detail_info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 0;
    color: #999;
    margin-bottom: 24px
}

.basic-article-info-box .news_detail_info_item {
    font-size: 14px;
    margin-right: 22px
}

.basic-article-info-box .news_detail_content_wrap {
    padding-top: 30px;
    border-top: 1px solid #ebebeb;
    margin-bottom: 30px
}

.basic-article-info-box .news_detail_content {
    font-size: 14px;
    color: #666;
    word-wrap: break-word;
    line-height: 2.8
}

.basic-article-info-box .news_detail_content.ul-set ol,
.basic-article-info-box .news_detail_content.ul-set li {
    list-style: decimal
}

.basic-article-info-box .news_detail_content.ul-set ul li {
    list-style: disc
}

.basic-article-info-box .news_detail_divice_line {
    border-bottom: 1px dashed #efefef;
    margin-bottom: 26px
}

.basic-article-info-box .news_content_footer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 26px
}

.basic-article-info-box[data-device='mb'] .news_content_footer {
    margin-top: 20px
}

.basic-article-info-box .news_info_footer_line {
    margin-bottom: 26px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    white-space: nowrap;
    line-height: 1.5
}

.basic-article-info-box[data-device='mb'] .news_info_footer_line {
    margin-bottom: 20px
}

.basic-article-info-box .news_info_soruece_detail {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    max-width: calc(100% - 50px)
}

.basic-article-info-box .news_detail_info_item {
    font-size: 14px;
    margin-right: 22px
}

.basic-article-info-box[data-device='mb'] .news_detail_info_item {
    font-size: 14px
}

.basic-article-info-box .news_detail_info_source {
    display: inline-block;
    max-width: 100%;
    margin-right: 0;
    padding-right: 25px;
    color: #999;
    text-overflow: ellipsis;
    overflow: hidden
}

.basic-article-info-box .news_detail_info_item {
    margin-right: 0;
    padding-right: 25px;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.basic-article-info-box .news_detail_info_href {
    display: inline-block;
    max-width: 100%;
    color: #999;
    text-overflow: ellipsis;
    overflow: hidden
}

.basic-article-info-box .news_detail_group_list {
    margin-bottom: 50px
}

.basic-article-info-box[data-device='mb'] .news_detail_group_list {
    margin-bottom: 20px
}

.basic-article-info-box .news_belong_group {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 25px;
    line-height: 23px;
    margin-right: 15px;
    padding: 0 10px;
    border: 1px solid #c7c7c7;
    border-radius: 3px;
    color: #6f6f6f;
    font-size: 14px
}

.basic-article-info-box .news_detail_footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 70px
}

.basic-article-info-box[data-device='mb'] .news_detail_footer {
    margin-top: 0;
    margin-bottom: 20px
}

.basic-article-info-box .news_pagenation_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0;
    color: #666
}

.basic-article-info-box .news_pagenation_wrap .news_pagenation:nth-child(2) {
    margin-top: 30px
}

.basic-article-info-box .pagenation_title {
    font-size: 14px;
    margin-right: 28px;
    color: #333
}

.basic-article-info-box .pagenation_link {
    font-size: 14px;
    color: #333
}

.g-share-render-box .news_share_info {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.g-share-render-box .jz_share_info[data-device="pc"]:hover .jz_share_wrap {
    display: block
}

.g-share-render-box .jz_share_info {
    line-height: 35px
}

.g-share-render-box .large-click-btn {
    position: relative
}

.g-share-render-box .large-click-btn::after {
    content: '';
    position: absolute;
    top: -20px;
    right: -20px;
    bottom: -20px;
    left: -20px
}

.g-share-render-box .news_share_text {
    font-size: 13px;
    color: #666;
    vertical-align: middle;
    white-space: nowrap;
    line-height: 1.5;
    cursor: pointer
}

.g-share-render-box .news_share_text .u-icon {
    margin-right: 10px;
    font-size: 16px
}

.g-share-render-box .jz_share_text {
    position: relative
}

.g-share-render-box[data-device='mb'] .news_share_text {
    font-size: 14px
}

.g-share-render-box .jz_share_info .jz_share_wrap {
    display: none
}

.g-share-render-box[data-device='mb'] .jz_share_info .jz_share_wrap {
    display: none
}

.g-share-render-box .jz_share_list {
    z-index: 2200;
    position: absolute;
    right: -10px;
    top: 35px;
    width: 256px;
    max-width: 240px;
    padding: 15px;
    vertical-align: middle;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    background: #fff;
    white-space: normal
}

.g-share-render-box .jz_share_list:before {
    z-index: 1;
    content: '';
    display: inline-block;
    position: absolute;
    top: -4px;
    right: 48px;
    width: 10px;
    height: 10px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.g-share-render-box .jz_share_icon {
    display: inline-block;
    margin: 5px;
    vertical-align: middle;
    font-size: 30px
}

.g-share-render-box .faisco-icons-S000142:before {
    content: '\B0142'
}

.g-share-render-box .jz_share_Weixin {
    color: #46d42f
}

.g-share-render-box .jz_share_sina_weibo {
    color: #f44336
}

.g-share-render-box .jz_share_qq_share {
    color: #2992fc
}

.g-share-render-box .u-icon {
    margin: 5px 5px 0 0;
    font-size: 30px
}

.g-share-render-box .jz_share_name {
    display: none;
    color: #333
}

.g-share-render-box .u-img-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.g-share-render-box .m-share-box {
    overflow: hidden;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 2210;
    width: 100%;
    height: 0;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: .3s background-color, 0s .3s height;
    transition: .3s background-color, 0s .3s height
}

.g-share-render-box .m-share-box[data-active] {
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: .3s background-color;
    transition: .3s background-color
}

.g-share-render-box .m-share-box[data-active] .u-mn {
    bottom: 0
}

.g-share-render-box .m-share-box .u-mn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: -128px;
    left: 0;
    padding-top: 24px;
    padding-left: 3%;
    padding-right: 3%;
    width: 100%;
    background-color: #fff;
    -webkit-transition: .3s bottom;
    transition: .3s bottom
}

.g-share-render-box .m-share-box .u-mn .jz_share_icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 38px;
    margin: 0 11px 10px;
    text-align: center;
    width: 48px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.g-share-render-box .m-share-box .u-mn .u-icon {
    margin: 0;
    font-size: 38px
}

.g-share-render-box .m-share-box .u-mn .u-sn {
    display: block;
    font-size: 12px;
    line-height: 37px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.g-share-render-box .m-tips {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2210;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff
}

.g-share-render-box .m-tips[data-active] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.g-share-render-box .m-tips .u-img {
    margin-top: 100px;
    margin-bottom: 26px;
    width: 200px
}

.g-share-render-box .m-tips .u-p {
    width: 234px;
    text-align: center;
    color: #666;
    font-size: 16px;
    margin-bottom: 36px
}

.g-share-render-box .m-tips .u-btn {
    height: 50px;
    width: 150px;
    text-align: center;
    line-height: 50px;
    border: 1px solid #e0e0e0;
    font-size: 18px;
    color: #666;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.g-share-render-box .m-qr-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2215;
    width: 100%;
    height: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: .3s background-color, 0s .3s height;
    transition: .3s background-color, 0s .3s height
}

.g-share-render-box .m-qr-box[data-active] {
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-transition: .3s background-color;
    transition: .3s background-color
}

.g-share-render-box .m-qr-box .u-mn {
    overflow: hidden;
    width: 300px;
    height: 0;
    background-color: #fff;
    opacity: 0;
    -webkit-transform: translateY(80px);
    -ms-transform: translateY(80px);
    transform: translateY(80px);
    -webkit-transition: .3s opacity, .3s transform, 0s .3s height;
    transition: .3s opacity, .3s transform, 0s .3s height
}

.g-share-render-box .m-qr-box[data-active] .u-mn {
    height: 322px;
    opacity: 1;
    -webkit-transform: translateY(142px);
    -ms-transform: translateY(142px);
    transform: translateY(142px);
    -webkit-transition: .3s opacity, .3s transform;
    transition: .3s opacity, .3s transform
}

.g-share-render-box .m-qr-box .u-hd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    padding-bottom: 10px;
    line-height: 24px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.g-share-render-box .m-qr-box .u-h3 {
    font-size: 18px;
    font-weight: 500;
    color: #303133
}

.g-share-render-box .m-qr-box .u-icon {
    font-size: 21px;
    font-weight: 300;
    cursor: pointer
}

@charset "UTF-8";

.el-checkbox,
.el-checkbox__input {
    white-space: nowrap;
    display: inline-block;
    position: relative
}

.el-checkbox {
    color: #606266;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 30px
}

.el-checkbox.is-bordered {
    padding: 9px 20px 9px 10px;
    border-radius: 4px;
    border: 1px solid #DCDFE6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: normal;
    height: 40px
}

.el-checkbox.is-bordered.is-checked {
    border-color: #409EFF
}

.el-checkbox.is-bordered.is-disabled {
    border-color: #EBEEF5;
    cursor: not-allowed
}

.el-checkbox.is-bordered+.el-checkbox.is-bordered {
    margin-left: 10px
}

.el-checkbox.is-bordered.el-checkbox--medium {
    padding: 7px 20px 7px 10px;
    border-radius: 4px;
    height: 36px
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
    line-height: 17px;
    font-size: 14px
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
    height: 14px;
    width: 14px
}

.el-checkbox.is-bordered.el-checkbox--small {
    padding: 5px 15px 5px 10px;
    border-radius: 3px;
    height: 32px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
    line-height: 15px;
    font-size: 12px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
    height: 12px;
    width: 12px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
    height: 6px;
    width: 2px
}

.el-checkbox.is-bordered.el-checkbox--mini {
    padding: 3px 15px 3px 10px;
    border-radius: 3px;
    height: 28px
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
    line-height: 12px;
    font-size: 12px
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
    height: 12px;
    width: 12px
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after {
    height: 6px;
    width: 2px
}

.el-checkbox__input {
    cursor: pointer;
    outline: 0;
    line-height: 1;
    vertical-align: middle
}

.el-checkbox__input.is-disabled .el-checkbox__inner {
    background-color: #edf2fc;
    border-color: #DCDFE6;
    cursor: not-allowed
}

.el-checkbox__input.is-disabled .el-checkbox__inner::after {
    cursor: not-allowed;
    border-color: #C0C4CC
}

.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label {
    cursor: not-allowed
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
    background-color: #F2F6FC;
    border-color: #DCDFE6
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
    border-color: #C0C4CC
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
    background-color: #F2F6FC;
    border-color: #DCDFE6
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
    background-color: #C0C4CC;
    border-color: #C0C4CC
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #409EFF;
    border-color: #409EFF
}

.el-checkbox__input.is-disabled+span.el-checkbox__label {
    color: #C0C4CC;
    cursor: not-allowed
}

.el-checkbox__input.is-checked .el-checkbox__inner::after {
    -webkit-transform: rotate(45deg) scaleY(1);
    transform: rotate(45deg) scaleY(1)
}

.el-checkbox__input.is-checked+.el-checkbox__label {
    color: #409EFF
}

.el-checkbox__input.is-focus .el-checkbox__inner {
    border-color: #409EFF
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
    content: '';
    position: absolute;
    display: block;
    background-color: #FFF;
    height: 2px;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    left: 0;
    right: 0;
    top: 5px
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
    display: none
}

.el-checkbox__inner {
    display: inline-block;
    position: relative;
    border: 1px solid #DCDFE6;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    background-color: #FFF;
    z-index: 1;
    -webkit-transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46);
    transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46)
}

.el-checkbox__inner:hover {
    border-color: #409EFF
}

.el-checkbox__inner::after {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    content: "";
    border: 1px solid #FFF;
    border-left: 0;
    border-top: 0;
    height: 7px;
    left: 4px;
    position: absolute;
    top: 1px;
    -webkit-transform: rotate(45deg) scaleY(0);
    transform: rotate(45deg) scaleY(0);
    width: 3px;
    -webkit-transition: -webkit-transform .15s ease-in .05s;
    transition: -webkit-transform .15s ease-in .05s;
    transition: transform .15s ease-in .05s;
    transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s;
    -webkit-transform-origin: center;
    transform-origin: center
}

.el-checkbox-button__inner,
.el-tag {
    -webkit-box-sizing: border-box;
    white-space: nowrap
}

.el-checkbox__original {
    opacity: 0;
    outline: 0;
    position: absolute;
    margin: 0;
    width: 0;
    height: 0;
    z-index: -1
}

.el-checkbox-button,
.el-checkbox-button__inner {
    position: relative;
    display: inline-block
}

.el-checkbox__label {
    display: inline-block;
    padding-left: 10px;
    line-height: 19px;
    font-size: 14px
}

.el-checkbox:last-of-type {
    margin-right: 0
}

.el-checkbox-button__inner {
    line-height: 1;
    font-weight: 500;
    vertical-align: middle;
    cursor: pointer;
    background: #FFF;
    border: 1px solid #DCDFE6;
    border-left: 0;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 0
}

.el-checkbox-button__inner.is-round {
    padding: 12px 20px
}

.el-checkbox-button__inner:hover {
    color: #409EFF
}

.el-checkbox-button__inner [class*=el-icon-] {
    line-height: .9
}

.el-checkbox-button__inner [class*=el-icon-]+span {
    margin-left: 5px
}

.el-checkbox-button__original {
    opacity: 0;
    outline: 0;
    position: absolute;
    margin: 0;
    z-index: -1
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
    color: #FFF;
    background-color: #409EFF;
    border-color: #409EFF;
    -webkit-box-shadow: -1px 0 0 0 #8cc5ff;
    box-shadow: -1px 0 0 0 #8cc5ff
}

.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
    border-left-color: #409EFF
}

.el-checkbox-button.is-disabled .el-checkbox-button__inner {
    color: #C0C4CC;
    cursor: not-allowed;
    background-image: none;
    background-color: #FFF;
    border-color: #EBEEF5;
    -webkit-box-shadow: none;
    box-shadow: none
}

.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
    border-left-color: #EBEEF5
}

.el-checkbox-button:first-child .el-checkbox-button__inner {
    border-left: 1px solid #DCDFE6;
    border-radius: 4px 0 0 4px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.el-checkbox-button.is-focus .el-checkbox-button__inner {
    border-color: #409EFF
}

.el-checkbox-button:last-child .el-checkbox-button__inner {
    border-radius: 0 4px 4px 0
}

.el-checkbox-button--medium .el-checkbox-button__inner {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 0
}

.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
    padding: 10px 20px
}

.el-checkbox-button--small .el-checkbox-button__inner {
    padding: 9px 15px;
    font-size: 12px;
    border-radius: 0
}

.el-checkbox-button--small .el-checkbox-button__inner.is-round {
    padding: 9px 15px
}

.el-checkbox-button--mini .el-checkbox-button__inner {
    padding: 7px 15px;
    font-size: 12px;
    border-radius: 0
}

.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
    padding: 7px 15px
}

.el-checkbox-group {
    font-size: 0
}

.el-tag {
    background-color: #ecf5ff;
    border-color: #d9ecff;
    display: inline-block;
    height: 32px;
    padding: 0 10px;
    line-height: 30px;
    font-size: 12px;
    color: #409EFF;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    box-sizing: border-box
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.el-tag .el-icon-close {
    border-radius: 50%;
    text-align: center;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    height: 16px;
    width: 16px;
    line-height: 16px;
    vertical-align: middle;
    top: -1px;
    right: -5px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.el-tag--medium {
    height: 28px;
    line-height: 26px
}

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

.el-tag--small {
    height: 24px;
    padding: 0 8px;
    line-height: 22px
}

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

.el-tag--mini {
    height: 20px;
    padding: 0 5px;
    line-height: 19px
}

.el-tag--mini .el-icon-close {
    margin-left: -3px;
    -webkit-transform: scale(.7);
    transform: scale(.7)
}

.el-table-column--selection .cell {
    padding-left: 14px;
    padding-right: 14px
}

.el-table-filter {
    border: 1px solid #EBEEF5;
    border-radius: 2px;
    background-color: #FFF;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 2px 0
}

.el-table-filter__list {
    padding: 5px 0;
    margin: 0;
    list-style: none;
    min-width: 100px
}

.el-table-filter__list-item {
    line-height: 36px;
    padding: 0 10px;
    cursor: pointer;
    font-size: 14px
}

.el-table-filter__list-item:hover {
    background-color: #ecf5ff;
    color: #66b1ff
}

.el-table-filter__list-item.is-active {
    background-color: #409EFF;
    color: #FFF
}

.el-table-filter__content {
    min-width: 100px
}

.el-table-filter__bottom {
    border-top: 1px solid #EBEEF5;
    padding: 8px
}

.el-table-filter__bottom button {
    background: 0 0;
    border: none;
    color: #606266;
    cursor: pointer;
    font-size: 13px;
    padding: 0 3px
}

.el-table-filter__bottom button:hover {
    color: #409EFF
}

.el-table-filter__bottom button:focus {
    outline: 0
}

.el-table-filter__bottom button.is-disabled {
    color: #C0C4CC;
    cursor: not-allowed
}

.el-table-filter__wrap {
    max-height: 280px
}

.el-table-filter__checkbox-group {
    padding: 10px
}

.el-table-filter__checkbox-group label.el-checkbox {
    display: block;
    margin-right: 5px;
    margin-bottom: 8px;
    margin-left: 5px
}

.el-table-filter__checkbox-group .el-checkbox:last-child {
    margin-bottom: 0
}

@charset "UTF-8";

.el-checkbox,
.el-checkbox__input {
    display: inline-block;
    position: relative;
    white-space: nowrap
}

.el-table,
.el-table__append-wrapper {
    overflow: hidden
}

.el-table td.is-hidden>*,
.el-table th.is-hidden>*,
.el-table--hidden {
    visibility: hidden
}

.el-checkbox {
    color: #606266;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 30px
}

.el-checkbox-button__inner,
.el-table th {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.el-checkbox.is-bordered {
    padding: 9px 20px 9px 10px;
    border-radius: 4px;
    border: 1px solid #DCDFE6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: normal;
    height: 40px
}

.el-checkbox.is-bordered.is-checked {
    border-color: #409EFF
}

.el-checkbox.is-bordered.is-disabled {
    border-color: #EBEEF5;
    cursor: not-allowed
}

.el-checkbox.is-bordered+.el-checkbox.is-bordered {
    margin-left: 10px
}

.el-checkbox.is-bordered.el-checkbox--medium {
    padding: 7px 20px 7px 10px;
    border-radius: 4px;
    height: 36px
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
    line-height: 17px;
    font-size: 14px
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
    height: 14px;
    width: 14px
}

.el-checkbox.is-bordered.el-checkbox--small {
    padding: 5px 15px 5px 10px;
    border-radius: 3px;
    height: 32px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
    line-height: 15px;
    font-size: 12px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
    height: 12px;
    width: 12px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
    height: 6px;
    width: 2px
}

.el-checkbox.is-bordered.el-checkbox--mini {
    padding: 3px 15px 3px 10px;
    border-radius: 3px;
    height: 28px
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
    line-height: 12px;
    font-size: 12px
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
    height: 12px;
    width: 12px
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after {
    height: 6px;
    width: 2px
}

.el-checkbox__input {
    cursor: pointer;
    outline: 0;
    line-height: 1;
    vertical-align: middle
}

.el-checkbox__input.is-disabled .el-checkbox__inner {
    background-color: #edf2fc;
    border-color: #DCDFE6;
    cursor: not-allowed
}

.el-checkbox__input.is-disabled .el-checkbox__inner::after {
    cursor: not-allowed;
    border-color: #C0C4CC
}

.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label {
    cursor: not-allowed
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
    background-color: #F2F6FC;
    border-color: #DCDFE6
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
    border-color: #C0C4CC
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
    background-color: #F2F6FC;
    border-color: #DCDFE6
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
    background-color: #C0C4CC;
    border-color: #C0C4CC
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #409EFF;
    border-color: #409EFF
}

.el-checkbox__input.is-disabled+span.el-checkbox__label {
    color: #C0C4CC;
    cursor: not-allowed
}

.el-checkbox__input.is-checked .el-checkbox__inner::after {
    -webkit-transform: rotate(45deg) scaleY(1);
    transform: rotate(45deg) scaleY(1)
}

.el-checkbox__input.is-checked+.el-checkbox__label {
    color: #409EFF
}

.el-checkbox__input.is-focus .el-checkbox__inner {
    border-color: #409EFF
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
    content: '';
    position: absolute;
    display: block;
    background-color: #FFF;
    height: 2px;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    left: 0;
    right: 0;
    top: 5px
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
    display: none
}

.el-checkbox__inner {
    display: inline-block;
    position: relative;
    border: 1px solid #DCDFE6;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    background-color: #FFF;
    z-index: 1;
    -webkit-transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46);
    transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46)
}

.el-checkbox__inner:hover {
    border-color: #409EFF
}

.el-checkbox__inner::after {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    content: "";
    border: 1px solid #FFF;
    border-left: 0;
    border-top: 0;
    height: 7px;
    left: 4px;
    position: absolute;
    top: 1px;
    -webkit-transform: rotate(45deg) scaleY(0);
    transform: rotate(45deg) scaleY(0);
    width: 3px;
    -webkit-transition: -webkit-transform .15s ease-in .05s;
    transition: -webkit-transform .15s ease-in .05s;
    transition: transform .15s ease-in .05s;
    transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s;
    -webkit-transform-origin: center;
    transform-origin: center
}

.el-checkbox__original {
    opacity: 0;
    outline: 0;
    position: absolute;
    margin: 0;
    width: 0;
    height: 0;
    z-index: -1
}

.el-checkbox-button,
.el-checkbox-button__inner {
    position: relative;
    display: inline-block
}

.el-checkbox__label {
    display: inline-block;
    padding-left: 10px;
    line-height: 19px;
    font-size: 14px
}

.el-checkbox:last-of-type {
    margin-right: 0
}

.el-checkbox-button__inner {
    line-height: 1;
    font-weight: 500;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background: #FFF;
    border: 1px solid #DCDFE6;
    border-left: 0;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 0
}

.el-checkbox-button__inner.is-round {
    padding: 12px 20px
}

.el-checkbox-button__inner:hover {
    color: #409EFF
}

.el-checkbox-button__inner [class*=el-icon-] {
    line-height: .9
}

.el-checkbox-button__inner [class*=el-icon-]+span {
    margin-left: 5px
}

.el-checkbox-button__original {
    opacity: 0;
    outline: 0;
    position: absolute;
    margin: 0;
    z-index: -1
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
    color: #FFF;
    background-color: #409EFF;
    border-color: #409EFF;
    -webkit-box-shadow: -1px 0 0 0 #8cc5ff;
    box-shadow: -1px 0 0 0 #8cc5ff
}

.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
    border-left-color: #409EFF
}

.el-checkbox-button.is-disabled .el-checkbox-button__inner {
    color: #C0C4CC;
    cursor: not-allowed;
    background-image: none;
    background-color: #FFF;
    border-color: #EBEEF5;
    -webkit-box-shadow: none;
    box-shadow: none
}

.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
    border-left-color: #EBEEF5
}

.el-checkbox-button:first-child .el-checkbox-button__inner {
    border-left: 1px solid #DCDFE6;
    border-radius: 4px 0 0 4px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.el-checkbox-button.is-focus .el-checkbox-button__inner {
    border-color: #409EFF
}

.el-checkbox-button:last-child .el-checkbox-button__inner {
    border-radius: 0 4px 4px 0
}

.el-checkbox-button--medium .el-checkbox-button__inner {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 0
}

.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
    padding: 10px 20px
}

.el-checkbox-button--small .el-checkbox-button__inner {
    padding: 9px 15px;
    font-size: 12px;
    border-radius: 0
}

.el-checkbox-button--small .el-checkbox-button__inner.is-round {
    padding: 9px 15px
}

.el-checkbox-button--mini .el-checkbox-button__inner {
    padding: 7px 15px;
    font-size: 12px;
    border-radius: 0
}

.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
    padding: 7px 15px
}

.el-checkbox-group {
    font-size: 0
}

.el-tag {
    background-color: #ecf5ff;
    border-color: #d9ecff;
    display: inline-block;
    height: 32px;
    padding: 0 10px;
    line-height: 30px;
    font-size: 12px;
    color: #409EFF;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.el-tag .el-icon-close {
    border-radius: 50%;
    text-align: center;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    height: 16px;
    width: 16px;
    line-height: 16px;
    vertical-align: middle;
    top: -1px;
    right: -5px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.el-tag--medium {
    height: 28px;
    line-height: 26px
}

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

.el-tag--small {
    height: 24px;
    padding: 0 8px;
    line-height: 22px
}

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

.el-tag--mini {
    height: 20px;
    padding: 0 5px;
    line-height: 19px
}

.el-tag--mini .el-icon-close {
    margin-left: -3px;
    -webkit-transform: scale(.7);
    transform: scale(.7)
}

.el-tooltip:focus:hover,
.el-tooltip:focus:not(.focusing) {
    outline-width: 0
}

.el-tooltip__popper {
    position: absolute;
    border-radius: 4px;
    padding: 10px;
    z-index: 2000;
    font-size: 12px;
    line-height: 1.2;
    min-width: 10px;
    word-wrap: break-word
}

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

.el-tooltip__popper .popper__arrow {
    border-width: 6px
}

.el-tooltip__popper .popper__arrow::after {
    content: " ";
    border-width: 5px
}

.el-tooltip__popper[x-placement^=top] {
    margin-bottom: 12px
}

.el-tooltip__popper[x-placement^=top] .popper__arrow {
    bottom: -6px;
    border-top-color: #303133;
    border-bottom-width: 0
}

.el-tooltip__popper[x-placement^=top] .popper__arrow::after {
    bottom: 1px;
    margin-left: -5px;
    border-top-color: #303133;
    border-bottom-width: 0
}

.el-tooltip__popper[x-placement^=bottom] {
    margin-top: 12px
}

.el-tooltip__popper[x-placement^=bottom] .popper__arrow {
    top: -6px;
    border-top-width: 0;
    border-bottom-color: #303133
}

.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after {
    top: 1px;
    margin-left: -5px;
    border-top-width: 0;
    border-bottom-color: #303133
}

.el-tooltip__popper[x-placement^=right] {
    margin-left: 12px
}

.el-tooltip__popper[x-placement^=right] .popper__arrow {
    left: -6px;
    border-right-color: #303133;
    border-left-width: 0
}

.el-tooltip__popper[x-placement^=right] .popper__arrow::after {
    bottom: -5px;
    left: 1px;
    border-right-color: #303133;
    border-left-width: 0
}

.el-tooltip__popper[x-placement^=left] {
    margin-right: 12px
}

.el-tooltip__popper[x-placement^=left] .popper__arrow {
    right: -6px;
    border-right-width: 0;
    border-left-color: #303133
}

.el-tooltip__popper[x-placement^=left] .popper__arrow::after {
    right: 1px;
    bottom: -5px;
    margin-left: -5px;
    border-right-width: 0;
    border-left-color: #303133
}

.el-tooltip__popper.is-dark {
    background: #303133;
    color: #FFF
}

.el-table,
.el-table__expanded-cell {
    background-color: #FFF
}

.el-tooltip__popper.is-light {
    background: #FFF;
    border: 1px solid #303133
}

.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow {
    border-top-color: #303133
}

.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after {
    border-top-color: #FFF
}

.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow {
    border-bottom-color: #303133
}

.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after {
    border-bottom-color: #FFF
}

.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow {
    border-left-color: #303133
}

.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after {
    border-left-color: #FFF
}

.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow {
    border-right-color: #303133
}

.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after {
    border-right-color: #FFF
}

.el-table {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    max-width: 100%;
    font-size: 14px;
    color: #606266
}

.el-table--mini,
.el-table--small,
.el-table__expand-icon {
    font-size: 12px
}

.el-table__empty-block {
    min-height: 60px;
    text-align: center;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.el-table__empty-text {
    line-height: 60px;
    width: 50%;
    color: #909399
}

.el-table__expand-column .cell {
    padding: 0;
    text-align: center
}

.el-table__expand-icon {
    position: relative;
    cursor: pointer;
    color: #666;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    height: 20px
}

.el-table__expand-icon--expanded {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.el-table__expand-icon>.el-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -5px;
    margin-top: -5px
}

.el-table__expanded-cell[class*=cell] {
    padding: 20px 50px
}

.el-table__expanded-cell:hover {
    background-color: transparent !important
}

.el-table__placeholder {
    display: inline-block;
    width: 20px
}

.el-table--fit {
    border-right: 0;
    border-bottom: 0
}

.el-table--fit td.gutter,
.el-table--fit th.gutter {
    border-right-width: 1px
}

.el-table--scrollable-x .el-table__body-wrapper {
    overflow-x: auto
}

.el-table--scrollable-y .el-table__body-wrapper {
    overflow-y: auto
}

.el-table thead {
    color: #909399;
    font-weight: 500
}

.el-table thead.is-group th {
    background: #F5F7FA
}

.el-table th,
.el-table tr {
    background-color: #FFF
}

.el-table td,
.el-table th {
    padding: 12px 0;
    min-width: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-overflow: ellipsis;
    vertical-align: middle;
    position: relative;
    text-align: left
}

.el-table td.is-center,
.el-table th.is-center {
    text-align: center
}

.el-table td.is-right,
.el-table th.is-right {
    text-align: right
}

.el-table td.gutter,
.el-table th.gutter {
    width: 15px;
    border-right-width: 0;
    border-bottom-width: 0;
    padding: 0
}

.el-table--medium td,
.el-table--medium th {
    padding: 10px 0
}

.el-table--small td,
.el-table--small th {
    padding: 8px 0
}

.el-table--mini td,
.el-table--mini th {
    padding: 6px 0
}

.el-table .cell,
.el-table--border td:first-child .cell,
.el-table--border th:first-child .cell {
    padding-left: 10px
}

.el-table tr input[type=checkbox] {
    margin: 0
}

.el-table td,
.el-table th.is-leaf {
    border-bottom: 1px solid #EBEEF5
}

.el-table th.is-sortable {
    cursor: pointer
}

.el-table th {
    overflow: hidden;
    user-select: none
}

.el-table th>.cell {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%
}

.el-table th>.cell.highlight {
    color: #409EFF
}

.el-table th.required>div::before {
    display: inline-block;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ff4d51;
    margin-right: 5px;
    vertical-align: middle
}

.el-table td div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.el-table td.gutter {
    width: 0
}

.el-table .cell {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    line-height: 23px;
    padding-right: 10px
}

.el-table .cell.el-tooltip {
    white-space: nowrap;
    min-width: 50px
}

.el-table--border,
.el-table--group {
    border: 1px solid #EBEEF5
}

.el-table--border::after,
.el-table--group::after,
.el-table::before {
    content: '';
    position: absolute;
    background-color: #EBEEF5;
    z-index: 1
}

.el-table--border::after,
.el-table--group::after {
    top: 0;
    right: 0;
    width: 1px;
    height: 100%
}

.el-table::before {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px
}

.el-table--border {
    border-right: none;
    border-bottom: none
}

.el-table--border.el-loading-parent--relative {
    border-color: transparent
}

.el-table--border td,
.el-table--border th,
.el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
    border-right: 1px solid #EBEEF5
}

.el-table--border th.gutter:last-of-type {
    border-bottom: 1px solid #EBEEF5;
    border-bottom-width: 1px
}

.el-table--border th,
.el-table__fixed-right-patch {
    border-bottom: 1px solid #EBEEF5
}

.el-table__fixed,
.el-table__fixed-right {
    position: absolute;
    top: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .12);
    box-shadow: 0 0 10px rgba(0, 0, 0, .12)
}

.el-table__fixed-right::before,
.el-table__fixed::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #EBEEF5;
    z-index: 4
}

.el-table__fixed-right-patch {
    position: absolute;
    top: -1px;
    right: 0;
    background-color: #FFF
}

.el-table__fixed-right {
    top: 0;
    left: auto;
    right: 0
}

.el-table__fixed-right .el-table__fixed-body-wrapper,
.el-table__fixed-right .el-table__fixed-footer-wrapper,
.el-table__fixed-right .el-table__fixed-header-wrapper {
    left: auto;
    right: 0
}

.el-table__fixed-header-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3
}

.el-table__fixed-footer-wrapper {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3
}

.el-table__fixed-footer-wrapper tbody td {
    border-top: 1px solid #EBEEF5;
    background-color: #F5F7FA;
    color: #606266
}

.el-table__fixed-body-wrapper {
    position: absolute;
    left: 0;
    top: 37px;
    overflow: hidden;
    z-index: 3
}

.el-table__body-wrapper,
.el-table__footer-wrapper,
.el-table__header-wrapper {
    width: 100%
}

.el-table__footer-wrapper {
    margin-top: -1px
}

.el-table__footer-wrapper td {
    border-top: 1px solid #EBEEF5
}

.el-table__body,
.el-table__footer,
.el-table__header {
    table-layout: fixed;
    border-collapse: separate
}

.el-table__footer-wrapper,
.el-table__header-wrapper {
    overflow: hidden
}

.el-table__footer-wrapper tbody td,
.el-table__header-wrapper tbody td {
    background-color: #F5F7FA;
    color: #606266
}

.el-table__body-wrapper {
    overflow: hidden;
    position: relative
}

.el-table__body-wrapper.is-scrolling-left~.el-table__fixed,
.el-table__body-wrapper.is-scrolling-none~.el-table__fixed,
.el-table__body-wrapper.is-scrolling-none~.el-table__fixed-right,
.el-table__body-wrapper.is-scrolling-right~.el-table__fixed-right {
    -webkit-box-shadow: none;
    box-shadow: none
}

.el-table__body-wrapper .el-table--border.is-scrolling-right~.el-table__fixed-right {
    border-left: 1px solid #EBEEF5
}

.el-table .caret-wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 34px;
    width: 24px;
    vertical-align: middle;
    cursor: pointer;
    overflow: initial;
    position: relative
}

.el-table .sort-caret {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    position: absolute;
    left: 7px
}

.el-table .sort-caret.ascending {
    border-bottom-color: #C0C4CC;
    top: 5px
}

.el-table .sort-caret.descending {
    border-top-color: #C0C4CC;
    bottom: 7px
}

.el-table .ascending .sort-caret.ascending {
    border-bottom-color: #409EFF
}

.el-table .descending .sort-caret.descending {
    border-top-color: #409EFF
}

.el-table .hidden-columns {
    visibility: hidden;
    position: absolute;
    z-index: -1
}

.el-table--striped .el-table__body tr.el-table__row--striped td {
    background: #FAFAFA
}

.el-table--striped .el-table__body tr.el-table__row--striped.current-row td {
    background-color: #ecf5ff
}

.el-table__body tr.hover-row.current-row>td,
.el-table__body tr.hover-row.el-table__row--striped.current-row>td,
.el-table__body tr.hover-row.el-table__row--striped>td,
.el-table__body tr.hover-row>td {
    background-color: #F5F7FA
}

.el-table__body tr.current-row>td {
    background-color: #ecf5ff
}

.el-table__column-resize-proxy {
    position: absolute;
    left: 200px;
    top: 0;
    bottom: 0;
    width: 0;
    border-left: 1px solid #EBEEF5;
    z-index: 10
}

.el-table__column-filter-trigger {
    display: inline-block;
    line-height: 34px;
    cursor: pointer
}

.el-table__column-filter-trigger i {
    color: #909399;
    font-size: 12px;
    -webkit-transform: scale(.75);
    transform: scale(.75)
}

.el-table--enable-row-transition .el-table__body td {
    -webkit-transition: background-color .25s ease;
    transition: background-color .25s ease
}

.el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: #F5F7FA
}

.el-table--fluid-height .el-table__fixed,
.el-table--fluid-height .el-table__fixed-right {
    bottom: 0;
    overflow: hidden
}

.el-table [class*=el-table__row--level] .el-table__expand-icon {
    display: inline-block;
    width: 20px;
    line-height: 20px;
    height: 20px;
    text-align: center;
    margin-right: 3px
}

.basic_notice {
    overflow: hidden
}

.basic_notice .notice_part {
    font-size: 0
}

.basic_notice .notice_part .notice_logo {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle
}

.basic_notice .notice_part .notice_words {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: calc(100% - 30px);
    overflow: hidden
}

.basic_notice .notice_part .notice_words .notice-wrapper {
    position: absolute;
    top: 0
}

.basic_notice .notice_part .notice_words .words_line {
    white-space: nowrap
}

.basic_notice .notice_part .notice_words .words_line[data-active='false'] {
    -webkit-transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
    transform: translateX(0) !important;
    -webkit-transition: 0s linear !important;
    transition: 0s linear !important
}

.basic_notice .notice_part .notice_words .words_line[data-active='falseY'] {
    -webkit-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    transform: translateY(0) !important;
    -webkit-transition: 0s linear !important;
    transition: 0s linear !important
}

.basic_notice .notice_part .words-line-left,
.basic_notice .notice_part .words-line-right {
    display: table-cell;
    position: relative
}

.basic_notice .notice_part .notice_words:hover .words-line-left {
    left: 0 !important
}

.basic_notice .notice_part .words-line-right {
    position: relative;
    opacity: 0
}

.basic-icon-combination .list_frame {
    width: 100%
}

.basic-icon-combination .list_frame .list_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    font-size: 0;
    position: relative
}

.basic-icon-combination .list_frame .list_box .list_one {
    position: relative;
    display: inline-block
}

.basic-icon-combination .list_frame .list_box .list_one .tooptipPart {
    right: 0;
    bottom: 0;
    top: auto;
    display: none;
    z-index: 999
}

.basic-icon-combination .list_frame .list_box .list_one .list_img_frame {
    position: relative;
    overflow: hidden
}

.basic-icon-combination .list_frame .list_box .list_one .list_img_frame .list_img_back {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background-position: center center;
    -webkit-transition: all ease 0.36s;
    transition: all ease 0.36s;
    background-repeat: no-repeat
}

.basic-icon-combination .list_frame .list_box .list_one:hover .tooptipPart {
    display: block
}

.icon-combination-wrapper {
    padding-left: 1%;
    padding-right: 1%;
    margin-top: 1%;
    margin-bottom: 1%
}

.mb_pattern .basic-icon-combination .icon-combination-wrapper {
    padding-left: 2%;
    padding-right: 2%
}

.basic-icon-combination .module-content {
    height: 100%;
    padding: 10%
}

.basic-icon-combination .module-content-shadow {
    -webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2)
}

.basic-icon-combination .icon-wrapper {
    display: inline-block;
    width: 25%;
    margin: 0 auto;
    position: relative
}

.basic-icon-combination .img-icon {
    max-width: 100%
}

.basic-icon-combination .icon-combination-title {
    font-size: 16px;
    color: #333;
    margin-top: 30px;
    line-height: 1.3
}

.basic-icon-combination .icon-combination-summary {
    font-size: 14px;
    color: #999;
    margin-top: 12px;
    line-height: 1.4
}

.basic-icon-combination .module-content-style-0 .icon-combination-default {
    text-align: center
}

.basic-icon-combination .module-content-style-0 .icon-combination-center {
    text-align: center
}

.basic-icon-combination .module-content-style-0 .icon-combination-left {
    text-align: left
}

.basic-icon-combination .module-content-style-0 .icon-combination-right {
    text-align: right
}

.basic-icon-combination .module-content-style-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.basic-icon-combination .module-content-style-1 .icon-combination-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.basic-icon-combination .module-content-style-1 .icon-wrapper {
    text-align: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.basic-icon-combination .module-content-style-1 .text-wrapper {
    width: 75%;
    padding-left: 15px;
    text-align: left
}

.basic-icon-combination .module-content-style-1 .icon-combination-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.basic-icon-combination .module-content-style-1 .icon-combination-top .icon-combination-title {
    margin-top: -0.2em
}

.basic-icon-combination .module-content-style-1 .icon-combination-bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.basic-icon-combination .module-content-style-1 .icon-combination-bottom .icon-combination-summary {
    margin-bottom: -0.15em
}

.basic-icon-combination .module-content-style-1 .icon-combination-title {
    margin-top: 0
}

.basic-icon-combination .module-content-style-2 {
    background: #f2f2f2;
    padding: 12.5% 15.6%
}

.basic-icon-combination .module-content-style-2 .icon-wrapper {
    display: inline-block;
    width: 25%
}

.basic-icon-combination .module-content-style-2 .icon-combination-title {
    margin-top: 24px
}

.basic-icon-combination .module-content-style-2 .icon-combination-summary {
    margin-top: 10px
}

.basic-icon-combination .module-content-style-2 .icon-combination-default {
    text-align: left
}

.basic-icon-combination .module-content-style-2 .icon-combination-left {
    text-align: left
}

.basic-icon-combination .module-content-style-2 .icon-combination-center {
    text-align: center
}

.basic-icon-combination .module-content-style-2 .icon-combination-right {
    text-align: right
}

.basic-icon-combination .icon-wrapper-circle {
    visibility: hidden
}

.basic-icon-combination .module-content-style-3 .icon-combination-default {
    text-align: center
}

.basic-icon-combination .module-content-style-3 .icon-combination-left {
    text-align: left
}

.basic-icon-combination .module-content-style-3 .icon-combination-center {
    text-align: center
}

.basic-icon-combination .module-content-style-3 .icon-combination-right {
    text-align: right
}

.basic-icon-combination .list-box-style-3 {
    width: 350px;
    height: 350px;
    display: block !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5%
}

@media screen and (min-width: 1600px) {
    .basic-icon-combination .list-box-style-3 {
        width: 700px;
        height: 700px
    }
}

@media screen and (min-width: 1200px) {
    .basic-icon-combination .list-box-style-3 {
        width: 600px;
        height: 600px
    }
}

@media screen and (min-width: 900px) {
    .basic-icon-combination .list-box-style-3 {
        width: 500px;
        height: 500px
    }
}

@media screen and (max-width: 900px) {
    .basic-icon-combination .list-box-style-3 {
        width: 500px;
        height: 500px
    }

    .basic-icon-combination .list-box-style-3 .circle-inner-wrap {
        width: 70%;
        height: 70%;
        margin: 15%
    }
}

@media screen and (max-width: 500px) {
    .basic-icon-combination .list-box-style-3 {
        width: 450px;
        height: 450px
    }

    .basic-icon-combination .list-box-style-3 .icon-wrapper-circle.icon-wrapper {
        width: 40px;
        height: 40px;
        line-height: 40px
    }
}

@media screen and (max-width: 450px) {
    .basic-icon-combination .list-box-style-3 {
        width: 400px;
        height: 400px
    }
}

@media screen and (max-width: 400px) {
    .basic-icon-combination .list-box-style-3 {
        width: 350px;
        height: 350px
    }
}

@media screen and (max-width: 350px) {
    .basic-icon-combination .list-box-style-3 {
        width: 300px;
        height: 300px
    }
}

@media screen and (max-width: 300px) {
    .basic-icon-combination .list-box-style-3 {
        width: 250px;
        height: 250px
    }

    .basic-icon-combination .list-box-style-3 .icon-wrapper-circle.icon-wrapper {
        width: 30px;
        height: 30px;
        line-height: 30px
    }
}

.basic-icon-combination .list-box-style-3 .circle-wrap {
    width: 90%;
    height: 90%;
    margin-top: 5%;
    margin-bottom: 5%;
    margin-left: auto;
    margin-right: auto;
    border: 5px solid #eee;
    border-radius: 50%;
    position: relative
}

.basic-icon-combination .list-box-style-3 .circle-inner-wrap {
    display: table;
    width: 80%;
    margin: 10%;
    padding: 20px;
    height: 80%;
    border-radius: 50%;
    background: #eee
}

@media screen and (max-width: 900px) {
    .basic-icon-combination .list-box-style-3 .circle-inner-wrap {
        width: 75%;
        height: 75%;
        margin: 12.5%
    }
}

.basic-icon-combination .list-box-style-3 .info-wrapper {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.basic-icon-combination .list-box-style-3 .center-icon-wrapper {
    display: inline-block;
    width: 40px;
    height: 40px
}

.basic-icon-combination .list-box-style-3 .circle-title {
    margin-top: 5px
}

.basic-icon-combination .list-box-style-3 .circle-summary {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-left: 6%;
    padding-right: 6%
}

.basic-icon-combination .list-box-style-3 .icon-wrapper-circle {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #ffb536;
    vertical-align: middle;
    border-radius: 50%
}

.basic-icon-combination .list-box-style-3 .img-icon {
    vertical-align: middle;
    width: 60%;
    height: auto;
    max-width: 100%
}

.basic-icon-combination .list-box-style-3 .icon-circle-pop {
    -webkit-animation-name: circle-pop;
    animation-name: circle-pop;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes circle-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes circle-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.basic-icon-combination .list-box-style-3 .fade-enter-active,
.basic-icon-combination .list-box-style-3 .fade-leave-active {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.basic-icon-combination .list-box-style-3 .fade-enter,
.basic-icon-combination .list-box-style-3 .fade-leave-to {
    opacity: 0
}

.pc_pattern .basic-icon-combination .list-box-style-3 {
    visibility: hidden
}

.mb_pattern .basic-icon-combination .list_box {
    padding: 1.89%
}

.is-full-page-body,
.is-full-page-html {
    overflow: hidden
}

.is-full-page-html .myheader {
    z-index: 9
}

.is-full-page-html .mb_body_view {
    -webkit-transition: -webkit-transform .7s ease;
    transition: -webkit-transform .7s ease;
    transition: transform .7s ease;
    transition: transform .7s ease, -webkit-transform .7s ease;
    -ms-touch-action: none;
    touch-action: none;
    position: relative;
    -webkit-perspective: 1200px;
    perspective: 1200px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.is-full-page-html .layout_body {
    height: 100%;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    position: relative
}

.is-full-page-html .myBanner {
    position: absolute;
    width: 100%;
    background: #fff !important;
    z-index: 1
}

.is-full-page-html .myFooter {
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s;
    transition: all 0.4s
}

.is-full-page-html .myFooter.my-footer-active {
    opacity: 1;
    visibility: visible;
    z-index: 2
}

.is-full-page-html .myBanner {
    height: 100%;
    overflow-y: scroll
}

.is-full-page-html .layout_body .layout_row {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 0;
    height: 100% !important;
    overflow-x: hidden;
    overflow-y: auto
}

.is-full-page-html .myBanner,
.is-full-page-html .layout_body .layout_row,
.is-full-page-html .myFooter {
    display: block;
    opacity: 0;
    visibility: hidden
}

.is-full-page-html .myBanner.is-old-slide,
.is-full-page-html .layout_body .is-old-slide,
.is-full-page-html .myFooter.is-old-slide {
    opacity: 1;
    visibility: visible;
    z-index: 2
}

.is-full-page-html .myBanner.fullpage-slide-current,
.is-full-page-html .layout_body .fullpage-slide-current,
.is-full-page-html .myFooter.fullpage-slide-current {
    opacity: 1;
    visibility: visible;
    z-index: 2
}

.is-full-page-html .myBanner.slide,
.is-full-page-html .layout_body .slide,
.is-full-page-html .myFooter.slide {
    opacity: 1;
    visibility: visible;
    z-index: 2
}

.full-page-nav {
    position: fixed;
    padding: 10px;
    z-index: 999
}

#full-page-nav {
    visibility: hidden
}

.full-page-col .full-page-nav {
    top: 50%;
    right: 5px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-right: 10px
}

.full-page-nav li {
    position: relative;
    list-style: none;
    font-size: 12px;
    cursor: pointer
}

.full-page-nav-style-0 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.full-page-nav-style-0 li {
    line-height: 21px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-bottom: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0
}

.full-page-nav-style-0 li::after {
    content: "";
    width: 4px;
    background: #a8a8a8;
    height: 4px;
    border-radius: 50%
}

.full-page-nav-style-0 li.nav-item-active {
    width: 16px;
    height: 16px;
    border-width: 2px;
    border-style: solid;
    background: none;
    border-radius: 50%;
    border-color: var(--theme_color)
}

.full-page-nav-style-0 li.nav-item-active::after {
    display: none
}

.full-page-nav-style-1 {
    width: 57px
}

.full-page-nav-style-1 li {
    width: 4px;
    height: 4px;
    margin-bottom: 30px;
    font-size: 0;
    position: relative
}

.full-page-nav-style-1 li::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 44.8px;
    width: 4px;
    height: 4px;
    background: #a8a8a8;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.full-page-nav-style-1 li::after {
    position: absolute;
    width: 15px;
    height: 15px;
    content: "";
    top: 50%;
    left: 35.8px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.full-page-nav-style-1 li.nav-item-active {
    font-size: 20px;
    width: 50px;
    height: 20px;
    line-height: 1;
    color: var(--theme_color)
}

.full-page-nav-style-1 .nav-item-active:before {
    background: var(--theme_color)
}

.full-page-nav-style-1 .nav-item-active:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 37px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid var(--theme_color);
    border-radius: 50%
}

.full-page-nav-style-2 li {
    color: #c4c4c4;
    font-size: 12px;
    font-weight: 400;
    text-align: right;
    width: 50px;
    line-height: 4;
    margin-bottom: 0
}

.full-page-nav-style-2 li.nav-item-active {
    font-size: 20px;
    text-align: left;
    color: var(--theme_color)
}

.full-page-nav-style-2 li.nav-item-active:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 37px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 10px;
    height: 2px;
    background: var(--theme_color)
}

.full-page-nav-style-3 {
    display: none
}

.full-page-row .full-page-nav {
    left: 50%;
    bottom: 40px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.full-page-row .full-page-nav-style-0 li {
    margin-right: 15px;
    margin-bottom: 0
}

.full-page-row .full-page-nav-style-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: auto
}

.full-page-row .full-page-nav-style-1 li {
    margin-bottom: 0;
    margin-right: 30px;
    height: 50px
}

.full-page-row .full-page-nav-style-1 li:before {
    left: 0;
    width: 1px;
    height: 10px;
    border-radius: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.full-page-row .full-page-nav-style-1 li:after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-55%, 32%);
    -ms-transform: translate(-55%, 32%);
    transform: translate(-55%, 32%)
}

.full-page-row .full-page-nav-style-1 .nav-item-active {
    width: 20px;
    white-space: nowrap
}

.full-page-row .full-page-nav-style-1 .nav-item-active:before {
    left: 9.5px;
    height: 20px;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    width: 1px;
    background-color: var(--theme_color)
}

.full-page-row .full-page-nav-style-1 .nav-item-active:after {
    display: none;
    border-color: var(--theme_color);
    width: 15px;
    height: 15px;
    content: ""
}

.full-page-row .full-page-nav-style-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.full-page-row .full-page-nav-style-2 li {
    text-align: left;
    width: auto;
    height: 50px;
    margin-right: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    line-height: 1
}

.full-page-row .full-page-nav-style-2 .nav-item-active {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.full-page-row .full-page-nav-style-2 .nav-item-active:after {
    left: auto;
    height: 10px;
    width: 2px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    top: auto;
    bottom: 0
}

.is-full-page-html .is-full-page-body .mb_body_view .layout_body .row_edit_frame {
    top: 60px !important;
    right: 10px !important
}

.is-full-page-html .layout_body .layout_row .btn {
    top: 1px
}

.is-full-page-html .layout_body .layout_row .btn span {
    margin-top: 0;
    border-radius: 0 0 3px 3px
}

.material_part .layout_row {
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important
}

.is-full-page-html .header-xuanfu {
    position: absolute
}

.jz_page_moveLeftOut {
    -webkit-animation: moveToLeft .6s ease both;
    animation: moveToLeft .6s ease both
}

.jz_page_moveLeftIn {
    -webkit-animation: moveFromRight .6s ease both;
    animation: moveFromRight .6s ease both
}

.jz_page_moveRightOut {
    -webkit-animation: moveToRight .6s ease both;
    animation: moveToRight .6s ease both
}

.jz_page_moveRightIn {
    -webkit-animation: moveFromLeft .6s ease both;
    animation: moveFromLeft .6s ease both
}

.jz_page_moveTopOut {
    -webkit-animation: moveToBottom .6s ease both;
    animation: moveToBottom .6s ease both
}

.jz_page_moveTopIn {
    -webkit-animation: moveFromTop .6s ease both;
    animation: moveFromTop .6s ease both
}

.jz_page_moveBottomOut {
    -webkit-animation: moveToTop .6s ease both;
    animation: moveToTop .6s ease both
}

.jz_page_moveBottomIn {
    -webkit-animation: moveFromBottom .6s ease both;
    animation: moveFromBottom .6s ease both
}

@-webkit-keyframes moveToLeft {
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes moveToLeft {
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes panelMoveToLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

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

    to {
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%)
    }
}

@keyframes panelMoveToLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

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

    to {
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%)
    }
}

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

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

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

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

@-webkit-keyframes moveToRight {
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes moveToRight {
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

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

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

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

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

@-webkit-keyframes moveToTop {
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes moveToTop {
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

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

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

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

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes moveToBottom {
    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes moveToBottom {
    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

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

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

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

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.foreign_station .basic_text,
.foreign_station .basic_rich_text,
.foreign_station .basic_text_rich_type,
.foreign_station .basic_webtitle {
    word-break: normal !important
}

.foreign_station .basic_text div,
.foreign_station .basic_text span,
.foreign_station .basic_text h1,
.foreign_station .basic_text h2,
.foreign_station .basic_text h3,
.foreign_station .basic_text h4,
.foreign_station .basic_text h5,
.foreign_station .basic_text h6,
.foreign_station .basic_text p,
.foreign_station .basic_text a,
.foreign_station .basic_text em,
.foreign_station .basic_text strong,
.foreign_station .basic_text sub,
.foreign_station .basic_text sup,
.foreign_station .basic_text tt,
.foreign_station .basic_text b,
.foreign_station .basic_text i,
.foreign_station .basic_text dl,
.foreign_station .basic_text dt,
.foreign_station .basic_text dd,
.foreign_station .basic_text ol,
.foreign_station .basic_text ul,
.foreign_station .basic_text li,
.foreign_station .basic_text label,
.foreign_station .basic_text table,
.foreign_station .basic_text tbody,
.foreign_station .basic_text tfoot,
.foreign_station .basic_text thead,
.foreign_station .basic_text tr,
.foreign_station .basic_text th,
.foreign_station .basic_text td,
.foreign_station .basic_text article,
.foreign_station .basic_text aside,
.foreign_station .basic_text embed,
.foreign_station .basic_text footer,
.foreign_station .basic_text header,
.foreign_station .basic_text menu,
.foreign_station .basic_text nav,
.foreign_station .basic_text section,
.foreign_station .basic_text summary,
.foreign_station .basic_rich_text div,
.foreign_station .basic_rich_text span,
.foreign_station .basic_rich_text h1,
.foreign_station .basic_rich_text h2,
.foreign_station .basic_rich_text h3,
.foreign_station .basic_rich_text h4,
.foreign_station .basic_rich_text h5,
.foreign_station .basic_rich_text h6,
.foreign_station .basic_rich_text p,
.foreign_station .basic_rich_text a,
.foreign_station .basic_rich_text em,
.foreign_station .basic_rich_text strong,
.foreign_station .basic_rich_text sub,
.foreign_station .basic_rich_text sup,
.foreign_station .basic_rich_text tt,
.foreign_station .basic_rich_text b,
.foreign_station .basic_rich_text i,
.foreign_station .basic_rich_text dl,
.foreign_station .basic_rich_text dt,
.foreign_station .basic_rich_text dd,
.foreign_station .basic_rich_text ol,
.foreign_station .basic_rich_text ul,
.foreign_station .basic_rich_text li,
.foreign_station .basic_rich_text label,
.foreign_station .basic_rich_text table,
.foreign_station .basic_rich_text tbody,
.foreign_station .basic_rich_text tfoot,
.foreign_station .basic_rich_text thead,
.foreign_station .basic_rich_text tr,
.foreign_station .basic_rich_text th,
.foreign_station .basic_rich_text td,
.foreign_station .basic_rich_text article,
.foreign_station .basic_rich_text aside,
.foreign_station .basic_rich_text embed,
.foreign_station .basic_rich_text footer,
.foreign_station .basic_rich_text header,
.foreign_station .basic_rich_text menu,
.foreign_station .basic_rich_text nav,
.foreign_station .basic_rich_text section,
.foreign_station .basic_rich_text summary,
.foreign_station .basic_text_rich_type div,
.foreign_station .basic_text_rich_type span,
.foreign_station .basic_text_rich_type h1,
.foreign_station .basic_text_rich_type h2,
.foreign_station .basic_text_rich_type h3,
.foreign_station .basic_text_rich_type h4,
.foreign_station .basic_text_rich_type h5,
.foreign_station .basic_text_rich_type h6,
.foreign_station .basic_text_rich_type p,
.foreign_station .basic_text_rich_type a,
.foreign_station .basic_text_rich_type em,
.foreign_station .basic_text_rich_type strong,
.foreign_station .basic_text_rich_type sub,
.foreign_station .basic_text_rich_type sup,
.foreign_station .basic_text_rich_type tt,
.foreign_station .basic_text_rich_type b,
.foreign_station .basic_text_rich_type i,
.foreign_station .basic_text_rich_type dl,
.foreign_station .basic_text_rich_type dt,
.foreign_station .basic_text_rich_type dd,
.foreign_station .basic_text_rich_type ol,
.foreign_station .basic_text_rich_type ul,
.foreign_station .basic_text_rich_type li,
.foreign_station .basic_text_rich_type label,
.foreign_station .basic_text_rich_type table,
.foreign_station .basic_text_rich_type tbody,
.foreign_station .basic_text_rich_type tfoot,
.foreign_station .basic_text_rich_type thead,
.foreign_station .basic_text_rich_type tr,
.foreign_station .basic_text_rich_type th,
.foreign_station .basic_text_rich_type td,
.foreign_station .basic_text_rich_type article,
.foreign_station .basic_text_rich_type aside,
.foreign_station .basic_text_rich_type embed,
.foreign_station .basic_text_rich_type footer,
.foreign_station .basic_text_rich_type header,
.foreign_station .basic_text_rich_type menu,
.foreign_station .basic_text_rich_type nav,
.foreign_station .basic_text_rich_type section,
.foreign_station .basic_text_rich_type summary,
.foreign_station .basic_webtitle div,
.foreign_station .basic_webtitle span,
.foreign_station .basic_webtitle h1,
.foreign_station .basic_webtitle h2,
.foreign_station .basic_webtitle h3,
.foreign_station .basic_webtitle h4,
.foreign_station .basic_webtitle h5,
.foreign_station .basic_webtitle h6,
.foreign_station .basic_webtitle p,
.foreign_station .basic_webtitle a,
.foreign_station .basic_webtitle em,
.foreign_station .basic_webtitle strong,
.foreign_station .basic_webtitle sub,
.foreign_station .basic_webtitle sup,
.foreign_station .basic_webtitle tt,
.foreign_station .basic_webtitle b,
.foreign_station .basic_webtitle i,
.foreign_station .basic_webtitle dl,
.foreign_station .basic_webtitle dt,
.foreign_station .basic_webtitle dd,
.foreign_station .basic_webtitle ol,
.foreign_station .basic_webtitle ul,
.foreign_station .basic_webtitle li,
.foreign_station .basic_webtitle label,
.foreign_station .basic_webtitle table,
.foreign_station .basic_webtitle tbody,
.foreign_station .basic_webtitle tfoot,
.foreign_station .basic_webtitle thead,
.foreign_station .basic_webtitle tr,
.foreign_station .basic_webtitle th,
.foreign_station .basic_webtitle td,
.foreign_station .basic_webtitle article,
.foreign_station .basic_webtitle aside,
.foreign_station .basic_webtitle embed,
.foreign_station .basic_webtitle footer,
.foreign_station .basic_webtitle header,
.foreign_station .basic_webtitle menu,
.foreign_station .basic_webtitle nav,
.foreign_station .basic_webtitle section,
.foreign_station .basic_webtitle summary {
    word-break: normal !important
}

.foreign_station .basic_text .edit-div,
.foreign_station .basic_rich_text .edit-div,
.foreign_station .basic_text_rich_type .edit-div,
.foreign_station .basic_webtitle .edit-div {
    word-break: normal !important
}

.basic_progress-content .basic_progress-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.basic_progress-content .basic_progress-wrapper .progress-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.basic_progress-content .basic_progress-wrapper .left_right {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.basic_progress-content .basic_progress-wrapper.right .left_right {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.basic_progress-content .basic_progress-wrapper.right,
.basic_progress-content .basic_progress-wrapper.bottom {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.basic_progress-content .basic_progress-wrapper.bottom,
.basic_progress-content .basic_progress-wrapper.top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.basic_progress-content .basic_progress-wrapper.top .bottom_top {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.basic_progress-content .basic_progress-wrapper .bottom_top {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.basic_flod_text_wrapper .basic_flod_text_content {
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.basic_flod_text_wrapper .basic_flod_text_content .flod_text_title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.basic_flod_text_wrapper .basic_flod_text_content .flod_text_title .title-icon {
    width: 20px;
    height: 20px;
    margin-right: 5px
}

.basic_flod_text_wrapper .basic_flod_text_content .flod_text_title:hover .title-text {
    background-image: none !important
}

.basic_flod_text_wrapper .basic_flod_text_content .flod_text_content {
    word-wrap: break-word;
    -webkit-transition: all 1s;
    transition: all 1s;
    overflow: hidden
}

.basic_flod_text_wrapper .basic_flod_text_content .flod_text_content:hover .content-text {
    background-image: none !important
}

.basic_flod_text_wrapper .basic_flod_text_content .flod_text_content.flod_text_content_padding {
    padding-left: 25px
}

.basic_flod_text_wrapper .basic_flod_text_content .flod_text_content.flod_content_height_0 {
    height: 0
}

.basic_flod_text_wrapper .basic_flod_text_content .flod_text_content.flod_content_height_auto {
    height: auto
}

.pc_pattern .basic_flod_text .basic_flod_text_content .flod_text_title .title-text-mb {
    display: none
}

.mb_pattern .basic_flod_text .basic_flod_text_content .flod_text_title .title-text-pc {
    display: none
}

.basic-job-wrapper .no-job-text {
    padding: 10px;
    text-align: center
}

.basic-job-wrapper .no-endtime {
    color: #ff0000
}

.basic-job-wrapper .my-job-expended-cell:hover {
    background: #f5f7fa !important
}

.basic-job-wrapper .job-detail-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px
}

.basic-job-wrapper .job-detail-wrapper:hover {
    background: #f5f7fa
}

.basic-job-wrapper .job-detail-wrapper .job-title {
    margin-bottom: 5px
}

.basic-job-wrapper .job-detail-wrapper .row-btn {
    margin-top: 5px
}

.basic-job-wrapper .job-item {
    line-height: 1.5;
    padding-top: 4px;
    padding-bottom: 4px
}

.basic-job-wrapper .job-item .item-label,
.basic-job-wrapper .job-item .item-content {
    display: inline-block;
    vertical-align: top;
    line-height: 1.6
}

.basic-job-wrapper .job-table-row {
    cursor: pointer
}

.basic-job-wrapper .job-table-row .cell {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.basic-job-wrapper .module-style-1 .job-detail-wrapper {
    padding-left: 50px
}

.basic-job-wrapper .my-mock-table .my-mock-tr.my-job-expended-cell {
    display: none
}

.basic-job-wrapper .job-overview-panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border: 1px solid #ddd;
    padding: 10px;
    padding-bottom: 0
}

.basic-job-wrapper .panel-title {
    font-size: 20px;
    padding-left: 0;
    margin-right: 10px
}

.basic-job-wrapper .panel-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 5px;
    padding-bottom: 5px
}

.basic-job-wrapper .job-tag {
    margin-right: 10px;
    margin-bottom: 10px;
    height: 24px;
    padding: 0 8px;
    line-height: 22px;
    background-color: #e6f2fb;
    border-color: #cce4f7;
    display: inline-block;
    font-size: 12px;
    color: #0078d7
}

.basic-job-wrapper .module-style-2 .job-list {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    overflow-y: auto
}

.basic-job-wrapper .module-style-2 .job-detail-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding-left: 10px
}

.basic-job-wrapper .btn-submit {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid #0078d7;
    color: #FFFFFF;
    background-color: #0078d7;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    font-size: 12px;
    border-radius: 3px;
    padding: 8px 20px
}

.basic-job-wrapper .el-button--primary {
    color: #FFF;
    background-color: #0078d7;
    border-color: #0078d7
}

.basic-job-wrapper .el-button--primary:focus,
.basic-job-wrapper .el-button--primary:hover {
    background: #0084ed;
    border-color: #0084ed;
    color: #FFF
}

.basic-job-wrapper .el-table td {
    padding: 0
}

.basic-job-wrapper .el-table table {
    border-collapse: separate
}

.mb_pattern .basic-job-wrapper .module-style-2 .job-list {
    height: auto !important
}

.mb_pattern .basic-job-wrapper .panel-title {
    width: 2em
}

.el-table__expand-icon .fa {
    font-size: 20px;
    color: #999
}

.mb_pattern .basic-job-wrapper .module-style-1 .th-address,
.mb_pattern .basic-job-wrapper .module-style-1 .th-jobType,
.mb_pattern .basic-job-wrapper .module-style-1 .th-require,
.mb_pattern .basic-job-wrapper .module-style-1 .th-endTime,
.mb_pattern .basic-job-wrapper .module-style-1 .td-address,
.mb_pattern .basic-job-wrapper .module-style-1 .td-jobType,
.mb_pattern .basic-job-wrapper .module-style-1 .td-require,
.mb_pattern .basic-job-wrapper .module-style-1 .td-endTime {
    display: none
}

.mb_pattern .basic-job-wrapper .module-style-1 .th-salary,
.mb_pattern .basic-job-wrapper .module-style-1 .td-salary {
    width: 100px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.mb_pattern .basic-job-wrapper .pc-job-module-1 {
    display: none
}

.pc_pattern .mb-job-module-1 {
    display: none
}

.basic-job-wrapper .my-mock-tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.basic-job-wrapper .my-mock-th .cell,
.basic-job-wrapper .my-mock-td .cell {
    padding-left: 10px;
    padding-right: 0
}

.basic-job-wrapper .my-mock-thead .cell {
    padding-top: 10px;
    padding-bottom: 10px
}

.basic-job-wrapper .el-table__expand-column {
    width: 40px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.basic-job-wrapper .el-table__expand-icon {
    font-size: inherit
}

.basic-job-wrapper .th-subject,
.basic-job-wrapper .td-subject {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    -webkit-box-flex: 3;
    -webkit-flex: 3 1 300px;
    -moz-box-flex: 3;
    -ms-flex: 3 1 300px;
    flex: 3 1 300px
}

.basic-job-wrapper .th-address,
.basic-job-wrapper .td-address {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100px;
    -moz-box-flex: 1;
    -ms-flex: 1 0 100px;
    flex: 1 0 100px
}

.basic-job-wrapper .th-jobType,
.basic-job-wrapper .td-jobType {
    width: 110px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.basic-job-wrapper .th-salary,
.basic-job-wrapper .td-salary {
    width: 110px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.basic-job-wrapper .th-num,
.basic-job-wrapper .td-num {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100px;
    -moz-box-flex: 1;
    -ms-flex: 1 0 100px;
    flex: 1 0 100px
}

.basic-job-wrapper .th-endTime,
.basic-job-wrapper .td-endTime {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 180px;
    -moz-box-flex: 1;
    -ms-flex: 1 0 180px;
    flex: 1 0 180px
}

.basic-job-wrapper .el-table__expanded-cell {
    padding: 0
}

.basic-job-wrapper .el-table::before {
    display: none
}

.basic-job-resume {
    display: none
}

.basic-job-resume.table-1 {
    width: 100%;
    border: 1px solid #a8a8a8;
    border-collapse: collapse;
    table-layout: fixed
}

.basic-job-resume.table-1 tr {
    width: 100%
}

.basic-job-resume.table-1 th,
.basic-job-resume.table-1 tr,
.basic-job-resume.table-1 td {
    padding: 5px;
    border: 1px solid #a8a8a8;
    border-collapse: collapse
}

.basic-job-resume.table-1 th .label,
.basic-job-resume.table-1 tr .label,
.basic-job-resume.table-1 td .label {
    display: inline-block;
    width: 100%;
    padding: 5px;
    border: none;
    outline-style: none
}

.basic-job-resume.table-1 th .txt,
.basic-job-resume.table-1 tr .txt,
.basic-job-resume.table-1 td .txt {
    min-width: 50px;
    width: 100%
}

.basic-job-resume.table-1 input {
    border: none
}

.basic-job-resume.table-2 {
    width: 100%;
    border-collapse: separate;
    border-top: 1px dashed #a8a8a8;
    border-left: 1px dashed #a8a8a8
}

.basic-job-resume.table-2 th,
.basic-job-resume.table-2 tr,
.basic-job-resume.table-2 td {
    border-bottom: 1px dashed #a8a8a8;
    border-right: 1px dashed #a8a8a8;
    border-collapse: collapse;
    position: relative
}

.basic-job-resume.table-2 th .label,
.basic-job-resume.table-2 tr .label,
.basic-job-resume.table-2 td .label {
    display: inline-block;
    width: 100%;
    padding: 10px;
    border: none;
    outline-style: none
}

.basic-job-resume.table-2 th .txt,
.basic-job-resume.table-2 tr .txt,
.basic-job-resume.table-2 td .txt {
    min-width: 50px;
    width: 100%;
    padding: 5px
}

.basic-job-resume.table-2 th .img,
.basic-job-resume.table-2 tr .img,
.basic-job-resume.table-2 td .img {
    position: absolute;
    display: block;
    max-width: 70px;
    max-height: 100px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.basic-job-resume.table-2 input {
    border: none
}

.basic-job-resume.table-3 {
    width: 100%;
    border-collapse: collapse
}

.basic-job-resume.table-3 td {
    min-width: 150px;
    padding: 5px;
    border: 1px solid #a8a8a8;
    border-collapse: collapse;
    overflow: hidden
}

.basic-job-resume.table-3 td .cell {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.basic-job-resume.table-3 td .label {
    display: inline-block;
    float: left;
    padding: 5px;
    padding-right: 0;
    border: none;
    outline-style: none
}

.basic-job-resume.table-3 td .txt {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 60%;
    padding: 5px
}

.basic-job-resume.table-3 .block1 {
    width: 50px;
    height: 20px;
    background: #a8a8a8
}

.basic-job-resume.table-3 input {
    border: none
}

.basic-job-resume.table-4 {
    width: 100%;
    border: 1px solid #a8a8a8;
    padding: 5px
}

.basic-job-resume.table-4 .table-list {
    margin-bottom: 10px
}

.basic-job-resume.table-4 .table-list .label {
    display: inline-block;
    width: 100%;
    min-width: 4em;
    padding: 5px;
    padding-right: 0;
    border: none;
    outline-style: none
}

.basic-job-resume.table-4 .table-list .txt {
    padding: 4px;
    padding-left: 10px;
    display: block;
    width: 100%
}

.basic-job-resume.table-4 .el-row:after {
    clear: both
}

.basic-job-resume.table-4 .el-row:after,
.basic-job-resume.table-4 .el-row:before {
    display: table;
    content: ""
}

.basic-job-resume.table-4 .el-row {
    font-size: 0
}

.basic-job-resume.table-4 .el-col {
    font-size: 13px
}

.basic-job-resume.table-4 .el-col-9,
.basic-job-resume.table-4 .el-col-21 {
    overflow: hidden
}

.basic-job-resume.table-4 .my-col-half {
    display: inline-block;
    width: 50%
}

.basic-job-resume.table-4 .el-col-3 {
    float: left;
    width: auto
}

.basic-job-resume.table-4 input {
    border: none
}

.form-tip-job {
    line-height: 1.5;
    color: #0078d7;
    margin-bottom: 15px;
    padding-left: 10px
}

.form_item_wrap_mb {
    display: none
}

@media screen and (max-width: 768px) {
    .form_item_wrap_mb {
        display: block
    }

    .form_item_wrap-resume {
        display: none
    }

    .form-content-resume {
        display: none
    }
}

.basic_picture_text_swiper .list_frame {
    width: 100%
}

.basic_picture_text_swiper .list_frame .list_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    font-size: 0;
    position: relative
}

.pc_pattern .basic_picture_text_swiper .list_frame {
    min-height: 50px
}

.mb_pattern .basic_picture_text_swiper .list_box {
    padding: 1.89%
}

.mb_pattern .basic_picture_text_swiper .list_frame {
    overflow: hidden
}

.basic_picture_text_swiper .list_frame {
    width: 100%
}

.basic_picture_text_swiper .list_frame .listBoxWrapper {
    width: calc(100% - 100px)
}

.basic_picture_text_swiper .list_frame .my-swiper-box {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    font-size: 0;
    position: relative
}

.basic_picture_text_swiper .style-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.basic_picture_text_swiper .btn-pagination {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    border-radius: 5px
}

.basic_picture_text_swiper .btn-pagination:hover {
    background: rgba(0, 0, 0, 0.2)
}

.basic_picture_text_swiper .btn-pagination i {
    font-size: 35px;
    color: #000;
    vertical-align: middle
}

.basic_picture_text_swiper .my-swiper-box {
    width: 100%
}

.basic_picture_text_swiper .swiper-slide {
    padding: calc(0.3% + 8px)
}

.basic_picture_text_swiper .list_frame {
    width: 100%
}

.basic_picture_text_swiper .list_frame .style-wrapper-2 .list_box {
    width: calc(100% - 50px);
    height: 500px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    font-size: 0;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.basic_picture_text_swiper .list-box-style-1 {
    width: 100%
}

.basic_picture_text_swiper .style-wrapper-2 .module-content-style-1 {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.basic_picture_text_swiper .style-wrapper-2 .my-swiper-box {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.basic_picture_text_swiper .style-wrapper-2 .swiper-container {
    height: 500px
}

.basic_picture_text_swiper .style-wrapper-2 .swiper-wrapper {
    height: auto;
    margin: auto
}

.basic_picture_text_swiper .style-wrapper-2 .swiper-slide {
    height: 250px
}

.basic_picture_text_swiper .style-wrapper-2 .icon-combination-summary {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.basic_picture_text_swiper .style-wrapper-2 .btn-pagination {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    border-radius: 5px
}

.basic_picture_text_swiper .style-wrapper-2 .btn-pagination:hover {
    background: rgba(0, 0, 0, 0.2)
}

.basic_picture_text_swiper .style-wrapper-2 .btn-pagination i {
    font-size: 35px;
    color: #000;
    vertical-align: middle
}

.basic_picture_text_swiper .style-wrapper-2 .btn-prev {
    margin-bottom: 250px
}

.basic_picture_text_swiper .style-wrapper-2 .btn-next {
    margin-top: 250px
}

.basic_picture_text_swiper .list_one {
    position: relative;
    width: 100%;
    height: 100%
}

.basic_picture_text_swiper .list_one .tooptipPart {
    right: 0;
    bottom: 0;
    top: auto;
    display: none;
    z-index: 999
}

.basic_picture_text_swiper .list_one .list_img_frame {
    position: relative;
    overflow: hidden
}

.basic_picture_text_swiper .list_one .list_img_frame .list_img_back {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background-position: center center;
    -webkit-transition: all ease 0.36s;
    transition: all ease 0.36s;
    background-repeat: no-repeat
}

.basic_picture_text_swiper .list_one:hover .tooptipPart {
    display: block
}

.basic_picture_text_swiper .module-content {
    height: 100%;
    padding: 15%
}

.basic_picture_text_swiper .icon-wrapper {
    display: inline-block;
    width: 25%;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.basic_picture_text_swiper .img-icon {
    max-width: 100%
}

.basic_picture_text_swiper .icon-combination-title {
    font-size: 16px;
    color: #333;
    margin-top: 20px;
    line-height: 1.3
}

.basic_picture_text_swiper .icon-combination-summary {
    font-size: 14px;
    color: #999;
    margin-top: 12px;
    line-height: 1.3
}

.basic_picture_text_swiper .one-icon-tooptip {
    position: absolute;
    bottom: 10px;
    right: 10px
}

.basic_picture_text_swiper .img-tooltip {
    top: 0 !important;
    display: none !important
}

.basic_picture_text_swiper .icon-wrapper:hover .img-tooltip {
    display: block !important
}

.basic_picture_text_swiper .module-content-style-0 .icon-combination-default {
    text-align: center
}

.basic_picture_text_swiper .module-content-style-0 .icon-combination-center {
    text-align: center
}

.basic_picture_text_swiper .module-content-style-0 .icon-combination-left {
    text-align: left
}

.basic_picture_text_swiper .module-content-style-0 .icon-combination-right {
    text-align: right
}

.basic_picture_text_swiper .module-content-style-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.basic_picture_text_swiper .module-content-style-1 .icon-combination-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.basic_picture_text_swiper .module-content-style-1 .icon-wrapper {
    text-align: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.basic_picture_text_swiper .module-content-style-1 .icon-wrapper .img-icon {
    width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.basic_picture_text_swiper .module-content-style-1 .text-wrapper {
    width: 75%;
    padding-left: 15px;
    text-align: left
}

.basic_picture_text_swiper .module-content-style-1 .icon-combination-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.basic_picture_text_swiper .module-content-style-1 .icon-combination-top .icon-combination-title {
    margin-top: -0.12em
}

.basic_picture_text_swiper .module-content-style-1 .icon-combination-bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.basic_picture_text_swiper .module-content-style-1 .icon-combination-bottom .icon-combination-summary {
    margin-bottom: -0.12em
}

.basic_picture_text_swiper .module-content-style-1 .icon-combination-title {
    margin-top: 0
}

.basic_picture_text_swiper .module-content-style-2 {
    background: #f2f2f2
}

.basic_picture_text_swiper .module-content-style-2 .icon-wrapper {
    display: inline-block
}

.basic_picture_text_swiper .module-content-style-2 {
    padding: 12.5% 15.6%
}

.basic_picture_text_swiper .module-content-style-2 .icon-combination-title {
    margin-top: 24px
}

.basic_picture_text_swiper .module-content-style-2 .icon-combination-summary {
    margin-top: 10px
}

.basic_picture_text_swiper .module-content-style-2 .icon-combination-default {
    text-align: left
}

.basic_picture_text_swiper .module-content-style-2 .icon-combination-left {
    text-align: left
}

.basic_picture_text_swiper .module-content-style-2 .icon-combination-center {
    text-align: center
}

.basic_picture_text_swiper .module-content-style-2 .icon-combination-right {
    text-align: right
}

.mb_pattern .basic_picture_text_swiper .swiper-slide-mock {
    display: none
}

.mb_pattern .basic_picture_text_swiper .list_frame .listBoxWrapper {
    width: 100%
}

.mb_pattern .basic_picture_text_swiper .bt-group {
    display: none
}

.mb_pattern .basic_picture_text_swiper .btn-pagination {
    display: none
}

.mb_pattern .basic_picture_text_swiper .style-wrapper-2 .list_box {
    height: auto
}

.mb_pattern .basic_picture_text_swiper .style-wrapper-2 .swiper-container {
    height: auto
}

.mb_pattern .basic_picture_text_swiper .style-wrapper-2 .swiper-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: auto
}

.mb_pattern .basic_picture_text_swiper .style-wrapper-2 .swiper-slide {
    height: auto
}

.mb_pattern .basic_picture_text_swiper .style-wrapper-2 .icon-combination-summary {
    overflow: visible;
    display: inline-block
}

.basic_video_detail_index.video-detail-container {
    overflow: hidden
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top {
    padding: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top .video-center {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 600px
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top .video-center .video {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top .video-detail {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 450px;
    -moz-box-flex: 0;
    -ms-flex: 0 0 450px;
    flex: 0 0 450px;
    width: 450px;
    margin-left: 40px;
    font-size: 20px
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top .video-detail .video-title {
    margin-bottom: 20px;
    word-wrap: break-word
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top .video-detail .video-desc {
    word-wrap: break-word
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top .video-detail .detail_func_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 35px
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top .video-detail .detail_func_wrap .share-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top .video-detail .detail_func_wrap .share-left .detail_share .g-share-render-box .news_share_text {
    line-height: 35px
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top .video-detail .detail_func_wrap .share-left .detail_share .g-share-render-box .news_share_info .news_share_text .u-share_title {
    display: none
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top .video-detail .detail_func_wrap .share-left .detail_share .g-share-render-box .jz_share_list {
    right: -30px
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top .video-detail .detail_func_wrap .share-left .detail_share_show {
    margin-right: 10px
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top .video-detail .detail_func_wrap .share-left .see-txt {
    font-size: 14px;
    margin-left: 20px;
    display: block;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top .video-detail .detail_func_wrap .share-left .see-txt #qrcode {
    display: none
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top .video-detail .detail_func_wrap .share-left .see-txt:hover #qrcode {
    display: block
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top .video-detail .detail_func_wrap .share-left .see-txt .icon-phone {
    font-size: 18px;
    vertical-align: middle;
    margin-right: 5px
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top .video-detail .detail_func_wrap .share-left .icon-download {
    font-size: 18px;
    margin-left: 10px
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top .video-detail .detail_func_wrap .detail-play {
    font-size: 16px;
    margin-right: 20px
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top-mb {
    padding: 0 3.6%;
    overflow: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top-mb .video-center {
    width: 100%
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top-mb .video-center .video {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top-mb .detail_func_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 35px
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top-mb .detail_func_wrap .share-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top-mb .detail_func_wrap .share-left .detail_share {
    margin-right: 2px
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top-mb .detail_func_wrap .share-left .detail_share .see-txt {
    font-size: 14px;
    margin-left: 10px
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top-mb .detail_func_wrap .share-left .detail_share .g-share-render-box .news_share_text {
    line-height: 35px
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top-mb .detail_func_wrap .share-left .detail_share .g-share-render-box .news_share_info .news_share_text .u-share_title {
    display: none
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top-mb .detail_func_wrap .share-left .detail_share_show {
    margin-right: 10px
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top-mb .detail_func_wrap .share-left .file_download {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top-mb .detail_func_wrap .share-left .icon-download {
    font-size: 16px
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-top-mb .detail_func_wrap .detail-play {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-recommend .recommend-title {
    margin: 20px 10px;
    font-size: 18px;
    font-weight: bold
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-recommend .recommend-content {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-recommend .recommend-content .recomment-list {
    width: calc(20% - 20px);
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(20% - 20px);
    -moz-box-flex: 0;
    -ms-flex: 0 0 calc(20% - 20px);
    flex: 0 0 calc(20% - 20px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 10px;
    color: #333;
    background: #fff
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-recommend .recommend-content .recomment-list .list_one_wrap {
    position: relative;
    z-index: 1;
    padding: 5%;
    display: block;
    height: 100%;
    overflow: hidden;
    color: #333
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-recommend .recommend-content .recomment-list .list_one_wrap:hover {
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 15px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 0 15px
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-recommend .recommend-content .recomment-list .list_one_wrap .video {
    padding-bottom: 100%;
    height: 0;
    width: 100%;
    overflow: hidden;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-recommend .recommend-content .recomment-list .list_one_wrap .video-title {
    margin-bottom: 5px;
    margin-top: 15px;
    line-height: 24px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-recommend .empty {
    width: 100%
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-recommend .empty .jz_empty_tips {
    width: 100%;
    padding: 90px 0;
    text-align: center
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-recommend .empty .jz_empty_tips__img {
    display: block;
    width: 157px;
    height: 123px;
    margin: 0 auto;
    background: url(../img/default_icon.png) 0 0
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-recommend .empty .jz_empty_tips__text {
    margin-top: 28px;
    font-size: 16px;
    line-height: 24px;
    color: #333
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-recommend-mb {
    padding: 0 1.8%
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-recommend-mb .recommend-title {
    margin: 20px 0px;
    font-size: 16px;
    font-weight: bold;
    padding: 0 1.8%
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-recommend-mb .recommend-content {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-recommend-mb .recommend-content .recomment-list-mb {
    width: 46.4%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px 1.8% 20px
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-recommend-mb .recommend-content .recomment-list-mb .list_one_wrap {
    position: relative;
    z-index: 1;
    padding: 0;
    display: block;
    height: 100%;
    overflow: hidden;
    color: #333
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-recommend-mb .recommend-content .recomment-list-mb .list_one_wrap .video {
    padding-bottom: 100%;
    height: 0;
    width: 100%;
    overflow: hidden;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.basic_video_detail_index.video-detail-container .pc-detail-content .video-recommend-mb .recommend-content .recomment-list-mb .list_one_wrap .video-title {
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center
}

.basic_video_detail_index.video-detail-container .list_one {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 30px;
    min-width: 30px;
    height: 100%;
    width: calc(25% - 20px);
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
    margin: 10px;
    background-color: #fff;
    vertical-align: top
}

.basic_video_detail_index.video-detail-container .list_one .tooptipPart {
    right: 0;
    bottom: 0;
    top: auto;
    display: block;
    z-index: 999
}

.basic_video_detail_index.video-detail-container .list_one .list_one_wrap {
    position: relative;
    z-index: 1;
    padding: 5%;
    display: block;
    height: 100%;
    overflow: hidden;
    color: #333
}

.basic_video_detail_index.video-detail-container .list_one .list_one_wrap .list_img_frame {
    position: relative;
    padding-bottom: 60%;
    overflow: hidden
}

.basic_video_detail_index.video-detail-container .list_one .list_one_wrap .list_img_frame .list_img {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.basic_video_detail_index.video-detail-container .list_one .list_one_wrap .list_content_frame {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.basic_video_detail_index.video-detail-container .list_one .list_one_wrap .list_content_frame .product_name_wrap {
    color: inherit;
    line-height: 24px;
    white-space: normal;
    margin-bottom: 5px;
    margin-top: 15px;
    overflow: hidden
}

.basic_video_detail_index.video-detail-container .list_one .list_one_wrap .list_content_frame .product_name_wrap .product_name {
    display: inline-block;
    width: 100%;
    color: inherit;
    font-size: 16px;
    vertical-align: middle;
    word-break: normal;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left
}

.basic_video_detail_index.video-detail-container .list_one .list_one_wrap .list_content_frame .product_summary_wrap {
    display: none
}

.basic_video_detail_index.video-detail-container .list_one .list_one_wrap .list_content_frame .product_prop_wrap .product_props {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.basic_video_detail_index.video-detail-container .list_one .list_one_wrap .list_content_frame .product_prop_wrap .product_prop {
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.basic_video_detail_index.video-detail-container .list_one .list_one_wrap .list_content_frame .product_prop_wrap .product_prop .prop_title:after {
    content: "\FF1A"
}

.basic_video_detail_index.video-detail-container .list_one .list_one_wrap .list_content_frame .product_prop_wrap .product_prop span {
    color: #666;
    font-size: 14px
}

.basic_video_detail_index.video-detail-container .list_one .border_bottom_transition {
    position: relative;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border-color: transparent
}

.basic_video_detail_index.video-detail-container .list_one .border_bottom_transition::before {
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    border-bottom: 3px;
    border-bottom-style: solid;
    border-color: inherit
}

.basic_video_detail_index.video-detail-container .list_one .border_bottom_transition::after,
.basic_video_detail_index.video-detail-container .list_one .border_bottom_transition::before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: -webkit-transform 0.36s ease;
    -webkit-transition: -webkit-transform 0.36s ease;
    transition: transform 0.36s ease;
    transition: transform 0.36s ease, -webkit-transform 0.36s ease
}

.basic_video_detail_index.video-detail-container .list_one:hover {
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 15px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 0 15px
}

.basic_video_detail_index.video-detail-container .list_one .list_one_wrap.font_hover_color:hover {
    color: var(--theme_color)
}

.basic_video_detail_index.video-detail-container .list_one .border_hover_color:hover {
    border-color: var(--theme_color)
}

.basic_video_detail_index .recommend-content .list_one:hover .list_one_wrap {
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 15px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 0 15px
}

.pc_pattern .basic_video_detail_index.video-detail-container .recommend-content.recommend-content-mb {
    display: none
}

.mb_pattern .basic_video_detail_index.video-detail-container .recommend-content.recommend-content-pc {
    display: none
}

.basic_magic_number .basic_magic_number-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.basic_magic_number .basic_magic_number-wrapper .magic-number {
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.pc_pattern .basic_magic_number-wrapper-mb {
    display: none
}

.mb_pattern .basic_magic_number-wrapper-pc {
    display: none
}

.basic_img_scale_container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2003;
    display: none;
    overflow: hidden
}

.basic_img_scale_container .opc {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5)
}

.basic_img_scale_container .basic_img_scale {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.basic_img_scale_container .basic_img_scale .scale_top {
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.basic_img_scale_container .basic_img_scale .scale_top .icon-close {
    color: #fff;
    position: absolute;
    top: 20px;
    right: 40px;
    font-size: 20px;
    cursor: pointer
}

.basic_img_scale_container .basic_img_scale .img-scale {
    height: calc(100% - 110px);
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.basic_img_scale_container .basic_img_scale .img-scale .img-center {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    height: 100%
}

.basic_img_scale_container .basic_img_scale .img-scale .img-center .img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    margin: 0 20px
}

.basic_img_scale_container .basic_img_scale .img-scale .arrow {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 80px;
    -moz-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    width: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.basic_img_scale_container .basic_img_scale .img-scale .arrow .icon-arrow {
    font-size: 50px;
    color: #999;
    cursor: pointer
}

.basic_img_scale_container .basic_img_scale .btns {
    margin-top: 30px;
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.basic_img_scale_container .basic_img_scale .btns .icon-scale {
    color: #fff;
    font-size: 26px;
    margin-right: 60px;
    cursor: pointer
}

.basic-row-tab {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.mb_pattern .basic_row_tab .basic-row-tab .tab-nav-outer {
    width: 100%;
    overflow-x: auto
}

.mb_pattern .basic_row_tab .basic-row-tab .tab-nav {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

.basic_row_tab .tab-nav-outer::-webkit-scrollbar {
    height: 0px
}

.basic_row_tab .tab-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.basic_row_tab .tab-nav-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.basic_row_tab .tab-nav-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.basic_row_tab .tab-nav-stretch .tab-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.basic_row_tab .tab-item {
    font-size: 14px;
    color: #202020;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 20px;
    margin: 10px 5px;
    max-width: 360px;
    min-width: 54px;
    text-align: center;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.basic_row_tab .tab-item .name-text-wrapper {
    width: 100%
}

.basic_row_tab .tab-item .tab-name-text {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.basic-row-tab-style-1 .tab-item {
    border: 1px solid #f0f0f0;
    border-radius: 2px
}

.basic-row-tab-style-1 .tab-item.tab-item-active {
    background-color: var(--theme_color);
    color: #fff;
    border-color: transparent
}

.basic-row-tab-style-2 .tab-item {
    border-radius: 16px;
    padding: 6px 20px
}

.basic-row-tab-style-2 .tab-item.tab-item-active {
    background-color: var(--theme_color);
    color: #fff
}

.basic-row-tab-style-3 .tab-nav {
    border-bottom: 1px solid #e6e6e6
}

.basic-row-tab-style-3 .tab-item:first-child .tab-item-split,
.basic-row-tab-style-4 .tab-item:first-child .tab-item-split,
.basic-row-tab-style-5 .tab-item:first-child .tab-item-split {
    display: none
}

.basic-row-tab-style-3 .tab-item-split,
.basic-row-tab-style-4 .tab-item-split,
.basic-row-tab-style-5 .tab-item-split {
    width: 1px;
    height: 16px;
    background: #dcdcdc;
    left: -5px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.basic-row-tab-style-3 .tab-item-split:last-child,
.basic-row-tab-style-4 .tab-item-split:last-child,
.basic-row-tab-style-5 .tab-item-split:last-child {
    visibility: hidden
}

.basic-row-tab-style-3 .tab-item {
    margin: 0 5px;
    padding: 16px 20px
}

.basic-row-tab-style-3 .tab-item .name-text-wrapper {
    position: relative
}

.basic-row-tab-style-3 .tab-item .tab-item-underline {
    display: none
}

.basic-row-tab-style-3 .tab-item.tab-item-active {
    color: var(--theme_color)
}

.basic-row-tab-style-3 .tab-item.tab-item-active .tab-item-underline {
    display: block;
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--theme_color)
}

.basic-row-tab-style-3 .tab-item.tab-item-active .tab-item-underline-short {
    width: calc(100% - 10px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -16px
}

.basic-row-tab-style-3 .tab-item.tab-item-active .tab-item-underline-hidden {
    display: none
}

.basic-row-tab-style-4 .tab-item {
    margin: 0 5px;
    padding: 16px 20px
}

.basic-row-tab-style-4 .tab-item.tab-item-active {
    color: var(--theme_color)
}

.basic-row-tab-style-5 .tab-item {
    border-radius: 2px;
    padding: 10px 40px
}

.basic-row-tab-style-5 .tab-item.tab-item-active {
    background-color: var(--theme_color);
    color: #fff
}

.basic-row-tab-style-5 .tab-item-arrow {
    display: none
}

.basic-row-tab-style-5 .tab-item-active .tab-item-arrow {
    display: block;
    width: 0;
    height: 0;
    z-index: 0;
    -webkit-transform-origin: 50% 25%;
    -ms-transform-origin: 50% 25%;
    transform-origin: 50% 25%;
    bottom: -12px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-width: 6px;
    border-style: solid;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-top-color: var(--theme_color)
}

.basic-row-tab-style-6 .tab-nav {
    background: #2b2b2b
}

.basic-row-tab-style-6 .tab-item {
    margin: 0 5px;
    color: #fff;
    padding: 15px 20px;
    background-color: transparent
}

.basic-row-tab-style-6 .tab-item:first-child {
    margin-left: 0
}

.basic-row-tab-style-6 .tab-item-active {
    background: var(--theme_color)
}

.basic_row_tab .tab-content {
    padding: 0 10px 10px
}

.basic_row_tab .tab-content .tab-content-wrapper {
    white-space: nowrap;
    overflow: hidden;
    position: relative
}

.basic_row_tab .tab-content .tab-panel {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    min-height: 100px;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    position: relative;
    white-space: initial
}

.basic_row_tab .tab-content .modules.sort_modules.tab-panel {
    float: none
}

.basic_row_tab .tab-item {
    position: relative
}

.pc_pattern .basic_row_tab .mb-underline-short,
.pc_pattern .basic_row_tab .mb-underline-long,
.pc_pattern .basic_row_tab .mb-tab-item-arrow {
    display: none !important
}

.mb_pattern .basic_row_tab .pc-underline-short,
.mb_pattern .basic_row_tab .pc-underline-long,
.mb_pattern .basic_row_tab .pc-tab-item-arrow {
    display: none !important
}

.basic-member-register {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 30px
}

.basic-member-register .register-title {
    color: var(--theme_color);
    font-size: 24px;
    margin-top: 20px;
    white-space: nowrap
}

.basic-member-register .register-tip {
    font-size: 18px;
    margin-top: 10px;
    white-space: nowrap
}

.basic-member-register .form-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

.basic-member-register .form-item .my-label {
    width: 5em;
    text-align: right
}

.basic-member-register .form-item.form-item-required .my-label:before {
    content: "*";
    color: #f56c6c;
    margin-right: 4px
}

.basic-member-register .label-placeholder {
    width: 5em;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 12px
}

.basic-member-register .member-input {
    display: inline-block;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 45px;
    line-height: 45px;
    background: #F7F8FB;
    border-radius: 3px;
    padding-left: 10px;
    border: 1px solid transparent;
    outline: none;
    margin-left: 20px
}

.basic-member-register .member-input-verify {
    width: 5em
}

.basic-member-register .form-item-terms-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 20px
}

.basic-member-register .text-highlight {
    color: var(--theme_color)
}

.basic-member-register .checkbox-read-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.basic-member-register .checkbox-read-wrapper .checkbox-wrapper {
    width: 16px;
    height: 16px;
    position: relative;
    margin-right: 5px
}

.basic-member-register .checkbox-read-wrapper .my-checkbox {
    opacity: 0
}

.basic-member-register .checkbox-read-wrapper .mock-checkbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #EEEEEF;
    border-radius: 2px;
    background: #F3F6F9
}

.basic-member-register .checkbox-read-wrapper .mock-checkbox:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    content: "";
    border: 1px solid #fff;
    border-left: 0;
    border-top: 0;
    height: 8px;
    left: 5px;
    position: absolute;
    top: 1px;
    -webkit-transform: rotate(45deg) scaleY(0);
    -ms-transform: rotate(45deg) scaleY(0);
    transform: rotate(45deg) scaleY(0);
    width: 4px;
    -webkit-transition: -webkit-transform .15s ease-in .05s;
    transition: -webkit-transform .15s ease-in .05s;
    transition: transform .15s ease-in .05s;
    transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.basic-member-register .checkbox-read-wrapper .my-checkbox:checked+.mock-checkbox {
    background: var(--theme_color)
}

.basic-member-register .checkbox-read-wrapper .my-checkbox:checked+.mock-checkbox:after {
    opacity: 1;
    -webkit-transform: rotate(45deg) scaleY(1);
    -ms-transform: rotate(45deg) scaleY(1);
    transform: rotate(45deg) scaleY(1)
}

.basic-member-register .btn-register,
.basic-member-register .btn-verify {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 45px;
    line-height: 45px;
    background: var(--theme_color);
    color: #fff;
    border: none;
    outline: none;
    cursor: pointer;
    margin-left: 20px
}

.basic-member-register .error-tip {
    color: #f56c6c;
    font-size: 12px
}

.basic-member-register .nc-container {
    left: 0
}

.basic-member-register .nc-container .nc_scale .btn_ok {
    height: 34px
}

.basic-member-register .btn-verify {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 120px;
    -ms-flex-preferred-size: 120px;
    flex-basis: 120px;
    font-size: 14px !important
}

.basic-member-register .btn-verify:disabled {
    background: #f0f0f0 !important;
    color: #666 !important;
    cursor: not-allowed
}

.basic-member-register-1 {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pc_pattern .basic-member-register-1 .register-title,
.pc_pattern .basic-member-register-1 .register-tip {
    text-align: center
}

.pc_pattern .basic-member-register-1 .main-wrapper {
    width: 100%;
    max-width: 500px
}

.pc_pattern .basic-member-register-1 .member-input {
    border: 1px solid transparent
}

.pc_pattern .basic-member-register-1 .member-input:hover {
    border-color: var(--theme_color)
}

.pc_pattern .basic-member-register-1 .member-input:focus {
    border-color: var(--theme_color)
}

.basic-member-register-2,
.basic-member-register-3,
.mb_pattern .basic-member-register {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: 0;
    margin-right: 0
}

.basic-member-register-2 .main-content,
.basic-member-register-3 .main-content,
.mb_pattern .basic-member-register .main-content {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.basic-member-register-2 .form-register,
.basic-member-register-3 .form-register,
.mb_pattern .basic-member-register .form-register {
    max-width: 500px
}

.basic-member-register-2 .img-wrapper,
.basic-member-register-3 .img-wrapper,
.mb_pattern .basic-member-register .img-wrapper {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.basic-member-register-2 .img-wrapper:hover .tooptipPart,
.basic-member-register-3 .img-wrapper:hover .tooptipPart,
.mb_pattern .basic-member-register .img-wrapper:hover .tooptipPart {
    display: block
}

.basic-member-register-2 .img-wrapper img,
.basic-member-register-3 .img-wrapper img,
.mb_pattern .basic-member-register .img-wrapper img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.basic-member-register.basic-member-register-2 .main-wrapper {
    padding-left: 10%
}

.basic-member-register.basic-member-register-2 .main-wrapper,
.mb_pattern .basic-member-register .main-wrapper {
    width: 53%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 5%;
    padding-left: 10%
}

.basic-member-register.basic-member-register-2 .img-wrapper,
.mb_pattern .basic-member-register .img-wrapper {
    width: 47%
}

.basic-member-register.basic-member-register-2 .form-item,
.mb_pattern .basic-member-register .form-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.basic-member-register.basic-member-register-2 .form-item-required .my-label:before,
.mb_pattern .basic-member-register .form-item-required .my-label:before {
    position: absolute;
    left: -10px
}

.basic-member-register.basic-member-register-2 .form-item-verify,
.mb_pattern .basic-member-register .form-item-verify {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: revert;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: revert;
    flex-direction: revert
}

.basic-member-register.basic-member-register-2 .member-input,
.mb_pattern .basic-member-register .member-input {
    width: 100%;
    margin-left: 0;
    padding-left: 0
}

.basic-member-register.basic-member-register-2 .member-input-verify,
.mb_pattern .basic-member-register .member-input-verify {
    width: 5em
}

.basic-member-register.basic-member-register-2 .label-placeholder,
.mb_pattern .basic-member-register .label-placeholder {
    display: none
}

.basic-member-register.basic-member-register-2 .my-label,
.mb_pattern .basic-member-register .my-label {
    width: auto
}

.basic-member-register.basic-member-register-2 .member-input,
.mb_pattern .basic-member-register .member-input {
    background: transparent;
    border-bottom: 1px solid #b0b0b0
}

.basic-member-register.basic-member-register-2 .member-input:hover,
.mb_pattern .basic-member-register .member-input:hover {
    border-bottom: 1px solid var(--theme_color)
}

.basic-member-register.basic-member-register-2 .member-input:focus,
.mb_pattern .basic-member-register .member-input:focus {
    border-bottom: 1px solid var(--theme_color)
}

.basic-member-register.basic-member-register-2 .form-item-terms-content,
.mb_pattern .basic-member-register .form-item-terms-content {
    width: 100%;
    padding-left: 0
}

.basic-member-register.basic-member-register-2 .btn-register,
.mb_pattern .basic-member-register .btn-register {
    width: 100%;
    margin-left: 0
}

.pc_pattern .basic-member-register-3 .main-wrapper {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 53%
}

.pc_pattern .basic-member-register-3 .register-title {
    padding-left: 20px
}

.pc_pattern .basic-member-register-3 .register-tip {
    padding-left: 20px
}

.pc_pattern .basic-member-register-3 .main-content {
    padding-left: 7%;
    padding-right: 7%
}

.pc_pattern .basic-member-register-3 .img-wrapper {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    width: 47%
}

input::-webkit-input-placeholder {
    font-style: inherit;
    text-decoration: inherit;
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    font-family: inherit;
    text-align: inherit;
    background-image: inherit;
    -webkit-background-clip: text
}

input:-moz-placeholder {
    font-style: inherit;
    text-decoration: inherit;
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    font-family: inherit;
    text-align: inherit;
    background-image: inherit;
    -webkit-background-clip: text
}

input::-moz-placeholder {
    font-style: inherit;
    text-decoration: inherit;
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    font-family: inherit;
    text-align: inherit;
    background-image: inherit;
    -webkit-background-clip: text
}

input:-ms-input-placeholder {
    font-style: inherit;
    text-decoration: inherit;
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    font-family: inherit;
    text-align: inherit;
    background-image: inherit;
    -webkit-background-clip: text
}

.mb_pattern .basic-member-register {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mb_pattern .basic-member-register .main-wrapper {
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-left: 5%;
    padding-right: 5%
}

.mb_pattern .basic-member-register .main-content {
    padding-left: 0
}

.mb_pattern .basic-member-register .img-wrapper {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.pc_pattern .basic-member-register .img-mb {
    display: none
}

.mb_pattern .basic-member-register .img-pc {
    display: none
}

.pc_pattern .basic-member-register-1 .img-wrapper {
    display: none
}

.basic-member-register .form-item-slide.form-item {
    height: 40px
}

.basic-member-register .form-item-slide.form-item .member-input {
    border: none
}

.basic-member-register .form-item-slide.form-item .member-input:hover {
    border: none
}

.basic-member-register .input-slide {
    position: relative;
    height: 40px;
    background: transparent
}

.basic-member-register .input-slide .nc-container #nc_1_wrapper {
    width: 100%
}

.basic-member-register .input-slide #nc_1_n1z,
.basic-member-register .input-slide .btn_slide {
    height: 34px
}

.basic-member-register .input-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.basic-member-register .input-wrapper .error-tip {
    position: absolute;
    top: 100%
}

.basic-member-register .input-wrapper-code {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.pc_pattern .basic-member-register-1 .input-wrapper .error-tip,
.pc_pattern .basic-member-register-3 .input-wrapper .error-tip {
    margin-left: 20px
}

.mb_pattern .input-wrapper,
.basic-member-register-2 .input-wrapper,
.basic-member-register-3 .input-wrapper {
    width: 100%
}

.register-terms-dialog {
    display: none;
    position: fixed;
    z-index: 2003;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3)
}

.register-terms-dialog .dialog-main {
    margin-top: 15vh;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    padding: 30px
}

.register-terms-dialog .dialog-header {
    position: relative;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px
}

.register-terms-dialog .dialog-title {
    text-align: center;
    font-size: 24px;
    color: #333;
    width: 90%;
    line-height: 1.4
}

.register-terms-dialog .icon-close {
    font-size: 20px;
    position: absolute;
    top: -10px;
    right: 10px;
    cursor: pointer
}

.register-terms-dialog .icon-close:hover {
    color: var(--theme_color)
}

.register-terms-dialog .dialog-content {
    height: 55vh;
    overflow-y: auto;
    font-size: 14px;
    line-height: 1.75;
    padding: 0 30px 30px 30px;
    margin-top: 30px;
    margin-bottom: 30px
}

.register-terms-dialog .dialog-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.register-terms-dialog .btn-confirm {
    height: 45px;
    line-height: 45px;
    color: #fff;
    border: none;
    outline: none;
    cursor: pointer;
    padding-left: 20px;
    padding-right: 20px
}

.mb_pattern .register-terms-dialog .dialog-title {
    font-size: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.mb_pattern .register-terms-dialog .dialog-content {
    height: calc(100% - 200px)
}

.mb_pattern .register-terms-dialog .dialog-main {
    margin-top: 0;
    width: 375px;
    height: 100%;
    padding-left: 20px;
    padding-right: 20px
}

.profile-edit-dialog {
    display: block
}

.profile-edit-dialog .dialog-title {
    text-align: left
}

.profile-edit-dialog .dialog-content {
    padding: 0
}

.profile-edit-dialog .form-wrapper {
    max-width: 400px
}

.profile-edit-dialog .form-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 25px
}

.profile-edit-dialog .input-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative
}

.profile-edit-dialog label,
.profile-edit-dialog .label-placeholder {
    width: 4em;
    text-align: justify
}

.profile-edit-dialog .my-input {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 45px;
    line-height: 45px;
    padding-left: 20px;
    background: #f7f8fb;
    border: 1px solid transparent
}

.profile-edit-dialog .btn-get-code {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 120px;
    -ms-flex-preferred-size: 120px;
    flex-basis: 120px;
    margin-left: 20px;
    height: 45px;
    line-height: 45px;
    border: none;
    outline: none;
    color: #fff;
    cursor: pointer;
    font-size: 14px !important
}

.profile-edit-dialog .btn-get-code:disabled {
    background: #f0f0f0 !important;
    color: #666 !important
}

.profile-edit-dialog .btn-confirm {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.profile-edit-dialog .input-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.profile-edit-dialog .input-wrapper .error-tip {
    position: absolute;
    top: 100%;
    color: #f56c6c;
    font-size: 12px
}

.profile-edit-dialog .input-wrapper-code {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.mb_pattern .profile-edit-dialog .form-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.mb_pattern .profile-edit-dialog .my-input {
    border: none;
    border-bottom: 1px solid #b0b0b0
}

.pc_pattern .profile-edit-dialog .dialog-main {
    width: 500px;
    margin-top: 25vh
}

.pc_pattern .profile-edit-dialog .dialog-content {
    height: auto;
    overflow-y: visible
}

.basic_member_center .main-wrapper {
    width: 100%;
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.basic_member_center .page-title {
    font-size: 24px;
    color: var(--theme_color)
}

.basic_member_center .content-wrapper {
    width: 100%
}

.basic_member_center .tab-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px
}

.basic_member_center .tab-item {
    padding: 8px 16px;
    font-size: 16px;
    background: #f7f7f7;
    cursor: pointer
}

.basic_member_center div.tab-item-active {
    color: #fff
}

.basic_member_center .tab-panel {
    display: none
}

.basic_member_center .tab-panel-active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.basic_member_center .img-wrapper {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.basic_member_center .img-wrapper:hover .tooptipPart {
    display: block
}

.basic_member_center .img-wrapper img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.pc_pattern .basic-member-center .img-wrapper {
    display: none
}

.tab-profile {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 30px
}

.tab-profile .register-title {
    color: var(--theme_color);
    font-size: 24px;
    margin-top: 20px
}

.tab-profile .register-tip {
    font-size: 18px;
    margin-top: 10px
}

.tab-profile .form-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

.tab-profile .form-item .my-label {
    width: 5em;
    text-align: right
}

.tab-profile .form-item.form-item-required .my-label:before {
    content: "*";
    color: #f56c6c;
    margin-right: 4px
}

.tab-profile .form-item .label-placeholder {
    width: 5em
}

.tab-profile .member-input {
    display: inline-block;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 45px;
    line-height: 45px;
    background: #F7F8FB;
    border-radius: 3px;
    padding-left: 10px;
    border: 1px solid transparent;
    outline: none;
    margin-left: 20px
}

.tab-profile .form-item-terms-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 20px
}

.tab-profile .text-highlight {
    color: var(--theme_color)
}

.tab-profile .checkbox-read-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.tab-profile .btn-register {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 45px;
    line-height: 45px;
    background: var(--theme_color);
    color: #fff;
    border: none;
    outline: none;
    cursor: pointer;
    margin-left: 20px
}

.tab-profile .form-item-mobile .member-input:disabled,
.tab-profile .form-item-email .member-input:disabled,
.tab-profile .form-item-username .member-input:disabled {
    background: transparent
}

.tab-profile .form-item-mobile .member-input:disabled:hover,
.tab-profile .form-item-email .member-input:disabled:hover,
.tab-profile .form-item-username .member-input:disabled:hover {
    border-color: transparent
}

.tab-profile .btn-edit {
    position: absolute;
    right: 0;
    cursor: pointer;
    background: transparent;
    border: none;
    color: #02A7F0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tab-profile .register-title,
.tab-profile .register-tip {
    text-align: center
}

.tab-profile .profile-main-wrapper {
    width: 100%;
    max-width: 500px
}

.tab-profile .member-input {
    border: 1px solid transparent
}

.tab-profile .member-input:hover {
    border-color: var(--theme_color)
}

.tab-profile .member-input:focus {
    border-color: var(--theme_color)
}

.tab-profile input::-webkit-input-placeholder {
    font-style: inherit;
    text-decoration: inherit;
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    font-family: inherit;
    text-align: inherit;
    background-image: inherit;
    -webkit-background-clip: text
}

.tab-profile input:-moz-placeholder {
    font-style: inherit;
    text-decoration: inherit;
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    font-family: inherit;
    text-align: inherit;
    background-image: inherit;
    -webkit-background-clip: text
}

.tab-profile input::-moz-placeholder {
    font-style: inherit;
    text-decoration: inherit;
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    font-family: inherit;
    text-align: inherit;
    background-image: inherit;
    -webkit-background-clip: text
}

.tab-profile input:-ms-input-placeholder {
    font-style: inherit;
    text-decoration: inherit;
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    font-family: inherit;
    text-align: inherit;
    background-image: inherit;
    -webkit-background-clip: text
}

.tab-profile .input-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.tab-profile .input-wrapper .error-tip {
    position: absolute;
    top: 100%;
    color: #f56c6c;
    font-size: 12px
}

.pc_pattern .tab-profile .input-wrapper .error-tip {
    margin-left: 20px
}

.mb_pattern .tab-profile .profile-main-wrapper {
    width: 53%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 5%
}

.mb_pattern .tab-profile .form-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.mb_pattern .tab-profile .form-item-required .my-label:before {
    position: absolute;
    left: -10px
}

.mb_pattern .tab-profile .member-input {
    width: 100%;
    margin-left: 0;
    padding-left: 0
}

.mb_pattern .tab-profile .label-placeholder {
    display: none
}

.mb_pattern .tab-profile .my-label {
    width: auto
}

.mb_pattern .tab-profile .member-input {
    background: transparent;
    border: none;
    border-bottom: 1px solid #b0b0b0
}

.mb_pattern .tab-profile .member-input:hover {
    border-bottom: 1px solid var(--theme_color)
}

.mb_pattern .tab-profile .member-input:focus {
    border-bottom: 1px solid var(--theme_color)
}

.mb_pattern .tab-profile .form-item-terms-content {
    width: 100%;
    padding-left: 0
}

.mb_pattern .tab-profile .btn-register {
    width: 100%;
    margin-left: 0
}

.mb_pattern .tab-profile .profile-main-wrapper {
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-left: 5%;
    padding-right: 5%
}

.mb_pattern .tab-profile .profile-main-content {
    padding-left: 0;
    width: 100%
}

.mb_pattern .tab-profile .img-wrapper {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.tab-password,
.password-main-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.password-main-wrapper {
    width: 100%
}

.password-main-wrapper .form-wrapper {
    width: 100%;
    max-width: 500px
}

.password-main-wrapper .form-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

.password-main-wrapper .form-item .my-label {
    width: 5em;
    text-align: right
}

.password-main-wrapper .form-item.form-item-required .my-label:before {
    content: "*";
    color: #f56c6c;
    margin-right: 4px
}

.password-main-wrapper .form-item .label-placeholder {
    width: 5em
}

.password-main-wrapper .member-input {
    display: inline-block;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 45px;
    line-height: 45px;
    background: #F7F8FB;
    border-radius: 3px;
    padding-left: 10px;
    border: 1px solid transparent;
    outline: none;
    margin-left: 20px
}

.password-main-wrapper .member-input:hover {
    border-color: var(--theme_color)
}

.password-main-wrapper .member-input:focus {
    border-color: var(--theme_color)
}

.password-main-wrapper .btn-confirm {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 45px;
    line-height: 45px;
    background: var(--theme_color);
    color: #fff;
    border: none;
    outline: none;
    cursor: pointer;
    margin-left: 20px
}

.password-main-wrapper input::-webkit-input-placeholder {
    font-style: inherit;
    text-decoration: inherit;
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    font-family: inherit;
    text-align: inherit;
    background-image: inherit;
    -webkit-background-clip: text
}

.password-main-wrapper input:-moz-placeholder {
    font-style: inherit;
    text-decoration: inherit;
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    font-family: inherit;
    text-align: inherit;
    background-image: inherit;
    -webkit-background-clip: text
}

.password-main-wrapper input::-moz-placeholder {
    font-style: inherit;
    text-decoration: inherit;
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    font-family: inherit;
    text-align: inherit;
    background-image: inherit;
    -webkit-background-clip: text
}

.password-main-wrapper input:-ms-input-placeholder {
    font-style: inherit;
    text-decoration: inherit;
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    font-family: inherit;
    text-align: inherit;
    background-image: inherit;
    -webkit-background-clip: text
}

.tab-password .input-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.tab-password .input-wrapper .error-tip {
    position: absolute;
    top: 100%;
    color: #f56c6c;
    font-size: 12px
}

.pc_pattern .tab-password .input-wrapper .error-tip {
    margin-left: 20px
}

.mb_pattern .tab-password .input-wrapper {
    width: 100%
}

.mb_pattern .tab-password .password-main-wrapper {
    width: 53%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 5%
}

.mb_pattern .tab-password .form-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.mb_pattern .tab-password .form-item-required .my-label:before {
    position: absolute;
    left: -10px
}

.mb_pattern .tab-password .member-input {
    width: 100%;
    margin-left: 0;
    padding-left: 0
}

.mb_pattern .tab-password .label-placeholder {
    display: none
}

.mb_pattern .tab-password .my-label {
    width: auto
}

.mb_pattern .tab-password .member-input {
    background: transparent;
    border: none;
    border-bottom: 1px solid #b0b0b0
}

.mb_pattern .tab-password .member-input:hover {
    border-bottom: 1px solid var(--theme_color)
}

.mb_pattern .tab-password .member-input:focus {
    border-bottom: 1px solid var(--theme_color)
}

.mb_pattern .tab-password .form-item-terms-content {
    width: 100%;
    padding-left: 0
}

.mb_pattern .tab-password .btn-register,
.mb_pattern .tab-password .btn-confirm {
    width: 100%;
    margin-left: 0
}

.mb_pattern .tab-password .password-main-wrapper {
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-left: 5%;
    padding-right: 5%
}

.mb_pattern .tab-password .password-main-content {
    padding-left: 0;
    width: 100%
}

.mb_pattern .tab-password .img-wrapper {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.tab-points {
    width: 100%
}

.tab-points .points-header {
    margin-top: 35px
}

.tab-points .points-title {
    font-size: 22px;
    color: #333;
    display: inline-block
}

.tab-points .points-points {
    font-size: 18px;
    display: inline-block;
    margin-left: 20px
}

.tab-points .mock-table-pointers {
    margin-top: 20px
}

.tab-points .mock-table {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.tab-points .mock-theader {
    background: #FAFAFB
}

.tab-points .mock-th {
    color: #63658B;
    font-size: 18px
}

.tab-points .mock-th,
.tab-points .mock-td {
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 18px;
    padding-bottom: 18px
}

.tab-points .mock-tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.tab-points .mock-tr:hover {
    -webkit-box-shadow: 0px 0px 17px 0px rgba(153, 153, 153, 0.25);
    box-shadow: 0px 0px 17px 0px rgba(153, 153, 153, 0.25)
}

.tab-points .mock-theader:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.tab-points .mock-td {
    font-size: 14px
}

.tab-points .td-time {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-basis: 210px;
    -ms-flex-preferred-size: 210px;
    flex-basis: 210px
}

.tab-points .td-username {
    -webkit-flex-basis: 210px;
    -ms-flex-preferred-size: 210px;
    flex-basis: 210px
}

.tab-points .td-phone {
    -webkit-flex-basis: 210px;
    -ms-flex-preferred-size: 210px;
    flex-basis: 210px
}

.tab-points .td-email {
    -webkit-flex-basis: 210px;
    -ms-flex-preferred-size: 210px;
    flex-basis: 210px
}

.tab-points .td-action {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-basis: 210px;
    -ms-flex-preferred-size: 210px;
    flex-basis: 210px
}

.tab-points .td-pointers {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-basis: 210px;
    -ms-flex-preferred-size: 210px;
    flex-basis: 210px
}

.mb_pattern .tab-points {
    padding-left: 5%;
    padding-right: 5%
}

.mb_pattern .mock-theader {
    background: transparent
}

.mb_pattern .td-action {
    display: none
}

.mb_pattern .td-time {
    -webkit-flex-basis: 350px;
    -ms-flex-preferred-size: 350px;
    flex-basis: 350px
}

.basic_floating_frame_index {
    position: fixed;
    z-index: 2001;
    padding: 30px 10px 10px 10px;
    -webkit-transition: all 0.3;
    transition: all 0.3;
    left: 50%;
    top: 50%;
    width: 200px;
    height: 100px;
    display: none
}

.basic_floating_frame_index .close-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 18px;
    background: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
    color: #888
}

.basic_floating_frame_index .frame-text {
    height: 100%;
    overflow: hidden;
    -webkit-text-emphasis-color: hidden;
    text-emphasis-color: hidden;
    white-space: nowrap
}

.mb_pattern .basic_floating_frame_index {
    display: none
}

.mb_pattern .basic_product_display_index .pc_condition {
    display: none
}

.pc_pattern .basic_product_display_index .pc_condition {
    display: block
}

.mb_pattern .basic_product_display_index .product_list_0,
.mb_pattern .basic_product_display_index .product_list_1,
.mb_pattern .basic_product_display_index .product_list_2 {
    padding: 0 1.8% !important;
    width: auto
}

.mb_pattern .basic_product_display_index .list_content_frame {
    text-align: left;
    margin: 6px
}

.mb_pattern .basic_product_display_index .list_content_frame .product_name_wrap {
    margin-top: 0 !important;
    margin-bottom: 5px !important
}

.mb_pattern .basic_product_display_index .list_content_frame .product_name_wrap .product_name {
    font-size: 14px !important
}

.mb_pattern .basic_product_display_index .product_list_1 .swiper-slide {
    width: 45% !important
}

.mb_pattern .basic_product_display_index .product_list_1 .swiper-slide .list_one {
    padding: 0
}

.mb_pattern .basic_product_display_index .product_list_1 .swiper-slide .list_one .list_one_wrap {
    padding: 10px
}

.mb_pattern .product_list_0 .list_one_wrap {
    padding: 0 !important
}

.mb_pattern .product_list_2 .list_one {
    padding: 0 !important;
    margin: 10px !important
}

.mb_pattern .product_list_2 .list_one .list_img_frame {
    width: 33.8% !important;
    padding-bottom: 33.8% !important;
    float: left
}

.mb_pattern .product_list_2 .list_one .product_name_wrap {
    margin: 6px !important
}

.mb_pattern .product_list_2 .list_one .list_content_frame {
    width: 66.2% !important;
    display: inline-block;
    float: none !important;
    margin: 0 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 12px
}

.mb_pattern .product_list_3 {
    margin-top: 0
}

.mb_pattern .product_list_3 .list_one {
    width: 100%;
    border: none !important;
    margin: 0 !important;
    padding: 15px !important;
    border-bottom: 1px solid #f1f1f1 !important
}

.mb_pattern .product_list_3 .list_one .list_one_wrap {
    padding: 0 !important
}

.mb_pattern .product_list_3 .list_one .list_content_frame {
    margin: 0
}

.basic_product_display_index .jz_empty_tips {
    width: 100%;
    padding: 90px 0;
    text-align: center
}

.basic_product_display_index .jz_empty_tips__img {
    display: block;
    width: 157px;
    height: 123px;
    margin: 0 auto;
    background: url(../img/default_icon.png) 0 0
}

.basic_product_display_index .jz_empty_tips__text {
    margin-top: 28px;
    font-size: 16px;
    line-height: 24px;
    color: #333
}

.basic_product_display_index .flex_box {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.basic_product_display_index .module_wrap .module_content {
    position: relative;
    font-size: 14px
}

.basic_product_display_index .module_wrap .module_content .product_list_0 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.basic_product_display_index .module_wrap .module_content .product_list_0 .list_one {
    height: auto !important;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.basic_product_display_index .module_wrap .module_content .product_list_2 .list_one {
    width: calc(100% - 20px);
    padding: 20px;
    margin: 10px 0;
    overflow: visible;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.basic_product_display_index .module_wrap .module_content .product_list_2 .list_one:not(:last-child):after {
    content: "";
    width: 100%;
    height: 0;
    border-bottom: 1px dashed #f0f0f0;
    display: block;
    position: absolute;
    bottom: -10px;
    left: 0
}

.basic_product_display_index .module_wrap .module_content .product_list_2 .list_one .list_content_frame {
    float: left;
    margin-left: 20px;
    width: calc(75% - 20px);
    text-align: left
}

.basic_product_display_index .module_wrap .module_content .product_list_2 .list_img_frame {
    width: 25%;
    padding-bottom: 25%;
    float: left
}

.basic_product_display_index .module_wrap .module_content .product_list_2 .list_one_wrap {
    display: block;
    height: 100%;
    color: #333;
    padding: 10px
}

.basic_product_display_index .module_wrap .module_content .product_list_3 .list_one {
    text-align: left;
    border: 1px solid #f0f0f0;
    border-radius: 2px;
    -webkit-transition: none;
    transition: none;
    padding: 0
}

.basic_product_display_index .module_wrap .module_content .product_list_3 .list_one_wrap {
    position: relative;
    -webkit-transition: 0.5s;
    transition: 0.5s
}

.basic_product_display_index .module_wrap .module_content .product_list_3 .list_one_wrap .product_name_wrap {
    margin-bottom: 0 !important;
    margin-top: 0 !important
}

.basic_product_display_index .module_wrap .module_content .product_list_3 .list_one_wrap .product_name_wrap .product_name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    max-width: 100%
}

.basic_product_display_index .module_wrap .module_content .product_list_3 .list_img_frame {
    display: none !important
}

.basic_product_display_index .module_wrap .module_content .product_list_1 {
    padding: 0 60px;
    position: relative
}

.basic_product_display_index .module_wrap .module_content .product_list_1 .list_box .swiper-wrapper .swiper-slide {
    height: auto
}

.basic_product_display_index .module_wrap .module_content .product_list_1 .list_box .swiper-wrapper .swiper-slide .list_one {
    height: 100%;
    margin: 0 !important;
    width: 100% !important;
    padding: 10px
}

.basic_product_display_index .list_one {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 30px;
    min-width: 30px;
    height: 100%;
    width: calc(25% - 20px);
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
    vertical-align: top
}

.basic_product_display_index .list_one .list_one_wrap {
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding: 5%;
    display: block;
    height: 100%;
    overflow: hidden;
    color: #333
}

.basic_product_display_index .list_one .list_one_wrap .list_img_frame {
    position: relative;
    padding-bottom: 100%;
    overflow: hidden
}

.basic_product_display_index .list_one .list_one_wrap .list_img_frame .list_img {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: all 0.36s ease;
    transition: all 0.36s ease
}

.basic_product_display_index .list_one .list_one_wrap .list_content_frame {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.basic_product_display_index .list_one .list_one_wrap .list_content_frame .product_name_wrap {
    color: inherit;
    line-height: 24px;
    white-space: normal;
    margin-bottom: 5px;
    margin-top: 15px
}

.basic_product_display_index .list_one .list_one_wrap .list_content_frame .product_name_wrap .product_name {
    color: inherit;
    font-size: 16px;
    vertical-align: middle;
    word-break: normal;
    white-space: normal
}

.basic_product_display_index .list_one .list_one_wrap .list_content_frame .product_prop_wrap .product_props {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.basic_product_display_index .list_one .list_one_wrap .list_content_frame .product_prop_wrap .product_prop {
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.basic_product_display_index .list_one .list_one_wrap .list_content_frame .product_prop_wrap .product_prop .prop_title:after {
    content: "\FF1A"
}

.basic_product_display_index .list_one .list_one_wrap .list_content_frame .product_prop_wrap .product_prop span {
    color: #666;
    font-size: 14px
}

.basic_product_display_index .list_one .border_bottom_transition {
    position: relative;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border-color: transparent
}

.basic_product_display_index .list_one .border_bottom_transition::before {
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    border-bottom: 3px;
    border-bottom-style: solid;
    border-color: inherit
}

.basic_product_display_index .list_one .border_bottom_transition::after,
.basic_product_display_index .list_one .border_bottom_transition::before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    transition: -webkit-transform 0.36s ease;
    -webkit-transition: -webkit-transform 0.36s ease;
    transition: transform 0.36s ease;
    transition: transform 0.36s ease, -webkit-transform 0.36s ease
}

.basic_product_display_index .result_cur_condition {
    position: relative;
    height: 74px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.basic_product_display_index .result_cur_condition .result_cur_condition_left {
    float: left;
    height: 32px;
    line-height: 32px;
    padding: 20px 0;
    margin-left: 10px
}

.basic_product_display_index .result_cur_condition .result_cur_condition_left .result_title {
    font-size: 13px;
    color: #333;
    display: inline-block
}

.basic_product_display_index .result_cur_condition .result_cur_condition_left .result_title:after {
    content: "";
    display: inline-block;
    width: 5px
}

.basic_product_display_index .result_cur_condition .result_cur_condition_left .result_current_condition {
    display: inline-block;
    border: 1px solid #ebebeb;
    text-decoration: none;
    height: 32px;
    width: auto;
    min-width: 65px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 11px;
    font-size: 0;
    margin-right: 10px
}

.basic_product_display_index .result_cur_condition .result_cur_condition_left .result_current_condition .result_cur_value {
    font-size: 14px;
    color: #333;
    display: inline-block;
    line-height: 30px
}

.basic_product_display_index .result_cur_condition .result_cur_condition_left .result_current_condition .result_cur_icon {
    font-size: 14px;
    color: #c0c4cc;
    font-weight: lighter;
    text-decoration: none;
    display: inline-block;
    margin: 0 8px 0 12px;
    cursor: pointer
}

.basic_product_display_index .result_cur_condition .result_cur_condition_right {
    float: right;
    padding: 18px 0
}

.basic_product_display_index .result_cur_condition .result_cur_condition_right .result_rearch {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 250px
}

.basic_product_display_index .result_cur_condition .result_cur_condition_right .result_rearch_icon {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
    font-size: 25px;
    height: 12px;
    padding-top: 20px;
    padding-right: 10px
}

.basic_product_display_index .result_cur_condition .result_cur_condition_right input {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    line-height: 100%;
    width: 250px;
    border: 1px solid #ebebeb;
    text-indent: 10px;
    border-radius: 2px;
    outline: 0
}

.pc_pattern .basic_product_display_index .product_list_1 .arrow {
    cursor: pointer;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    z-index: 99;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.2);
    -webkit-transition: background 0.15s;
    transition: background 0.15s;
    outline: 0
}

.pc_pattern .basic_product_display_index .product_list_1 .arrow:before {
    content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 18px;
    background: url("../img/backimg1.png") -23px -268px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%) translateY(-50%);
    -ms-transform: translate(-50%) translateY(-50%);
    transform: translate(-50%) translateY(-50%)
}

.pc_pattern .basic_product_display_index .product_list_1 .prev {
    left: 10px
}

.pc_pattern .basic_product_display_index .product_list_1 .next {
    right: 10px
}

.pc_pattern .basic_product_display_index .product_list_1 .next:before {
    background-position-x: -53px;
    left: 54%
}

.pc_pattern .basic_product_display_index .product_list_3 {
    font-size: 0
}

.pc_pattern .basic_product_display .list_one .border_bottom_transition:hover::after,
.pc_pattern .basic_product_display .list_one .border_bottom_transition:hover::before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.basic_login_index .login-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.basic_login_index .login-container .login-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.basic_login_index .login-container .login-content .my_title_index {
    margin-bottom: 38px;
    border-bottom: 0
}

.basic_login_index .login-container .login-content .login-title {
    margin-bottom: 82px
}

.basic_login_index .login-container .login-content .input-list {
    margin-bottom: 28px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.basic_login_index .login-container .login-content .input-list .error-tip {
    position: absolute;
    bottom: -20px;
    color: #f56c6c;
    font-size: 12px
}

.basic_login_index .login-container .login-content .input-list .input {
    width: 100%;
    padding: 0 40px;
    padding-left: 10px;
    height: 52px;
    border-radius: 4px
}

.basic_login_index .login-container .login-content .input-list .input-label {
    display: none
}

.basic_login_index .login-container .login-content .input-list.input-password {
    position: relative
}

.basic_login_index .login-container .login-content .input-list.input-password .icon-eye {
    position: absolute;
    right: 10px;
    bottom: 15px;
    font-size: 24px
}

.basic_login_index .login-container .login-content .input-list input[type="password"]::-ms-reveal {
    display: none
}

.basic_login_index .login-container .login-content .input-list .login-btn {
    width: 100%;
    height: 52px;
    border: none
}

.basic_login_index .login-container .login-content .input-list .login-btn.register-btn {
    border-width: 1px;
    border-style: solid;
    background-color: #fff
}

.basic_login_index .login-container .login-content .input-list .input-list-code {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.basic_login_index .login-container .login-content .input-list .input-list-code .input-code {
    margin-right: 12px;
    padding: 0 10px;
    border-radius: 4px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.basic_login_index .login-container .login-content .input-list .input-list-code .input-btn {
    border: none;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.basic_login_index .login-container .login-content .input-list .input-list-code .input-btn:disabled {
    opacity: 0.8;
    cursor: not-allowed
}

.basic_login_index .login-container .login-content .input-list .input-label {
    font-size: 20px;
    font-weight: 400;
    color: #666666
}

.basic_login_index .login-container .login-content .input-list #nc {
    width: 100%;
    position: static
}

.basic_login_index .login-container .login-content .input-list #nc #nc_1_wrapper {
    width: 100%;
    height: 52px
}

.basic_login_index .login-container .login-content .input-list #nc #nc_1_wrapper .nc_scale {
    height: 52px
}

.basic_login_index .login-container .login-content .input-list #nc #nc_1_wrapper .nc_scale .btn_ok,
.basic_login_index .login-container .login-content .input-list #nc #nc_1_wrapper .nc_scale .btn_slide {
    top: 0px;
    height: 52px;
    line-height: 52px;
    width: 72px;
    border: none
}

.basic_login_index .login-container .login-content .input-list #nc #nc_1_wrapper .nc_scale .slidetounlock {
    line-height: 52px;
    font-size: 16px;
    padding-left: 72px
}

.basic_login_index .login-container .login-content .forget-txt {
    margin-bottom: 28px
}

.basic_login_index .login-container .login-content .login-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.basic_login_index .login-container .login-content .login-list .login-type {
    text-align: left;
    cursor: pointer
}

.basic_login_index .login-container.login-model-1,
.basic_login_index .login-container.login-model-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.basic_login_index .login-container.login-model-1 .login-content,
.basic_login_index .login-container.login-model-2 .login-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.basic_login_index .login-container.login-model-1 .login-content .login-content-inner,
.basic_login_index .login-container.login-model-2 .login-content .login-content-inner {
    width: 60%
}

.basic_login_index .login-container.login-model-1 .login-content .login-content-inner .btn-set,
.basic_login_index .login-container.login-model-1 .login-content .login-content-inner .btn-set-flex,
.basic_login_index .login-container.login-model-2 .login-content .login-content-inner .btn-set,
.basic_login_index .login-container.login-model-2 .login-content .login-content-inner .btn-set-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.basic_login_index .login-container.login-model-1 .login-content .login-content-inner .btn-set .input-list,
.basic_login_index .login-container.login-model-1 .login-content .login-content-inner .btn-set-flex .input-list,
.basic_login_index .login-container.login-model-2 .login-content .login-content-inner .btn-set .input-list,
.basic_login_index .login-container.login-model-2 .login-content .login-content-inner .btn-set-flex .input-list {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.basic_login_index .login-container.login-model-1 .login-content .login-content-inner .btn-set .input-list:last-child,
.basic_login_index .login-container.login-model-1 .login-content .login-content-inner .btn-set-flex .input-list:last-child,
.basic_login_index .login-container.login-model-2 .login-content .login-content-inner .btn-set .input-list:last-child,
.basic_login_index .login-container.login-model-2 .login-content .login-content-inner .btn-set-flex .input-list:last-child {
    margin-left: 30px
}

.basic_login_index .login-container.login-model-1 .img-model,
.basic_login_index .login-container.login-model-2 .img-model {
    width: 53.5%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 53.5%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 53.5%;
    flex: 0 0 53.5%;
    display: block
}

.basic_login_index .login-container.login-model-1 .img-model .img,
.basic_login_index .login-container.login-model-2 .img-model .img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: none
}

.basic_login_index .login-container.login-model-1 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.basic_login_index .login-container.login-model-1 .login-content {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.basic_login_index .login-container.login-model-1 .login-content .login-content-inner {
    margin-right: 50px
}

.basic_login_index .login-container.login-model-1 .login-content .login-content-inner .input-list .input {
    border-width: 0 0 1px 0;
    border-radius: 0
}

.basic_login_index .login-container.login-model-1 .login-content .login-content-inner .input-list .input-label {
    display: block
}

.basic_login_index .login-container.login-model-1 .login-content .login-content-inner .input-list #nc {
    border-width: 1px;
    border-style: solid
}

.basic_login_index .login-container.login-model-2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.basic_login_index .login-container.login-model-2 .login-content {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.basic_login_index .login-container.login-model-2 .login-content .login-content-inner {
    margin-left: 50px
}

.basic_login_index .login-container.login-model-2 .login-content .login-content-inner .input-list .input {
    border-width: 1px
}

.basic_login_index .login-container.login-model-2 .login-content .login-content-inner .input-list .input-code {
    border: none
}

.basic_login_index .login-container.login-model-2 .login-content .login-content-inner .input-list #nc {
    border-width: 1px;
    border-style: solid
}

.basic_login_index .login-tip-content {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2003;
    overflow: hidden;
    display: none
}

.basic_login_index .login-tip-content .opc {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5)
}

.basic_login_index .login-tip-content .login-tip {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    width: 360px
}

.basic_login_index .login-tip-content .login-tip .tip-title {
    height: 30px;
    padding: 0 20px;
    position: relative
}

.basic_login_index .login-tip-content .login-tip .tip-title .close-icon {
    position: absolute;
    right: 20px;
    top: 0px;
    font-size: 30px;
    cursor: pointer
}

.basic_login_index .login-tip-content .login-tip .tip-content {
    margin-top: 30px;
    text-align: center
}

.basic_login_index .login-tip-content .login-tip .tip-content .warning-icon {
    color: #faad14;
    font-size: 46px
}

.basic_login_index .login-tip-content .login-tip .tip-content .tip-desc {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    margin: 28px 0 0 0
}

.basic_login_index .login-tip-content .login-tip .tip-content .tip-txt {
    font-size: 14px;
    padding: 10px 40px;
    color: #666;
    line-height: 26px
}

.basic_login_index .login-tip-content .login-tip .tip-content .tip-btn {
    border-top: 1px solid #e5e5e5;
    padding: 18px 28px;
    margin: 36px 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.basic_login_index .login-tip-content .login-tip .tip-content .tip-btn .btn-link {
    background: #1890ff;
    border: 0;
    color: #fff;
    width: 64px;
    height: 36px;
    line-height: 36px;
    padding: 0
}

.pc_pattern .basic_login_index .login-container .img-mb {
    display: none
}

.pc_pattern .basic_login_index .login-container .login-content-inner {
    min-width: 300px
}

.pc_pattern .basic_login_index .login-container.login-model-0 .img-model {
    display: none
}

.pc_pattern .basic_login_index .login-container.login-model-0 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pc_pattern .basic_login_index .login-container.login-model-0 .login-content {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pc_pattern .basic_login_index .login-container.login-model-0 .login-content .login-content-inner {
    width: 26%;
    max-width: 500px
}

.pc_pattern .basic_login_index .login-container.login-model-0 .login-content .login-content-inner .input-list .input {
    border: none
}

.pc_pattern .basic_login_index .login-container.login-model-0 .login-content .login-content-inner .input-list .input-code {
    border: none
}

.pc_pattern .basic_login_index .login-container.login-model-1 .img-model,
.pc_pattern .basic_login_index .login-container.login-model-2 .img-model {
    display: block
}

.pc_pattern .basic_login_index .login-container.login-model-1 .img-model .img-mb,
.pc_pattern .basic_login_index .login-container.login-model-2 .img-model .img-mb {
    display: none
}

.pc_pattern .basic_login_index .login-container.login-model-1 .img-model .img-pc,
.pc_pattern .basic_login_index .login-container.login-model-2 .img-model .img-pc {
    display: block
}

.mb_pattern .basic_login_index .login-container {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mb_pattern .basic_login_index .login-container .img-model {
    display: block;
    width: 100%
}

.mb_pattern .basic_login_index .login-container .img-model .img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.mb_pattern .basic_login_index .login-container .img-model .img-mb {
    display: block
}

.mb_pattern .basic_login_index .login-container .img-model .img-pc {
    display: none
}

.mb_pattern .basic_login_index .login-container .login-content {
    margin-left: 16px;
    margin-right: 16px;
    width: calc(100% - 32px)
}

.mb_pattern .basic_login_index .login-container .login-content .content-title {
    margin-bottom: 16px
}

.mb_pattern .basic_login_index .login-container .login-content .content-title /deep/ .module_banner_text {
    margin-left: 0
}

.mb_pattern .basic_login_index .login-container .login-content .login-content-inner {
    margin-right: 0;
    margin-left: 0;
    width: 100%
}

.mb_pattern .basic_login_index .login-container .login-content .login-content-inner .input-list .input {
    border-width: 0 0 1px 0;
    border-radius: 0;
    padding-left: 5px
}

.mb_pattern .basic_login_index .login-container .login-content .login-content-inner .input-list .input-label {
    display: block
}

.mb_pattern .basic_login_index .login-container .login-content .login-content-inner .last-input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.mb_pattern .basic_login_index .login-container .login-content .login-content-inner .last-input .forget-txt {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px
}

.mb_pattern .basic_login_index .login-container .login-content .login-content-inner .last-input .login-list {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mb_pattern .basic_login_index .login-container .login-content .login-content-inner .last-input .login-list .login-type {
    font-size: 14px;
    text-align: right
}

.mb_pattern .basic_login_index .login-container .login-content .login-content-inner .btn-set .input-list-margin {
    margin-bottom: 15px
}

.mb_pattern .basic_login_index .login-container .login-content .login-content-inner .btn-set,
.mb_pattern .basic_login_index .login-container .login-content .login-content-inner .btn-set-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mb_pattern .basic_login_index .login-container .login-content .login-content-inner .btn-set .input-list,
.mb_pattern .basic_login_index .login-container .login-content .login-content-inner .btn-set-flex .input-list {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mb_pattern .basic_login_index .login-container .login-content .login-content-inner .btn-set .input-list:last-child,
.mb_pattern .basic_login_index .login-container .login-content .login-content-inner .btn-set-flex .input-list:last-child {
    margin-left: 0px
}

.mb_pattern .basic_login_index .login-container .login-content .img-pc {
    display: none
}

.basic_login_register .mb_icon {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 20px;
    top: 12px;
    z-index: 1000;
    font-size: 24px;
    color: #ACC9EC
}

.basic_login_register .mb_icon.mb_icon_right {
    left: 20px;
    right: auto
}

.basic_login_register .header-login {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.basic_login_register .header-login .login-list {
    margin-left: 30px;
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    cursor: pointer;
    display: block;
    word-wrap: break-word;
    word-break: break-all
}

.basic_login_register .header-login-mb {
    position: absolute;
    width: 140px;
    padding: 0 8px;
    text-align: left;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #C5C5C5;
    z-index: 99;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: none;
    right: 0px;
    margin-top: 50px;
    height: auto
}

.basic_login_register .header-login-mb.header-login_right {
    left: 0px;
    right: auto
}

.basic_login_register .header-login-mb .mb_icon {
    display: block
}

.basic_login_register .header-login-mb .login-list {
    margin-left: 0;
    margin: 8px 0;
    font-size: 13px;
    text-align: center;
    color: #8A929E;
    word-wrap: break-word;
    word-break: break-all
}

.basic_login_register .header-login-mb .triangle {
    width: 12px;
    height: 12px;
    background: #fff;
    position: absolute;
    left: 50%;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    border: 1px solid #ebebeb;
    border-left: 0;
    border-bottom: 0;
    top: 0;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.basic_login_register .header-login-mb.header-login-show {
    display: block
}

.pc_pattern .basic_login_register .mb_icon {
    display: none
}

.pc_pattern .basic_login_register .header-login .login-list {
    display: block;
    line-height: 100%
}

.pc_pattern .basic_login_register .header-login.header-login-yes {
    display: none
}

.mb_pattern .basic_login_register .mb_icon {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 20px;
    top: 12px;
    z-index: 1000;
    font-size: 24px;
    color: #ACC9EC;
    display: block
}

.mb_pattern .basic_login_register .mb_icon.mb_icon_right {
    left: 20px;
    right: auto
}

.mb_pattern .basic_login_register .header-login {
    position: absolute;
    width: 140px;
    padding: 0 8px;
    text-align: left;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #C5C5C5;
    z-index: 99;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: none;
    right: 0px;
    margin-top: 50px;
    height: auto
}

.mb_pattern .basic_login_register .header-login.header-login_right {
    left: 0px;
    right: auto
}

.mb_pattern .basic_login_register .header-login .mb_icon {
    display: block
}

.mb_pattern .basic_login_register .header-login .login-list {
    margin-left: 0;
    word-wrap: break-word;
    word-break: break-all;
    margin: 8px 0;
    font-size: 13px;
    text-align: center;
    color: #8A929E
}

.mb_pattern .basic_login_register .header-login .triangle {
    width: 12px;
    height: 12px;
    background: #fff;
    position: absolute;
    left: 50%;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    border: 1px solid #ebebeb;
    border-left: 0;
    border-bottom: 0;
    top: 0;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.mb_pattern .basic_login_register .header-login.header-login-show {
    display: block
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes moveInLeft {
    0% {
        -webkit-transform: translateX(150%);
        transform: translateX(150%);
        opacity: 0
    }

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

@keyframes moveInLeft {
    0% {
        -webkit-transform: translateX(150%);
        transform: translateX(150%);
        opacity: 0
    }

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

@-webkit-keyframes moveInRight {
    0% {
        -webkit-transform: translateX(-150%);
        transform: translateX(-150%);
        opacity: 0
    }

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

@keyframes moveInRight {
    0% {
        -webkit-transform: translateX(-150%);
        transform: translateX(-150%);
        opacity: 0
    }

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

@-webkit-keyframes moveInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }

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

@keyframes moveInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }

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

@-webkit-keyframes moveInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }

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

@keyframes moveInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }

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

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
        transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
    }

    1% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(500%, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(500%, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-20%, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-20%, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
        transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
    }

    1% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(500%, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(500%, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-20%, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-20%, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
        transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
    }

    1% {
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-500%, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-500%, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-20%, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-20%, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
        transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
    }

    1% {
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-500%, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-500%, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-20%, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-20%, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
        transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
    }

    1% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 500%, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 500%, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60%, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60%, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
        transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
    }

    1% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 500%, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 500%, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60%, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60%, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -500%, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -500%, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60%, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60%, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -500%, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -500%, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60%, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60%, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
}

@-webkit-keyframes elasticLarge {

    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }

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

@keyframes elasticLarge {

    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }

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

@-webkit-keyframes elasticSmall {
    0% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
        opacity: 0
    }

    50% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        opacity: 1
    }

    80% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    90% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes elasticSmall {
    0% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
        opacity: 0
    }

    50% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        opacity: 1
    }

    80% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    90% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@-webkit-keyframes bounceIn {

    20%,
    40%,
    60%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {

    20%,
    40%,
    60%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes bounceInDown {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceInRight {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceInLeft {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceInUp {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes flash {

    50%,
    from,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    50%,
    from,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@-webkit-keyframes flipUpDown {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    99% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipUpDown {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    99% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes flipLeftRight {
    0% {
        opacity: 0
    }

    1% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    99% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipLeftRight {
    0% {
        opacity: 0
    }

    1% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    99% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes flip {
    0% {
        opacity: 0
    }

    1% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    99% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flip {
    0% {
        opacity: 0
    }

    1% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    99% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.aaa {
    width: 100px
}

.animationBox {
    overflow: hidden;
    position: relative;
    z-index: 1;
    width: 100%;
    -webkit-transition: all .36s ease;
    transition: all .36s ease
}

.animationBox .animationImg {
    -webkit-transition: all .36s ease;
    transition: all .36s ease
}

.jz_photo_scale_normal {
    -webkit-transition: all .36s ease;
    transition: all .36s ease
}

.jz_animate_go .jz_photo_scale_normal {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08)
}

.animationBox:hover .jz_photo_scale_normal {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08)
}

.jz_photo_scale_normal2 {
    -webkit-animation: 0.6s ease 0s 1 normal none running none;
    animation: 0.6s ease 0s 1 normal none running none
}

.jz_animate_go .jz_photo_scale_normal2 {
    -webkit-animation: 0s ease 0s 1 normal none running elasticLarge;
    animation: 0s ease 0s 1 normal none running elasticLarge
}

.elasticLarge {
    -webkit-animation-name: elasticLarge;
    animation-name: elasticLarge
}

.animationBox:hover .jz_photo_scale_normal2 {
    -webkit-animation: 0s ease 0s 1 normal none running elasticLarge;
    animation: 0s ease 0s 1 normal none running elasticLarge
}

@-webkit-keyframes elasticLarge {

    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }

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

@keyframes elasticLarge {

    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }

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

.jz_photo_border_effect_0,
.jz_photo_border_effect_1,
.jz_photo_border_effect_2,
.jz_photo_border_effect_3 {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.jz_border_effect_top {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 0;
    height: 2px
}

.jz_border_effect_right {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: 2px;
    height: 0
}

.jz_border_effect_bottom {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: 0;
    height: 2px
}

.jz_border_effect_left {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 2px;
    height: 0
}

.jz_photo_scale {
    -webkit-transition: all .36s ease;
    transition: all .36s ease;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.jz_photo_direction_bottom,
.jz_photo_direction_left,
.jz_photo_direction_right,
.jz_photo_direction_top {
    overflow: hidden
}

.jz_animate_go.jz_photo_direction_left .animationImg {
    -webkit-transform: scale(1.1) translateX(-4%);
    -ms-transform: scale(1.1) translateX(-4%);
    transform: scale(1.1) translateX(-4%)
}

.jz_photo_direction_left:hover .animationImg {
    -webkit-transform: scale(1.1) translateX(-4%);
    -ms-transform: scale(1.1) translateX(-4%);
    transform: scale(1.1) translateX(-4%)
}

.jz_animate_go.jz_photo_direction_right .animationImg {
    -webkit-transform: scale(1.1) translateX(4%);
    -ms-transform: scale(1.1) translateX(4%);
    transform: scale(1.1) translateX(4%)
}

.jz_photo_direction_right:hover .animationImg {
    -webkit-transform: scale(1.1) translateX(4%);
    -ms-transform: scale(1.1) translateX(4%);
    transform: scale(1.1) translateX(4%)
}

.jz_animate_go.jz_photo_direction_top .animationImg {
    -webkit-transform: scale(1.1) translateY(-4%);
    -ms-transform: scale(1.1) translateY(-4%);
    transform: scale(1.1) translateY(-4%)
}

.jz_photo_direction_top:hover .animationImg {
    -webkit-transform: scale(1.1) translateY(-4%);
    -ms-transform: scale(1.1) translateY(-4%);
    transform: scale(1.1) translateY(-4%)
}

.jz_animate_go.jz_photo_direction_bottom .animationImg {
    -webkit-transform: scale(1.1) translateY(4%);
    -ms-transform: scale(1.1) translateY(4%);
    transform: scale(1.1) translateY(4%)
}

.jz_photo_direction_bottom:hover .animationImg {
    -webkit-transform: scale(1.1) translateY(4%);
    -ms-transform: scale(1.1) translateY(4%);
    transform: scale(1.1) translateY(4%)
}

.effect_background_box .effect_background {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none
}

.animationBox.effect_background_box:hover .effect_background {
    opacity: 1
}

.animationBox.effect_background_box:hover .jz_photo_small_effect_0 {
    opacity: 0.5
}

.animationBox.effect_background_box:hover .jz_photo_small_effect_1 {
    opacity: 0.5
}

.jz_animate_go .jz_photo_small_effect_0 {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.jz_animate_go .jz_photo_small_effect_1 {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1)
}

.jz_animate_go.effect_background_box .effect_background {
    opacity: 1
}

.jz_animate_go.effect_background_box.effect_background_box .jz_photo_small_effect_0,
.jz_animate_go.effect_background_box.effect_background_box .jz_photo_small_effect_1 {
    opacity: 0.5
}

.jz_photo_small_effect_0 {
    -webkit-transition: all .35s;
    transition: all .35s;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.animationBox:hover .jz_photo_small_effect_0 {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.jz_photo_small_effect_1 {
    -webkit-transition: all .35s;
    transition: all .35s;
    -webkit-transform: translate3d(-6%, 0, 0) scale(1.12);
    transform: translate3d(-6%, 0, 0) scale(1.12)
}

.animationBox:hover .jz_photo_small_effect_1 {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1)
}

.jz_photo_layer_amimate {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none
}

.jz_photo_layer_amimate .icon-fangdajing {
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 24px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.5)
}

.mb_pattern .module_text_font_size_frame [style*="font-size:15"],
.mb_pattern .module_text_font_size_frame [style*="font-size:15"] {
    font-size: 14px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:16"],
.mb_pattern .module_text_font_size_frame [style*="font-size:16"] {
    font-size: 14px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:17"],
.mb_pattern .module_text_font_size_frame [style*="font-size:17"] {
    font-size: 14px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:18"],
.mb_pattern .module_text_font_size_frame [style*="font-size:18"] {
    font-size: 14px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:19"],
.mb_pattern .module_text_font_size_frame [style*="font-size:19"] {
    font-size: 16px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:20"],
.mb_pattern .module_text_font_size_frame [style*="font-size:20"] {
    font-size: 16px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:21"],
.mb_pattern .module_text_font_size_frame [style*="font-size:21"] {
    font-size: 18px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:22"],
.mb_pattern .module_text_font_size_frame [style*="font-size:22"] {
    font-size: 18px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:23"],
.mb_pattern .module_text_font_size_frame [style*="font-size:23"] {
    font-size: 18px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:24"],
.mb_pattern .module_text_font_size_frame [style*="font-size:24"] {
    font-size: 18px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:25"],
.mb_pattern .module_text_font_size_frame [style*="font-size:25"] {
    font-size: 18px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:26"],
.mb_pattern .module_text_font_size_frame [style*="font-size:26"] {
    font-size: 18px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:27"],
.mb_pattern .module_text_font_size_frame [style*="font-size:27"] {
    font-size: 22px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:28"],
.mb_pattern .module_text_font_size_frame [style*="font-size:28"] {
    font-size: 22px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:29"],
.mb_pattern .module_text_font_size_frame [style*="font-size:29"] {
    font-size: 22px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:30"],
.mb_pattern .module_text_font_size_frame [style*="font-size:30"] {
    font-size: 22px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:31"],
.mb_pattern .module_text_font_size_frame [style*="font-size:31"] {
    font-size: 22px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:32"],
.mb_pattern .module_text_font_size_frame [style*="font-size:32"] {
    font-size: 22px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:33"],
.mb_pattern .module_text_font_size_frame [style*="font-size:33"] {
    font-size: 22px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:34"],
.mb_pattern .module_text_font_size_frame [style*="font-size:34"] {
    font-size: 22px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:35"],
.mb_pattern .module_text_font_size_frame [style*="font-size:35"] {
    font-size: 22px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:36"],
.mb_pattern .module_text_font_size_frame [style*="font-size:36"] {
    font-size: 22px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:37"],
.mb_pattern .module_text_font_size_frame [style*="font-size:37"] {
    font-size: 22px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:38"],
.mb_pattern .module_text_font_size_frame [style*="font-size:38"] {
    font-size: 22px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:39"],
.mb_pattern .module_text_font_size_frame [style*="font-size:39"] {
    font-size: 22px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:40"],
.mb_pattern .module_text_font_size_frame [style*="font-size:40"] {
    font-size: 22px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:41"],
.mb_pattern .module_text_font_size_frame [style*="font-size:41"] {
    font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:42"],
.mb_pattern .module_text_font_size_frame [style*="font-size:42"] {
    font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:43"],
.mb_pattern .module_text_font_size_frame [style*="font-size:43"] {
    font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:44"],
.mb_pattern .module_text_font_size_frame [style*="font-size:44"] {
    font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:45"],
.mb_pattern .module_text_font_size_frame [style*="font-size:45"] {
    font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:46"],
.mb_pattern .module_text_font_size_frame [style*="font-size:46"] {
    font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:47"],
.mb_pattern .module_text_font_size_frame [style*="font-size:47"] {
    font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:48"],
.mb_pattern .module_text_font_size_frame [style*="font-size:48"] {
    font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:49"],
.mb_pattern .module_text_font_size_frame [style*="font-size:49"] {
    font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:50"],
.mb_pattern .module_text_font_size_frame [style*="font-size:50"] {
    font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:51"],
.mb_pattern .module_text_font_size_frame [style*="font-size:51"] {
    font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:52"],
.mb_pattern .module_text_font_size_frame [style*="font-size:52"] {
    font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:53"],
.mb_pattern .module_text_font_size_frame [style*="font-size:53"] {
    font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:54"],
.mb_pattern .module_text_font_size_frame [style*="font-size:54"] {
    font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:55"],
.mb_pattern .module_text_font_size_frame [style*="font-size:55"] {
    font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:56"],
.mb_pattern .module_text_font_size_frame [style*="font-size:56"] {
    font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:57"],
.mb_pattern .module_text_font_size_frame [style*="font-size:57"] {
    font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:58"],
.mb_pattern .module_text_font_size_frame [style*="font-size:58"] {
    font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:59"],
.mb_pattern .module_text_font_size_frame [style*="font-size:59"] {
    font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:60"],
.mb_pattern .module_text_font_size_frame [style*="font-size:60"] {
    font-size: 26px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:61"],
.mb_pattern .module_text_font_size_frame [style*="font-size:61"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:62"],
.mb_pattern .module_text_font_size_frame [style*="font-size:62"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:63"],
.mb_pattern .module_text_font_size_frame [style*="font-size:63"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:64"],
.mb_pattern .module_text_font_size_frame [style*="font-size:64"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:65"],
.mb_pattern .module_text_font_size_frame [style*="font-size:65"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:66"],
.mb_pattern .module_text_font_size_frame [style*="font-size:66"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:67"],
.mb_pattern .module_text_font_size_frame [style*="font-size:67"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:68"],
.mb_pattern .module_text_font_size_frame [style*="font-size:68"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:69"],
.mb_pattern .module_text_font_size_frame [style*="font-size:69"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:70"],
.mb_pattern .module_text_font_size_frame [style*="font-size:70"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:71"],
.mb_pattern .module_text_font_size_frame [style*="font-size:71"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:72"],
.mb_pattern .module_text_font_size_frame [style*="font-size:72"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:73"],
.mb_pattern .module_text_font_size_frame [style*="font-size:73"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:74"],
.mb_pattern .module_text_font_size_frame [style*="font-size:74"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:75"],
.mb_pattern .module_text_font_size_frame [style*="font-size:75"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:76"],
.mb_pattern .module_text_font_size_frame [style*="font-size:76"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:77"],
.mb_pattern .module_text_font_size_frame [style*="font-size:77"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:78"],
.mb_pattern .module_text_font_size_frame [style*="font-size:78"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:79"],
.mb_pattern .module_text_font_size_frame [style*="font-size:79"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:80"],
.mb_pattern .module_text_font_size_frame [style*="font-size:80"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:81"],
.mb_pattern .module_text_font_size_frame [style*="font-size:81"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:82"],
.mb_pattern .module_text_font_size_frame [style*="font-size:82"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:83"],
.mb_pattern .module_text_font_size_frame [style*="font-size:83"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:84"],
.mb_pattern .module_text_font_size_frame [style*="font-size:84"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:85"],
.mb_pattern .module_text_font_size_frame [style*="font-size:85"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:86"],
.mb_pattern .module_text_font_size_frame [style*="font-size:86"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:87"],
.mb_pattern .module_text_font_size_frame [style*="font-size:87"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:88"],
.mb_pattern .module_text_font_size_frame [style*="font-size:88"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:89"],
.mb_pattern .module_text_font_size_frame [style*="font-size:89"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:90"],
.mb_pattern .module_text_font_size_frame [style*="font-size:90"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:91"],
.mb_pattern .module_text_font_size_frame [style*="font-size:91"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:92"],
.mb_pattern .module_text_font_size_frame [style*="font-size:92"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:93"],
.mb_pattern .module_text_font_size_frame [style*="font-size:93"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:94"],
.mb_pattern .module_text_font_size_frame [style*="font-size:94"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:95"],
.mb_pattern .module_text_font_size_frame [style*="font-size:95"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:96"],
.mb_pattern .module_text_font_size_frame [style*="font-size:96"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:97"],
.mb_pattern .module_text_font_size_frame [style*="font-size:97"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:98"],
.mb_pattern .module_text_font_size_frame [style*="font-size:98"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:99"],
.mb_pattern .module_text_font_size_frame [style*="font-size:99"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:100"],
.mb_pattern .module_text_font_size_frame [style*="font-size:100"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:101"],
.mb_pattern .module_text_font_size_frame [style*="font-size:101"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:102"],
.mb_pattern .module_text_font_size_frame [style*="font-size:102"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:103"],
.mb_pattern .module_text_font_size_frame [style*="font-size:103"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:104"],
.mb_pattern .module_text_font_size_frame [style*="font-size:104"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:105"],
.mb_pattern .module_text_font_size_frame [style*="font-size:105"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:106"],
.mb_pattern .module_text_font_size_frame [style*="font-size:106"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:107"],
.mb_pattern .module_text_font_size_frame [style*="font-size:107"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:108"],
.mb_pattern .module_text_font_size_frame [style*="font-size:108"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:109"],
.mb_pattern .module_text_font_size_frame [style*="font-size:109"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:110"],
.mb_pattern .module_text_font_size_frame [style*="font-size:110"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:111"],
.mb_pattern .module_text_font_size_frame [style*="font-size:111"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:112"],
.mb_pattern .module_text_font_size_frame [style*="font-size:112"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:113"],
.mb_pattern .module_text_font_size_frame [style*="font-size:113"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:114"],
.mb_pattern .module_text_font_size_frame [style*="font-size:114"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:115"],
.mb_pattern .module_text_font_size_frame [style*="font-size:115"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:116"],
.mb_pattern .module_text_font_size_frame [style*="font-size:116"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:117"],
.mb_pattern .module_text_font_size_frame [style*="font-size:117"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:118"],
.mb_pattern .module_text_font_size_frame [style*="font-size:118"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:119"],
.mb_pattern .module_text_font_size_frame [style*="font-size:119"] {
    font-size: 30px !important
}

.mb_pattern .module_text_font_size_frame [style*="font-size:120"],
.mb_pattern .module_text_font_size_frame [style*="font-size:120"] {
    font-size: 30px !important
}

@media screen and (min-width: 1367px) and (max-width: 1600px) {
    .pc_pattern .basic_webtitle_content [data-size="14"] {
        font-size: 12px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="16"] {
        font-size: 14px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="18"] {
        font-size: 16px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="20"] {
        font-size: 18px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="24"] {
        font-size: 22px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="30"] {
        font-size: 28px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="36"] {
        font-size: 34px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="48"] {
        font-size: 46px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="60"] {
        font-size: 58px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="72"] {
        font-size: 70px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="84"] {
        font-size: 82px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="96"] {
        font-size: 94px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="108"] {
        font-size: 106px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="120"] {
        font-size: 118px !important
    }
}

@media screen and (min-width: 1281px) and (max-width: 1366px) {
    .pc_pattern .basic_webtitle_content [data-size="14"] {
        font-size: 12px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="16"] {
        font-size: 12px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="18"] {
        font-size: 14px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="20"] {
        font-size: 16px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="24"] {
        font-size: 20px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="30"] {
        font-size: 26px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="36"] {
        font-size: 32px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="48"] {
        font-size: 44px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="60"] {
        font-size: 56px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="72"] {
        font-size: 68px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="84"] {
        font-size: 80px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="96"] {
        font-size: 92px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="108"] {
        font-size: 104px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="120"] {
        font-size: 116px !important
    }
}

@media screen and (max-width: 1280px) {
    .pc_pattern .basic_webtitle_content [data-size="14"] {
        font-size: 12px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="16"] {
        font-size: 12px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="18"] {
        font-size: 12px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="20"] {
        font-size: 14px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="24"] {
        font-size: 18px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="30"] {
        font-size: 24px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="36"] {
        font-size: 30px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="48"] {
        font-size: 42px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="60"] {
        font-size: 54px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="72"] {
        font-size: 66px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="84"] {
        font-size: 78px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="96"] {
        font-size: 90px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="108"] {
        font-size: 102px !important
    }

    .pc_pattern .basic_webtitle_content [data-size="120"] {
        font-size: 114px !important
    }
}


/*# sourceMappingURL=app.css.map*/