html, body, p, ul, ol, dd, dl
{
    margin: 0;
}
body
{
    font: 14px/1.5 'Microsoft Yahei',Arial,Verdara,'宋体';
    color: #333;
}
ol, ul
{
    padding: 0;
}
li
{
    list-style: none;
}
img
{
    border: 0;
}
font, h1, h2, h3, h4, h5, h6
{
    font-size: inherit;
    margin: 0;
    font-weight: normal;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
button, input, select, textarea
{
    font: 14px/1 'Microsoft Yahei',Arial,Verdara,'宋体';
    color: #555;
    outline: 0;
}
input
{
    padding: 0;
}
textarea
{
    resize: none;
}
a
{
    color: inherit;
    text-decoration: none;
}
a[href="javascript:void(0)"]
{
    cursor: default;
}/**
 * Swiper 6.1.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 17, 2020
 */
@font-face
{
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64,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') format('woff');
    font-weight: 400;
    font-style: normal;
}
:root
{
    --swiper-theme-color: #007aff;
}
.swiper-container
{
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.swiper-container-vertical>.swiper-wrapper
{
    flex-direction: column;
}
.swiper-wrapper
{
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.swiper-container-android .swiper-slide, .swiper-wrapper
{
    transform: translate3d(0,0,0);
}
.swiper-container-multirow>.swiper-wrapper
{
    flex-wrap: wrap;
}
.swiper-container-multirow-column>.swiper-wrapper
{
    flex-wrap: wrap;
    flex-direction: column;
}
.swiper-container-free-mode>.swiper-wrapper
{
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide
{
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}
.swiper-slide-invisible-blank
{
    visibility: hidden;
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide
{
    height: auto;
}
.swiper-container-autoheight .swiper-wrapper
{
    align-items: flex-start;
    transition-property: transform,height;
}
.swiper-container-3d
{
    perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper
{
    transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left
{
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-container-3d .swiper-slide-shadow-right
{
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-container-3d .swiper-slide-shadow-top
{
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-container-3d .swiper-slide-shadow-bottom
{
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-container-css-mode>.swiper-wrapper
{
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar
{
    display: none;
}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide
{
    scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper
{
    scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper
{
    scroll-snap-type: y mandatory;
}
:root
{
    --swiper-navigation-size: 44px;
}
.swiper-button-next, .swiper-button-prev
{
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled
{
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-next:after, .swiper-button-prev:after
{
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next
{
    left: 10px;
    right: auto;
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after
{
    content: 'prev';
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev
{
    right: 10px;
    left: auto;
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after
{
    content: 'next';
}
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white
{
    --swiper-navigation-color: #fff;
}
.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black
{
    --swiper-navigation-color: #000;
}
.swiper-button-lock
{
    display: none;
}
.swiper-pagination
{
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    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-bullets-dynamic
{
    overflow: hidden;
    font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet
{
    transform: scale(.33);
    position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active
{
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main
{
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev
{
    transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev
{
    transform: scale(.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next
{
    transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next
{
    transform: scale(.33);
}
.swiper-pagination-bullet
{
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}
button.swiper-pagination-bullet
{
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet
{
    cursor: pointer;
}
.swiper-pagination-bullet-active
{
    opacity: 1;
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
}
.swiper-container-vertical>.swiper-pagination-bullets
{
    right: 10px;
    top: 50%;
    transform: translate3d(0,-50%,0);
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet
{
    margin: 6px 0;
    display: block;
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
{
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet
{
    display: inline-block;
    transition: .2s transform,.2s top;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet
{
    margin: 0 4px;
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
{
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet
{
    transition: .2s transform,.2s left;
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet
{
    transition: .2s transform,.2s right;
}
.swiper-pagination-progressbar
{
    background: rgba(0,0,0,.25);
    position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill
{
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill
{
    transform-origin: right top;
}
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite
{
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar
{
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}
.swiper-pagination-white
{
    --swiper-pagination-color: #fff;
}
.swiper-pagination-black
{
    --swiper-pagination-color: #000;
}
.swiper-pagination-lock
{
    display: none;
}
.swiper-scrollbar
{
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(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,.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}
.swiper-scrollbar-cursor-drag
{
    cursor: move;
}
.swiper-scrollbar-lock
{
    display: none;
}
.swiper-zoom-container
{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg
{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.swiper-slide-zoomed
{
    cursor: move;
}
.swiper-lazy-preloader
{
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}
.swiper-lazy-preloader-white
{
    --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black
{
    --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin
{
    100%
    {
        transform: rotate(360deg);
    }
}
.swiper-container .swiper-notification
{
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide
{
    transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide
{
    pointer-events: none;
    transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide
{
    pointer-events: none;
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active
{
    pointer-events: auto;
}
.swiper-container-cube
{
    overflow: visible;
}
.swiper-container-cube .swiper-slide
{
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide
{
    pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide
{
    transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active
{
    pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev
{
    pointer-events: auto;
    visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top
{
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow
{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
}
.swiper-container-flip
{
    overflow: visible;
}
.swiper-container-flip .swiper-slide
{
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide
{
    pointer-events: none;
}
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active
{
    pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-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;
}
.main
{
    margin: 0 auto;
}
.ui-column-1
{
    width: 100%;
}
.ui-column-2
{
    width: 50%;
}
.ui-column-3
{
    width: 33.33%;
}
.ui-column-4
{
    width: 25%;
}
.ui-column-5
{
    width: 20%;
}
.ui-column-6
{
    width: 16.66%;
}
.ellipsis
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mutiple-ellipsis
{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.text-center
{
    text-align: center;
}/* input[type=checkbox],
input[type=radio] {
  vertical-align: -2px;
  margin-right: 5px;
} */
.clearfix:after
{
    content: "";
    display: block;
    clear: both;
    width: 100%;
    height: 0;
    font-size: 0;
}/*
  有些组件在非绝对定位的情况下，有默认宽度，因此需要重置宽度
*/
body>.ui-form, body>.ui-collapse, body>.ui-search-panel, body>.ui-product-center, body>.ui-tabedy, body>.ui-tabedx, body>.ui-richtext, body>.ui-button, body>.ui-article-list, body>.ui-image-text, body>.ui-product-list
{
    position: relative;
    width: auto;
    height: auto;
    left: 0;
    right: 0;
}
body>.ui-picture
{
    position: relative;
    width: auto;
    left: 0;
    right: 0;
}
.ui-container>.main, .ui-search-panel>.main, .ui-ui-product-center>.main, .ui-product-list>.main, .ui-collapse>.main, .ui-tabedy>.main, .ui-tabedx>.main, .ui-richtext>.main, .ui-button>.main, .ui-form>.main, .ui-article-list>.main
{
    width: auto;
    position: relative;
}/************************
 ** jw-dialog & .jw-offer-dialog
 ************************/
.jw-dialog, .jw-offer-dialog
{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2000;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.jw-dialog:after
{
    content: "";
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle;
}
.jw-dialog .wrapper
{
    width: 420px;
    min-height: 140px;
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ebeef5;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    backface-visibility: hidden;
    box-sizing: border-box;
    transition: transform .3s ease-in-out 0s;
    transform: translate(0,-300%);
}
.jw-dialog .wrapper.in
{
    transform: translate(0,0);
}
.jw-dialog .wrapper .content
{
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 80px 40px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.jw-dialog .wrapper .content .right-icon
{
    position: absolute;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    border: 1px solid #40cf6f;
    top: 20px;
    transform: translate(-50%,0);
    left: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.jw-dialog .wrapper .content .right-icon .check-style-icon
{
    width: 14px;
    height: 24px;
    border-color: #40cf6f;
    border-style: solid;
    border-width: 0 4px 4px 0;
    transform: rotate(45deg);
    transform-origin: 12px 12px;
}
.jw-dialog .wrapper .content .title
{
    box-sizing: border-box;
    overflow: hidden;
    max-height: 100%;
    font-size: 18px;
    word-break: break-word;
    color: #888;
}
.jw-offer-dialog .offer-modal
{
    width: 565px;
    height: 430px;
    background: url(../image/0ac3bed1ad341d77e4dcfc8cc1677b05.png);
    background-size: cover;
    position: relative;
    box-sizing: border-box;
    padding: 130px 120px 109px;
    text-align: center;
    transition: transform .3s ease-in-out 0s;
    transform: translate(0,-200%);
}
.jw-offer-dialog .offer-modal.in
{
    transform: translate(0,0);
}
.jw-offer-dialog .offer-modal .container
{
    width: 100%;
    height: 100%;
    padding: 5px;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.jw-offer-dialog .offer-modal .container .main
{
    font-size: 18px;
    white-space: nowrap;
    width: auto;
}
.jw-offer-dialog .offer-modal .container .main .price
{
    color: #ce2626;
}
.jw-offer-dialog .offer-modal .container .main .price .number
{
    font-size: 28px;
    font-weight: bold;
}
.jw-offer-dialog .offer-modal .container .content
{
    margin-top: 8px;
    font-size: 16px;
    white-space: nowrap;
    flex: 1;
    justify-content: space-around;
    flex-direction: column;
    display: flex;
}
.jw-offer-dialog .offer-modal .container .content .detail
{
    margin-bottom: 0;
}
.jw-offer-dialog .offer-modal .close-button
{
    margin-top: 10px;
    line-height: 1;
    width: 150px;
    color: #fff;
    background-color: #ce2626;
    border-radius: 20px;
    padding: 10px 23px;
    cursor: pointer;
    border: 1px solid #ce2626;
    text-align: center;
    box-sizing: border-box;
    outline: none;
    transition: .1s;
    font-weight: 500;
    font-size: 20px;
}
.jw-offer-dialog:after
{
    content: "";
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle;
}
.jw-modal
{
    z-index: 1999;
    opacity: 0;
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity .3s ease-in-out 0s;
}
.jw-modal.in
{
    opacity: .5;
}/* jw-dialog & .jw-offer-dialog end *//****************************
 ** showToast
 ****************************/
.ui-toast
{
    position: fixed;
    left: 50%;
    top: 10px;
    transform: translateX(-50%);
    z-index: 3000;
}
.ui-toast .inner
{
    position: relative;
    padding: 10px;
    overflow: hidden;
    background: #fef0f0;
    min-width: 100px;
    max-width: 320px;
    border-radius: 5px;
    animation: fadeInDown .3s ease;
}
.ui-toast .inner .icon
{
    float: left;
    width: 20px;
    height: 20px;
}
.ui-toast .inner .text
{
    display: block;
    margin: 0 0 0 25px;
    line-height: 20px;
    color: #fa5555;
}
.ui-toast .inner .close
{
    display: none;
}
.ui-layer
{
    position: fixed;
    z-index: 99999;
}
.ui-layer, .ui-layer .shadow
{
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.ui-layer .shadow
{
    position: absolute;
    z-index: 0;
    background: #000;
    filter: alpha(opacity=70);
    background: rgba(0,0,0,.7);
}
.ui-layer .inner
{
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 -210px;
    z-index: 2;
    width: 420px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0,0,0,.6);
    animation: slowInDown .5s ease;
}
.ui-layer .head
{
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}
.ui-layer .head h3
{
    font-size: 18px;
    font-weight: 400;
}
.ui-layer .close
{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    overflow: hidden;
    text-indent: -99em;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALBAMAAABbgmoVAAAAGFBMVEUAAADh5ubj4+Oxs7e5ur7k5ebf4OKTlZvfjGABAAAAA3RSTlMAM1xswLwxAAAAMUlEQVQI12OAghABBgaRBAZhQwZGYwEQBrIYGISNjAWAFKM5kAOhYIJQJTANKSDtAQDHzAWzR5UX5QAAAABJRU5ErkJggg==) 50% no-repeat;
}
.ui-layer .close:hover
{
    opacity: .6;
}
.ui-layer .main
{
    padding: 5px 20px;
    color: #666;
}
.ui-layer .foot
{
    padding: 10px 20px 15px;
}
.ui-layer .button
{
    position: relative;
    text-align: right;
}
.ui-layer .confirm
{
    height: 32px;
    padding: 0 15px;
    background: #409eff;
    border: 0;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
}
.ui-layer .confirm:hover
{
    opacity: .8;
}
.video-player-dialog
{
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
    background: rgba(0,0,0,.5);
    display: none;
}
.video-player-inner
{
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -300px 0 0 -500px;
    width: 1000px;
    height: 600px;
}
.video-player-close
{
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: rgba(0,0,0,.5);
    border-radius: 50%;
    cursor: pointer;
    transition: all .3s ease;
}
.video-player-close:hover
{
    background: rgba(0,0,0,.4);
}
.video-player-close i
{
    font-size: 24px;
    color: #fff;
}
.video-player-wrap
{
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: #000;
}
.video-iframe, .video-player
{
    position: relative;
    width: 100%;
    height: 100%;
    display: none;
}
.video-iframe iframe
{
    width: 100%;
    height: 100%;
}
.video-player .video-js
{
    position: relative;
    width: 100%;
    height: 100%;
}
.iconyun
{
    background: url(data:image/png;base64,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) 0 0 no-repeat;
    background-size: 120px;
}
.icon-doc, .icon-docx, .icon-gif, .icon-jpeg, .icon-jpg, .icon-mp4, .icon-pdf, .icon-png, .icon-ppt, .icon-rar, .icon-unkown, .icon-xls, .icon-xlsx, .icon-zip
{
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
    background-position: 0 0;
}
.icon-unkown
{
    background-position: -20px 0;
}
.icon-jpeg, .icon-jpg
{
    background-position: -40px 0;
}
.icon-gif
{
    background-position: -60px 0;
}
.icon-png
{
    background-position: -80px 0;
}
.icon-doc
{
    background-position: 0 -20px;
}
.icon-docx
{
    background-position: -20px -20px;
}
.icon-xls, .icon-xlsx
{
    background-position: -40px -20px;
}
.icon-ppt
{
    background-position: -60px -20px;
}
.icon-pdf
{
    background-position: -80px -20px;
}
.icon-zip
{
    background-position: 0 -40px;
}
.icon-rar
{
    background-position: -20px -40px;
}
.dialog-ui
{
    position: relative;
    display: none;
}
.dialog-ui .dialog-ui-shadow
{
    position: fixed;
    z-index: 10000000000;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: .5;
    background: #555;
}
.dialog-ui .dialog-ui-layout
{
    position: fixed;
    z-index: 10000000001;
    background: #f2f2f2;
    width: 520px;
    left: 50%;
    margin-left: -200px;
    top: 30%;
    border-radius: 3px;
    border: #ccc 1px solid;
}
.dialog-ui .dialog-ui-layout .du-layout
{
    padding: 40px 60px;
}
.dialog-ui .dialog-ui-layout .du-layout .du-caption
{
    font-size: 14px;
    color: #777;
    padding-bottom: 8px;
}
.dialog-ui .dialog-ui-layout .du-layout .du-input
{
    overflow: hidden;
    width: 400px;
    position: relative;
}
.dialog-ui .dialog-ui-layout .du-layout .du-input .du-password
{
    background: #fff;
    height: 46px;
    margin: 0;
    padding: 0;
    width: 350px;
    border: #ccc 1px solid;
    border-radius: 2px;
    font-size: 16px;
    text-indent: 12px;
    color: #999;
}
.dialog-ui .dialog-ui-layout .du-layout .du-input .du-button
{
    position: absolute;
    top: 0;
    right: 0;
    height: 48px;
    width: 80px;
    border: none;
    border-radius: 2px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    background: #409eff;
    cursor: pointer;
}
.dialog-ui .dialog-ui-layout .du-layout .du-err
{
    height: 30px;
    color: #c00;
    font-size: 12px;
    line-height: 30px;
    width: 100%;
    visibility: hidden;
}
.auto-img-box
{
    position: relative;
    overflow: hidden;
}
.auto-img-box:after
{
    padding-bottom: 100%;
    content: '';
    display: block;
}
.auto-img-box.img-size-1:after
{
    padding-bottom: 75%;
}
.auto-img-box.img-size-2:after
{
    padding-bottom: 133%;
}
.auto-img-box.img-size-3:after
{
    padding-bottom: 56%;
}
.auto-img-box.img-size-4:after
{
    padding-bottom: 180%;
}
.auto-img-box .auto-img
{
    position: absolute;
    width: 100%;
    height: 100%;
    transition: all .3s ease;
    object-fit: cover;
    background: #f9f9f9;
}
.qrcode-box
{
    position: absolute;
    background: rgba(0,0,0,.5);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    visibility: hidden;
}
.qrcode-box .qrcode-img
{
    width: 120px;
    height: 120px;
    padding: 5px;
    background: #fff;
    border-radius: 5px;
    animation: zoomIn .5s ease;
    display: block;
}
.qrcode-box .qrcode-text
{
    color: #fff;
    font-size: 16px;
}
.carousel-list-box, .carousel-thumb-list-box
{
    font-size: 0;
}
.carousel-list-box .carousel-item-box, .carousel-thumb-list-box .carousel-thumb-item-box
{
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}
.breadcrumb-box
{
    font-size: 15px;
    line-height: 2em;
    margin-bottom: 20px;
}
.breadcrumb-box .breadcrumb-title
{
    display: none;
    float: left;
    font-size: larger;
}
.breadcrumb-box .breadcrumb-item
{
    padding: 0 5px;
}
.breadcrumb-box .breadcrumb-arrow:first-child
{
    display: none;
}
.breadcrumb-box.layout-1
{
    text-align: right;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.breadcrumb-box.layout-1 .breadcrumb-item-box
{
    opacity: .8;
}
.breadcrumb-box.layout-1 .breadcrumb-title
{
    display: block;
}
.category-box
{
    padding: 15px 30px;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,.05);
    margin: 20px 0 30px;
    border-radius: 3px;
}
.category-box .category-item
{
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 0 0;
    line-height: 34px;
    padding: 0 15px;
    border-radius: 3px;
}
.category-box .category-item.active
{
    color: #fff;
    background: #666;
}
.category-aside-box .category-aside-title
{
    line-height: 60px;
    padding-left: 30px;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
}
.category-aside-box .category-aside-item
{
    display: block;
    background: #fff;
    margin-top: 1px;
    font-size: 15px;
}
.category-aside-box .category-aside-item+.category-aside-item
{
    margin-top: 1px;
}
.category-aside-box .category-aside-phone
{
    background: #fff;
    margin-top: 10px;
    padding: 20px;
    font-size: 18px;
}
.category-aside-box .category-aside-phone-number
{
    white-space: nowrap;
    font-weight: bold;
    font-size: 24px;
}
.category-aside-box .category-aside-item.active .category-aside-icon-arrow
{
    transform: rotate(180deg);
}
.category-aside-box .category-aside-item.active .category-aside-second-item-box
{
    display: block;
}
.category-aside-box .category-aside-icon-arrow
{
    width: 50px;
    height: 50px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAKlBMVEUAAACfn5+ZmZmYmJiZmZmXl5eZmZmZmZmZmZmampqYmJiZmZmXl5eXl5duTdEFAAAADnRSTlMAEKDQwGDggFAwn3BAIJE2kqYAAAA7SURBVAjXYyAbCIAIRhDJ6whisjSAyGaQgDpYAasBAwO7AkRxEANDCFQf0wIeQ5gZ2tMEYEymTAZqAwA04ATLsj7rigAAAABJRU5ErkJggg==) center center no-repeat;
    cursor: pointer;
    float: right;
}
.category-aside-box .category-aside-item-link
{
    display: block;
    padding: 15px 30px 15px 30px;
    line-height: 20px;
    word-break: break-all;
}
.category-aside-box .category-aside-item-link.active
{
    color: #fff;
}
.category-aside-box .category-aside-second-item-box
{
    display: none;
}
.category-aside-box .category-aside-second-item-box.active
{
    display: block;
}
.category-aside-box .category-aside-second-item-box .category-aside-item-link
{
    line-height: 20px;
    padding: 10px 30px 10px 60px;
}
.condition-filter-box
{
    border-top: 1px dashed #d7d7d7;
    border-bottom: 1px dashed #d7d7d7;
    background: #fff;
}
.condition-filter-box .condition-filter-item-box+.condition-filter-item-box
{
    border-top: 1px solid #d7d7d7;
}
.condition-filter-box .condition-filter-item-box
{
    display: flex;
}
.condition-filter-box .condition-filter-item-title
{
    display: flex;
    justify-content: center;
    align-items: center;
    background: #eee;
    padding: 0 20px;
    flex: 0 0 80px;
}
.condition-filter-box .condition-filter-item-content-box
{
    padding: 0 0 10px;
}
.condition-filter-box .condition-filter-item-link
{
    padding: 8px 16px;
    border-radius: 8px;
    transition: background .2s,color .2s;
    display: inline-block;
    margin-left: 24px;
    margin-top: 10px;
}
.condition-filter-box .condition-filter-item-link.active, .condition-filter-box .condition-filter-item-link:hover
{
    color: #fff;
}
.no-data
{
    position: relative;
    padding: 50px 0 100px;
    background: #fff;
    text-align: center;
}
.no-data .no-data-img
{
    max-width: 100%;
    display: none;
}
.no-data .no-data-null
{
    max-width: 100%;
}
.no-data .no-data-text
{
    font-size: 30px;
    text-transform: uppercase;
    color: #999;
}
.layout-column-2
{
    padding-top: 20px;
    overflow: hidden;
}
.layout-column-2 .layout-column-box1
{
    display: none;
    float: left;
    width: 260px;
}
.layout-column-2.layout-1 .layout-column-box1
{
    display: block;
}
.layout-column-2.layout-1 .layout-column-box2
{
    margin-left: 300px;
}
.layout-column-2.layout-1 .category-box
{
    display: none;
}
.layout-column-2 .layout-column-box2
{
    min-height: 600px;
}
.ui-navigation
{
    position: relative;
    margin: 0 auto;
    z-index: 9;
}
.ui-navigation .ui-navigation-wrap
{
    position: absolute;
    left: 0;
    right: 0;
}
.ui-navigation .ui-navigation-wrap.fixed
{
    position: fixed;
    top: 0!important;
}
.ui-navigation .ui-navigation-item-link
{
    display: block;
    white-space: nowrap;
    overflow: hidden;
}
.ui-navigation .ui-navigation-wrap .separate
{
    display: inline-block;
    vertical-align: middle;
}
.ui-navigation .ui-navigation-wrap .separate:first-child
{
    display: none;
}
.ui-navigation .icon
{
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
    overflow: hidden;
    width: 20px;
    height: 20px;
}
.ui-navigation .icon img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ui-navigation .icon img.act
{
    display: none;
}
.ui-navigation .second-level, .ui-navigation .third-level
{
    position: absolute;
    line-height: 40px;
    min-width: 100%;
    display: none;
}
.ui-navigation .second-level .ui-navigation-item, .ui-navigation .third-level .ui-navigation-item
{
    position: relative;
}
.ui-navigation .second-level .ui-navigation-item-link, .ui-navigation .third-level .ui-navigation-item-link
{
    padding: 0 1em;
    text-align: left;
}
.ui-navigation .first-level
{
    font-size: 0;
    line-height: 0;
}
.ui-navigation .first-level>.ui-navigation-item
{
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    position: relative;
}
.ui-navigation .first-level>.ui-navigation-item:hover .second-level
{
    display: block;
}
.ui-navigation .first-level>.ui-navigation-item:hover>.ui-navigation-item-link .icon img
{
    display: none;
}
.ui-navigation .first-level>.ui-navigation-item:hover>.ui-navigation-item-link .icon img.act
{
    display: block;
}
.ui-navigation .second-level>.ui-navigation-item:hover .third-level
{
    display: block;
}
.ui-navigation .second-level>.ui-navigation-item:hover>.ui-navigation-item-link .icon img
{
    display: none;
}
.ui-navigation .second-level>.ui-navigation-item:hover>.ui-navigation-item-link .icon img.act
{
    display: block;
}
.ui-navigation .third-level
{
    left: 100%;
    padding-left: 10px;
    top: 0;
}
.ui-navigation .third-level::before
{
    content: '';
    position: absolute;
    border: 5px solid transparent;
    top: 14px;
}
.ui-navigation .third-level>.ui-navigation-item:hover>.ui-navigation-item-link .icon img
{
    display: none;
}
.ui-navigation .third-level>.ui-navigation-item:hover>.ui-navigation-item-link .icon img.act
{
    display: block;
}
.ui-navigation-container .ui-navigation-drop
{
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    box-shadow: 0 10px 10px rgba(0,0,0,.2);
}
.ui-navigation-container .ui-navigation-drop .gi
{
    position: relative;
    display: none;
}
.ui-navigation-container .ui-navigation-drop .main
{
    position: relative;
}
body>.ui-search-panel .ui-search .ui-search-recommand
{
    position: static;
    display: inline-block;
}
.ui-search-panel
{
    position: absolute;
    padding: 1px 0;
}
.ui-search-panel .ui-search
{
    display: inline-block;
}
.ui-search-panel .ui-search .ui-search-box
{
    position: relative;
    z-index: 1;
    display: inline-block;
}
.ui-search-panel .ui-search .ui-search-box .ui-search-keyword
{
    box-sizing: border-box;
    background: #fff;
    line-height: 20px;
    padding: 0 10px;
}
.ui-search-panel .ui-search .ui-search-box.type .ui-search-keyword
{
    padding-left: 90px;
}
.ui-search-panel .ui-search .ui-search-box.layout-0 .ui-search-keyword
{
    border-radius: 0;
    margin-right: 0;
}
.ui-search-panel .ui-search .ui-search-box.layout-0.type .ui-search-keyword
{
    padding-left: 90px;
}
.ui-search-panel.EN .ui-search .ui-search-box.layout-0.type .ui-search-keyword
{
    padding-left: 120px;
}
.ui-search-panel .ui-search .ui-search-box.layout-1 .ui-search-keyword
{
    outline: 0;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding-left: 40px;
}
.ui-search-panel .ui-search .ui-search-box.layout-1.type .ui-search-keyword
{
    padding-right: 90px;
}
.ui-search-panel .ui-search .ui-search-type-box
{
    position: absolute;
    width: 75px;
    cursor: pointer;
    display: none;
}
.ui-search-panel.EN .ui-search .ui-search-type-box
{
    width: 120px;
}
.ui-search-panel .ui-search .ui-search-box.layout-0 .ui-search-type-box
{
    border-right: 1px solid #ddd;
}
.ui-search-panel .ui-search .ui-search-box.layout-1 .ui-search-type-box
{
    right: 0;
    border-left: 1px solid #ddd;
}
.ui-search-panel .ui-search .ui-search-box.type .ui-search-type-box
{
    display: block;
}
.ui-search-panel .ui-search .ui-search-type-box .cms-icon
{
    float: right;
    margin-right: 8px;
    transition: all .2s ease;
}
.ui-search-panel .ui-search .ui-search-type-box:hover .cms-icon
{
    transform: rotate(180deg);
}
.ui-search-panel .ui-search .ui-search-type-box .ui-search-type-current
{
    padding: 0 10px;
    font-size: 14px;
}
.ui-search-panel .ui-search .ui-search-type-box .ui-search-type-item-box
{
    background: #fff;
    margin: -1px 0 0 0;
    box-sizing: border-box;
    position: absolute;
    display: none;
    left: 0;
}
.ui-search-panel .ui-search .ui-search-box.layout-0 .ui-search-type-box .ui-search-type-item-box
{
    left: -2px;
    right: -1px;
}
.ui-search-panel .ui-search .ui-search-box.layout-1 .ui-search-type-item-box
{
    border: 1px solid #ddd;
    border-top: none;
    right: 0;
}
.ui-search-panel .ui-search .ui-search-type-box .ui-search-type-item
{
    padding: 0 10px;
    line-height: 36px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    font-size: 14px;
    display: none;
}
.ui-search-panel .ui-search .ui-search-type-box:hover .ui-search-type-item
{
    display: block;
}
.ui-search-panel .ui-search .ui-search-icon-wrap
{
    position: absolute;
    top: 0;
    text-align: center;
    cursor: pointer;
}
.ui-search-panel .ui-search .ui-search-box.layout-0 .ui-search-icon-wrap
{
    right: 0;
    width: 70px;
}
.ui-search-panel .ui-search .ui-search-box.layout-1 .ui-search-icon-wrap
{
    width: 40px;
}
.ui-search-panel .ui-search .ui-search-icon-wrap .cms-icon
{
    font-size: 20px;
}
.ui-search-panel .ui-search .ui-search-box.layout-0 .ui-search-icon-wrap .cms-icon
{
    color: #fff;
}
.ui-search-panel .ui-search .ui-search-recommand
{
    position: absolute;
    line-height: 20px;
    margin-top: 5px;
}
.ui-search-panel .ui-search .ui-search-recommand .ui-search-recommand-item
{
    color: #666;
    margin-right: 10px;
    line-height: 24px;
    display: inline-block;
    cursor: pointer;
}
.ui-many-image
{
    position: relative;
    overflow: hidden;
}
.ui-many-image .carousel-item-box
{
    text-align: center;
}
.ui-many-image .ui-many-image-img-box
{
    display: inline-block;
    position: relative;
}
.ui-many-image .ui-many-image-img
{
    vertical-align: top;
    max-width: 100%;
}
.ui-many-image .ui-many-image-title
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px;
    line-height: 20px;
    background: #000;
    background: rgba(0,0,0,.6);
    color: #fff;
    text-align: center;
    font-size: 16px;
}
.ui-many-image.layout-0 .ui-many-image-title, .ui-many-image.layout-1 .cms-icon, .ui-many-image.layout-1 .ui-many-image-title
{
    display: none;
}
.ui-many-image.layout-0 .cms-icon
{
    position: absolute;
    left: 20px;
    color: #fff;
    z-index: 1;
    font-size: 60px;
    top: 50%;
    margin-top: -45px;
    display: none;
}
.ui-many-image.layout-0 .next
{
    right: 20px;
    left: auto;
}
.ui-many-image.layout-0 .carousel-item-box, .ui-many-image.layout-1 .carousel-item-box
{
    display: block;
}
.ui-many-image.layout-0 .ui-many-image-img-box, .ui-many-image.layout-1 .ui-many-image-img-box
{
    overflow: hidden;
    display: block;
}
.ui-many-image.layout-0 .ui-many-image-img, .ui-many-image.layout-1 .ui-many-image-img
{
    display: block;
    width: 1920px;
    margin-left: -960px;
    left: 50%;
    height: auto;
    position: relative;
    max-width: none;
}
.ui-many-image.layout-0:hover .cms-icon
{
    display: block;
}
.ui-many-image.layout-0 .ui-many-image-img-box
{
    display: block;
}
.ui-many-image.layout-0 .dots li+li, .ui-many-image.layout-1 .dots li+li, .ui-many-image.layout-3 .dots li+li
{
    margin-left: 10px;
}
.ui-many-image.layout-0 .dots, .ui-many-image.layout-1 .dots, .ui-many-image.layout-3 .dots
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    z-index: 10;
    padding: 20px 0;
    text-align: center;
    line-height: 0;
}
.ui-many-image.layout-0 .dots li, .ui-many-image.layout-1 .dots li, .ui-many-image.layout-3 .dots li
{
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin: 0 5px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    text-indent: -9999em;
    opacity: .6;
}
.ui-many-image.layout-0 .dots li.active, .ui-many-image.layout-1 .dots li.active, .ui-many-image.layout-3 .dots li.active
{
    opacity: 1;
}
.ui-many-image.layout-1 .dots li
{
    background: none;
    border: 2px solid #fff;
    opacity: 1;
}
.ui-many-image.layout-4 .dots
{
    position: absolute;
    left: 0;
    right: 5px;
    bottom: 0;
    z-index: 10;
    padding: 10px 0;
    text-align: right;
}
.ui-many-image.layout-4 .dots li
{
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin: 0 3px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    background: #fff;
    text-align: center;
}
.ui-many-image.layout-4 .dots li.active
{
    background: #000;
    color: #fff;
}
.ui-many-image .ui-many-image-thumb-box
{
    overflow: hidden;
    display: none;
}
.ui-many-image .ui-many-image-thumb-box .carousel-thumb-list-box
{
    white-space: nowrap;
    font-size: 0;
    width: 1000%;
}
.ui-many-image .carousel-thumb-item-box
{
    display: inline-block;
    width: 2%;
    height: 100px;
    padding: 0 8px;
    box-sizing: border-box;
}
.ui-many-image .carousel-thumb-item-box .ui-many-image-thumb-img
{
    display: block;
    width: 100%;
    height: 100%;
    border: 2px solid transparent;
}
.ui-many-image .carousel-thumb-item-box .ui-many-image-thumb-img:hover
{
    border-color: #ddd;
}
.ui-many-image .carousel-thumb-item-box.active .ui-many-image-thumb-img
{
    border-color: #f00;
}
.ui-many-image.layout-5 .ui-many-image-thumb-box
{
    display: block;
}
.ui-many-image.layout-5 .carousel-list-box
{
    white-space: nowrap;
    position: relative;
}
.ui-many-image.layout-5 .ui-many-image-carousel-list-wrap, .ui-many-image.layout-6 .ui-many-image-carousel-list-wrap
{
    position: relative;
    overflow: hidden;
}
.ui-many-image.layout-5 .cms-icon, .ui-many-image.layout-6 .cms-icon
{
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 50px;
    line-height: 40px;
    margin-top: -20px;
    left: 20px;
    text-align: center;
    z-index: 1;
}
.ui-many-image.layout-5 .next, .ui-many-image.layout-6 .next
{
    left: auto;
    right: 20px;
}
.ui-many-image.layout-6 .carousel-list-box
{
    position: relative;
    width: 1000%;
}
.ui-many-image.layout-6 .carousel-item-box
{
    width: 3.3333%;
    transition: all .3s ease;
}
.ui-many-image.layout-6 .carousel-item-box.prevs, .ui-many-image.layout-6 .carousel-item-box.nexts
{
    transform: scaleY(.8);
}
.ui-many-image.layout-6 .carousel-item-box.active
{
    position: relative;
    z-index: 2;
}
.ui-page
{
    padding: 40px 0;
    text-align: center;
}
.ui-page .ui-page-item
{
    display: inline-block;
    vertical-align: middle;
    line-height: 32px;
    border: 1px solid #aaa;
    padding: 0 15px;
    background: #fff;
    color: #666;
    border-radius: 3px;
}
.ui-page .ui-page-item.active
{
    color: #fff;
}
.ui-page .ui-page-item+.ui-page-item
{
    margin-left: 10px;
}
.ui-page-article-detail .ui-article-detail
{
    padding: 30px;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,.05);
    margin: 0 0 30px;
}
.ui-page-article-detail .ui-article-detail .ui-article-title
{
    line-height: 1.5;
    font-size: 26px;
    margin: 0 0 20px;
    text-align: center;
}
.ui-page-article-detail .ui-article-detail .ui-article-info-box
{
    text-align: center;
    line-height: 30px;
    color: #999;
    padding-bottom: 30px;
}
.ui-page-article-detail .ui-article-detail .ui-article-info-item
{
    display: inline-block;
}
.ui-page-article-detail .ui-article-detail .ui-article-info-item+.ui-article-info-item
{
    margin-left: 40px;
}
.ui-page-article-detail .ui-article-detail .ui-article-field-box
{
    background: #f2f2f2;
    margin: 0 0 20px;
    padding: 10px;
    font-size: 0;
}
.ui-page-article-detail .ui-article-detail .ui-article-field-item
{
    display: inline-block;
    width: 33.33%;
    font-size: 14px;
    vertical-align: top;
    padding: 5px;
    box-sizing: border-box;
}
.ui-page-article-detail .ui-article-detail .ui-article-content
{
    margin-bottom: 40px;
    word-break: break-all;
    line-height: 1.8;/* 太紧凑改 */
    font-size: 16px;
}
.ui-page-article-detail .ui-article-detail .ui-article-content img
{
    max-width: 100%;
}
.ui-page-article-detail .ui-article-detail .ui-article-content table td
{
    border: 1px solid #000;
}
.ui-page-article-detail .ui-article-detail .ui-article-content ul, .ui-page-article-detail .ui-article-detail .ui-article-content ol
{
    padding: revert;
}
.ui-page-article-detail .ui-article-detail .ui-article-content ul li, .ui-page-article-detail .ui-article-detail .ui-article-content ol li
{
    list-style: inherit;
}
.ui-page-article-detail .ui-article-detail .ui-article-attachment-box
{
    margin-bottom: 40px;
}
.ui-page-article-detail .ui-article-detail .ui-article-attachment-tittle
{
    font-weight: bold;
}
.ui-page-article-detail .ui-article-detail .ui-article-attachment-item
{
    line-height: 20px;
    display: block;
    margin-top: 10px;
    font-size: 16px;
}
.ui-page-article-detail .ui-article-detail .ui-article-attachment-item-img
{
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 5px;
}
.ui-page-article-detail .ui-article-detail .ui-article-foot
{
    padding-top: 30px;
    text-align: right;
    border-top: 1px solid #ddd;
    overflow: hidden;
}
.ui-page-article-detail .ui-article-detail .ui-article-foot .ui-article-prev, .ui-page-article-detail .ui-article-detail .ui-article-foot .ui-article-next
{
    max-width: 45%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ui-page-article-detail .ui-article-detail .ui-article-foot .ui-article-prev
{
    float: left;
}
.ui-page-article-detail .ui-article-detail .ui-article-foot .ui-article-next
{
    float: right;
}
.ui-top-box
{
    position: relative;
    z-index: 3;
}
.ui-top-box .ui-top-wrap
{
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 10;
}
.ui-top-box .ui-top-wrap .ui-top
{
    height: 100%;
    position: relative;
}
.ui-top-box .ui-top-wrap .ui-top>.main
{
    position: relative;
}
.ui-top-box .ui-top-wrap .ui-top.new>.main
{
    width: auto;
}
.ui-header
{
    position: relative;
    z-index: 1;
}
.ui-header .ui-header-logo-box .main
{
    height: 100px;
}
.ui-header .ui-header-logo-box .ui-header-contact-box
{
    float: right;
}
.ui-header .ui-header-logo-box .ui-header-logo-link
{
    height: 100%;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
}
.ui-header .ui-header-logo-box .ui-header-logo-img
{
    height: 100%;
    vertical-align: top;
}
.ui-header .ui-header-logo-box .ui-header-tag-link
{
    height: 60px;
    margin-top: 20px;
    display: inline-block;
}
.ui-header .ui-header-logo-box .ui-header-tag-img
{
    height: 100%;
    vertical-align: top;
}
.ui-header .ui-header-logo-box .ui-header-contact-box
{
    line-height: 30px;
    text-align: right;
    margin-top: 20px;
    font-size: 18px;
}
.ui-header .ui-header-logo-box .ui-header-contact-img
{
    width: 30px;
    height: 30px;
    vertical-align: middle;
}
.ui-header .ui-header-logo-box .ui-header-contact-phone
{
    font-size: 28px;
    font-weight: bold;
}
.ui-header .ui-header-content-box
{
    line-height: 60px;
    height: 60px;
    text-align: center;
}
.ui-header .ui-header-content-box .ui-header-navigation-box
{
    font-size: 0;
}
.ui-header .ui-header-content-box .ui-header-navigation-item-wrap
{
    display: inline-block;
    position: relative;
    vertical-align: top;
}
.ui-header .ui-header-content-box .ui-header-navigation-item-wrap:after
{
    content: '';
    border-top: 2px solid #f00;
    position: absolute;
    bottom: 0;
    width: 0;
    left: 50%;
    margin-left: 0;
    transition: all .3s ease;
}
.ui-header .ui-header-content-box .ui-header-navigation-item-wrap+.ui-header-navigation-item-wrap:before
{
    content: '';
    position: absolute;
    left: 0;
    height: 14px;
    border-left: 1px solid #ddd;
    margin-top: 24px;
}
.ui-header .ui-header-content-box .ui-header-navigation-item-wrap:hover:after
{
    width: 50px;
    margin-left: -25px;
}
.ui-header .ui-header-content-box .ui-header-navigation-item
{
    color: inherit;
    font-size: 16px;
    display: block;
}
.ui-header .ui-header-navigation-item-wrap.width5
{
    width: 20%;
}
.ui-header .ui-header-navigation-item-wrap.width6
{
    width: 16.66%;
}
.ui-header .ui-header-navigation-item-wrap.width7
{
    width: 14.28%;
}
.ui-header .ui-header-navigation-item-wrap.width8
{
    width: 12.5%;
}
.ui-header .ui-header-navigation-item-wrap.width9
{
    width: 11.11%;
}
.ui-header .ui-header-navigation-item-wrap.width10
{
    width: 10%;
}
.ui-header .ui-header-navigation-item-wrap.width11
{
    width: 9.09%;
}
.ui-header .ui-header-navigation-item-wrap.width12
{
    width: 8.33%;
}
.ui-header .ui-header-content-box .ui-header-seconed-navigation-box
{
    position: absolute;
    left: 0;
    right: 0;
    line-height: 40px;
    display: none;
    background: #666;
    color: #fff;
}
.ui-header .ui-header-content-box .ui-header-second-navigation-item
{
    display: block;
    font-size: 14px;
}
.ui-header .ui-header-content-box .ui-header-navigation-item-wrap:hover .ui-header-seconed-navigation-box
{
    display: block;
}
.ui-header .ui-header-content-box .ui-header-second-navigation-item:hover
{
    background: #0001;
    color: inherit;
}
.ui-header .ui-header-content-box .ui-header-contact-box
{
    float: right;
}
.ui-header .ui-header-content-box .ui-header-contact-img
{
    width: 30px;
    height: 30px;
    vertical-align: middle;
}
.ui-header .ui-header-content-box .ui-header-logo-link
{
    height: 60px;
    display: inline-block;
    vertical-align: top;
}
.ui-header .ui-header-content-box .ui-header-logo-img
{
    height: 100%;
    display: block;
}
.ui-header.layout-0 .ui-header-content-box .ui-header-contact-box, .ui-header.layout-0 .ui-header-content-box .ui-header-logo-link
{
    display: none;
}
.ui-header.layout-1 .ui-header-content-box .ui-header-logo-link, .ui-header.layout-1 .ui-header-content-box .ui-header-contact-box
{
    display: none;
}
.ui-header.layout-1 .ui-header-logo-box .ui-header-logo-link
{
    position: absolute;
    left: 50%;
    top: 0;
    width: 140px;
    height: 200px;
    padding: 0 10px;
    margin: 0 0 0 -80px;
}
.ui-header.layout-1 .ui-header-logo-box .ui-header-contact-box
{
    font-size: 16px;
}
.ui-header.layout-1 .ui-header-logo-box .ui-header-contact-phone
{
    font-size: 22px;
}
.ui-header.layout-1 .ui-header-content-box
{
    border-top: 1px solid #eee;
}
.ui-header.layout-1 .ui-header-content-box .ui-header-navigation-item-wrap:first-child+.ui-header-navigation-item-wrap+.ui-header-navigation-item-wrap+.ui-header-navigation-item-wrap
{
    margin-right: 160px;
}
.ui-header.layout-1 .ui-header-content-box .ui-header-navigation-item-wrap
{
    width: 104px;
}
.ui-header.layout-1 .ui-header-content-box .ui-header-navigation-item-wrap:first-child, .ui-header.layout-1 .ui-header-content-box .ui-header-navigation-item-wrap:first-child+.ui-header-navigation-item-wrap, .ui-header.layout-1 .ui-header-content-box .ui-header-navigation-item-wrap:first-child+.ui-header-navigation-item-wrap+.ui-header-navigation-item-wrap, .ui-header.layout-1 .ui-header-content-box .ui-header-navigation-item-wrap:first-child+.ui-header-navigation-item-wrap+.ui-header-navigation-item-wrap+.ui-header-navigation-item-wrap
{
    width: 130px;
}
.ui-header.layout-1 .ui-header-content-box .ui-header-navigation-item-wrap:after, .ui-header.layout-2 .ui-header-content-box .ui-header-navigation-item-wrap:after, .ui-header.layout-3 .ui-header-content-box .ui-header-navigation-item-wrap:after
{
    display: none;
}
.ui-header.layout-2 .ui-header-logo-box, .ui-header.layout-3 .ui-header-logo-box
{
    display: none;
}
.ui-header.layout-2 .ui-header-navigation-box, .ui-header.layout-3 .ui-header-navigation-box
{
    display: inline-block;
    vertical-align: top;
}
.ui-header.layout-2 .ui-header-logo-link
{
    margin-top: 10px;
    margin-right: 40px;
    max-width: 150px;
}
.ui-header.layout-2 .ui-header-content-box .ui-header-navigation-item-wrap, .ui-header.layout-3 .ui-header-content-box .ui-header-navigation-item-wrap
{
    padding: 0 15px;
}
.ui-header.layout-2 .ui-header-content-box .ui-header-navigation-item, .ui-header.layout-3 .ui-header-content-box .ui-header-navigation-item
{
    font-size: 15px;
}
.ui-header.layout-1 .ui-header-content-box .ui-header-navigation-item-wrap::before, .ui-header.layout-2 .ui-header-content-box .ui-header-navigation-item-wrap::before, .ui-header.layout-3 .ui-header-content-box .ui-header-navigation-item-wrap::before
{
    display: none;
}
.ui-header.layout-2 .ui-header-content-box .ui-header-contact-box
{
    font-size: 20px;
    font-weight: bold;
}
.ui-header.layout-2 .ui-header-content-box, .ui-header.layout-3 .ui-header-content-box
{
    line-height: 80px;
    text-align: left;
    height: 80px;
}
.ui-header.layout-3 .ui-header-content-box .ui-header-contact-box
{
    display: none;
}
.ui-header.layout-3 .ui-header-navigation-box
{
    float: right;
}
.ui-header.layout-3 .ui-header-content-box .ui-header-logo-link
{
    height: 40px;
    margin-top: 20px;
}
.ui-header.layout-2 .ui-header-content-box .ui-header-navigation-item-wrap, .ui-header.layout-3 .ui-header-content-box .ui-header-navigation-item-wrap
{
    width: auto;
}
.ui-header.layout-2 .ui-header-content-box .ui-header-seconed-navigation-box, .ui-header.layout-3 .ui-header-content-box .ui-header-seconed-navigation-box
{
    color: #fff;
    text-align: center;
}
.ui-container
{
    overflow: hidden;
}
.ui-container .main
{
    position: relative;
}
.ui-picture
{
    position: absolute;
}
.ui-picture.layout-0.fill .ui-picture-img
{
    width: 1920px;
    display: block;
    left: 50%;
    margin-left: -960px;
    position: relative;
}
.ui-picture .ui-picture-img-wrap
{
    display: block;
    height: 100%;
    overflow: hidden;
}
.ui-picture .ui-picture-img
{
    display: block;
    height: 100%;
    width: 100%;
    transition: all .3s ease;
}
.ui-picture .icon-wrap
{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.1);
    display: none;
}
.ui-picture .icon-wrap .icon-loupe
{
    position: absolute;
    width: 90px;
    height: 60px;
    padding-top: 30px;
    left: 50%;
    top: 50%;
    margin: -45px 0 0 -45px;
    background: rgba(0,0,0,.5);
    border-radius: 50%;
    cursor: pointer;
    animation: zoomIn .2s ease;
    text-align: center;
}
.ui-picture .icon-wrap .icon-loupe::before
{
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAOVBMVEUAAAD///////////////////////////////////////////////////////////////////////8KOjVvAAAAEnRSTlMAoPAQ0IBgIJAwQMBQ4HC/r28TlvgTAAAA2klEQVQoz42T2xKDMAhEhQTjrTf+/2NLXZlKBjvlRYcDLBvj8H8sLxHZWspmYkVUKT0stBOueIxdK1tumvfC8VNJQdToaeJSTeFLGytvYRqd+63Y5vbc9UfVe2BouR1qN12TM/CeWRXCMdZju0m5Iy7ZUEYZLqoLlpAhi0NcLzAjz5fdAu0pxzgYgoPE+OwOIgl+i2bOCnuWsnZBEoW1dHRTLHyoPyJvjA/ma2htcW0f6FzJCzYzRJGPrJaYRORpb87DTfaAbOC4wat5WPf7DP4Y0nDOv/+5NrwBHPULUomZ44YAAAAASUVORK5CYII=) center center no-repeat;
    background-size: 30px;
    animation: zoomInDown .3s ease;
}
.ui-picture.animate-1:hover .ui-picture-img
{
    transform: scale(1.1);
}
.ui-picture.animate-2:hover .icon-wrap
{
    display: block;
}
.ui-picture.animate-3:hover .ui-picture-img
{
    animation: flip 1s ease;
}
.ui-picture.animate-4:hover .ui-picture-img
{
    animation: fadeInRight .5s ease;
}
.ui-picture .ui-picture-animate-img
{
    position: absolute;
    left: 0;
    top: 0;
    animation-duration: .5s;
    animation-timing-function: ease;
    display: none;
}
.ui-picture .ui-picture-animate-img.animate-0
{
    width: 100%;
    height: 100%;
}
.ui-picture .ui-picture-animate-img.animate-1
{
    animation-name: fadeInUp;
    top: auto;
    bottom: 100%;
    left: 50%;
}
.ui-picture .ui-picture-animate-img.animate-2
{
    animation-name: fadeInDown;
    top: 100%;
    left: 50%;
}
.ui-picture .ui-picture-animate-img.animate-3
{
    animation-name: fadeInLeft;
    left: auto;
    right: 100%;
    top: 50%;
}
.ui-picture .ui-picture-animate-img.animate-4
{
    animation-name: fadeInRight;
    left: 100%;
    top: 50%;
}
.ui-picture:hover .ui-picture-animate-img
{
    display: block;
}
.ui-richtext
{
    position: absolute;
    min-height: 30px;
    box-sizing: border-box;
}
.ql-container
{
    background: 0 0;
    outline: 0;
    color: #333;
    word-break: normal;
    white-space: pre-wrap;
    word-wrap: break-word;
    clear: both;
    overflow: hidden;
    font-size: 20px;
    line-height: 1;/* 13期因bug由1.2改为1 */
    font-family: Microsoft YaHei;
    -webkit-text-size-adjust: 100%;
    border: 0;
    min-height: 28px;/* 13期因bug由40改为28 */
    min-width: 20px;
    max-width: 1200px;
    box-sizing: border-box;
}
.ql-container.ui-richtext-content
{
    font-family: Microsoft YaHei;
    font-size: 20px;
    padding: 0;
}
.ql-container .ql-editor
{
    padding: 0;
    overflow: hidden;
    line-height: 1;
}
.ql-container .ql-editor p
{
    word-break: break-all;
    margin: 0;
    line-height: 1;
}
.ql-container .ql-clipboard
{
    display: none;
}
.ql-container.vertical-lr
{
    writing-mode: tb-lr;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
}
.ql-container.vertical-lr, .ql-container.vertical-rl
{
    height: 100%;
    word-break: break-all;
    max-width: 1000px;
    min-width: 40px;
    min-height: 10px;
}
.ql-container.vertical-rl
{
    writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
.ui-button
{
    position: absolute;
    text-align: center;
}
.ui-button .ui-button-link
{
    transition: all .5s ease;
    cursor: pointer;
    display: inline-block;
}
.ui-button.layout-2 .ui-button-link
{
    padding: 0 40px;
}
.ui-button.old.layout-2 .ui-button-link
{
    font-size: 16px;
    padding: 0 40px;
}
.ui-button.old.layout-2 .ui-button-link:hover
{
    color: #fff;
}
.ui-button.version .ui-button-link
{
    padding: 0;
}
.ui-button.layout-1 .ui-button-link
{
    font-size: 16px;
    border: 1px solid #aaa;
    padding: 0 40px;
    background: none;
}
.ui-button.old.layout-1 .ui-button-link
{
    padding: 0 40px;
    background: none;
    color: inherit;
}
.ui-button .ui-button-link:hover
{
    opacity: .8;
}
.ui-button.version .ui-button-link:hover
{
    opacity: 1;
}
.ui-product-list
{
    position: absolute;
    box-sizing: border-box;
    font-size: 0;
}
.ui-product-list.layout-1>.main
{
    padding-top: 15px;
}
.ui-product-list.layout-1>.main .carousel-item-box
{
    margin: 0 0 -8px 0;
}
.ui-product-list .ui-product-btn
{
    display: none;
    line-height: 36px;
    padding: 0 25px;
    background: #666;
    color: #fff;
    border-radius: 3px;
    float: right;
    margin: 5px 0 0 0;
}
.ui-product-list .carousel-item-box
{
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    box-sizing: border-box;
    padding: 15px;
}
.ui-product-list .ui-product-item-wrap
{
    overflow: hidden;
    position: relative;
    display: block;
}
.ui-product-list .auto-img
{
    position: absolute;
    width: 100%;
    height: 100%;
    transition: all .3s ease;
    object-fit: cover;
}
.ui-product-list .ui-product-title
{
    color: #333;
    line-height: 50px;
    font-size: 16px;
    padding: 0 20px;
}
.ui-product-list .ui-product-remark
{
    line-height: 20px;
    font-size: 14px;
    color: #999;
    display: none;
}
.ui-product-list .ui-product-info-box
{
    background: none;
}
.ui-product-list .ui-product-zoom-box
{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    background: rgba(0,0,0,.3);
    display: none;
}
.ui-product-list .ui-product-zoom-box .icon-loupe
{
    position: absolute;
    width: 30px;
    height: 30px;
    left: 50%;
    top: 50%;
    padding: 30px;
    margin: -45px 0 0 -45px;
    background: rgba(0,0,0,.5);
    border-radius: 50%;
    -webkit-animation: zoomIn .2s ease;
    animation: zoomIn .2s ease;
    cursor: pointer;
}
.ui-product-list .ui-product-zoom-box .icon-loupe:before
{
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAOVBMVEUAAAD///////////////////////////////////////////////////////////////////////8KOjVvAAAAEnRSTlMAoPAQ0IBgIJAwQMBQ4HC/r28TlvgTAAAA2klEQVQoz42T2xKDMAhEhQTjrTf+/2NLXZlKBjvlRYcDLBvj8H8sLxHZWspmYkVUKT0stBOueIxdK1tumvfC8VNJQdToaeJSTeFLGytvYRqd+63Y5vbc9UfVe2BouR1qN12TM/CeWRXCMdZju0m5Iy7ZUEYZLqoLlpAhi0NcLzAjz5fdAu0pxzgYgoPE+OwOIgl+i2bOCnuWsnZBEoW1dHRTLHyoPyJvjA/ma2htcW0f6FzJCzYzRJGPrJaYRORpb87DTfaAbOC4wat5WPf7DP4Y0nDOv/+5NrwBHPULUomZ44YAAAAASUVORK5CYII=) 50% no-repeat;
    background-size: 30px;
    animation: zoomInDown .3s ease;
}
.ui-product-list .qrcode-box .qrcode-img
{
    width: 90px;
    height: 90px;
}
.ui-product-list .qrcode-box .qrcode-text
{
    line-height: 30px;
}
.ui-product-list .auto-img-box.animate-2:hover .ui-product-zoom-box
{
    display: block;
}
.ui-product-list .auto-img-box.animate-3:hover .qrcode-box
{
    visibility: visible;
}
.ui-product-list .prev, .ui-product-list .next
{
    position: absolute;
    top: 50%;
    margin: -30px 0 0;
    z-index: 10;
    cursor: pointer;
    width: 40px;
    height: 40px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAXVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9RKvvlAAAAHnRSTlMA8dOlCu3kBgPIw7yykTUvJBoUD9uqnZaLhXpqZ0FDA/87AAAAcElEQVQoz7WRSRKDMBADsY3NHhLIntD/fyYf6BNV6Kg+SKOpjupZLg4CYVbwg3JV8oH7TckL4mqgTdDXRpoBxsZI3UHSmCXCW8kMwfw1wmQZPTxa6TvCYK0SdHbHBHER/wvFtvpD1nUzwT+V8ladph3frgZgRZrWAwAAAABJRU5ErkJggg==) 50% no-repeat rgba(0,0,0,.5);
    border-radius: 3px;
    display: none;
}
.ui-product-list .prev
{
    left: 10px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAXVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9RKvvlAAAAHnRSTlMA8KUK5dKPBgPryMO7smg9MiQaEw/129Srn5aEei2WyF41AAAAcUlEQVQoz62RORKEMBDEjG2wuc9dbv3/mQSEdAYKpeqaYMxL2txK3yUkyvc5NMIPHg7hxxky4V0B6nKooI5PHxconRhkkE5G8INO6HsxymKhcCqEGqqgiivBRlWmFDajGP6wy9J7aGQ5738IWr+a77kAw5EGcMHKnaoAAAAASUVORK5CYII=);
}
.ui-product-list .next
{
    right: 10px;
}
.ui-product-list .dots
{
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 50px;
}
.ui-product-list .dots li
{
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    text-indent: -99em;
    background: #000;
    margin: 0 6px;
    opacity: .3;
}
.ui-product-list .dots li.active
{
    background: #007aff;
    opacity: 1;
}
.ui-product-list .swiper-button-prev, .ui-product-list .swiper-pagination, .ui-product-list .swiper-button-next
{
    display: none;
}
.ui-product-list.layout-0 .carousel-item-box.ui-column-1
{
    width: 25%;
}
.ui-product-list.layout-0 .auto-video
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.ui-product-list.layout-0 .auto-video video
{
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
}
.ui-product-list.layout-0 .auto-video .play
{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 5;
}
.ui-product-list.layout-0 .auto-video .play.active .icon
{
    opacity: 0;
}
.ui-product-list.layout-0 .auto-video .play .icon
{
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: -30px 0 0 -30px;
    text-align: center;
    background: rgba(255,255,255,.7);
    border-radius: 50%;
    cursor: pointer;
    transition: all .3s ease;
    font-size: 30px;
    color: #fff;
    opacity: .9;
}
.ui-product-list.layout-0 .auto-video .play .icon:hover
{
    transform: scale(1.05);
    background: rgba(255,255,255,.8);
}
.ui-product-list.layout-0 .auto-video .play .icon .icon-bofang
{
    font-size: 40px;
    color: #333;
}
.ui-product-list.layout-1 .ui-product-item-wrap
{
    background: #fff;
    border: 1px solid #ddd;
}
.ui-product-list.layout-1 .auto-img-box
{
    margin: 5px;
}
.ui-product-list.layout-1 .carousel-item-box.ui-column-4
{
    width: 25%;
}
.ui-product-list.layout-1 .carousel-item-box.ui-column-3
{
    width: 33%;
}
.ui-product-list.layout-1 .carousel-item-box:hover .qrcode-box
{
    display: block;
}
.ui-product-list.layout-2 .ui-product-item-wrap
{
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.ui-product-list.layout-2 .ui-product-title
{
    text-align: center;
}
.ui-product-list.layout-3 .ui-product-info-box
{
    background: none;
}
.ui-product-list.layout-5 .ui-product-item-wrap
{
    padding: 10px;
    box-shadow: none;
}
.ui-product-list.layout-5 .ui-product-info-box
{
    margin-left: 200px;
}
.ui-product-list.layout-5 .auto-img-box
{
    width: 200px;
    float: left;
}
.ui-product-list.layout-6 .carousel-item-box
{
    position: absolute;
    width: 25%;
    padding: 8px;
}
.ui-product-list.layout-6 .number0
{
    left: 0;
    top: 0;
}
.ui-product-list.layout-6 .number1
{
    width: 50%;
    left: 25%;
    top: 0;
}
.ui-product-list.layout-6 .number2
{
    left: 75%;
    top: 0;
}
.ui-product-list.layout-6 .number3
{
    left: 0;
    top: 50%;
}
.ui-product-list.layout-6 .number4
{
    left: 75%;
    top: 50%;
}
.ui-product-list.layout-6 .ui-product-info-box
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    padding: 5px 15px;
}
.ui-product-list.layout-6 .carousel-list-box.size-0:before
{
    padding-bottom: 50%;
}
.ui-product-list.layout-6 .carousel-list-box.size-1:before
{
    padding-bottom: 37.5%;
}
.ui-product-list.layout-6 .carousel-list-box
{
    position: relative;
}
.ui-product-list.layout-6 .carousel-list-box:before
{
    content: '';
    display: block;
}
.ui-product-list.layout-6 .ui-product-title
{
    line-height: 30px;
    padding: 0;
}
.ui-product-list.layout-6 .number1 .ui-product-remark
{
    display: block;
}
.ui-product-list.layout-1 .auto-img-box:hover .auto-img, .ui-product-list.layout-6 .auto-img-box:hover .auto-img, .ui-product-list .auto-img-box.animate-1:hover .auto-img
{
    transform: scale(1.1);
}
.ui-product-list.layout-7 .auto-img-box
{
    display: none;
}
.ui-product-list.layout-7 .ui-product-title
{
    padding: 0;
    border-bottom: 1px solid #eee;
}
.ui-product-list.layout-7 .carousel-item-box
{
    padding: 0 10px;
}
.ui-product-list.layout-5 .ui-product-info-box, .ui-product-list.layout-7 .ui-product-info-box
{
    background: none;
}
.ui-product-list.layout-8
{
    padding: 0;
}
.ui-product-list.layout-8 .carousel-item-box:first-child .ui-product-btn
{
    display: block;
}
.ui-product-list.layout-8 .carousel-item-box:first-child .ui-product-title
{
    text-align: left;
    padding: 10px 0;
}
.ui-product-list.layout-8 .carousel-item-box
{
    width: 23.3%;
    float: left;
    padding: 8px;
}
.ui-product-list.layout-8 .carousel-list-box
{
    background: #fff;
    overflow: hidden;
    padding: 10px;
}
.ui-product-list.layout-8 .carousel-item-box:first-child
{
    width: 53.4%;
}
.ui-product-list.layout-8 .ui-product-title
{
    line-height: 30px;
    padding-top: 10px;
    text-align: center;
}
.ui-product-list.layout-8 .auto-img-box:hover .auto-img
{
    opacity: .8;
}
.ui-product-list.layout-9
{
    padding: 0;
}
.ui-product-list.layout-9 .carousel-item-box
{
    padding: 0;
    width: 100%;
}
.ui-product-list.layout-9 .ui-product-info-box
{
    background: rgba(0,0,0,.5);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 20px;
}
.ui-product-list.layout-9 .ui-product-title
{
    line-height: 40px;
}
.ui-product-list.layout-9 .prev, .ui-product-list.layout-9 .next
{
    border-radius: 50%;
    background-color: rgba(0,0,0,.2);
}
.ui-product-list.layout-9 .dots
{
    display: block;
    bottom: 50px;
}
.ui-product-list.layout-3 .carousel-item-box, .ui-product-list.layout-4 .carousel-item-box, .ui-product-list.layout-9 .carousel-item-box
{
    width: 25%;
    padding: 0;
}
.ui-product-list.layout-3 .ui-product-item-wrap, .ui-product-list.layout-4 .ui-product-item-wrap
{
    margin: 10px;
}
.ui-product-list.layout-3 .ui-product-swiper-box, .ui-product-list.layout-4 .ui-product-swiper-box, .ui-product-list.layout-9 .ui-product-swiper-box
{
    position: relative;
    height: 100%;
}
.ui-product-list.layout-3 .carousel-list-box, .ui-product-list.layout-4 .carousel-list-box, .ui-product-list.layout-9 .carousel-list-box
{
    overflow: hidden;
    white-space: nowrap;
}
.ui-product-list.layout-4:hover .prev, .ui-product-list.layout-4:hover .next, .ui-product-list.layout-9:hover .prev, .ui-product-list.layout-9:hover .next
{
    display: block;
}
.ui-product-list.layout-10 .main
{
    height: 100%;
}
.ui-product-list.layout-10 .carousel-item-box
{
    width: 50%;
    padding: 0 10px;
}
.ui-product-list.layout-10 .ui-product-swiper-box
{
    margin: 0 50px;
}
.ui-product-list.layout-10 .ui-product-title
{
    line-height: 60px;
}
.ui-product-list.layout-10 .swiper-button-prev, .ui-product-list.layout-10 .swiper-pagination, .ui-product-list.layout-10 .swiper-button-next
{
    display: block;
}
.ui-product-list.layout-10:hover .swiper-button-prev, .ui-product-list.layout-10:hover .swiper-button-next
{
    visibility: visible;
}
.ui-product-list.layout-10 .swiper-button-prev::after, .ui-product-list.layout-10 .swiper-button-next::after
{
    content: none;
}
.ui-product-list.layout-10 .swiper-button-prev, .ui-product-list.layout-10 .swiper-button-next
{
    top: 50%;
    z-index: 10;
    margin-top: -45px;
    width: 45px;
    height: 45px;
    visibility: hidden;
}
.ui-product-list.layout-10 .swiper-button-prev:hover, .ui-product-list.layout-10 .swiper-button-next:hover
{
    opacity: .8;
}
.ui-product-list.layout-10 .swiper-button-prev
{
    left: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAA/CAMAAABggeDtAAAAP1BMVEUAAACZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmVMmLXAAAAFXRSTlMAgHMnb0V4aRQOXS0zBh9YTD5UZBsspaBFAAABwElEQVRIx61X25KDIAxFo4AX8NL9/2/dDZRu63iITpqXzhRyOSckJgbJtDvbZLFun8wdGda2OUq7Dhe1p645l266om3L7WUjH0zwtC3FopUseJcvjnQ4oDEfOF9T7zPU+fRwzqT0UDu4pE3wAiULLoDYbTYvBmhPMcRE2iClNlEZgfpiZFlODfgSuywbXz1ACIx9M+ayAftJogPeMYvu8AfAjjnoP8G35o60HxRwToZ7Fcq5fpUMAC9RMJVgQPQSAvvvnm7r0yuADriXA+gKFXPt4mhPj+cn6evfbzXXiFzbNGuOY6x5h9GNCXdg9gR1zGBIMKrq2HgibmcakTw4R0g4cbtxGD6fUZ0axyz22DsJb9gyCILeo/gEWd8jdN5U5eepH87VbbxQxAalj2mVpPgH4B6S/yr+uUQg4idI70Pmn/OPz52U/+r7i2yg/v7w+5cN8Psv9Ycp6qr1J9W/5yZRqX+x/3AEEfYfuf/xK1kr/U/uv3E1sP/q+7/++2Os4vun+f7Oyu+/dv5Qzj/q+Us//+nnz/vz784Xo3L+Vs7/yv1Du//o9y8sU/u2//Hl9/2vnYwsBPdP+v7+q92/fwE7Ow1ZrtjiVAAAAABJRU5ErkJggg==) center/cover no-repeat;
}
.ui-product-list.layout-10 .swiper-button-next
{
    right: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAA/CAMAAABggeDtAAAAP1BMVEUAAACZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmVMmLXAAAAFXRSTlMAgHMnb0V4aRQOXS0zBh9YTD5UZBsspaBFAAABvklEQVRIx61XW7aDIAxEUEAUfLT7X+u9QKm1hyF60nwCQ5IJCYlAMu1Gd1m02SdxR8ZVdt8i1/Eieuq7uvTTFbQup5dNWS+8VdtSbtTUDdbkg059bSiXN4xtwYfs6lzdnDMpA0R7k9AKHlAymeCB7TpfTxqoqz6ERNpIhTZRGQB8EbQs1QtsXN0o7OHDlwteH3BStsjBmUQDmMMWmNMC9B1zMJydl+KOyBMFMSbjvQyNsX6nDHCeoqAkkwbWUx7IQ726jVdvA3qgnjagL1TM1XzVroWfX6SvXacBRe038Y9fsx0OamhZ4JLf/mAPXoAZ9MkNfKR5QSJujzQCSbF9gK0UuD1mnmuH2UAC4p4m3q7CFgwxcuTjC1ELJDDin8SfghiyCU+nbtD1C/wLLyhx4MxF/Q9AkS/+k9rnpv+K1I75J+NvEhzHv7w/DA+t95fePw3H7z/nHz7xJPIv5T8ucZbKf1x/wqEd1h9Y//LGSNc/XH/FGsj6y6z/3P+H9//p4gnj/+X8/9z+g9//8Psvfv/H7z+P/ne/3P8y+29m/8+cP7jzD3/+wjLJj/kvHv6c/+R0JbPh/Kl+P/9y5+8/RDENWZvZmwUAAAAASUVORK5CYII=) center/cover no-repeat;
}
.ui-product-list.layout-10 .swiper-pagination
{
    width: 100%;
    text-align: center;
    bottom: 10px;
}
.ui-product-list.layout-10 .swiper-pagination-bullet
{
    vertical-align: middle;
    margin: 0 5px;
    background: #d5d5d5;
    border: 0;
    width: 10px;
    height: 10px;
    opacity: 1;
}
.ui-product-list.layout-10 .swiper-pagination-bullet-active
{
    background: none;
    border: 3px solid #00aadc;
}
.ui-article-list
{
    position: absolute;
    box-sizing: border-box;
    font-size: 0;
}
.ui-article-list>.main
{
    height: 100%;
    padding: 10px;
}
.ui-article-list .carousel-item-box
{
    font-size: 14px;
    box-sizing: border-box;
    padding: 10px;
}
.ui-article-list .ui-article-item-wrap
{
    overflow: hidden;
    position: relative;
}
.ui-article-list .ui-article-info-box
{
    padding: 20px;
}
.ui-article-list .ui-article-title
{
    line-height: 1.5;
    font-size: 16px;
    color: #333;
}
.ui-article-list .ui-article-remark-wrap
{
    padding: 10px 0;
    line-height: 20px;
    text-align: justify;
}
.ui-article-list .ui-article-remark
{
    color: #888;
    -webkit-line-clamp: 2;
    height: 40px;
}
.ui-article-list .ui-article-time
{
    color: #999;
    padding: 10px 0;
    height: 40px;
    line-height: 20px;
    text-align: justify;
}
.ui-article-list .ui-article-time1
{
    display: none;
    float: right;
}
.ui-article-list .ui-article-time2
{
    display: none;
    float: left;
    color: #666;
    border-right: 1px solid #eee;
    padding: 0 24px 0 10px;
    margin-top: 10px;
}
.ui-article-list .ui-article-time2 .ui-article-time2-year
{
    font-size: 24px;
}
.ui-article-list .ui-article-time3
{
    display: none;
    float: left;
    color: #fff;
    padding: 5px 10px;
    background: #bebebe;
    border-radius: 5px;
    text-align: center;
    line-height: 30px;
    width: 70px;
}
.ui-article-list .ui-article-time3 .ui-article-time3-day
{
    border-bottom: 1px solid;
    line-height: 40px;
    font-size: 24px;
    font-weight: 700;
}
.ui-article-list .ui-article-time4
{
    display: none;
    float: left;
    color: #666;
    padding: 5px 10px;
    line-height: 30px;
}
.ui-article-list .ui-article-time4:before
{
    content: '';
    border-right: 1px solid #eee;
    height: 100px;
    position: absolute;
    left: 100px;
    top: 0;
}
.ui-article-list .ui-article-time4:after
{
    content: "";
    position: absolute;
    left: 92px;
    top: 5px;
    width: 7px;
    height: 7px;
    background: #b2b2b2;
    border-radius: 50%;
    border: 5px solid #e8e8e8;
}
.ui-article-list .ui-article-time4 .ui-article-time4-day
{
    font-size: 24px;
}
.ui-article-list .ui-article-time5
{
    float: left;
    color: #666;
    padding: 5px 10px;
    line-height: 30px;
    text-align: right;
}
.ui-article-list .ui-article-time5 .ui-article-time5-day
{
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
}
.ui-article-list .ui-article-time6
{
    float: left;
    width: 70px;
    padding: 15px;
    text-align: center;
    color: #fff;
    display: none;
}
.ui-article-list .ui-article-time6 .ui-article-time6-day
{
    line-height: 30px;
    font-size: 24px;
    font-weight: 700;
}
.ui-article-list .ui-article-title1
{
    line-height: 3;
    font-size: 16px;
    display: none;
}
.ui-article-list .ui-article-btn
{
    display: none;
    line-height: 36px;
    padding: 0 25px;
    color: #fff;
    border-radius: 3px;
    float: right;
    margin: -7px -20px 0 0;
}
.ui-article-list .dots
{
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 55px;
}
.ui-article-list .dots li
{
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    text-indent: -99em;
    background: #000;
    margin: 0 6px;
    opacity: .3;
}
.ui-article-list .dots li.active
{
    background: #000;
    opacity: 1;
}
.ui-article-list .prev, .ui-article-list .next
{
    position: absolute;
    top: 50%;
    margin: -30px 0 0;
    z-index: 10;
    cursor: pointer;
    width: 40px;
    height: 40px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAXVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9RKvvlAAAAHnRSTlMA8dOlCu3kBgPIw7yykTUvJBoUD9uqnZaLhXpqZ0FDA/87AAAAcElEQVQoz7WRSRKDMBADsY3NHhLIntD/fyYf6BNV6Kg+SKOpjupZLg4CYVbwg3JV8oH7TckL4mqgTdDXRpoBxsZI3UHSmCXCW8kMwfw1wmQZPTxa6TvCYK0SdHbHBHER/wvFtvpD1nUzwT+V8ladph3frgZgRZrWAwAAAABJRU5ErkJggg==) 50% no-repeat rgba(0,0,0,.5);
    border-radius: 3px;
    display: none;
}
.ui-article-list .prev
{
    left: 10px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAXVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9RKvvlAAAAHnRSTlMA8KUK5dKPBgPryMO7smg9MiQaEw/129Srn5aEei2WyF41AAAAcUlEQVQoz62RORKEMBDEjG2wuc9dbv3/mQSEdAYKpeqaYMxL2txK3yUkyvc5NMIPHg7hxxky4V0B6nKooI5PHxconRhkkE5G8INO6HsxymKhcCqEGqqgiivBRlWmFDajGP6wy9J7aGQ5738IWr+a77kAw5EGcMHKnaoAAAAASUVORK5CYII=);
}
.ui-article-list .next
{
    right: 10px;
}
.ui-article-list .swiper-button-prev, .ui-article-list .swiper-pagination, .ui-article-list .swiper-button-next
{
    display: none;
}
.ui-article-list.layout-0 .ui-article-remark-wrap, .ui-article-list.layout-0 .ui-article-time
{
    display: none;
}
.ui-article-list.layout-0 .ui-article-info-box
{
    padding: 20px 20px 5px;
}
.ui-article-list.layout-0 .carousel-item-box:hover .auto-img
{
    transform: scale(1.05);
}
.ui-article-list.layout-0 .carousel-item-box.ui-column-0, .ui-article-list.layout-0 .carousel-item-box.ui-column-1, .ui-article-list.layout-0 .carousel-item-box.ui-column-2, .ui-article-list.layout-1 .carousel-item-box.ui-column-0, .ui-article-list.layout-1 .carousel-item-box.ui-column-1
{
    width: 25%;
}
.ui-article-list.layout-1 .ui-article-item-wrap
{
    background: #fff;
}
.ui-article-list.layout-2 .carousel-item-box
{
    width: 50%;
}
.ui-article-list.layout-2 .auto-img-box
{
    width: 160px;
    float: left;
}
.ui-article-list.layout-2 .ui-article-time
{
    display: none;
}
.ui-article-list.layout-2 .ui-article-info-box
{
    margin-left: 160px;
}
.ui-article-list.layout-3 .ui-article-info-box
{
    margin-left: 110px;
    padding: 0;
}
.ui-article-list.layout-3 .carousel-item-box
{
    width: 50%;
}
.ui-article-list.layout-3 .ui-article-item-wrap
{
    padding: 10px 10px 0;
}
.ui-article-list.layout-3 .ui-article-remark-wrap
{
    line-height: 24px;
    padding: 0;
}
.ui-article-list.layout-3 .ui-article-remark
{
    height: 48px;
}
.ui-article-list.layout-4 .carousel-item-box:first-child .auto-img-box::after
{
    padding-bottom: 75%;
}
.ui-article-list.layout-4 .carousel-item-box:first-child .ui-article-title
{
    padding-top: 10px;
}
.ui-article-list.layout-4 .carousel-item-box:first-child .ui-article-remark
{
    color: #999;
}
.ui-article-list.layout-4 .carousel-item-box:first-child, .ui-article-list.layout-5 .carousel-item-box:first-child
{
    float: left;
    width: 440px;
    margin-left: 0;
    border-bottom: 0;
    padding: 10px 0 0;
}
.ui-article-list.layout-5 .carousel-item-box:first-child
{
    width: 600px;
}
.ui-article-list.layout-4 .carousel-item-box, .ui-article-list.layout-5 .carousel-item-box
{
    margin-left: 480px;
    display: block;
    border-bottom: 1px solid #ddd;
}
.ui-article-list.layout-5 .carousel-item-box
{
    margin-left: 630px;
    padding: 15px 10px;
}
.ui-article-list.layout-5 .ui-article-time6
{
    display: block;
}
.ui-article-list.layout-5 .carousel-item-box:first-child .ui-article-info-box
{
    display: none;
}
.ui-article-list.layout-5 .carousel-item-box
{
    padding: 8;
}
.ui-article-list.layout-5 .ui-article-item-wrap .auto-img-box img
{
    object-fit: unset;
}
.ui-article-list.layout-4 .ui-article-title, .ui-article-list.layout-5 .ui-article-title
{
    font-weight: bold;
}
.ui-article-list.layout-4 .carousel-item-box:first-child .ui-article-info-box, .ui-article-list.layout-5 .carousel-item-box:first-child .ui-article-info-box
{
    margin-left: 0;
}
.ui-article-list.layout-4 .carousel-item-box:last-child, .ui-article-list.layout-5 .carousel-item-box:last-child
{
    border-bottom: 0;
}
.ui-article-list.layout-6 .carousel-list-box
{
    position: relative;
}
.ui-article-list.layout-6 .carousel-list-box:before
{
    content: '';
    display: block;
}/* .ui-article-list.layout-6 .ui-article-remark-wrap{
  display: none;
} */
.ui-article-list.layout-6 .carousel-list-box.size-0:before
{
    padding-bottom: 50%;
}/* .ui-article-list.layout-6 .carousel-list-box.size-1:before{
  padding-bottom: 50%;
} */
.ui-article-list.layout-6 .carousel-list-box.size-1:before
{
    padding-bottom: 37.5%;
}
.ui-article-list.layout-6 .carousel-item-box
{
    position: absolute;
    width: 25%;
}
.ui-article-list.layout-6 .ui-article-item-wrap
{
    border: 1px solid #eee;
}
.ui-article-list.layout-6 .ui-article-remark-wrap
{
    padding: 0;
}
.ui-article-list.layout-6 .ui-article-remark
{
    -webkit-line-clamp: 1;
    height: 20px;
}
.ui-article-list.layout-6 .number0
{
    left: 0;
    top: 0;
}
.ui-article-list.layout-6 .number1
{
    width: 50%;
    left: 25%;
    top: 0;
}
.ui-article-list.layout-6 .number2
{
    left: 75%;
    top: 0;
}
.ui-article-list.layout-6 .number3
{
    left: 0;
    top: 50%;
}
.ui-article-list.layout-6 .number4
{
    left: 75%;
    top: 50%;
}
.ui-article-list.layout-6 .ui-article-info-box
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    padding: 5px 15px;
}
.ui-article-list.layout-6 .ui-article-info-box .ui-article-title
{
    line-height: 30px;
}
.ui-article-list.layout-6 .auto-img-box:after
{
    padding-bottom: 100%;
}
.ui-article-list.layout-6 .auto-img-box.img-size-1:after
{
    padding-bottom: 75%;
}
.ui-article-list.layout-7
{
    padding: 40px 0 20px;
}
.ui-article-list.layout-7 .carousel-item-box
{
    width: 25%;
    background: #fff;
    padding: 20px 20px 10px;
    outline: 1px solid #ddd;
}
.ui-article-list.layout-7 .ui-article-remark-wrap
{
    display: none;
}
.ui-article-list.layout-7 .ui-article-info-box
{
    padding: 0;
}
.ui-article-list.layout-7 .ui-article-info-box .ui-article-title
{
    line-height: 40px;
    text-align: center;
}
.ui-article-list.layout-8 .carousel-item-box
{
    width: 23.3%;
    float: left;
}
.ui-article-list.layout-8 .ui-article-info-box
{
    padding-bottom: 0;
}
.ui-article-list.layout-8 .carousel-list-box
{
    background: #fff;
    overflow: hidden;
}
.ui-article-list.layout-8 .carousel-item-box:first-child
{
    width: 53.4%;
}
.ui-article-list.layout-8 .carousel-item-box:first-child .ui-article-title
{
    text-align: left;
}
.ui-article-list.layout-8 .ui-article-title
{
    text-align: center;
}
.ui-article-list.layout-8 .carousel-item-box:first-child .ui-article-btn
{
    display: block;
}
.ui-article-list.layout-7 .carousel-item-box:hover .auto-img, .ui-article-list.layout-8 .carousel-item-box:hover .auto-img
{
    opacity: .8;
}
.ui-article-list.layout-9 .carousel-item-box
{
    padding: 0 10px;
}
.ui-article-list.layout-9 .ui-article-info-box
{
    padding: 10px;
    border-bottom: 1px solid #eee;
}
.ui-article-list.layout-9 .ui-article-title
{
    margin-right: 9em;
}
.ui-article-list.layout-9 .ui-article-remark
{
    -webkit-line-clamp: 1;
    height: 20px;
}
.ui-article-list.layout-9 .ui-column-2 .ui-article-remark
{
    -webkit-line-clamp: 2;
    height: 40px;
}
.ui-article-list.layout-9 .ui-column-3 .ui-article-remark
{
    -webkit-line-clamp: 3;
    height: 60px;
}
.ui-article-list.layout-9 .ui-article-remark-wrap
{
    padding: 5px 0 0 0;
}
.ui-article-list.layout-10 .ui-article-item-wrap
{
    padding: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.ui-article-list.layout-10 .ui-article-info-box
{
    margin-left: 200px;
}
.ui-article-list.layout-11 .carousel-item-box:hover .ui-article-title
{
    color: #333;
}
.ui-article-list.layout-12 .ui-article-info-box
{
    padding: 15px 0 0;
}
.ui-article-list.layout-12 .ui-article-item-wrap
{
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}
.ui-article-list.layout-12 .carousel-item-box
{
    padding: 0 10px 6px;
}
.ui-article-list.layout-12 .carousel-item-box.ui-column-1
{
    display: block;
}
.ui-article-list.layout-12 .card .ui-article-time1
{
    display: none;
}
.ui-article-list.layout-12 .card .ui-article-time
{
    position: relative;
    top: 0;
}
.ui-article-list.layout-12 .ui-article-time
{
    position: absolute;
    right: 0;
    top: 20px;
    padding: 0;
}
.ui-article-list.layout-12 .ui-article-remark-wrap
{
    display: none;
}
.ui-article-list.layout-12 .ui-article-time1
{
    display: none;
    color: #999;
}
.ui-article-list.layout-12 .card .auto-img-box
{
    display: block;
}
.ui-article-list.layout-12 .card .ui-article-info-box
{
    margin-left: 220px;
}
.ui-article-list.layout-12 .card .ui-article-remark-wrap
{
    display: block;
}
.ui-article-list.layout-13>.main
{
    padding-left: 0;
    padding-right: 0;
}
.ui-article-list.layout-13>.main .ui-article-swiper-box
{
    margin: 0 -10px;
}
.ui-article-list.layout-13>.main .carousel-item-box
{
    padding: 0;
    width: 25%;
}
.ui-article-list.layout-13>.main .carousel-item-box:hover .ui-article-title
{
    color: #333;
}
.ui-article-list.layout-13>.main .ui-article-item-wrap
{
    margin: 10px;
}
.ui-article-list.layout-13>.main .ui-article-item-wrap .ui-article-time
{
    height: 20px;
}
.ui-article-list.layout-13>.main .ui-article-info-box
{
    white-space: normal;
}
.ui-article-list.layout-11 .ui-article-item-wrap
{
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.ui-article-list.layout-4 .carousel-item-box:hover .auto-img, .ui-article-list.layout-5 .carousel-item-box:hover .auto-img, .ui-article-list.layout-6 .carousel-item-box:hover .auto-img, .ui-article-list.layout-10 .carousel-item-box:hover .auto-img, .ui-article-list.layout-11 .carousel-item-box:hover .auto-img, .ui-article-list.layout-13 .carousel-item-box:hover .auto-img
{
    transform: scale(1.1);
}
.ui-article-list.layout-14 .ui-article-item-wrap
{
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
.ui-article-list.layout-15 .carousel-item-box
{
    padding: 0 0 10px 0;
}
.ui-article-list.layout-15 .ui-article-item-wrap
{
    overflow: visible;
}
.ui-article-list.layout-4 .ui-article-info-box, .ui-article-list.layout-5 .ui-article-info-box, .ui-article-list.layout-14 .ui-article-info-box, .ui-article-list.layout-15 .ui-article-info-box
{
    padding: 0;
    margin-left: 120px;
}
.ui-article-list.layout-3 .auto-img-box, .ui-article-list.layout-9 .auto-img-box, .ui-article-list.layout-12 .auto-img-box, .ui-article-list.layout-14 .auto-img-box, .ui-article-list.layout-15 .auto-img-box
{
    display: none;
}
.ui-article-list.layout-3 .ui-article-time3, .ui-article-list.layout-9 .ui-article-time1, .ui-article-list.layout-14 .ui-article-time2, .ui-article-list.layout-15 .ui-article-time4
{
    display: block;
}
.ui-article-list.layout-16 .ui-article-title
{
    display: none;
}
.ui-article-list.layout-16 .ui-article-title1
{
    display: block;
}
.ui-article-list.layout-16 .carousel-item-box
{
    padding: 0 10px 20px;
}
.ui-article-list.layout-10 .auto-img-box, .ui-article-list.layout-12 .card .auto-img-box, .ui-article-list.layout-16 .auto-img-box
{
    width: 200px;
    float: left;
}
.ui-article-list.layout-16 .ui-article-info-box
{
    margin-left: 200px;
}
.ui-article-list.layout-17, .ui-article-list.layout-17>.main, .ui-article-list.layout-17 .carousel-item-box
{
    padding: 0;
}
.ui-article-list.layout-17 .ui-article-remark-wrap
{
    display: none;
}
.ui-article-list.layout-17 .ui-article-info-box
{
    background: rgba(0,0,0,.5);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 20px;
}
.ui-article-list.layout-17 .ui-article-title
{
    line-height: 40px;
}
.ui-article-list.layout-17 .prev, .ui-article-list.layout-17 .next
{
    border-radius: 50%;
    background-color: rgba(0,0,0,.2);
}
.ui-article-list.layout-17 .dots
{
    display: block;
    bottom: 50px;
}
.ui-article-list.layout-3 .ui-article-time, .ui-article-list.layout-5 .ui-article-time5, .ui-article-list.layout-7 .ui-article-time, .ui-article-list.layout-9 .ui-article-time, .ui-article-list.layout-14 .ui-article-time, .ui-article-list.layout-15 .ui-article-time, .ui-article-list.layout-17 .ui-article-time
{
    display: none;
}
.ui-article-list.layout-13 .ui-article-swiper-box, .ui-article-list.layout-17 .ui-article-swiper-box
{
    position: relative;
    height: 100%;
}
.ui-article-list.layout-13 .carousel-list-box, .ui-article-list.layout-17 .carousel-list-box
{
    overflow: hidden;
    white-space: nowrap;
}
.ui-article-list.layout-13:hover .prev, .ui-article-list.layout-13:hover .next, .ui-article-list.layout-17:hover .prev, .ui-article-list.layout-17:hover .next
{
    display: block;
}
.ui-article-list.layout-18>.main
{
    padding: 0;
}
.ui-article-list.layout-18 .ui-article-remark-wrap, .ui-article-list.layout-18 .ui-article-time
{
    display: none;
}
.ui-article-list.layout-18 .carousel-item-box
{
    width: 50%;
    padding: 0 10px;
}
.ui-article-list.layout-18 .ui-article-swiper-box
{
    margin: 0 50px;
}
.ui-article-list.layout-18 .swiper-button-prev, .ui-article-list.layout-18 .swiper-pagination, .ui-article-list.layout-18 .swiper-button-next
{
    display: block;
}
.ui-article-list.layout-18:hover .swiper-button-prev, .ui-article-list.layout-18:hover .swiper-button-next
{
    visibility: visible;
}
.ui-article-list.layout-18 .swiper-button-prev::after, .ui-article-list.layout-18 .swiper-button-next::after
{
    content: none;
}
.ui-article-list.layout-18 .swiper-button-prev, .ui-article-list.layout-18 .swiper-button-next
{
    top: 50%;
    z-index: 10;
    margin-top: -45px;
    width: 45px;
    height: 45px;
    visibility: hidden;
}
.ui-article-list.layout-18 .swiper-button-prev:hover, .ui-article-list.layout-18 .swiper-button-next:hover
{
    opacity: .8;
}
.ui-article-list.layout-18 .swiper-button-prev
{
    left: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAA/CAMAAABggeDtAAAAP1BMVEUAAACZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmVMmLXAAAAFXRSTlMAgHMnb0V4aRQOXS0zBh9YTD5UZBsspaBFAAABwElEQVRIx61X25KDIAxFo4AX8NL9/2/dDZRu63iITpqXzhRyOSckJgbJtDvbZLFun8wdGda2OUq7Dhe1p645l266om3L7WUjH0zwtC3FopUseJcvjnQ4oDEfOF9T7zPU+fRwzqT0UDu4pE3wAiULLoDYbTYvBmhPMcRE2iClNlEZgfpiZFlODfgSuywbXz1ACIx9M+ayAftJogPeMYvu8AfAjjnoP8G35o60HxRwToZ7Fcq5fpUMAC9RMJVgQPQSAvvvnm7r0yuADriXA+gKFXPt4mhPj+cn6evfbzXXiFzbNGuOY6x5h9GNCXdg9gR1zGBIMKrq2HgibmcakTw4R0g4cbtxGD6fUZ0axyz22DsJb9gyCILeo/gEWd8jdN5U5eepH87VbbxQxAalj2mVpPgH4B6S/yr+uUQg4idI70Pmn/OPz52U/+r7i2yg/v7w+5cN8Psv9Ycp6qr1J9W/5yZRqX+x/3AEEfYfuf/xK1kr/U/uv3E1sP/q+7/++2Os4vun+f7Oyu+/dv5Qzj/q+Us//+nnz/vz784Xo3L+Vs7/yv1Du//o9y8sU/u2//Hl9/2vnYwsBPdP+v7+q92/fwE7Ow1ZrtjiVAAAAABJRU5ErkJggg==) center/cover no-repeat;
}
.ui-article-list.layout-18 .swiper-button-next
{
    right: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAA/CAMAAABggeDtAAAAP1BMVEUAAACZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmVMmLXAAAAFXRSTlMAgHMnb0V4aRQOXS0zBh9YTD5UZBsspaBFAAABvklEQVRIx61XW7aDIAxEUEAUfLT7X+u9QKm1hyF60nwCQ5IJCYlAMu1Gd1m02SdxR8ZVdt8i1/Eieuq7uvTTFbQup5dNWS+8VdtSbtTUDdbkg059bSiXN4xtwYfs6lzdnDMpA0R7k9AKHlAymeCB7TpfTxqoqz6ERNpIhTZRGQB8EbQs1QtsXN0o7OHDlwteH3BStsjBmUQDmMMWmNMC9B1zMJydl+KOyBMFMSbjvQyNsX6nDHCeoqAkkwbWUx7IQ726jVdvA3qgnjagL1TM1XzVroWfX6SvXacBRe038Y9fsx0OamhZ4JLf/mAPXoAZ9MkNfKR5QSJujzQCSbF9gK0UuD1mnmuH2UAC4p4m3q7CFgwxcuTjC1ELJDDin8SfghiyCU+nbtD1C/wLLyhx4MxF/Q9AkS/+k9rnpv+K1I75J+NvEhzHv7w/DA+t95fePw3H7z/nHz7xJPIv5T8ucZbKf1x/wqEd1h9Y//LGSNc/XH/FGsj6y6z/3P+H9//p4gnj/+X8/9z+g9//8Psvfv/H7z+P/ne/3P8y+29m/8+cP7jzD3/+wjLJj/kvHv6c/+R0JbPh/Kl+P/9y5+8/RDENWZvZmwUAAAAASUVORK5CYII=) center/cover no-repeat;
}
.ui-article-list.layout-18 .swiper-pagination
{
    width: 100%;
    text-align: center;
    bottom: 10px;
}
.ui-article-list.layout-18 .swiper-pagination-bullet
{
    vertical-align: middle;
    margin: 0 5px;
    background: #d5d5d5;
    border: 0;
    width: 10px;
    height: 10px;
    opacity: 1;
}
.ui-article-list.layout-18 .swiper-pagination-bullet-active
{
    background: none;
    border: 3px solid #00aadc;
}
.ui-article-list.layout-4 .carousel-list-box
{
    padding: 0 10px;
}
.ui-form
{
    padding: 20px;
    box-sizing: border-box;
    position: absolute;
}
.ui-form .form-item-content
{
    position: relative;
}
.ui-form .form-item+.form-item
{
    margin-top: 10px;
}
.ui-form .form-item-name
{
    line-height: 40px;
    white-space: nowrap;
}
.ui-form .form-item.required .form-item-name:after, .ui-form .form-inner.required .form-item-name:after
{
    content: '*';
    font-style: normal;
    color: #f00;
    margin-left: 10px;
}
.ui-form .form-input, .ui-form .form-textarea, .ui-form .form-select
{
    width: 100%;
    box-sizing: border-box;
    border: 1px solid transparent;
    padding: 5px 20px;
    height: 38px;
    background: none;
}
.ui-form .form-input
{
    line-height: 30px;
}
.ui-form .form-textarea
{
    height: 120px;
    padding: 20px;
}
.ui-form .form-radio, .ui-form .form-checkbox
{
    display: inline-block;
    vertical-align: top;
    width: 23%;
    padding: 8px 0;
    cursor: pointer;
}
.ui-form .form-sms-code
{
    text-align: center;
    background: #fff;
    position: absolute;
    right: 1px;
    top: 0;
    padding: 0 20px;
    line-height: 38px;
}
.ui-form .form-sms-code:hover
{
    background: rgba(255,255,255,.95);
}
.ui-form .form-submit-btn
{
    margin: 0 auto;
    display: block;
    color: #fff;
    border: none;
    height: 40px;
    background: #f00;
    cursor: pointer;
}
.ui-form .form-huxing
{
    position: relative;
    height: 38px;
    padding: 0 40px 0 20px;
    overflow: hidden;
    border: 1px solid transparent;
    line-height: 38px;
}
.ui-form .form-huxing .arrow
{
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAIVBMVEUAAABwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBra2ucbZClAAAAC3RSTlMAEDBQcmCQgKAgH0MJP0cAAABASURBVAjXYyAXTEAwTSGUMhAzK4BYTAYg0ghEqIKlWIHCjAUQZYkMDCJQjSwCjA4wQxw5BGBMtkK40YwLGMgHAN2PBGYPwYYEAAAAAElFTkSuQmCC) center center no-repeat;
}
.ui-form .form-huxing .form-huxing-item-box
{
    white-space: nowrap;
}
.ui-form .form-huxing .form-huxing-item
{
    min-width: 20%;
    text-align: center;
    display: inline-block;
    white-space: nowrap;
}
.ui-form.layout-1 .main
{
    width: auto;
}
.ui-form.layout-0 .form-input, .ui-form.layout-0 .form-textarea, .ui-form.layout-0 .form-select, .ui-form.layout-0 .form-huxing
{
    background: #f5f5f5;
}
.ui-form.layout-1 .form-input, .ui-form.layout-2 .form-input, .ui-form.layout-1 .form-textarea, .ui-form.layout-2 .form-textarea, .ui-form.layout-1 .form-huxing, .ui-form.layout-2 .form-huxing, .ui-form.layout-1 .form-select, .ui-form.layout-2 .form-select
{
    border-color: #ddd;
    font-size: 14px;
}
.ui-form.layout-2 .form-item
{
    margin-bottom: 20px;
}
.ui-form.layout-2 .form-item-name
{
    display: none;
}
.ui-form.free-layout
{
    padding: 0;
}
.ui-form.free-layout .form-item
{
    position: absolute;
}
.ui-form.free-layout .form-item+.form-item
{
    margin-top: 0;
}
.ui-form.free-layout .form-item-name
{
    position: absolute;
    margin-top: -40px;
}
.ui-video
{
    position: absolute;
}
.ui-video .iframe, .ui-video .jplayer
{
    position: relative;
    z-index: 1;
    height: 100%;
    background: #000;
}
.ui-video .iframe iframe, .ui-video .video-js
{
    width: 100%;
    height: 100%;
    background: #000;
}
.ui-video .cover
{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}
.ui-video .cover .play
{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
    line-height: 60px;
    text-align: center;
    background: rgba(0,0,0,.2);
    border-radius: 50%;
    cursor: pointer;
    transition: all .3s ease;
    font-size: 30px;
    color: #fff;
}
.ui-video .cover .play:hover
{
    transform: scale(1.05);
    background: rgba(0,0,0,.25);
}
.ui-video .cover .play .icon-bofang
{
    font-size: 30px;
}
.ui-image-text
{
    position: absolute;
}
.ui-image-text .main
{
    display: block;
    padding: 30px 0;
    overflow: hidden;
}
.ui-image-text .ui-image-text-img
{
    float: left;
    width: 600px;
    height: 340px;
}
.ui-image-text .ui-image-text-info-box
{
    margin-left: 640px;
}
.ui-image-text .ui-image-text-title
{
    line-height: 1.3;
    font-size: 24px;
    padding: 30px 0 20px;
}
.ui-image-text .ui-image-text-content
{
    font-size: 16px;
    text-align: justify;
    margin: 0 0 20px;
}
.ui-image-text .ui-image-text-btn
{
    display: inline-block;
    line-height: 40px;
    font-size: 16px;
    padding: 0 40px;
    color: #fff;
    border-radius: 5px;
    transition: all .6s ease;
}
.ui-image-text .ui-image-text-btn:hover
{
    padding: 0 45px;
    opacity: .9;
}
.ui-image-text:hover .main
{
    color: currentColor;
}
.ui-image-text.layout-0 .ui-image-text-content
{
    line-height: 30px;
}
.ui-image-text.layout-1 .ui-image-text-img
{
    float: none;
    height: 300px;
    width: 100%;
}
.ui-image-text.layout-1 .ui-image-text-info-box
{
    margin-left: 0;
}
.ui-image-text.layout-1 .ui-image-text-title
{
    padding-top: 20px;
    text-align: center;
}
.ui-image-text.layout-1 .ui-image-text-content
{
    font-size: 18px;
}
.ui-fullmeasure, .ui-fullmeasure>.main
{
    position: relative;
}
.ui-fullmeasure>.main
{
    overflow: hidden;
}
.ui-fullmeasure .dots
{
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 1;
}
.ui-fullmeasure>.dots li
{
    display: inline-block;
    font-size: 0;
    border-top: 4px solid #e3e3e3;
    width: 30px;
}
.ui-fullmeasure .dots li.active
{
    border-color: #444;
}
.ui-fullmeasure .dots li+li
{
    margin-left: 10px;
}
.ui-fullmeasure>.prev, .ui-fullmeasure>.next
{
    position: absolute;
    top: 50%;
    margin: -49px 0 0;
    z-index: 10;
    cursor: pointer;
    left: 16px;
    width: 68px;
    height: 98px;
    background: url(../image/d7163323c5621208ed21d1ff2e8e77fc.png);
    display: none;
}
.ui-fullmeasure>.next
{
    background: url(../image/167920d27c6f127633af4301b514a786.png);
    right: 16px;
    left: auto;
}
.ui-fullmeasure .ui-fullmeasure-main-box
{
    position: relative;
    height: 100%;
}
.ui-fullmeasure.carousel-0:hover>.prev, .ui-fullmeasure.carousel-0:hover>.next, .ui-fullmeasure.carousel-1:hover>.prev, .ui-fullmeasure.carousel-1:hover>.next, .ui-fullmeasure.carousel-2:hover>.prev, .ui-fullmeasure.carousel-2:hover>.next, .ui-fullmeasure.carousel-3:hover>.prev, .ui-fullmeasure.carousel-3:hover>.next, .ui-fullmeasure.carousel-4:hover>.prev, .ui-fullmeasure.carousel-4:hover>.next
{
    display: block;
}
.ui-fullmeasure.carousel-2 .dots li
{
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: none;
    background: #e3e3e3;
}
.ui-fullmeasure.carousel-2 .dots li.active
{
    background: #444;
}
.ui-fullmeasure.carousel-2 .ui-fullmeasure-main-box
{
    height: 100%;
}
.ui-fullmeasure.carousel-3 .dots
{
    display: none;
}
.ui-fullmeasure.carousel-4 .dots li
{
    width: 16px;
    height: 16px;
    border: none;
    background: #e3e3e3;
}
.ui-fullmeasure.carousel-4 .dots li.active
{
    background: #444;
}
.ui-fullmeasure.carousel-5 .carousel-list-box
{
    width: 1000%;
    height: 100%;
    position: relative;
}
.ui-fullmeasure.carousel-5 .carousel-item-box
{
    height: 100%;
    width: 3.3333%;
    display: inline-block;
    transition: all .3s ease;
}
.ui-fullmeasure.carousel-5 .carousel-item-box.active
{
    position: relative;
    z-index: 2;
}
.ui-fullmeasure.carousel-5 .carousel-item-box.prevs, .ui-fullmeasure.carousel-5 .carousel-item-box.nexts
{
    transform: scaleY(.8);
}
.ui-collapse
{
    position: absolute;
    overflow: hidden;
}
.ui-collapse .ui-collapse-head
{
    cursor: pointer;
    position: relative;
}
.ui-collapse .ui-collapse-head .cms-icon
{
    position: absolute;
    left: 10px;
    display: none;
    color: #303133;
}
.ui-collapse .ui-collapse-head .icon-xiala
{
    left: auto;
    right: 10px;
    transition: all .3s;
    transform: rotate(-90deg);
}
.ui-collapse .ui-collapse-body
{
    position: relative;
    overflow: hidden;
    height: 0;
    transition: height .3s;
}
.ui-collapse .ui-collapse-item.layout-0 .icon-xiala, .ui-collapse .ui-collapse-item.layout-1 .icon-tianjia
{
    display: block;
}
.ui-collapse .ui-collapse-item.layout-0.active .icon-xiala
{
    transform: rotate(0deg);
}
.ui-collapse .ui-collapse-item.layout-1.active .icon-tianjia
{
    display: none;
}
.ui-collapse .ui-collapse-item.layout-1.active .icon-plus-minus
{
    display: block;
}
.ui-tabedy .ui-tabedy-head
{
    float: left;
    z-index: 1;
    position: relative;
    padding: 0 6px 12px 0;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
}
.ui-tabedy.position-1 .ui-tabedy-head
{
    float: right;
    padding: 0 0 12px 6px;
}
.ui-tabedy .ui-tabedy-head .ui-tabedy-head-item
{
    line-height: 1;
    padding: 12px 20px;
    display: block;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
}
.ui-tabedy .ui-tabedy-head .ui-tabedy-head-item.active:after
{
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -6px;
    border: 6px solid transparent;
    display: none;
}
.ui-tabedy.position-1 .ui-tabedy-head .ui-tabedy-head-item.active:after
{
    border-left-color: transparent;
    right: auto;
}
.ui-tabedy.layout-1 .ui-tabedy-head .ui-tabedy-head-item.active:after
{
    display: block;
}
.ui-tabedy .ui-tabedy-body
{
    position: relative;
    height: 100%;
    margin-left: 170px;
    overflow: hidden;
}
.ui-tabedy.position-1 .ui-tabedy-body
{
    margin: 0 170px 0 0;
}
.ui-tabedy .ui-tabedy-item
{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
}
.ui-tabedy .ui-tabedy-item.active
{
    z-index: 1;
    opacity: 1;
    animation: slideInTabed ease .5s;
}
.ui-tabedx .ui-tabedx-head
{
    font-size: 0;
    padding: 0 0 17px 0;
    overflow: hidden;
    box-sizing: border-box;
}
.ui-tabedx .wrap
{
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ui-tabedx .wrap .img
{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ui-tabedx .wrap .caption
{
    z-index: 1;
    white-space: nowrap;
}
.ui-tabedx.label-0 .wrap .img
{
    display: none;
}
.ui-tabedx.label-1.layout-0 .wrap
{
    flex-direction: column;
}
.ui-tabedx.label-1.layout-0 .wrap .caption
{
    margin-top: 8px;
}
.ui-tabedx.label-1.layout-1 .wrap
{
    flex-direction: row;
}
.ui-tabedx.label-1.layout-1 .wrap .caption
{
    margin-left: 8px;
}
.ui-tabedx.label-2 .wrap .caption
{
    display: none;
}
.ui-tabedx.position-1 .ui-tabedx-head
{
    text-align: center;
}
.ui-tabedx .ui-tabedx-head .ui-tabedx-head-item
{
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.ui-tabedx.label-0 .ui-tabedx-head .ui-tabedx-head-item.active:after
{
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -6px;
    border: 6px solid transparent;
}
.ui-tabedx.label-0.layout-0 .ui-tabedx-head .ui-tabedx-head-item.active:after
{
    display: none;
}
.ui-tabedx .ui-tabedx-body
{
    position: relative;
    overflow: hidden;
}
.ui-tabedx .ui-tabedx-item
{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
}
.ui-tabedx .ui-tabedx-item:first-child
{
    z-index: 1;
}
.ui-tabedx .ui-tabedx-item.active
{
    z-index: 2;
    animation: slideInTabed ease .5s;
    opacity: 1;
}
.ui-page-article-list
{
    overflow: hidden;
}
.ui-page-article-list .auto-img-box
{
    float: left;
    width: 300px;
}
.ui-page-article-list .data-list-box
{
    margin-top: 20px;
}
.ui-page-article-list .data-item-box
{
    display: block;
    overflow: hidden;
    background: #fff;
}
.ui-page-article-list .data-item-box+.data-item-box
{
    margin-top: 20px;
}
.ui-page-article-list .data-item-info-box
{
    margin: 0 160px 0 330px;
    padding-top: 30px;
}
.ui-page-article-list .data-item-remark
{
    -webkit-line-clamp: 2;
    color: #999;
    line-height: 24px;
    height: 48px;
}
.ui-page-article-list .data-item-title
{
    font-size: 20px;
    font-weight: bold;
    word-break: break-word;
    -webkit-transition: all .3s ease;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all .3s ease;
}
.ui-page-article-list .data-item-box:hover .data-item-title
{
    text-indent: 5px;
}
.ui-page-article-list .data-item-time
{
    float: right;
    width: 150px;
    color: #999;
    padding-top: 30px;
}
.ui-page-article-list .data-item-time .data-item-time-day
{
    font-size: 40px;
    line-height: 45px;
}
.ui-page-article-list .data-item-time .data-item-time-date
{
    font-size: 20px;
}
.ui-page-article-list .data-item-time1
{
    display: none;
    color: #999;
}
.ui-page-article-list .data-item-box:hover
{
    box-shadow: 0 2px 8px rgba(0,0,0,.2);
}
.ui-page-article-list .data-list-box.layout-1
{
    font-size: 0;
}
.ui-page-article-list .data-list-box.layout-1 .data-item-time, .ui-page-article-list .data-list-box.layout-1 .data-item-remark
{
    display: none;
}
.ui-page-article-list .data-list-box.layout-1 .data-item-info-box
{
    margin: 0;
    padding: 0 15px;
}
.ui-page-article-list .data-list-box.layout-1 .auto-img-box
{
    float: none;
    width: auto;
}
.ui-page-article-list .data-list-box.layout-1 .data-item-box
{
    width: 25%;
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    box-sizing: border-box;
    background: none;
}
.ui-page-article-list .data-list-box.layout-1 .data-item-title
{
    line-height: 60px;
    font-size: 16px;
    text-align: center;
    font-weight: 400;
}
.ui-page-article-list .data-list-box.layout-1 .data-item-box+.data-item-box
{
    margin: 0;
}
.ui-page-article-list .data-list-box.layout-1 .data-item-box:hover
{
    box-shadow: none;
}
.ui-page-article-list .data-list-box.layout-1 .data-item-box:hover .auto-img
{
    transform: scale(1.05);
}
.ui-page-article-list .data-list-box.layout-1 .data-item-box:hover .data-item-title
{
    text-indent: 0;
}
.ui-page-article-list .data-list-box.layout-2 .auto-img-box, .ui-page-article-list .data-list-box.layout-2 .data-item-time
{
    display: none;
}
.ui-page-article-list .data-list-box.layout-2 .data-item-info-box
{
    margin: 0;
    padding: 30px;
}
.ui-page-article-list .data-list-box.layout-2 .data-item-remark
{
    -webkit-line-clamp: 1;
    height: 30px;
    line-height: 30px;
}
.ui-page-article-list .data-list-box.layout-2 .data-item-title
{
    font-weight: normal;
}
.ui-page-article-list .data-list-box.layout-2 .data-item-time1
{
    display: block;
}
.ui-page-article-list .main.layout-0 .data-item-remark
{
    margin-right: 120px;
}
.ui-page-article-list .center-3
{
    position: relative;
    background: #fff;
}
.ui-page-article-list .center-3 .list
{
    padding: 20px 50px;
    overflow: hidden;
}
.ui-page-article-list .center-3 .list .item
{
    width: 100%;
    height: auto;
    border-bottom: 1px solid #f0f0f0;
    -webkit-transition: all .3s ease;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all .3s ease;
    background: #fff;
}
.ui-page-article-list .center-3 .list .item:hover h3
{
    transform: translateX(6px);
}
.ui-page-article-list .center-3 .list .item .cell
{
    position: relative;
    padding: 20px 150px 20px 0;
}
.ui-page-article-list .center-3 .list .item .cell h3
{
    padding: 0 0 0 30px;
    line-height: 30px;
    font-weight: normal;
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .3s ease;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOBAMAAADtZjDiAAAAJFBMVEUAAAB4eHh1dXVsbGxnZ2dVVVVgYGB0dHRwcHA2NjYAAAB0dHTDQoYqAAAADHRSTlMAcmY8NCEoXEkTBFYtakUAAAAANUlEQVQI12OAAeYACM0q5ABhKAp2gmlHQcEyEM0oKCiovICBgVsQCMRgfIg8VD1UP8I8TAAAl4UG0GfevHIAAAAASUVORK5CYII=) 0 8px no-repeat;
}
.ui-page-article-list .center-3 .list .item .cell .time
{
    position: absolute;
    right: 0;
    top: 20px;
    color: #aaa;
    line-height: 30px;
}
.ui-page-article-list .center-3 .list .item .cell .time span
{
    font-size: 16px;
}
.ui-page-product-list
{
    overflow: hidden;
}
.ui-page-product-list .data-list-box
{
    margin-top: 20px;
    font-size: 0;
}
.ui-page-product-list .data-list-box .data-item-info-box
{
    padding: 0 15px;
}
.ui-page-product-list .ui-control-column-0 .data-item-box, .ui-page-product-list .ui-control-column-4 .data-item-box
{
    width: 25%!important;
}
.ui-page-product-list .ui-control-column-3 .data-item-box
{
    width: 33.33%!important;
}
.ui-page-product-list .ui-control-column-5 .data-item-box
{
    width: 20%!important;
}
.ui-page-product-list .ui-control-layout-0 .data-item-box
{
    overflow: hidden;
    width: 25%;
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.ui-page-product-list .ui-control-layout-0 .data-item-box:hover .data-item-qrcode-box
{
    display: block;
}
.ui-page-product-list .ui-control-layout-0 .data-item-title
{
    line-height: 50px;
    font-size: 16px;
    text-align: center;
}
.ui-page-product-list .ui-control-layout-0 .auto-img-box
{
    position: relative;
}
.ui-page-product-list .ui-control-layout-0 .auto-img-box .auto-video
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.ui-page-product-list .ui-control-layout-0 .auto-img-box .auto-video video
{
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
}
.ui-page-product-list .ui-control-layout-0 .auto-img-box .auto-video .play
{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 5;
}
.ui-page-product-list .ui-control-layout-0 .auto-img-box .auto-video .play.active .icon
{
    opacity: 0;
}
.ui-page-product-list .ui-control-layout-0 .auto-img-box .auto-video .play .icon
{
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: -30px 0 0 -30px;
    text-align: center;
    background: rgba(255,255,255,.7);
    border-radius: 50%;
    cursor: pointer;
    transition: all .3s ease;
    font-size: 30px;
    color: #fff;
    opacity: .9;
}
.ui-page-product-list .ui-control-layout-0 .auto-img-box .auto-video .play .icon:hover
{
    transform: scale(1.05);
    background: rgba(255,255,255,.8);
}
.ui-page-product-list .ui-control-layout-0 .auto-img-box .auto-video .play .icon .icon-bofang
{
    font-size: 40px;
    color: #333;
}
.ui-page-product-list .ui-control-layout-0 .data-item-qrcode-box
{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    background: #000;
    filter: alpha(opacity=60);
    background: rgba(0,0,0,.6);
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    display: none;
}
.ui-page-product-list .ui-control-layout-0 .data-item-qrcode
{
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -65px 0 0 -50px;
    animation: zoomIn .3s ease;
}
.ui-page-product-list .ui-control-layout-0 .data-item-qrcode-img
{
    width: 90px;
    height: 90px;
    padding: 5px;
    background: #fff;
    border-radius: 5px;
    animation: zoomIn .5s ease;
    display: block;
}
.ui-page-product-list .ui-control-layout-1 .data-item-box
{
    overflow: hidden;
    width: 25%;
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 20px;
    position: relative;
}
.ui-page-product-list .ui-control-layout-1 .data-item-box:hover .data-item-qrcode-box
{
    display: block;
}
.ui-page-product-list .ui-control-layout-1 .data-item-box:hover .data-item-shadow
{
    display: block;
}
.ui-page-product-list .ui-control-layout-1 .data-item-title
{
    line-height: 50px;
    font-size: 16px;
    text-align: center;
}
.ui-page-product-list .ui-control-layout-1 .auto-img-box
{
    position: relative;
}
.ui-page-product-list .ui-control-layout-1 .data-item-qrcode-box
{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    background: #000;
    filter: alpha(opacity=60);
    background: rgba(0,0,0,.6);
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    display: none;
}
.ui-page-product-list .ui-control-layout-1 .data-item-qrcode
{
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -65px 0 0 -50px;
    animation: zoomIn .3s ease;
}
.ui-page-product-list .ui-control-layout-1 .data-item-qrcode-img
{
    width: 90px;
    height: 90px;
    padding: 5px;
    background: #fff;
    border-radius: 5px;
    animation: zoomIn .5s ease;
    display: block;
}
.ui-page-product-list .ui-control-layout-1 .data-item-shadow
{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    display: none;
}
.ui-page-product-list .ui-control-layout-1 .data-item-shadow .hl
{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    opacity: .8;
}
.ui-page-product-list .ui-control-layout-1 .data-item-shadow .icon
{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.ui-page-product-list .ui-control-layout-1 .data-item-shadow .icon i
{
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    text-align: center;
    font-style: normal;
    background: #fff;
    animation: zoomIn .3s ease;
}
.ui-page-product-list .ui-control-layout-1 .data-item-shadow .icon i::before
{
    content: '＋';
    font-size: 30px;
}
.ui-page-product-detail
{
    padding-bottom: 40px;
}
.ui-page-product-detail .ui-product-detail
{
    background: #fff;
    padding: 30px;
    box-shadow: 0 2px 6px rgba(0,0,0,.05);
    margin-top: 20px;
    position: relative;
}
.ui-page-product-detail .ui-product-detail .ui-product-album-box
{
    position: relative;
    width: 470px;
    overflow: hidden;
    box-shadow: 0 0 0 1px #eee;
    float: left;
}
.ui-page-product-detail .ui-product-detail .ui-product-album-box:hover .cms-icon
{
    display: block;
}
.ui-page-product-detail .ui-product-detail .ui-product-album-box .cms-icon
{
    position: absolute;
    color: #dfdfdf;
    font-size: 35px;
    font-weight: bold;
    cursor: pointer;
    display: none;
}
.ui-page-product-detail .ui-product-detail .ui-product-album-box .cms-icon.prev
{
    top: 50%;
    transform: translate(-50%,-50%);
    left: 32.5px;
}
.ui-page-product-detail .ui-product-detail .ui-product-album-box .cms-icon.next
{
    top: 50%;
    transform: translate(50%,-50%);
    right: 32.5px;
}
.ui-page-product-detail .ui-product-detail .ui-product-album-box .cms-icon:hover
{
    color: #888;
}
.ui-page-product-detail .ui-product-detail .ui-product-album
{
    font-size: 0;
    white-space: nowrap;
    position: relative;
}
.ui-page-product-detail .ui-product-detail .ui-product-album .auto-img-box
{
    display: inline-block;
    width: 100%;
}
.ui-page-product-detail .ui-product-detail .ui-product-album .auto-img-box video
{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: #000;
}
.ui-page-product-detail .ui-product-detail .thumbnail-wraps
{
    position: relative;
}
.ui-page-product-detail .ui-product-detail .cms-icon+.dots-wrap
{
    margin: 0 65px;
}
.ui-page-product-detail .ui-product-detail .dots-wrap
{
    overflow: hidden;
}
.ui-page-product-detail .ui-product-detail .dots-wrap .dots
{
    overflow: hidden;
    z-index: 5;
    padding: 10px 0;
    width: 1000%;
    position: relative;
}
.ui-page-product-detail .ui-product-detail .dots-wrap .dots .auto-img-box
{
    float: left;
    width: 60px;
    margin: 0 0 0 7px;
    cursor: pointer;
}
.ui-page-product-detail .ui-product-detail .dots-wrap .dots .auto-img-box.active
{
    outline: 2px solid #f00;
}
.ui-page-product-detail .ui-product-detail .dots-wrap .dots .auto-img-box .auto-img
{
    object-fit: cover;
}
.ui-page-product-detail .ui-product-detail .dots-wrap .dots .auto-img-box video
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #000;
}
.ui-page-product-detail .ui-product-detail .dots-wrap .dots .auto-img-box .play
{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 5;
    background: rgba(255,255,255,.5);
}
.ui-page-product-detail .ui-product-detail .dots-wrap .dots .auto-img-box .play em
{
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 28px;
    text-align: center;
    margin: -15px 0 0 -15px;
    background: rgba(0,0,0,.5);
    border: 3px solid #fff;
    font-size: 16px;
    color: #fff;
}
.ui-page-product-detail .ui-product-detail .dots-wrap .dots .auto-img-box .play em::before
{
    position: relative;
    left: 2px;
}
.ui-page-product-detail .ui-product-detail .ui-product-info-box
{
    padding: 30px 0 0 0;
    margin-left: 500px;
}
.ui-page-product-detail .ui-product-detail .ui-product-title
{
    font-size: 20px;
    margin: 0 0 20px;
}
.ui-page-product-detail .ui-product-detail .auto-img
{
    object-fit: contain;
}
.ui-page-product-detail .ui-product-detail .ui-product-summary
{
    position: relative;
    overflow: hidden;
    margin: 0 0 20px;
}
.ui-page-product-detail .ui-product-detail .ui-product-summary-rich
{
    position: relative;
    margin: 0 -12px 20px 0;
    padding: 0 20px 0 0;
    line-height: 1.8;
    font-size: 16px;
    max-height: 200px;
    overflow: hidden;
    overflow-y: auto;
}
.ui-page-product-detail .ui-product-detail .ui-product-summary-et
{
    position: relative;
}
.ui-page-product-detail .ui-product-detail .ui-product-summary-et dd
{
    line-height: 1.8;
}
.ui-page-product-detail .ui-product-detail .ui-product-qrcode-box
{
    width: 200px;
    margin: 0 0 60px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
}
.ui-page-product-detail .ui-product-detail .ui-product-qrcode-box .ui-product-qrcode-img
{
    width: 160px;
    height: 160px;
    padding: 20px;
}
.ui-page-product-detail .ui-product-detail .ui-product-qrcode-box .ui-product-qrcode-text
{
    line-height: 50px;
    font-size: 16px;
    border-top: 1px solid #ddd;
}
.ui-page-product-detail .ui-product-detail .ui-product-phone
{
    line-height: 40px;
    font-size: 24px;
}
.ui-page-product-detail .ui-product-detail .ui-product-content-box
{
    margin: 20px 0 0 0;
    padding-bottom: 30px;
}
.ui-page-product-detail .ui-product-detail .ui-product-content-head
{
    line-height: 55px;
    margin: 0 0 20px;
    border: 1px solid #eaeaea;
}
.ui-page-product-detail .ui-product-detail .ui-product-content-head-item
{
    border-right: 1px solid #eaeaea;
    display: inline-block;
    min-width: 115px;
    text-align: center;
}
.ui-page-product-detail .ui-product-detail .ui-product-content-body
{
    position: relative;
    line-height: 1.8;
    font-size: 16px;
}
.ui-page-product-detail .ui-product-detail .ui-product-content-body img
{
    max-width: 100%;
}
.ui-page-product-detail .ui-product-detail .ui-product-content-body .table
{
    max-width: 100%;
    overflow: hidden;
    overflow-x: auto;
}
.ui-page-product-detail .ui-product-detail .ui-product-content-body table
{
    position: relative;
    max-width: 100%;
}
.ui-page-product-detail .ui-product-detail .ui-product-content-body table td
{
    padding: 5px 8px;
    border: 1px solid #ddd;
}
.ui-page-product-detail .ui-product-detail .ui-product-foot
{
    padding-top: 30px;
    border-top: 1px solid #ddd;
    overflow: hidden;
}
.ui-page-product-detail .ui-product-detail .ui-product-prev
{
    float: left;
    max-width: 40%;
}
.ui-page-product-detail .ui-product-detail .ui-product-next
{
    max-width: 40%;
    text-align: right;
    float: right;
}
.ui-page-product-detail .ui-product-detail .ui-product-next
{
    max-width: 40%;
    text-align: right;
    float: right;
}
.ui-page-product-detail .ui-product-detail .ui-product-detail-preview
{
    display: none;
    width: 45px;
    height: 45px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAP1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////9Du/pqAAAAFHRSTlMAgMDwQBBgIDCgUODQn5DfsHCvf4uR6E4AAADfSURBVDjLvZJbjsMgDEUNJuadR+fuf61DRTT1QMVX1fMDkY+d6Mb0cUJYFF1lNI79vRQs8i7OSWTUba4LZ3ndeRqSYFXXVkbDc+mnfdzG8f8tlvuzAVw3YXQ94CIl9JsesYNGwUOUkM9JoHIqAeaZQ+MASjueOZx2EHYoLiLDg5BUPXuiqCdwnL/BaiHyJGy4lCBwoyDwpMjHIGxsh39V+0rgzjz2ATrLn95Jd11oIOLx1+MtDE1cjJqa46UCKDSzxYwX5v1eJmMk9ExX623ROBeCR8PSAgMg0Qoxjr7GLxm5DAmShGUOAAAAAElFTkSuQmCC) center center no-repeat #b2b2b2;
    border-radius: 5px;
    left: 450px;
    position: absolute;
    z-index: 1;
    margin-top: 5px;
    cursor: pointer;
}
.ui-page-product-detail .ui-product-detail .fullscreen-preview
{
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 500;
    background: #000;
}
.ui-page-product-detail .ui-product-phone-box
{
    width: 180px;
    color: #fff;
    padding: 15px 20px;
    border-radius: 5px;
    white-space: nowrap;
    line-height: 20px;
    font-size: 16px;
}
.ui-page-product-detail .ui-product-phone-box2
{
    position: relative;
    white-space: nowrap;
}
.ui-page-product-detail .ui-product-phone-box2 .hotline
{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 5px 15px;
    border-radius: 5px;
    margin: 0 0 0 -20px;
    overflow: hidden;
}
.ui-page-product-detail .ui-product-phone-box2 .hotline i
{
    float: left;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 45px;
    margin: 0 5px 0 0;
    color: #aaa;
}
.ui-page-product-detail .ui-product-phone-box2 .hotline dl
{
    float: left;
    padding: 2px 0 0;
    line-height: 20px;
}
.ui-page-product-detail .ui-product-phone-box2 .hotline dl dt
{
    font-size: 15px;
}
.ui-page-product-detail .ui-product-phone-box2 .hotline dl dd
{
    font-size: 18px;
}
.ui-page-product-detail .ui-product-phone-box2 .order
{
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.ui-page-product-detail .ui-product-phone-box2 .order a
{
    display: block;
    overflow: hidden;
    padding: 5px 15px 5px 10px;
    border-radius: 5px;
    background: #aaa;
    color: #fff;
}
.ui-page-product-detail .ui-product-phone-box2 .order i
{
    float: left;
    width: 36px;
    height: 36px;
    line-height: 33px;
    text-align: center;
    font-size: 22px;
    border-radius: 50%;
    color: #fff!important;
    border: 2px solid #fff;
    box-sizing: border-box;
    margin: 0 10px 0 0;
}
.ui-page-product-detail .ui-product-phone-box2 .order span
{
    float: left;
    line-height: 36px;
    font-size: 16px;
}
.ui-page-product-detail .ui-product-album-bog
{
    position: relative;
    float: left;
}
.ui-page-product-detail .ui-product-orign-box
{
    position: absolute;
    left: 472px;
    top: 0;
    width: 545px;
    height: 545px;
    border: 1px solid #ddd;
    background: #fff;
}
.ui-page-product-detail .ui-product-orign
{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.ui-page-product-detail .ui-product-orign-img
{
    position: relative;
    width: 1880px;
    height: 1880px;
}
.ui-page-product-detail .ui-product-orign-img img
{
    display: block;
    width: 100%;
    height: 100%;
}
.ui-page-product-detail .ui-product-album-scroll
{
    position: relative;
    overflow: hidden;
}
.ui-page-product-detail .loop-item .zoom-icon
{
    visibility: hidden;
    width: 50%;
    height: 50%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAMAAABFaP0WAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAGUExURT1uzv///62t27cAAAACdFJOU/8A5bcwSgAAABBJREFUeNpiYGBkYGQECDAAAA0ABMZIs2EAAAAASUVORK5CYII=) repeat scroll 0 0 transparent;
    cursor: move;
    z-index: 1;
}
.ui-page-product-detail .img-zoom-viewer
{
    z-index: 999;
    display: none;
    border: 1px solid #eee;
    background: #fff;
    width: 470px;
    height: 470px;
    position: absolute;
    left: 478px;
    overflow: hidden;
}
.ui-page-product-detail .ui-proudct-recommand-box
{
    margin-top: 40px;
    padding: 0 30px 20px;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,.05);
}
.ui-page-product-detail .ui-proudct-recommand-box .ui-proudct-recommand-title
{
    height: 60px;
    line-height: 60px;
    font-size: 18px;
}
.ui-page-product-detail .ui-proudct-recommand-box .ui-proudct-recommand-wrap
{
    overflow: hidden;
}
.ui-page-product-detail .ui-proudct-recommand-box .ui-proudct-recommand-item
{
    float: left;
    width: 25%;
}
.ui-page-product-detail .ui-proudct-recommand-box .auto-img-box
{
    margin: 0 20px;
    background: #fff;
}
.ui-page-product-detail .ui-proudct-recommand-box .ui-proudct-recommand-item-title
{
    line-height: 60px;
    height: 60px;
    font-size: 16px;
    text-align: center;
}
.ui-page-ly .ui-page-form-box
{
    background: #fff;
    padding: 60px;
    margin-bottom: 50px;
}
.ui-page-ly .ui-page-ly-title
{
    line-height: 50px;
    font-size: 28px;
    text-align: center;
}
.ui-page-ly .ui-page-ly-remark
{
    line-height: 24px;
    font-size: 16px;
    color: #999;
    text-align: center;
}
.ui-page-ly .ui-page-ly-phone
{
    font-weight: bold;
}
.ui-page-ly .ui-form
{
    position: relative;
    margin-top: 30px;
}
.ui-page-ly .ui-form .form-submit-btn
{
    width: 100%;
    background: #f00;
}
.ui-page-ly .ui-form input::-webkit-input-placeholder, .ui-page-ly .ui-form textarea::-webkit-input-placeholder
{
    color: #ddd;
}
.ui-page-ly .ui-form input:-moz-placeholder, .ui-page-ly .ui-form input::-moz-placeholder, .ui-page-ly .ui-form textarea:-moz-placeholder, .ui-page-ly .ui-form textarea::-moz-placeholder
{
    color: #ddd;
}
.ui-page-ly .ui-form input:-ms-input-placeholder, .ui-page-ly .ui-form textarea:-ms-input-placeholder
{
    color: #ddd;
}
.ui-page-contact
{
    padding-bottom: 40px;
}
.ui-page-contact .ui-page-contact-content
{
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,.05);
}
.ui-page-contact .ui-control-layout-0
{
    padding: 60px 80px;
}
.ui-page-contact .ui-control-layout-0 .ui-page-contact-info-box
{
    margin-bottom: 40px;
}
.ui-page-contact .ui-control-layout-0 .ui-page-contact-item
{
    text-align: center;
    display: inline-block;
    width: 49%;
    vertical-align: top;
}
.ui-page-contact .ui-control-layout-0 .ui-page-contact-item:first-child
{
    border-right: 1px solid #ddd;
}
.ui-page-contact .ui-control-layout-0 .page-contact-item-img
{
    width: 40px;
    height: 40px;
}
.ui-page-contact .ui-control-layout-0 .ui-page-contact-item-title
{
    line-height: 50px;
    font-size: 18px;
    font-weight: bold;
}
.ui-page-contact .ui-control-layout-0 .ui-page-contact-map
{
    height: 400px;
    background: #eee;
}
.ui-page-contact .ui-control-layout-0 .ui-page-contact-item-text, .ui-page-contact .ui-control-layout-0 .ui-page-contact-item-phone
{
    padding: 0 20px;
    line-height: 24px;
    font-size: 16px;
    color: #666;
    word-break: break-all;
}
.ui-page-contact .ui-control-layout-1
{
    padding: 60px 50px;
    overflow: hidden;
}
.ui-page-contact .ui-control-layout-1 .ui-page-contact-head
{
    text-align: center;
    margin: 0 0 40px;
}
.ui-page-contact .ui-control-layout-1 .ui-page-contact-head .inner::after
{
    content: '';
    width: 100px;
    height: 6px;
    display: block;
    margin: 0 auto;
    border-bottom: 1px solid #ddd;
}
.ui-page-contact .ui-control-layout-1 .ui-page-contact-head h2
{
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
}
.ui-page-contact .ui-control-layout-1 .ui-page-contact-head h3
{
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    margin: 0 0 0 5px;
    color: #999;
}
.ui-page-contact .ui-control-layout-1 .ui-page-contact-info-list
{
    height: 600px;
    float: right;
    overflow: hidden;
    border: 1px solid #eee;
}
.ui-page-contact .ui-control-layout-1 .ui-page-contact-info-scroll
{
    overflow: hidden;
    overflow-y: scroll;
    margin: 0 -13px 0 0;
    height: 100%;
}
.ui-page-contact .ui-control-layout-1 .ui-page-contact-info-scroll .item
{
    border: 1px solid #eee;
    margin: -1px;
    width: 300px;
    padding: 20px 20px;
}
.ui-page-contact .ui-control-layout-1 .ui-page-contact-info-scroll .item_nobar
{
    border: 1px solid #eee;
    margin: -1px;
    width: 300px;
    padding: 20px 20px;
}
.ui-page-contact .ui-control-layout-1 .ui-page-contact-info-scroll .name
{
    line-height: 20px;
    margin: 0 0 10px;
    font-size: 18px;
    color: #333;
}
.ui-page-contact .ui-control-layout-1 .ui-page-contact-info-scroll .items
{
    position: relative;
    min-height: 20px;
    line-height: 20px;
    margin: 0 0 5px;
    font-size: 14px;
    color: #666;
    padding: 0 0 0 20px;
}
.ui-page-contact .ui-control-layout-1 .ui-page-contact-info-scroll .items i
{
    position: absolute;
    left: 0;
    top: 0;
    color: #aaa;
}
.ui-page-contact .ui-control-layout-1 .ui-page-contact-map
{
    height: 600px;
    margin: 0 360px 0 0;
    background: #eee;
}
.ui-page-about
{
    padding-bottom: 30px;
}
.ui-page-about .ui-page-about-content
{
    padding: 60px 80px;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,.05);
    overflow: hidden;
    line-height: 1.8;
    font-size: 16px;
}
.ui-page-about .ui-page-about-content p
{
    text-align: justify;
}
.ui-page-about .ui-page-about-content p[style^="text-align"] img
{
    display: inline-block;
}
.ui-page-about .ui-page-about-content img
{
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
.ui-page-about .ui-page-about-content table td
{
    border: 1px solid #000;
}
.ui-page-webmap
{
    background: #f5f5f5;
    padding-bottom: 30px;
}
.ui-page-webmap .ui-webmap-menus-box
{
    padding: 50px;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,.05);
}
.ui-page-webmap .ui-webmap-title
{
    text-align: center;
    margin: 0 0 50px;
    line-height: 2;
    font-size: 28px;
    font-weight: normal;
}
.ui-page-webmap .ui-webmap-first-menu
{
    background: #f7f7f7;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin: 0 0 20px;
    display: block;
    padding: 0 0 0 20px;
    line-height: 44px;
    font-size: 16px;
}
.ui-page-webmap .ui-webmap-sub-menu-box
{
    padding: 10px 0 0 20px;
}
.ui-page-webmap .ui-webmap-third-menu-box
{
    margin-left: 100px;
}
.ui-page-webmap .ui-webmap-second-menu-wrap
{
    overflow: hidden;
}
.ui-page-webmap .ui-webmap-second-menu-wrap+.ui-webmap-second-menu-wrap
{
    margin-top: 10px;
}
.ui-page-webmap .ui-webmap-sub-menu-box+.ui-webmap-first-menu
{
    margin: 20px 0 0;
}
.ui-page-webmap .ui-webmap-second-menu
{
    line-height: 38px;
    padding: 0 20px;
    border: 1px solid #ddd;
    float: left;
}
.ui-page-webmap .ui-webmap-second-menu+.ui-webmap-sub-menu-box
{
    padding-left: 20px;
}
.ui-page-webmap .ui-webmap-third-menu
{
    display: inline-block;
    line-height: 38px;
    padding: 0 20px;
}
.ui-product-center
{
    overflow: hidden;
    padding: 40px 0;
}
.ui-product-center .ui-product-category-box
{
    float: left;
    width: 240px;
    border: 1px solid #eee;
    background: #fff;
}
.ui-product-center .ui-product-category-title
{
    text-align: center;
    padding: 20px 0;
    font-size: 28px;
    font-weight: bold;
    color: #fff;
}
.ui-product-center .ui-product-category-item-box
{
    padding: 10px 15px;
    min-height: 370px;
}
.ui-product-center .ui-product-category-item
{
    display: block;
    line-height: 40px;
    font-size: 16px;
    padding: 0 0 0 20px;
}
.ui-product-center .ui-product-category-item:hover
{
    background-color: #eee;
}
.ui-product-center .ui-product-category-footer-img
{
    width: 172px;
    height: 172px;
    margin: 10px auto 0;
    display: none;
}
.ui-product-center .ui-product-category-item-footer
{
    padding: 10px 20px 20px;
    white-space: nowrap;
    text-align: center;
    border-top: 1px solid #eee;
}
.ui-product-center.layout-1 .ui-product-category-item-box
{
    padding: 0;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.ui-product-center.layout-1 .ui-product-category-item
{
    background: #f4f4f4;
    margin-top: 4px;
    line-height: 49px;
    border-bottom: 1px solid #eaeaea;
}
.ui-product-center.layout-1 .ui-product-category-item-footer, .ui-product-center.layout-1 .ui-product-contact-phone
{
    color: #fff;
}
.ui-product-center.layout-1 .ui-product-category-footer-img
{
    display: block;
}
.ui-product-center .ui-product-contact-title
{
    line-height: 30px;
    font-size: 20px;
}
.ui-product-center .ui-product-contact-phone
{
    line-height: 40px;
    font-size: 24px;
    font-weight: bold;
}
.ui-product-center .ui-product-center-product-box
{
    margin-left: 260px;
    font-size: 0;
}
.ui-product-center .ui-product-center-product-item
{
    display: inline-block;
    box-sizing: border-box;
    margin-bottom: 20px;
    width: 33%;
}
.ui-product-center .ui-product-center-product-item-wrap
{
    background: #fff;
    border: 1px solid #ddd;
    margin: 0 10px;
    position: relative;
}
.ui-product-center .ui-product-center-product-title
{
    line-height: 60px;
    font-size: 16px;
    font-weight: 400;
    padding: 0 20px;
}
.ui-product-center .ui-product-center-qrcode-box
{
    position: absolute;
    background: rgba(0,0,0,.5);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
}
.ui-product-center .ui-product-center-product-item-wrap:hover .ui-product-center-product-title
{
    background: #eee;
}
.ui-product-center .ui-product-center-product-item-wrap:hover .ui-product-center-qrcode-box
{
    display: block;
}
.ui-product-center .ui-product-center-qrcode
{
    position: absolute;
    left: 50%;
    top: 50%;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    margin: -85px 0 0 -65px;
}
.ui-product-center .ui-product-center-qrcode-img
{
    width: 120px;
    height: 120px;
    padding: 5px;
    background: #fff;
    border-radius: 5px;
    animation: zoomIn .5s ease;
    display: block;
}
.ui-product-scroll-pack
{
    padding: 20px 0 10px;
}
.ui-product-scroll-pack .ui-product-swiper-box
{
    position: relative;
}
.ui-product-scroll-pack .carousel-list-box
{
    font-size: 0;
    white-space: nowrap;
    overflow: hidden;
}
.ui-product-scroll-pack .carousel-item-box
{
    display: inline-block;
    position: relative;
}
.ui-product-scroll-pack .ui-product-swiper-item-wrap
{
    margin: 0 15px;
    border: 1px solid #ddd;
    overflow: hidden;
}
.ui-product-scroll-pack .ui-product-swiper-title
{
    padding: 0 20px;
    line-height: 50px;
    font-size: 16px;
}
.ui-product-scroll-pack .ui-product-swiper-btn
{
    float: right;
    padding: 0 20px;
    line-height: 34px;
    color: #fff;
    border-radius: 36px;
    font-size: 14px;
    margin-top: 10px;
    display: none;
}
.ui-product-scroll-pack .prev, .ui-product-scroll-pack .next
{
    position: absolute;
    top: 50%;
    margin: -20px 0 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border: 3px solid #e4e4e4;
    border-radius: 50%;
    left: -40px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAPBAMAAACy3Eq1AAAALVBMVEUAAADk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OR/D+THAAAADnRSTlMA+CpeaFAw8uni0n5V25NVFJ0AAABqSURBVBjTYwACjw0MGGCHA4RmebcAU3LdEwht91wBU1L9nQGIYn4nxIAJmOQeg6hzD4EaMYHiuwMMDKzvxBiwATa5pwwMcS8TGLCCzHcBDPceY5GAuOUCXp347MTrWnz+xBtCBMIWb6wAAKj9KMclUTyCAAAAAElFTkSuQmCC) no-repeat 13px;
}
.ui-product-scroll-pack .next
{
    background-position: -31px;
    right: -40px;
    left: auto;
}
.ui-product-scroll-pack .prev.layout-1
{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAKlBMVEUAAADd3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d23Hp7dAAAADXRSTlMA9UIKvAOmwq9EQLMsm09nXwAAAFFJREFUKM9joCZgasYiqHjFAFOh7N0GTIV3LypgUSg07BVOwKJQEkMhy927rhiCzLV3rwVgiJrfvZuKqdQXm1KT4ar04gEsSqUYMIH1AmokfQBaijzdsJ7szwAAAABJRU5ErkJggg==) 50% no-repeat;
    border: none;
}
.ui-product-scroll-pack .next.layout-1
{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAALVBMVEUAAADd3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d0meFZpAAAADnRSTlMAQ/UJvKaw9MK5pz8MLGhuGSsAAABUSURBVCjPY6AK4E7GIrj9iQGGGG/dO2dMlXHvsChlfTcslXK9e9eDqXTduxcHMARZ3r2bgCEo9O6RALoYo947xVGFYMCGRSED8zyEQgQwQyikHAAAO2I+TgjzVJcAAAAASUVORK5CYII=) 50% no-repeat;
    border: none;
}
.ui-product-scroll-pack .ui-product-swiper-box.layout-1 .ui-product-swiper-item-wrap
{
    background: #fff;
    padding: 5px;
    box-sizing: border-box;
}
.ui-product-scroll-pack .ui-product-swiper-box.layout-1 .ui-product-swiper-btn
{
    display: block;
}
.ui-product-scroll-pack .ui-product-swiper-box.layout-0 .carousel-item-box:hover .auto-img, .ui-product-scroll-pack .ui-product-swiper-box.layout-1 .carousel-item-box:hover .auto-img
{
    transform: scale(1.05);
}
.ui-product-scroll-pack .ui-product-swiper-item-wrap:hover .qrcode-box
{
    display: block;
}
.ui-article-scroll-pack
{
    padding: 20px 0 10px;
}
.ui-article-scroll-pack .ui-article-swiper-box
{
    position: relative;
}
.ui-article-scroll-pack .carousel-list-box
{
    font-size: 0;
    white-space: nowrap;
    overflow: hidden;
}
.ui-article-scroll-pack .ui-article-swiper-item-wrap
{
    margin: 0 15px;
    background: #fff;
    overflow: hidden;
}
.ui-article-scroll-pack .carousel-item-box
{
    transition: all .5s ease;
}
.ui-article-scroll-pack .ui-article-swiper-info-box
{
    padding: 15px;
}
.ui-article-scroll-pack .ui-article-swiper-title
{
    font-size: 16px;
}
.ui-article-scroll-pack .ui-article-swiper-remark
{
    height: 50px;
    line-height: 24px;
    color: #999;
    -webkit-line-clamp: 2;
    font-size: 14px;
    white-space: normal;
}
.ui-article-scroll-pack .ui-article-swiper-time
{
    display: none;
    font-size: 14px;
    color: #333;
    line-height: 24px;
}
.ui-article-scroll-pack .prev, .ui-article-scroll-pack .next
{
    position: absolute;
    top: 50%;
    margin: -20px 0 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
    left: -40px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAKlBMVEUAAADd3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d23Hp7dAAAADXRSTlMA9UIKvAOmwq9EQLMsm09nXwAAAFFJREFUKM9joCZgasYiqHjFAFOh7N0GTIV3LypgUSg07BVOwKJQEkMhy927rhiCzLV3rwVgiJrfvZuKqdQXm1KT4ar04gEsSqUYMIH1AmokfQBaijzdsJ7szwAAAABJRU5ErkJggg==) 50% no-repeat;
}
.ui-article-scroll-pack .next
{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAALVBMVEUAAADd3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d0meFZpAAAADnRSTlMAQ/UJvKaw9MK5pz8MLGhuGSsAAABUSURBVCjPY6AK4E7GIrj9iQGGGG/dO2dMlXHvsChlfTcslXK9e9eDqXTduxcHMARZ3r2bgCEo9O6RALoYo947xVGFYMCGRSED8zyEQgQwQyikHAAAO2I+TgjzVJcAAAAASUVORK5CYII=) 50% no-repeat;
    right: -40px;
    left: auto;
}
.ui-article-scroll-pack .ui-article-swiper-box.layout-0 .ui-article-swiper-info-box
{
    text-align: center;
}
.ui-article-scroll-pack .ui-article-swiper-box.layout-0 .ui-article-swiper-remark
{
    display: none;
}
.ui-article-scroll-pack .ui-article-swiper-box.layout-1 .ui-article-swiper-item-wrap
{
    background: #fff;
    padding: 5px;
    box-sizing: border-box;
}
.ui-article-scroll-pack .ui-article-swiper-box.layout-1 .ui-article-swiper-remark
{
    display: none;
}
.ui-article-scroll-pack .ui-article-swiper-box.layout-1 .ui-article-swiper-item-wrap
{
    border: 1px solid #ddd;
}
.ui-article-scroll-pack .ui-article-swiper-box.layout-1 .ui-article-swiper-title
{
    text-align: center;
}
.ui-article-scroll-pack .ui-article-swiper-box.layout-0 .carousel-item-box:hover, .ui-article-scroll-pack .ui-article-swiper-box.layout-1 .carousel-item-box:hover
{
    transform: translateY(-5px);
}
.ui-article-scroll-pack .ui-article-swiper-box.layout-2 .ui-article-swiper-time
{
    display: block;
}
.ui-article-scroll-pack .ui-article-swiper-box.layout-2 .ui-article-swiper-remark
{
    display: -webkit-box;
}
.ui-center-navigation-link .main
{
    text-align: center;
}
.ui-center-navigation-link .ui-center-navigation-link-item
{
    line-height: 40px;
    padding: 0 30px;
    background: #fff;
    box-shadow: 0 0 4px rgba(0,0,0,.2);
    display: inline-block;
    margin-bottom: 20px;
}
.ui-center-navigation-link .ui-center-navigation-link-item+.ui-center-navigation-link-item
{
    margin-left: 20px;
}
.ui-center-navigation-link .ui-center-navigation-link-item:hover
{
    color: #fff;
}
.ui-footer>.main
{
    position: relative;
}
.ui-copy-right
{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ui-copy-right .ui-copy-right-flex
{
    position: relative;
    word-break: break-word;
    padding: 10px 0;
}
.ui-copy-right .ui-copy-right-item
{
    opacity: .8;
}
.ui-copy-right .ui-copy-right-item.ui-copy-right-block
{
    display: block;
    padding: 20px 0 0;
}
.ui-copy-right .ui-copy-right-item+.ui-copy-right-item
{
    margin-left: 1em;
}
.ui-copy-right .ui-copy-right-item-link:hover
{
    opacity: .9;
    color: inherit;
}
.ui-bottom .ui-bottom-naviagtion-item.width5
{
    width: 20%;
}
.ui-bottom .ui-bottom-naviagtion-item.width6
{
    width: 16.66%;
}
.ui-bottom .ui-bottom-naviagtion-item.width7
{
    width: 14.28%;
}
.ui-bottom .ui-bottom-naviagtion-item.width8
{
    width: 12.5%;
}
.ui-bottom .ui-bottom-naviagtion-item.width9
{
    width: 11.11%;
}
.ui-bottom .ui-bottom-naviagtion-item.width10
{
    width: 10%;
}
.ui-bottom .ui-bottom-naviagtion-item.width11
{
    width: 9.09%;
}
.ui-bottom .ui-bottom-naviagtion-item.width12
{
    width: 8.33%;
}
.ui-bottom .ui-bottom-naviagtion-box
{
    text-align: center;
    border-bottom: 1px solid hsla(0,0%,100%,.3);
    font-size: 16px;
    font-size: 0;
    line-height: 70px;
}
.ui-bottom .ui-bottom-naviagtion-box .ui-bottom-naviagtion-item
{
    display: inline-block;
    font-size: 16px;
    vertical-align: top;
}
.ui-bottom .ui-bottom-info-box
{
    padding: 40px 0;
}
.ui-bottom .ui-bottom-info-title
{
    line-height: 40px;
    font-size: 16px;
    font-weight: bold;
}
.ui-bottom .ui-bottom-info-item-box
{
    display: inline-block;
    vertical-align: top;
    width: 33%;
}
.ui-bottom .ui-bottom-link-box
{
    display: none;
    line-height: 30px;
}
.ui-bottom .ui-bottom-link-box .ui-bottom-link-item
{
    display: inline-block;
    width: 100px;
}
.ui-bottom .ui-botom-friend-link-item
{
    display: block;
    line-height: 24px;
}
.ui-bottom .ui-bottom-qrcode-box .ui-bottom-info-title
{
    display: none;
}
.ui-bottom .ui-bottom-qrcode-item-box
{
    display: inline-block;
    padding: 0 8px;
    text-align: center;
}
.ui-bottom .ui-bottom-qrcode-item-text
{
    line-height: 30px;
}
.ui-bottom .ui-bottom-qrcode-item-img
{
    width: 100px;
    height: 100px;
}
.ui-bottom .ui-bottom-copy-right
{
    line-height: 50px;
    text-align: center;
    border-top: 1px solid hsla(0,0%,100%,.3);
    padding: 0 20px;
}
.ui-bottom .ui-bottom-service-box
{
    display: none;
}
.ui-bottom .ui-bottom-contact-box
{
    line-height: 30px;
}
.ui-bottom .ui-bottom-copy-right .ui-bottom-copy-right-item-link:hover
{
    opacity: .8;
    color: currentColor;
}
.ui-bottom .ui-bottom-copy-right .ui-bottom-copy-right-item+.ui-bottom-copy-right-item
{
    margin-left: 1em;
}
.ui-bottom.layout-0 .ui-bottom-friend-link-box
{
    box-sizing: border-box;
    padding-left: 110px;
}
.ui-bottom.layout-0 .ui-bottom-contact-box .ui-bottom-info-title:after, .ui-bottom.layout-0 .ui-bottom-friend-link-box .ui-bottom-info-title:after
{
    content: '';
    display: block;
    width: 40px;
    border-top: 1px solid #fff;
    height: 10px;
}
.ui-bottom.layout-0 .ui-bottom-naviagtion-item:hover
{
    color: inherit;
    opacity: .8;
}
.ui-bottom.layout-1 .ui-bottom-naviagtion-box
{
    display: none;
}
.ui-bottom.layout-1 .ui-bottom-info-title
{
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 30px;
    font-weight: normal;
}
.ui-bottom.layout-1 .ui-bottom-info-item-box
{
    width: 33%;
}
.ui-bottom.layout-1 .ui-bottom-contact-box .ui-bottom-info-title:before, .ui-bottom.layout-1 .ui-bottom-link-box .ui-bottom-info-title:before
{
    content: '—';
    margin-right: 5px;
}
.ui-bottom.layout-1 .ui-bottom-friend-link-box
{
    display: none;
}
.ui-bottom.layout-1 .ui-bottom-link-box
{
    display: block;
    float: right;
    width: 210px;
}
.ui-bottom.layout-1 .ui-bottom-link-box .ui-bottom-info-title, .ui-bottom.layout-1 .ui-bottom-link-box .ui-bottom-link-item
{
    text-align: right;
    color: #fff;
}
.ui-bottom.layout-1 .ui-bottom-link-box .ui-bottom-link-item:hover
{
    opacity: .8;
}
.ui-bottom.layout-1 .ui-bottom-qrcode-box
{
    text-align: center;
    width: 35%;
}
.ui-bottom.layout-1 .ui-bottom-qrcode-box .ui-bottom-qrcode-item-img
{
    padding: 10px;
    background: #fff;
    border-radius: 5px;
}
.ui-bottom.layout-1 .ui-bottom-qrcode-box .ui-bottom-info-title
{
    display: block;
}
.ui-bottom.layout-1 .ui-bottom-copy-right
{
    text-align: left;
}
.ui-bottom.layout-2
{
    padding-bottom: 40px;
}
.ui-bottom.layout-2 .ui-bottom-copy-right
{
    border: 1px solid;
    text-align: left;
}
.ui-bottom.layout-2 .ui-bottom-naviagtion-box, .ui-bottom.layout-2 .ui-bottom-contact-box
{
    display: none;
}
.ui-bottom.layout-2 .ui-bottom-link-box, .ui-bottom.layout-2 .ui-bottom-service-box
{
    display: inline-block;
}
.ui-bottom.layout-2 .ui-bottom-info-item-box
{
    width: auto;
}
.ui-bottom.layout-2 .ui-bottom-info-item-box+.ui-bottom-info-item-box
{
    margin-left: 40px;
}
.ui-bottom.layout-2 .ui-bottom-link-box .ui-bottom-link-item
{
    display: block;
    width: auto;
}
.ui-bottom.layout-2 .ui-bottom-link-box .ui-bottom-link-item:hover
{
    color: inherit;
    opacity: .8;
}
.ui-bottom.layout-2 .ui-bottom-info-title
{
    font-weight: normal;
}
.ui-bottom.layout-2 .ui-bottom-service-item
{
    font-weight: normal;
    font-size: 32px;
}
.ui-bottom.layout-2 .ui-bottom-qrcode-box
{
    float: right;
}
.ui-bottom.layout-2 .ui-bottom-qrcode-item-box
{
    border: 1px solid;
    padding: 10px;
}
.ui-bottom.layout-2 .ui-bottom-qrcode-item-img
{
    width: 110px;
    height: 110px;
}
.ui-bottom.layout-2 .ui-bottom-qrcode-item-box+.ui-bottom-qrcode-item-box
{
    margin-left: 20px;
}
#jwTongjLabel img
{
    display: block;
    margin: 0 auto;
    height: 60px;
}
.ui-toolbar
{
    position: fixed;
    right: 5px;
    top: 350px;
    z-index: 10;
}
.ui-toolbar .ui-toolbar-item-aside
{
    padding: 5px;
    position: absolute;
    right: 100%;
    margin-right: 6px;
    bottom: 0;
    background: #fff;
    font-size: 18px;
    border-radius: 3px;
    display: none;
}
.ui-toolbar .ui-toolbar-item-aside::after
{
    content: '';
    position: absolute;
    width: 6px;
    right: -6px;
    top: 0;
    bottom: 0;
}
.ui-toolbar .ui-toolbar-item-aside-text
{
    text-align: center;
    padding: 0 10px;
    white-space: nowrap;
}
.ui-toolbar .ui-toolbar-item-text
{
    white-space: nowrap;
}
.ui-toolbar .ui-toolbar-item-aside-img
{
    width: 90px;
}
.ui-toolbar .ui-toolbar-wrap.layout-0 .ui-toolbar-item-wrap
{
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 5px;
    position: relative;
}
.ui-toolbar .ui-toolbar-wrap.layout-0 .ui-toolbar-item-wrap.layout-2:hover .ui-toolbar-item-aside, .ui-toolbar .ui-toolbar-wrap.layout-0 .ui-toolbar-item-wrap.layout-3:hover .ui-toolbar-item-aside, .ui-toolbar .ui-toolbar-wrap.layout-1 .ui-toolbar-item-wrap.layout-2:hover .ui-toolbar-item-aside, .ui-toolbar .ui-toolbar-wrap.layout-1 .ui-toolbar-item-wrap.layout-3:hover .ui-toolbar-item-aside, .ui-toolbar .ui-toolbar-wrap.layout-2 .ui-toolbar-item-wrap.layout-2:hover .ui-toolbar-item-aside, .ui-toolbar .ui-toolbar-wrap.layout-2 .ui-toolbar-item-wrap.layout-3:hover .ui-toolbar-item-aside
{
    display: block;
}
.ui-toolbar .ui-toolbar-wrap.layout-0 .ui-toolbar-item-wrap+.ui-toolbar-item-wrap, .ui-toolbar .ui-toolbar-wrap.layout-1 .ui-toolbar-item-wrap+.ui-toolbar-item-wrap, .ui-toolbar .ui-toolbar-wrap.layout-2 .ui-toolbar-item-wrap+.ui-toolbar-item-wrap
{
    margin-top: 5px;
}
.ui-toolbar .ui-toolbar-wrap.layout-0 .ui-toolbar-item
{
    display: block;
    width: 26px;
    height: 26px;
}
.ui-toolbar .ui-toolbar-wrap .ui-toolbar-item-img
{
    height: 100%;
    width: 100%;
    vertical-align: top;
}
.ui-toolbar .ui-toolbar-item-wrap.layout-3 .ui-toolbar-item-aside-text
{
    font-size: 14px;
    line-height: 20px!important;
    color: #999!important;
}
.ui-toolbar .ui-toolbar-wrap.layout-1 .ui-toolbar-item-wrap
{
    border-radius: 5px;
    position: relative;
}
.ui-toolbar .ui-toolbar-wrap.layout-1 .ui-toolbar-item
{
    display: block;
    width: 50px;
    height: 50px;
}
.ui-toolbar .ui-toolbar-wrap.layout-1 .ui-toolbar-item-aside
{
    padding: 15px 15px;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.ui-toolbar .ui-toolbar-wrap.layout-1 .ui-toolbar-item-aside-text
{
    line-height: 48px;
    color: #333;
}
.ui-toolbar .ui-toolbar-wrap.layout-2 .ui-toolbar-item
{
    display: block;
}
.ui-toolbar .ui-toolbar-wrap.layout-2 .ui-toolbar-item-wrap
{
    position: relative;
    padding: 10px;
    width: 110px;
}
.ui-toolbar .ui-toolbar-wrap.layout-2 .ui-toolbar-item-img
{
    float: left;
    width: 26px;
    height: 26px;
}
.ui-toolbar .ui-toolbar-wrap.layout-2 .ui-toolbar-item-text
{
    display: inline-block;
    line-height: 26px;
    margin-left: 10px;
    color: #fff;
}
.ui-toolbar .ui-toolbar-wrap.layout-2 .ui-toolbar-item-wrap+.ui-toolbar-item-wrap
{
    margin-top: 10px;
}
.ui-toolbar .ui-toolbar-wrap.layout-2 .ui-toolbar-item-wrap+.ui-toolbar-item-wrap:before, .ui-toolbar .ui-toolbar-wrap.layout-2 .ui-toolbar-item-wrap+.ui-toolbar-item-wrap:after
{
    content: '';
    position: absolute;
    height: 10px;
    bottom: 100%;
    left: 10px;
    right: 10px;
    transform: skewX(-60deg);
}
.ui-toolbar .ui-toolbar-wrap.layout-2 .ui-toolbar-item-wrap+.ui-toolbar-item-wrap:after
{
    background: #000;
    opacity: .4;
}
.ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-head
{
    display: block;
    width: 130px;
    padding-top: 10px;
    height: 55px;
    border-radius: 65px 65px 0 0;
    line-height: 55px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-left: 10px;
}
.ui-toolbar.EN .ui-toolbar-wrap.layout-3 .ui-toolbar-head
{
    font-size: 16px;
}
.ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-item-wrap
{
    text-align: center;
    width: 150px;
}
.ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-item-wrap .ui-toolbar-item
{
    background: hsla(0,0%,100%,.5);
    display: block;
    margin-top: 10px;
    position: relative;
    font-size: 18px;
    padding: 5px;
}
.ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-item-wrap .ui-toolbar-item::before
{
    content: '';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    width: 130px;
    position: absolute;
    bottom: 100%;
    left: 0;
}
.ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-item-wrap.layout-3 .ui-toolbar-item
{
    padding: 15px 5px;
}
.ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-item-wrap.layout-2 .ui-toolbar-item-img
{
    display: none;
}
.ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-item-wrap.layout-3 .ui-toolbar-item-img
{
    width: 110px;
    height: 110px;
}
.ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-item-wrap.layout-1 .ui-toolbar-item-img
{
    width: 32px;
    height: 32px;
    float: left;
    margin-left: 5px;
}
.ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-item-wrap.layout-1 .ui-toolbar-item-text
{
    line-height: 32px;
    text-align: left;
    margin-left: 45px;
}
.ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-item-wrap.layout-0
{
    background: none;
}
.ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-item-wrap.layout-0 .ui-toolbar-item
{
    margin-top: 0;
    background: none;
    border-left: 75px solid transparent;
    padding: 0;
    border-right: 75px solid transparent;
}
.ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-item-wrap.layout-0 .ui-toolbar-item-img
{
    position: absolute;
    width: 32px;
    height: 32px;
    margin-left: -16px;
    margin-top: -62px;
}
.ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-item-wrap.layout-0 .ui-toolbar-item:before
{
    display: none;
}
.ui-toolbar .ui-toolbar-wrap.layout-4
{
    padding-right: 15px;
}
.ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-head
{
    height: 20px;
    border-radius: 20px;
    overflow: hidden;
    margin: 0 -15px;
}
.ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-head:before
{
    content: '';
    height: 20px;
    background: rgba(0,0,0,.2);
    display: block;
    height: 100%;
}
.ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-body
{
    margin-top: -10px;
}
.ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-item-wrap
{
    text-align: center;
    width: 150px;
}
.ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-item-wrap .ui-toolbar-item
{
    display: block;
    position: relative;
    font-size: 18px;
    padding: 5px;
}
.ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-item-wrap+.ui-toolbar-item-wrap:before
{
    content: '';
    display: block;
    border-top: 1px solid hsla(0,0%,100%,.3);
    margin: 0 15px;
}
.ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-item-wrap.layout-3 .ui-toolbar-item-img
{
    width: 110px;
    height: 110px;
}
.ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-item-wrap.layout-1 .ui-toolbar-item-img
{
    width: 32px;
    height: 32px;
    float: left;
    margin-left: 5px;
}
.ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-item-wrap.layout-1 .ui-toolbar-item-text
{
    line-height: 32px;
    text-align: left;
    margin-left: 45px;
}
.ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-item-wrap.layout-0
{
    background: none;
}
.ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-item-wrap.layout-0:before
{
    display: none;
}
.ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-item-wrap.layout-0 .ui-toolbar-item
{
    padding: 0;
}
.ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-item-wrap.layout-0 .ui-toolbar-item:before
{
    content: '';
    position: absolute;
    left: 0;
    border-bottom: 75px solid transparent;
}
.ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-item-wrap.layout-0 .ui-toolbar-item-text
{
    padding: 10px 20px;
    border-radius: 20px;
    font-size: 14px;
    display: inline-block;
    margin-top: 55px;
}
@keyframes ui-float-light
{
    0%
    {
        height: 25px;
    }
    50%
    {
        height: 50px;
    }
    100%
    {
        height: 25px;
    }
}
.ui-float
{
    z-index: 999;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0;
}
.ui-float .main
{
    position: relative;
}
.ui-float .ui-float-open-box
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all .3s;
}
.ui-float.close .ui-float-open-box
{
    margin-right: 100%;
    opacity: 0;
    overflow: hidden;
}
.ui-float .ui-float-close-box
{
    position: absolute;
    left: 0;
    bottom: 20px;
    opacity: 0;
    transition: all .3s;
}
.ui-float.close .ui-float-close-box
{
    margin-left: 0;
    opacity: 1;
}
.ui-float .ui-float-icon
{
    position: absolute;
    top: 0;
    right: 15px;
    color: #fff;
}
.ui-float .ui-float-icon:before
{
    content: '';
    display: block;
    border-left: 2px solid;
    height: 25px;
    margin-left: 21px;
}
.ui-float .ui-float-icon.active::before
{
    animation: .5s ease-in-out 0s ui-float-light;
}
.ui-float .icon-guanbi
{
    display: block;
    border-radius: 50%;
    border: 2px solid;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 32px;
}
.huxing-picker
{
    position: absolute;
    width: 450px;
    z-index: 2000;
    display: none;
}
.huxing-picker .list
{
    position: relative;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0 2px 5px rgba(0,0,0,.2);
    overflow: hidden;
    padding: 20px;
    animation: fadeUp .3s ease;
}
.huxing-picker .list dl
{
    float: left;
    width: 20%;
}
.huxing-picker .list dl dd:hover span
{
    background: rgba(255,135,18,.2);
}
.huxing-picker .list dl dd.active span
{
    background: #ff8712;
    color: #fff;
}
.huxing-picker .list dl dd span
{
    display: block;
    margin: 5px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
}
.ui-random .center-0
{
    padding: 0 30px 20px;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,.05);
    margin: 0 0 40px;
}
.ui-random .center-0 .head
{
    height: 60px;
    line-height: 60px;
}
.ui-random .center-0 .head h2
{
    font-size: 18px;
    font-weight: 400;
}
.ui-random .center-0 .list, .ui-random .center-0 .scroll
{
    position: relative;
    overflow: hidden;
}
.ui-random .center-0 .list
{
    width: 100%;
}
.ui-random .center-0 .item
{
    float: left;
    width: 25%;
}
.ui-random .center-0 .cell
{
    margin: 0 20px;
}
.ui-random .center-0 .img, .ui-random .center-0 .mack
{
    position: relative;
}
.ui-random .center-0 .img img
{
    display: block;
    width: 100%;
    object-fit: cover;
}
.ui-random .center-0 .exp
{
    position: relative;
    text-align: center;
}
.ui-random .center-0 .exp h3
{
    line-height: 60px;
    font-size: 16px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}/**********************
 * ui-download-container
 *********************/
.ui-download-container
{
    height: 56px;
    display: none;
}
.ui-download
{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    height: 56px;
    background: #fff;
    border-top: 1px solid #dadce0;
}
.ui-download .list
{
    position: relative;
    overflow: hidden;
}
.ui-download .item
{
    float: left;
    position: relative;
    padding: 6px 20px;
}
.ui-download .item::before
{
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    margin: -22px 0 0 0;
    height: 44px;
    border-right: 1px solid #ced0d1;
}
.ui-download .item:hover
{
    background: #f5f5f5;
}
.ui-download .cell
{
    position: relative;
    padding: 0 50px 0 30px;
}
.ui-download .cell i.iconyun
{
    position: absolute;
    left: 0;
    top: 50%;
    margin: -10px 0 0 0;
}
.ui-download .cell h3
{
    height: 44px;
    line-height: 44px;
    font-weight: normal;
}
.ui-download .cell i.load
{
    position: absolute;
    right: 0;
    top: 50%;
    margin: -10px 0 0 0;
    width: 20px;
    height: 20px;
    background: url(../image/fe7bde1b1d3cc4e13aecf1bf360fb16a.gif) center center no-repeat;
    background-size: 20px;
}
body>a[href^="https://www.cnzz.com"]
{
    display: none;
}/****************
 * 百度地图
 ***************/
.jio-bdmap-winfo h3
{
    line-height: 1.1;
    margin: 0 0 6px 0;
    font-weight: bold;
    color: #000;
}
.jio-bdmap-winfo p
{
    line-height: 1.1;
    margin: 0 0 6px 0;
    color: #666;
}
.ui-design-team
{
    margin: 0 auto;
    width: 1200px;
    padding: 8px 16px;
    min-height: 80px;
    display: flex;
    flex-wrap: wrap;
}
.ui-design-team .avatar-wrap
{
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    transition: width 1s,padding-bottom 1s;
}
.ui-design-team .avatar-wrap .avatar
{
    border: 3px solid #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    object-fit: cover;
}
.ui-design-team .avatar-wrap .details
{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    justify-content: space-around;
    width: 100%;
    height: 0;
    background: #fa8072;
    transition: height .3s ease;
    bottom: 0;
    opacity: .8;
    overflow: hidden;
    color: #f2f2f2;
}
.ui-design-team .avatar-wrap .details .name
{
    font-size: 22px;
}
.ui-design-team .avatar-wrap .details .title
{
    font-size: 16px;
    text-align: center;
}
.ui-design-team .avatar-wrap .details .detail-btn
{
    padding: 8px 48px;
    border: 1px solid #f2f2f2;
    background: none;
    border-radius: 20px;
    color: #f2f2f2;
    cursor: pointer;
}
.ui-design-team .avatar-wrap:hover .details
{
    height: 100%;
}
.ui-renova-example
{
    margin: 0 auto;
    width: 1200px;
    min-height: 80px;
    padding: 8px 16px;
    display: flex;
    flex-wrap: wrap;
}
.ui-renova-example .renova-wrap
{
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    transition: width 1s,padding-bottom 1s;
}
.ui-renova-example .renova-wrap .renova
{
    border: 3px solid #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    object-fit: cover;
}
.ui-renova-example .renova-wrap .details
{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 0;
    transition: height .3s ease;
    bottom: 0;
    opacity: .8;
    overflow: hidden;
    color: #fff;
    background: #333;
    border: 3px solid #fff;
    box-sizing: border-box;
    border-top: none;
}
.ui-renova-example .renova-wrap .details .title
{
    font-size: 14px;
    cursor: pointer;
}
.ui-renova-example .renova-wrap:hover .details
{
    height: 50px;
}
.ui-pagination
{
    margin: 36px 0;
    display: flex;
    justify-content: center;
}
.ui-pagination .page-block
{
    padding: 0 15px;
    display: inline-block;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;
    margin: 0 5px;
    min-width: 30px;
    border-radius: 2px;
}
.ui-pagination .page-block:hover, .ui-pagination .page-block.active
{
    color: #fff;
}
.saas-dialog
{
    position: fixed;
    z-index: 100;
    display: none;
}
.saas-dialog.p0
{
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.saas-dialog.p0 .saas-dialog-layer
{
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-50%,-50%);
}
.saas-dialog.p0 .saas-dialog-animation
{
    animation: zoomIn .3s ease;
}
.saas-dialog.p0 .saas-dialog-shadow
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 0;
    background: rgba(0,0,0,.6);
}
.saas-dialog.p1
{
    left: 0;
    bottom: 0;
}
.saas-dialog.p1 .saas-dialog-animation
{
    animation: fadeInUp .5s ease;
}
.saas-dialog.p2
{
    right: 0;
    bottom: 0;
}
.saas-dialog.p2 .saas-dialog-animation
{
    animation: fadeInUp .5s ease;
}
.saas-dialog .saas-dialog-head
{
    display: none;
}
.saas-dialog .saas-dialog-main
{
    position: relative;
}
.saas-dialog .saas-dialog-container
{
    position: relative;
    overflow: hidden;
}
.saas-dialog .saas-dialog-close
{
    position: absolute;
    right: 0;
    top: -45px;
    padding: 10px;
    z-index: 999;
}
.saas-dialog .saas-dialog-close i
{
    display: block;
    width: 24px;
    height: 24px;
    border: 1px solid #d7d7d7;
    border-radius: 50%;
    cursor: pointer;
    transform: rotate(45deg);
    transition: all .3s ease;
}
.saas-dialog .saas-dialog-close i:hover
{
    transform: rotate(225deg);
}
.saas-dialog .saas-dialog-close i::before
{
    content: '';
    position: absolute;
    left: 6px;
    right: 6px;
    top: 50%;
    border-bottom: 1px solid #d7d7d7;
}
.saas-dialog .saas-dialog-close i::after
{
    content: '';
    position: absolute;
    top: 6px;
    bottom: 6px;
    left: 50%;
    border-left: 1px solid #d7d7d7;
}/**
 * ui-effect-number
 */
.ui-effect-number
{
    position: absolute;
}
.ui-effect-number .inner
{
    position: relative;
    overflow: hidden;
}
.ui-effect-number .inner .number.is-animate
{
    display: none;
}
.ui-effect-number .inner .number span
{
    display: block;
}
.ui-effect-number .inner .dynamic
{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    display: none;
}
.ui-effect-number .inner .dynamic.is-animate
{
    display: block;
    animation: scroll-y ease both;
}/**
 * 统计代码逻辑调整
 */
#jwTongji
{
    display: none;
}/*# sourceMappingURL=pc.css.map */