.slide-left-enter, .slide-left-leave-to, .from-left-enter, .from-left-leave-to { -webkit-transform: translateX(-100%); transform: translateX(-100%) }
.slide-left-enter-active, .slide-left-leave-active, .from-left-enter-active, .from-left-leave-active { -webkit-transition: all 0.3s ease; transition: all 0.3s ease }
.slide-right-enter, .slide-right-leave-to, .right-in-enter, .right-in-leave-to { -webkit-transform: translateX(100%); transform: translateX(100%) }
.slide-right-enter-active, .slide-right-leave-active, .right-in-enter-active, .right-in-leave-active { -webkit-transition: all 0.3s ease; transition: all 0.3s ease }
.slide-top-enter, .slide-top-leave-to { -webkit-transform: translateY(-100%); transform: translateY(-100%) }
.slide-top-enter-active, .slide-top-leave-active { -webkit-transition: all 0.3s ease; transition: all 0.3s ease }
.slide-bottom-enter, .slide-bottom-leave-to { -webkit-transform: translateY(100%); transform: translateY(100%) }
.slide-bottom-enter-active, .slide-bottom-leave-active { -webkit-transition: all 0.3s ease; transition: all 0.3s ease }
.zoom-in-top-enter-active, .zoom-in-top-leave-active { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); -webkit-transform-origin: center top; transform-origin: center top }
.zoom-in-top-enter, .zoom-in-top-leave-active { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0) }
.fade-enter-active, .fade-leave-active { -webkit-transition: opacity .3s; transition: opacity .3s }
.fade-enter, .fade-leave-to { opacity: 0 }
.scale-enter-active, .scale-leave-active { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s }
.scale-enter, .scale-leave-to { -webkit-transform: scale3d(0.97, 0.97, 0); transform: scale3d(0.97, 0.97, 0) }
.collapse-enter, .collapse-leave-to { height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; overflow: hidden }
.collapse-enter-active, .collapse-leave-active { -webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out }
html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit }
body { overflow-x: hidden }
html, body { margin: 0; padding: 0; font-family:  Microsoft YaHei, SimSun, sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased }
body.full-page-body::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
background-color:#F5F5F5
}
body.full-page-body::-webkit-scrollbar {
width:2px;
background-color:#F5F5F5
}
body.full-page-body ::-webkit-scrollbar-thumb {
background-color:#000000;
border:2px solid #555555
}
h1, h2, h3, h4, h5, h6, p { margin: 0 }
ul { margin: 0; padding-left: 0 }
li { list-style: none }
a { text-decoration: none; cursor: pointer; color: inherit }
[v-cloak] {
display:none !important
}
/*button { border: none; outline: none; cursor: pointer; -webkit-tap-highlight-color: transparent }
*/
input, textarea { outline: none; -webkit-tap-highlight-color: transparent; font-family: inherit }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color:#b6b7b7 !important
}
input::-moz-placeholder, textarea::-moz-placeholder {
color:#b6b7b7 !important
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color:#b6b7b7 !important
}
label { -webkit-tap-highlight-color: transparent }
a { text-decoration: none }
ul { padding: 0; margin: 0 }
h1, h2, h3, h4, h5 { font-weight: inherit }
h1, .h1 { font-size: 26px; margin-bottom: 12px }
h2, .h2 { font-size: 22px; margin-bottom: 8px }
h3, .h3 { font-size: 20px; margin-bottom: 6px }
h4, .h4 { font-size: 18px; margin-bottom: 4px }
h5, .h6 { font-size: 16px; margin-bottom: 3px }
p { margin: 8px 0; word-wrap: break-word }
p:first-child { margin-top: 0 }
p:last-child { margin-bottom: 0 }
img { vertical-align: middle; max-width: 100% }
video { max-width: 100% }
.middle { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center }
img { border-style: none }
table { word-break: break-word }
table { border-collapse: collapse }
table:not(.el-table__header):not(.el-date-table) th, table:not(.el-table__body):not(.el-date-table) td { border: 1px solid #ccc; padding: 0.4rem }
figure { display: table; margin: 1rem auto }
figure figcaption { color: #999; display: block; margin-top: 0.25rem; text-align: center }
hr { border-color: #ccc; border-style: solid; border-width: 1px 0 0 0 }
code { background-color: #e8e8e8; border-radius: 3px; padding: 0.1rem 0.2rem }
.zz-row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }
.zz-column { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.zz-col-1 { width: 8.33333% }
.zz-col-2 { width: 16.66667% }
.zz-col-3 { width: 25% }
.zz-col-4 { width: 33.33333% }
.zz-col-5 { width: 41.66667% }
.zz-col-6 { width: 50% }
.zz-col-7 { width: 58.33333% }
.zz-col-8 { width: 66.66667% }
.zz-col-9 { width: 75% }
.zz-col-10 { width: 83.33333% }
.zz-col-11 { width: 91.66667% }
.zz-col-12 { width: 100% }
.zz-col-13 { width: 2% }
.zz-col-14 { width: 20% }
.zz-col-15 { width: 15% }
.zz-col-16 { width: 23% }
.zz-col-17 { width: 10% }
.zz-col-18 { width: 11% }
.zz-col-19 { width: 20% }
.zz-col-20 { width: 63.33333% }
.zz-page-layout { height: 100%; overflow: hidden; position: relative }
.layout3 .main-section, .layout4 .main-section { height: 100%; min-height: 100vh }
.layout3 .main-section .page-header, .layout4 .main-section .page-header { width: 300px; height: 100%; position: fixed }
.layout3 .main-section .page-header { top: 0; left: 0 }
.layout4 .main-section .page-header { right: 0; top: 0 }
.layout3 .main-section .body-footer, .layout4 .main-section .body-footer { width: -webkit-calc(100% - 300px); width: calc(100% - 300px); height: 100% }
.layout3 .main-section .body-footer { margin-left: 300px }
.layout3 .page-header .zz-row, .layout4 .page-header .zz-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
.layout3 .page-header .zz-row [class*=zz-column], .layout4 .page-header .zz-row [class*=zz-column] { float: none !important; width: 100% !important; display: block !important }
@media (max-width: 767px) {
.zz-col-xs-1 { width: 8.33333% }
.zz-col-xs-2 { width: 16.66667% }
.zz-col-xs-3 { width: 25% }
.zz-col-xs-4 { width: 33.33333% }
.zz-col-xs-5 { width: 41.66667% }
.zz-col-xs-6 { width: 50% }
.zz-col-xs-7 { width: 58.33333% }
.zz-col-xs-8 { width: 66.66667% }
.zz-col-xs-9 { width: 75% }
.zz-col-xs-10 { width: 83.33333% }
.zz-col-xs-11 { width: 91.66667% }
.zz-col-xs-12 { width: 100% }
.zz-col-xs-13 { width: 2% }
.zz-col-xs-14 { width: 20% }
.zz-col-xs-15 { width: 15% }
.zz-col-xs-16 { width: 23% }
.zz-col-xs-17 { width: 10% }
.zz-col-xs-18 { width: 11% }
.zz-col-xs-19 { width: 20% }
.zz-col-xs-20 { width: 63.33333% }
.hidden-mobile { display: none !important }
.layout3 .main-section, .layout4 .main-section { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100% }
.layout3 .main-section .page-header, .layout4 .main-section .page-header { position: relative; width: 100% !important }
.layout3 .main-section .body-footer, .layout4 .main-section .body-footer { width: 100% !important; margin-left: 0 !important }
}
@media (min-width: 768px) and (max-width: 1199px) {
.zz-col-sm-1 { width: 8.33333% }
.zz-col-sm-2 { width: 16.66667% }
.zz-col-sm-3 { width: 25% }
.zz-col-sm-4 { width: 33.33333% }
.zz-col-sm-5 { width: 41.66667% }
.zz-col-sm-6 { width: 50% }
.zz-col-sm-7 { width: 58.33333% }
.zz-col-sm-8 { width: 66.66667% }
.zz-col-sm-9 { width: 75% }
.zz-col-sm-10 { width: 83.33333% }
.zz-col-sm-11 { width: 91.66667% }
.zz-col-sm-12 { width: 100% }
.zz-col-sm-13 { width: 2% }
.zz-col-sm-14 { width: 20% }
.zz-col-sm-15 { width: 15% }
.zz-col-sm-16 { width: 23% }
.zz-col-sm-17 { width: 10% }
.zz-col-sm-18 { width: 11% }
.zz-col-sm-19 { width: 20% }
.zz-col-sm-20 { width: 63.33333% }
.hidden-ipad { display: none !important }
}
@media (min-width: 1200px) {
.hidden-pc { display: none !important }
}
.block { display: block !important }
.hide { display: none !important }
.inline { display: inline-block !important }
.text-left { text-align: left !important }
.text-center { text-align: center !important }
.text-right { text-align: right !important }
.v-middle { vertical-align: middle !important }
.v-top { vertical-align: top !important }
.v-bottom { vertical-align: bottom !important }
.no-radius { border-radius: 0 }
.r { border-radius: 2px }
.r-2x { border-radius: 4px }
.r-3x { border-radius: 6px }
.r-l { border-radius: 2px 0 0 2px }
.r-r { border-radius: 0 2px 2px 0 }
.r-t { border-radius: 2px 2px 0 0 }
.r-b { border-radius: 0 0 2px 2px }
.m-n { margin: 0 !important }
.m-xxs { margin: 2px 4px }
.m-xs { margin: 5px }
.m-sm { margin: 10px }
.m { margin: 15px }
.m-md { margin: 20px }
.m-lg { margin: 30px }
.m-xl { margin: 50px }
.m-l-none { margin-left: 0 !important }
.m-l-xs { margin-left: 5px }
.m-l-sm { margin-left: 10px }
.m-l { margin-left: 15px }
.m-l-md { margin-left: 20px }
.m-l-lg { margin-left: 30px }
.m-l-xl { margin-left: 40px }
.m-l-xxl { margin-left: 50px }
.m-l-n-xxs { margin-left: -1px }
.m-l-n-xs { margin-left: -5px }
.m-l-n-sm { margin-left: -10px }
.m-l-n { margin-left: -15px }
.m-l-n-md { margin-left: -20px }
.m-l-n-lg { margin-left: -30px }
.m-l-n-xl { margin-left: -40px }
.m-l-n-xxl { margin-left: -50px }
.m-t-none { margin-top: 0 !important }
.m-t-xxs { margin-top: 1px }
.m-t-xs { margin-top: 5px }
.m-t-sm { margin-top: 10px }
.m-t { margin-top: 15px }
.m-t-md { margin-top: 20px }
.m-t-lg { margin-top: 30px }
.m-t-xl { margin-top: 40px }
.m-t-xxl { margin-top: 50px }
.m-t-n-xxs { margin-top: -1px }
.m-t-n-xs { margin-top: -5px }
.m-t-n-sm { margin-top: -10px }
.m-t-n { margin-top: -15px }
.m-t-n-md { margin-top: -20px }
.m-t-n-lg { margin-top: -30px }
.m-t-n-xl { margin-top: -40px }
.m-t-n-xxl { margin-top: -50px }
.m-r-none { margin-right: 0 !important }
.m-r-xxs { margin-right: 1px }
.m-r-xs { margin-right: 5px }
.m-r-sm { margin-right: 10px }
.m-r { margin-right: 15px }
.m-r-md { margin-right: 20px }
.m-r-lg { margin-right: 30px }
.m-r-xl { margin-right: 40px }
.m-r-xxl { margin-right: 50px }
.m-r-n-xxs { margin-right: -1px }
.m-r-n-xs { margin-right: -5px }
.m-r-n-sm { margin-right: -10px }
.m-r-n { margin-right: -15px }
.m-r-n-md { margin-right: -20px }
.m-r-n-lg { margin-right: -30px }
.m-r-n-xl { margin-right: -40px }
.m-r-n-xxl { margin-right: -50px }
.m-b-none { margin-bottom: 0 !important }
.m-b-xxs { margin-bottom: 1px }
.m-b-xs { margin-bottom: 5px }
.m-b-sm { margin-bottom: 10px }
.m-b { margin-bottom: 15px }
.m-b-md { margin-bottom: 20px }
.m-b-lg { margin-bottom: 30px }
.m-b-xl { margin-bottom: 40px }
.m-b-xxl { margin-bottom: 50px }
.m-b-n-xxs { margin-bottom: -1px }
.m-b-n-xs { margin-bottom: -5px }
.m-b-n-sm { margin-bottom: -10px }
.m-b-n { margin-bottom: -15px }
.m-b-n-md { margin-bottom: -20px }
.m-b-n-lg { margin-bottom: -30px }
.m-b-n-xl { margin-bottom: -40px }
.m-b-n-xxl { margin-bottom: -50px }
.no-padder { padding: 0 !important }
.wrapper-xs { padding: 5px }
.wrapper-sm { padding: 10px }
.wrapper { padding: 15px }
.wrapper-md { padding: 20px }
.wrapper-lg { padding: 30px }
.wrapper-xl { padding: 50px }
.padder-lg { padding: 0 30px }
.padder-25 { padding: 0 25px }
.padder-md { padding: 0 20px }
.padder { padding: 0 15px }
.padder-sm { padding: 0 10px }
.padder-xs { padding: 0 5px }
.padder-v-lg { padding: 30px 0 }
.padder-v-md { padding: 20px 0 }
.padder-v { padding: 15px 0 }
.padder-v-sm { padding: 10px 0 }
.padder-v-xs { padding: 5px 0 }
.pos-rlt { position: relative }
.pos-stc { position: static !important }
.pos-abt { position: absolute }
.pos-fix { position: fixed }
.w-xxs { width: 60px }
.w-xs { width: 90px }
.w-sm { width: 150px }
.w { width: 200px }
.w-md { width: 240px }
.w-lg { width: 280px }
.w-xl { width: 320px }
.w-xxl { width: 360px }
.w-full { width: 100% }
.w-auto { width: auto }
.img-full { width: 100% }
.img-full img { width: 100% }
.h-auto { height: auto }
.h-full { height: 100% }
.l-h { line-height: 1.42857143 }
.l-h-0x { line-height: 0 }
.l-h-1x { line-height: 1.2 }
.l-h-2x { line-height: 2em }
.l-s-1x { letter-spacing: 1 }
.l-s-2x { letter-spacing: 2 }
.l-s-3x { letter-spacing: 3 }
.text-primary { color: #27c24c }
.text-warning { color: #f70 !important }
.text-error { color: #D50000 !important }
.text-white { color: #fff }
.text-gray { color: #aaa }
.text-muted { color: #999 }
.text-desc { color: #666666 }
.text-color { color: #333 }
.text-black { color: #000 }
.bg-gray { background: #f8f9fa !important }
.bg-transparent { background: transparent !important }
.bg-muted { background-color: #f8f8f8 }
.font-normal { font-weight: normal }
.font-thin { font-weight: 300 }
.font-bold { font-weight: 700 }
.f10 { font-size: 10px !important }
.f12 { font-size: 12px !important }
.f13 { font-size: 13px !important }
.f14 { font-size: 14px !important }
.f16 { font-size: 16px !important }
.f18 { font-size: 18px !important }
.f20 { font-size: 20px !important }
.f22 { font-size: 22px !important }
.f24 { font-size: 24px !important }
.f26 { font-size: 24px !important }
.f28 { font-size: 24px !important }
.f30 { font-size: 30px !important }
.f36 { font-size: 36px !important }
.f42 { font-size: 42px !important }
.f48 { font-size: 48px !important }
.tag { background-color: #C2C2C2; display: inline-block; padding: 5px 10px; font-size: 12px; color: #F6F6F6; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; white-space: nowrap }
.tag-primary { background-color: #27C24C; color: #fff }
.tag-success { background-color: #46B519; color: #fff }
.tag-info { background-color: #009CFF; color: #fff }
.tag-warning { background-color: #FE9600; color: #fff }
.tag-error { background-color: #C71717; color: #fff }
.tag-plain { border: 1px solid #C2C2C2; display: inline-block; padding: 5px 10px; font-size: 12px; color: #C2C2C2; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; white-space: nowrap }
.tag-plain-primary { border: 1px solid #27C24C; color: #27C24C }
.tag-plain-warning { border: 1px solid #f70; color: #f70 }
.tag-plain-error { border: 1px solid #f56c6c; color: #f56c6c }
.clearfix:before, .clearfix:after { display: table; content: "" }
.clearfix:after { clear: both }
.clear-float { clear: both }
.pull-right { float: right }
.pull-left { float: left }
.pull-none { float: none }
.hand { cursor: pointer }
.move { cursor: move }
.cursor-pointer { cursor: pointer }
.pointer-none { pointer-events: none }
h1.title { font-weight: 400; color: #333 }
h3.subTitle { color: #666; font-weight: 400 }
.flex-auto { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center }
.flex-middle { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center }
.no-listData { border: 1px dashed #ccc; padding: 20px 0 }
.border-left { border-left: 1px solid #ccc; padding-left: 10px }
.no-line { border-width: 0 }
.no-border, .no-borders { border-color: transparent !important; border-width: 0 }
.text-ellipsis { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.text-ellipsis-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.next-line { white-space: pre-line }
.no-highlight { outline: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; -webkit-tap-highlight-color: transparent }
.row { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important }
.handle { cursor: move }
.nodrag { display: block }
.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.bg-f8 { background-color: #f8f8f8 }
.show-around { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around }
.prevent-scroll { overflow-y: hidden }
.is--flex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex }
.filter-gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: gray; filter: gray }
:focus { outline: none }
.wow { visibility: hidden }
.single .wow { visibility: visible }
.zz-noData { position: relative; z-index: 1; width: 100%; height: 100px; border: 1px dashed #ccc; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center }
.do-middle { display: table; table-layout: fixed; width: 100%; height: 100%; vertical-align: middle; text-align: center }
.do-middle .do-middle-center { display: table-cell; vertical-align: middle; width: 100% }
@media (hover: none) {
body, .zz-page-layout, .zz-bg>.zz-bg-img, .zz-row-wrapper, .zz-comp-text { background-attachment: initial !important }
}
.zz-comp { position: relative }
.zz-comp-col { height: 100%; z-index: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex }
.zz-comp-col .col__wrapper { width: 100% }
.zz-bg, .zz-bg-color, .zz-bg-media, .zz-bg-img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden }
.zz-bg { z-index: -1 }
.zz-bg-color { z-index: 1 }
.zz-bg-media .video-background { -o-object-fit: cover; object-fit: cover; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.zz-bg-media img { -o-object-fit: cover; object-fit: cover; height: 100%; width: 100% }
.zz-comp-block-wrap { z-index: 0 }
.zz-comp-block-wrap.is-float { position: absolute; width: 100%; z-index: 999 }
.zz-container { width: 100%; max-width: 1440px; z-index: 0 }
[zz-page-width='default'] .zz-container { max-width: 1000px }
[zz-page-width='narrow'] .zz-container { max-width: 1200px }
[zz-page-width='wide'] .zz-container { max-width: 1400px }
.object-fit-cover { -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover' }
.object-fit-contain { -o-object-fit: contain; object-fit: contain; font-family: 'object-fit: contain' }
.zz-comp-map .amap-info-outer { -webkit-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.14); box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.14) }
.component-holder { height: 200px; line-height: 200px; text-align: center; background-color: #f5f5f5; color: #999 }
.zz-comp-divide_line .divide_line_wrapper { height: 60px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center }
.zz-comp-divide_line .divide_line { width: 100%; border-bottom:1px solid #eaeaea }
.zz-tag { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; padding: 10px; font-size: 12px; line-height: 1 }
.zz-tag+.zz-tag { margin-left: 10px }
.zz-comp-logo { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center }
.zz-comp-logo .logo__wrapper { color: #666 }
.zz-comp-logo .logo__wrapper h1 { margin-bottom: 0; word-break: break-all }
.zz-comp-map img { max-width: none; width: 100% }
.zz-comp-map .map-content { position: relative; padding-top: 60% }
.zz-comp-map .amap-instance { width: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0 }
.zz-comp-map .BMap_bubble_title { font-size: 18px }
.zz-comp-map .map-info { font-size: 14px; color: #999; margin-top: 5px }
.fp-auto-height-section { height: auto !important }
.fp-auto-height-section .fp-tableCell { height: auto !important }
.fp-tableCell .zz-container { margin: 0 auto }
img.lazyload:not([src]) { visibility: hidden }
.layui-laydate-content td, .layui-laydate-content th { border: none !important }
.iconfont { line-height: 1 }
.icon-loading { -webkit-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite }
@-webkit-keyframes rotating { 0% {
-webkit-transform:rotateZ(0deg);
transform:rotateZ(0deg)
}
100% {
-webkit-transform:rotateZ(360deg);
transform:rotateZ(360deg)
}
}
@keyframes rotating { 0% {
-webkit-transform:rotateZ(0deg);
transform:rotateZ(0deg)
}
100% {
-webkit-transform:rotateZ(360deg);
transform:rotateZ(360deg)
}
}
.zz-comp-list { margin-left: -12px; margin-right: -12px }
.zz-comp-list svg { fill: #000 }
.zz-comp-list { -webkit-transition: all 0.3s linear; transition: all 0.3s linear }
.zz-comp-list:hover { -webkit-transition: all 0.3s linear; transition: all 0.3s linear }
.zz-comp-list:not(.swiper-container) .zz-comp-list__wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100% }
.zz-comp-list__item { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 1; height: auto !important }
.zz-comp-list__item .zz-element-wrapper { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; z-index: 1; height: 100% }
.zz-comp-list__item .zz-element-wrapper .text { overflow: hidden; margin-bottom: 0 }
.zz-comp-list__item .zz-element-wrapper .title .content, .zz-comp-list__item .zz-element-wrapper .des .content { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; visibility: visible }
.zz-comp-list__item .zz-element-wrapper .title h4 { margin-bottom: 0 }
.zz-comp-list__item .zz-element-wrapper>.img { position: relative; padding-top: 68%; overflow: hidden }
.do-img-cover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center }
.zz-comp-list__item .zz-element-wrapper>.img img { max-height: 100%; width:100%; height: 100% }
.page_contact .zz-comp-list__item .zz-element-wrapper>.img img { max-height: 100%; width:45%; height: 100% }
.zz-comp-list__item .zz-element-wrapper .apply-time { font-size: 12px; color: #999; font-weight: 400; margin-top: 10px; display: inline-block }
.zz-comp-list__item .zz-element-wrapper .apply-time .ymd-r { text-align: right }
.zz-comp-list__item .zz-element-wrapper .apply-time div { padding: 10px 0 }
.zz-comp-list__item .zz-element-wrapper.zz-comp-list--flip>.img { position: relative; padding-top: 50%; overflow: hidden }
.zz-comp-list__item .zz-element-wrapper.zz-comp-list--flip>.img:hover .img-0 { -webkit-transform: translateY(-100%); transform: translateY(-100%) }
.zz-comp-list__item .zz-element-wrapper.zz-comp-list--flip>.img:hover .img-1 { -webkit-transform: translateY(0%); transform: translateY(0%) }
.zz-comp-list__item .zz-element-wrapper.zz-comp-list--flip .img-0 { -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99) }
.zz-comp-list__item .zz-element-wrapper.zz-comp-list--flip .img-1 { -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99) }
.zz-comp-list__item .time-overlay-left .apply-time { position: absolute; top: 0; left: 0; margin: 0 }
.zz-comp-list__item .time-overlay-right .apply-time { position: absolute; top: 0; right: 0; margin: 0 }
.zz-comp-list__item .time-top .text-body { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
.zz-comp-list__item .time-top .apply-time { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin: 0 0 10px 0 }
.zz-comp-list__item .zz-element-wrapper.time-left { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row }
.zz-comp-list__item .zz-element-wrapper.time-left .apply-time { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 10px 0 0 }
.zz-comp-list__item .zz-element-wrapper.time-right { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row }
.zz-comp-list__item .zz-element-wrapper.time-right .text { -webkit-box-flex: 1; -webkit-flex: 1 1 0%; -moz-box-flex: 1; -ms-flex: 1 1 0%; flex: 1 1 0% }
.zz-comp-list__item .zz-element-wrapper.time-right .apply-time { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 0 0 10px }
.zz-comp-list__item.is-left>.zz-element-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row }
.zz-comp-list__item.is-left>.zz-element-wrapper>.img { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 50%; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto }
.zz-comp-list__item.is-left>.zz-element-wrapper>.text { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-flex: 1; -webkit-flex: 1 1 0%; -moz-box-flex: 1; -ms-flex: 1 1 0%; flex: 1 1 0% }
.zz-comp-list__item.is-right>.zz-element-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row }
.zz-comp-list__item.is-right>.zz-element-wrapper>.img { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 50%; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto }
.zz-comp-list__item.is-right>.zz-element-wrapper>.text { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-flex: 1; -webkit-flex: 1 1 0%; -moz-box-flex: 1; -ms-flex: 1 1 0%; flex: 1 1 0% }
.zz-comp-list__item.is-bottom>.zz-element-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
.zz-comp-list__item.is-bottom>.zz-element-wrapper>.img { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 }
.zz-comp-list__item.is-gallery>.zz-element-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
.zz-comp-list__item.is-gallery:nth-child(even)>.zz-element-wrapper>.img { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 }
.zz-comp-list__item.is-gallery:nth-child(even)>.zz-element-wrapper>.text { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 }
.zz-comp-list__item.is-gallery:nth-child(odd)>.zz-element-wrapper>.img { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 }
.zz-comp-list__item.is-gallery:nth-child(odd)>.zz-element-wrapper>.text { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 }
.zz-comp-list__item.is-text-bottom .text { position: absolute; bottom: 0; left: 0; right: 0; padding: 8px 12px }
.zz-comp-list__item.is-text-bottom.is-hover-text .text { opacity: 0; visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out }
.zz-comp-list__item.is-text-bottom.is-hover-text:hover .text { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out }
.zz-comp-list__item.is-text-overlay .text { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-items: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center }
.zz-comp-list__item.is-text-overlay .text>.text-body { width: 100% }
.zz-comp-list__item.is-text-overlay.is-hover-text .text { opacity: 0; -webkit-transition: all 0.3s linear; transition: all 0.3s linear }
.zz-comp-list__item.is-text-overlay.is-hover-text:hover .text { opacity: 1; -webkit-transition: all 0.3s linear; transition: all 0.3s linear }
.zz-swiper-wrapper { -webkit-transition: all 0.3s linear; transition: all 0.3s linear }
.zz-swiper-wrapper:hover { -webkit-transition: all 0.3s linear; transition: all 0.3s linear }
.zz-swiper-wrapper .swiper-center, .zz-swiper-wrapper .arrow-normal { padding: 0 56px }
.zz-swiper-wrapper .swiper-pagination:not(.swiper-pagination-progressbar) { position: relative; left: 50% !important; -webkit-transform: translate(-50%, 0) !important; transform: translate(-50%, 0) !important; width: inherit !important; bottom: auto; margin-top: 30px }
.zz-swiper-wrapper .swiper-pagination:not(.swiper-pagination-progressbar) .swiper-pagination-bullet { margin: 0 4px !important }
.zz-swiper-wrapper .swiper-button-prev, .zz-swiper-wrapper .swiper-button-next { height: auto !important; width: auto !important; background-image: none !important; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center }
.zz-swiper-wrapper .swiper-button-next { -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.arrow-bottom .swiper-button-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center }
.arrow-bottom .swiper-button-wrapper>.swiper-button-prev, .arrow-bottom .swiper-button-wrapper>.swiper-button-next { margin-top: 0; top: 0 }
.arrow-bottom .swiper-button-wrapper>.swiper-button { left: auto; right: auto; position: relative }
.arrow-bottom .swiper-button-wrapper>.swiper-button-prev { margin-right: 30px }
.arrow-topRight .swiper-button-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end }
.arrow-topRight .swiper-button-wrapper>.swiper-button-prev, .arrow-topRight .swiper-button-wrapper>.swiper-button-next { margin-top: 0; top: 0 }
.arrow-topRight .swiper-button-wrapper>.swiper-button { left: auto; right: auto; position: relative }
.arrow-topRight .swiper-button-wrapper>.swiper-button-prev { margin-right: 30px }
.swiper-center .swiper-wrapper .swiper-slide { -webkit-transform: scale(0.9); transform: scale(0.9) }
.swiper-center .swiper-wrapper .swiper-slide-active { -webkit-transform: scale(1); transform: scale(1) }
.swiper-pagination.custom .swiper-pagination-bullet { width: 30px; height: 10px; border-radius: 0 }
.swiper-pagination.custom2 .swiper-pagination-bullet, .swiper-pagination.custom1 .swiper-pagination-bullet { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px }
.swiper-pagination.custom2 .swiper-pagination-bullet { border-radius: 0 }
.num1 .zz-comp-list__item { width: 100% }
.num2 .zz-comp-list__item { width: 50% }
.num3 .zz-comp-list__item { width: 33.333333333333333% }
.num4 .zz-comp-list__item { width: 25% }
.num5 .zz-comp-list__item { width: 20% }
.num6 .zz-comp-list__item { width: 16.666666666666666% }
.num7 .zz-comp-list__item { width: 14.285671428571429% }
.num8 .zz-comp-list__item { width: 12.5% }
.num9 .zz-comp-list__item { width: 11.111111111111111% }
.num10 .zz-comp-list__item { width: 10% }
@media (max-width: 676px) {
.num1-mobile .zz-comp-list__item { width: 100% }
.num2-mobile .zz-comp-list__item { width: 50% }
.num3-mobile .zz-comp-list__item { width: 33.333333333333333% }
.num4-mobile .zz-comp-list__item { width: 25% }
.num5-mobile .zz-comp-list__item { width: 20% }
.num6-mobile .zz-comp-list__item { width: 16.666666666666666% }
.num7-mobile .zz-comp-list__item { width: 14.285671428571429% }
.num8-mobile .zz-comp-list__item { width: 12.5% }
.num9-mobile .zz-comp-list__item { width: 11.111111111111111% }
.num10-mobile .zz-comp-list__item { width: 10% }
}
@media (min-width: 678px) and (max-width: 1199px) {
.num1-ipad .zz-comp-list__item { width: 100% }
.num2-ipad .zz-comp-list__item { width: 50% }
.num3-ipad .zz-comp-list__item { width: 33.333333333333333% }
.num4-ipad .zz-comp-list__item { width: 25% }
.num5-ipad .zz-comp-list__item { width: 20% }
.num6-ipad .zz-comp-list__item { width: 16.666666666666666% }
.num7-ipad .zz-comp-list__item { width: 14.285671428571429% }
.num8-ipad .zz-comp-list__item { width: 12.5% }
.num9-ipad .zz-comp-list__item { width: 11.111111111111111% }
.num10-ipad .zz-comp-list__item { width: 10% }
}
.zz-comp-list-empty { padding: 40px 12px 0 12px; text-align: center; color: #666 }
.zz-comp-mNav { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; z-index: 7; display: none }
.zz-comp-mNav .nav__wrapper { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 12; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 5px; height: 55px }
.zz-comp-mNav .nav__wrapper>.logo { margin-bottom: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center }
.zz-comp-mNav .nav__wrapper>.logo h1 { margin-bottom: 0 }
.zz-comp-mNav .nav-btn { cursor: pointer }
.zz-comp-mNav .nav-btn i { position: relative; width: 24px; height: 24px; display: block }
.zz-comp-mNav .nav-btn i:before, .zz-comp-mNav .nav-btn i:after, .zz-comp-mNav .nav-btn i em { content: ''; display: inline-block; position: absolute; left: 0; height: 2px; top: 50%; margin-top: -1px; border-radius: 2px; background-color: #1a1a1a; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-delay: .1s; transition-delay: .1s; width: 100%; -webkit-transform-origin: center; transform-origin: center }
.zz-comp-mNav .nav-btn i em { display: inline-block; -webkit-transition-delay: .1s; transition-delay: .1s }
.zz-comp-mNav .nav-btn i:before { -webkit-transform: translateY(6px); transform: translateY(6px) }
.zz-comp-mNav .nav-btn i:after { -webkit-transform: translateY(-6px); transform: translateY(-6px) }
.zz-comp-mNav .nav-btn.is-open i em { opacity: 0 }
.zz-comp-mNav .nav-btn.is-open i:before { -webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg) }
.zz-comp-mNav .nav-btn.is-open i:after { -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg) }
.zz-comp-mNav .nav-overlay { position: fixed; width: 100%; min-height: 100vh; height: 100%; top: 0; left: 0; z-index: 9; background-color: rgba(0,0,0,0.5) }
.zz-comp-mNav .menu-list { background-color: #fff; position: fixed; top: 0; left: 0; z-index: 10; width: 100%; min-height: 100vh; height: 100% }
.zz-comp-mNav .menu-list .close { cursor: pointer; opacity: 0; height: 55px }
.zz-comp-mNav .menu-list .close i { line-height: 1.5 }
.zz-comp-mNav.is-fixed>.nav__wrapper { position: fixed !important; top: 0; width: 100%; height: 55px }
.zz-comp-mNav.is-fixed::before { content: ''; display: block; height: 55px; width: 100%; position: relative }
.zz-comp-mNav.slide-right .menu-list { right: 0; left: inherit }
.zz-comp-mNav.menu-full>.nav__wrapper { z-index: 9 }
.zz-comp-mNav.menu-full>.nav__wrapper>.nav-btn.is-open { display: none }
.zz-comp-mNav.menu-full .nav-overlay { z-index: 10 }
.zz-comp-mNav.menu-full .menu-list { top: 0; z-index: 11 }
.zz-comp-mNav.menu-full .menu-list .close { opacity: 1 }
.logo--center .logo { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.btn--left:not(.logo--center) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse }
.btn--right { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row }
.btn--right.logo--center { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse }
@media (max-width: 676px) {
.zz-comp-mNav { display: block }
}
.zz-comp-button .btn-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }
.zz-button { padding: 12px 40px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; line-height: 1; white-space: nowrap; cursor: pointer; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; -webkit-transition: .1s; transition: .1s; font-weight: 500; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background: #fff }
.zz-button:disabled { color: #c0c4cc !important; cursor: not-allowed }
.zz-button.is-circle { border-radius: 50%; padding: 12px }
.zz-button .btn-icon svg { width: 14px; height: 14px; fill: #000 }
.zz-button a { color: inherit }
.zz-button .btn-icon--right { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-left: 3px }
.zz-button .btn-icon--left { margin-right: 3px }
.zz-comp-upDown { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 10px }
.zz-comp-upDown .zz-upDown-item { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; overflow: hidden }
.zz-comp-upDown .zz-upDown-item.is-disabled { opacity: 0.6 }
.zz-comp-upDown .zz-upDown-item.is-prev .zz-upDown-item__prefix { margin-right: 10px }
.zz-comp-upDown .zz-upDown-item.is-next { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end }
.zz-comp-upDown .zz-upDown-item.is-next .zz-upDown-item__prefix { margin-left: 10px }
.zz-comp-upDown .zz-upDown-item.is-next .cover-title { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end }
.zz-comp-upDown .zz-upDown-item .zz-upDown-item__prefix { min-width: auto; -webkit-box-flex: 0; -webkit-flex: none; -moz-box-flex: 0; -ms-flex: none; flex: none }
.zz-comp-upDown .zz-upDown-item .article-title { padding: 0 10px }
.zz-comp-upDown .cover-title { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; max-width: 100% }
.zz-comp-upDown .cover-title .article-logo { -webkit-box-flex: 0; -webkit-flex: none; -moz-box-flex: 0; -ms-flex: none; flex: none }
.zz-comp-upDown.is-top-one .zz-upDown-item, .zz-comp-upDown.is-top .zz-upDown-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start }
.zz-comp-upDown.is-top-one .zz-upDown-item .zz-upDown-item__colon, .zz-comp-upDown.is-top .zz-upDown-item .zz-upDown-item__colon { display: none }
.zz-comp-upDown.is-top-one .zz-upDown-item.is-next, .zz-comp-upDown.is-top .zz-upDown-item.is-next { -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end }
.zz-comp-upDown.is-top-one .zz-upDown-item.is-next .zz-upDown-item__prefix, .zz-comp-upDown.is-top .zz-upDown-item.is-next .zz-upDown-item__prefix { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 }
.zz-comp-upDown.is-top-one .zz-upDown-item .cover-title, .zz-comp-upDown.is-top .zz-upDown-item .cover-title { margin-top: 10px }
.zz-comp-upDown.is-line-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
.zz-comp-upDown.is-line-column .zz-upDown-item { padding-bottom: 10px }
.zz-comp-upDown.is-line-column .zz-upDown-item .zz-upDown-item__prefix { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex }
.zz-comp-upDown.is-line-column .zz-upDown-item .zz-upDown-item__arrow { line-height: inherit }
.zz-comp-upDown.is-line-column .zz-upDown-item.is-next { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
.zz-comp-upDown.is-line-column .zz-upDown-item.is-next .cover-title { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
.zz-comp-upDown.is-line-column .zz-upDown-item.is-next .cover-title .article-logo { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 }
.zz-comp-upDown.is-line-column .zz-upDown-item.is-next .zz-upDown-item__prefix { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin-left: 0; margin-right: 10px }
.zz-comp-upDown.is-line-column .zz-upDown-item.is-next .zz-upDown-item__arrow { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.zz-comp-upDown.is-line-column .zz-upDown-item.is-next .zz-upDown-item__label { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 }
.zz-comp-upDown.is-line-column .zz-upDown-item.is-next .zz-upDown-item__colon { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 }
.zz-comp-upDown.is-top-one .zz-upDown-item .zz-upDown-item__prefix { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex }
.zz-comp-upDown.is-top-one .zz-upDown-item .zz-upDown-item__arrow { line-height: inherit }
.zz-comp-upDown.is-top-one .zz-upDown-item.is-next { -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start }
.zz-comp-upDown.is-top-one .zz-upDown-item.is-next .cover-title { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
.zz-comp-upDown.is-top-one .zz-upDown-item.is-next .zz-upDown-item__prefix { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin-left: 0; margin-right: 10px }
.zz-comp-upDown.is-top-one .zz-upDown-item.is-next .zz-upDown-item__arrow { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.zz-comp-upDown.is-top-one .zz-upDown-item.is-next .zz-upDown-item__label { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 }
.zz-comp-upDown.is-top-one .zz-upDown-item.is-next .zz-upDown-item__colon { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 }
.zz-comp-layout-free { min-height: 100px; width: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s linear; transition: all 0.3s linear }
.zz-comp-layout-free:hover { -webkit-transition: all 0.3s linear; transition: all 0.3s linear }
.zz-comp-layout-free .free-item { position: absolute; width: 100%; height: 100% }
.zz-comp-layout-free .free-item.mirrorRotateLevel { -webkit-transform: rotateY(180deg); transform: rotateY(180deg) }
.zz-comp-layout-free .free-item.mirrorRotateVertical { -webkit-transform: rotateX(180deg); transform: rotateX(180deg) }
.zz-tabs { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex }
.zz-tabs__header { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin: 0 0 15px }
.zz-tabs__header.is-scrollable { padding: 0 20px }
.zz-tabs__nav-scroll { overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex }
.zz-tabs__nav { white-space: nowrap; position: relative; float: left; z-index: 2; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s }
.zz-tabs__item { line-height: 2; display: inline-block; font-size: 14px; color: #999; cursor: pointer; margin-right: 10px; padding: 0 5px }
.zz-tabs__item.is-left { display: block }
.zz-tabs__item.is-right { display: block }
.zz-tabs__item.is-active { color: #333 }
.zz-tabs__nav-prev, .zz-tabs__nav-next { position: absolute; cursor: pointer; line-height: 44px; font-size: 12px; color: #909399; display: none; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.zz-tabs__nav-prev .iconfont,.zz-tabs__nav-next .iconfont { font-family: "iconfont" !important; font-size: 30px !important; font-weight:bold !important; color:#3798db !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.zz-tabs__nav-prev { left: 0 }
.zz-tabs__nav-next { right: 0 }
.zz-tabs__content { width: 100%; overflow: hidden }
.zz-tabs--top, .zz-tabs--bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
.zz-tabs--bottom>.zz-tabs__header { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 }
.zz-tabs--bottom>.zz-tabs__content { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 }
.zz-tabs--left>.zz-tabs__content { -webkit-box-flex: 1; -webkit-flex: auto; -moz-box-flex: 1; -ms-flex: auto; flex: auto }
.zz-tabs--right>.zz-tabs__header { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 }
.zz-tab-pane { display: none }
.zz-tab-pane:first-child { display: block }
.zz-collapse-item { margin-bottom: 10px }
.zz-collapse-item__header { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; background-color: #fafafa }
.zz-collapse-item__arrow { margin: 0 8px 0 auto; font-size: 14px }
.zz-collapse-item.is-active>.zz-collapse-item__header .zz-collapse-item__arrow { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.3s; transition: all 0.3s }
.item-title { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: none }
.item-title .item-title__name { padding: 0 5px }
.item-title .item-title__icon { display: inherit; padding-bottom:10px }
.item-title.is-iconOnTheRight .item-title__icon { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 }
.item-title.is-iconOnTheRight .item-title__name { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 }
.item-title.is-iconAbove { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
.item-title.is-iconUnder { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
.item-title.is-iconUnder .item-title__icon { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 }
.item-title__icon svg { width: 18px; height: 18px }
.zz-comp-spec { border-radius: 5px; padding: 10px }
.zz-comp-spec.spec-narrowList .spec-line { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start }
.zz-comp-spec.spec-narrowList .spec-line .spec-list { margin-left: 0; margin-top: 10px }
.spec-line { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px }
.spec-title { min-width: 80px; white-space: normal; font-weight: 500; color: #404142; line-height: 1; margin-bottom: 10px }
.spec-title span { word-break: break-all }
.spec-list { margin-left: 20px; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }
.spec-item { margin-right: 10px; margin-bottom: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer }
.spec-item.is-active { color: #45BB43 }
.spec-item.is-active .display-tag::before { content: ''; position: absolute; width: 10px; height: 6px; top: 1px; left: 50%; margin-left: -5px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border: 1px solid; border-top-color: transparent; border-right-color: transparent; border-bottom-color: #f0f0f0; border-left-color: #f0f0f0 }
.spec-item.is-active.spec-item__img { border: 1px solid #1db514 !important }
.spec-item span { line-height: 1; display: block }
.spec-item .display-tag { width: 26px; height: 16px; border: 1px solid #e0e0e0; position: relative }
.spec-item.spec-item__img { max-width: 60px; overflow: hidden }
.spec-filter { font-style: normal; color: #666666; line-height: 36px; cursor: pointer }
.spec-filter .filter-tip { font-style: normal; margin-right: 10px }
.spec-popover { max-width: 375px }
.spec-popover .search-title { position: relative; font-size: 16px; padding: 10px 0; color: #333 }
.spec-popover .close { position: absolute; right: 10px; top: 10px; cursor: pointer }
.spec-popover .zz-dlg-footer .footer-wrap { width: 100%; height: 44px; border-top: 1px solid #F5F5F5; position: absolute; bottom: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; background-color: #fff; z-index: 3 }
.spec-popover .zz-dlg-footer .footer-wrap .zz-btn { width: 100%; height: 100%; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center }
.spec-popover .zz-dlg-footer .footer-wrap .zz-btn:hover { background-color: #f5f5f5 }
.spec-popover .zz-dlg-footer .footer-wrap .zz-btn:first-child { border-right: 1px solid #F5F5F5 }
.spec-nodata { padding: 10px 0; font-size: 14px; color: #ed2b2b }
.zz-comp-video { position: relative }
.zz-comp-video video { -o-object-fit: cover; object-fit: cover }
.video-content { position: relative; padding-top: 60% }
.video-url { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden }
.video-error { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center }
.video-poster { position: absolute; top: 0; left: 0; right: 0; bottom: 0 }
.video-poster img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover }
.video-poster .video-btn { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 60px; height: 60px; color: #fff; cursor: pointer; text-align: center; border-radius: 50%; background-color: rgba(0,0,0,0.3) }
.video-poster .video-btn>i { font-size: 62px; line-height: 1; pointer-events: none }
.video-title { padding: 10px; color: #666 }
.video-title.no-title { display: none }
.video-title.is-title-overlay { position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px 10px; background-color: rgba(0,0,0,0.3); color: #fff }
.zz-video-dlg .zz-dialog__header { padding: 0 }
.zz-video-dlg .zz-dialog__header .zz-dialog__close { top: -50px; right: -10%; border: 2px solid #fff; width: 30px; height: 30px; border-radius: 50%; -webkit-box-shadow: 0 2px 8px 0 rgba(30,39,48,0.1); box-shadow: 0 2px 8px 0 rgba(30,39,48,0.1); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); color: #fff }
.zz-video-dlg .zz-dialog__body { padding: 5px 5px 0 5px }
.zz-video-dlg .zz-dialog__body video { max-height: 85vh }
.video-empty { font-size: 24px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 100% }
@media (max-width: 767px) {
.zz-video-dlg .zz-dialog__wrapper { width: 90% !important; margin-top: 0 !important; position: absolute; top: 40%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.zz-video-dlg .zz-dialog__header .zz-dialog__close { top: 120%; right: 50%; -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%) }
}
.zz-comp-banner .zz-banner-wrapper { position: relative }
.zz-comp-banner .banner__inner { width: 100% }
.zz-comp-banner .zz-banner__item { height: auto; overflow: hidden }
.zz-comp-banner .zz-banner__item .zz-bg-img { background-size: cover; background-position: center }
.zz-comp-banner .zz-banner__item .do-middle { position: relative; z-index: 0 }
.zz-comp-banner .zz-banner__thumbnail { position: relative; padding: 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: transparent }
.zz-comp-banner .zz-banner__thumbnail .swiper-slide { width: 25%; height: 100%; opacity: 0.4; background-size: cover; background-position: center }
.zz-comp-banner .zz-banner__thumbnail .swiper-slide.swiper-slide-active { opacity: 1 }
.zz-comp-banner .zz-banner__arrow .swiper-button-prev, .zz-comp-banner .zz-banner__arrow .swiper-button-next { height: auto; width: auto; background-image: none; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center }
.zz-comp-banner .zz-banner__arrow .swiper-button-next { -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.zz-comp-banner .swiper-pagination-bullet { margin: 0 4px }
.zz-comp-banner .swiper-container-vertical .swiper-pagination.custom1 .swiper-pagination-bullet, .zz-comp-banner .swiper-container-vertical .swiper-pagination.custom2 .swiper-pagination-bullet { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex }
.is-ie .zz-comp-banner .zz-banner__item { height: 100% }
.zz-comp-network { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex }
.zz-comp-network.is-bg .share-item i.weixin { background-color: #4BB93F }
.zz-comp-network.is-plain .share-item i.weixin { color: #4BB93F; border: 1px solid #4BB93F }
.zz-comp-network.is-plain .share-item i.weixin svg, .zz-comp-network.is-plain .share-item i.weixin path { fill: #4BB93F }
.zz-comp-network.is-icon i.weixin { color: #4BB93F }
.zz-comp-network.is-icon i.weixin svg, .zz-comp-network.is-icon i.weixin path { fill: #4BB93F }
.zz-comp-network.is-bg .share-item i.sqq { background-color: #4cafe9 }
.zz-comp-network.is-plain .share-item i.sqq { color: #4cafe9; border: 1px solid #4cafe9 }
.zz-comp-network.is-plain .share-item i.sqq svg, .zz-comp-network.is-plain .share-item i.sqq path { fill: #4cafe9 }
.zz-comp-network.is-icon i.sqq { color: #4cafe9 }
.zz-comp-network.is-icon i.sqq svg, .zz-comp-network.is-icon i.sqq path { fill: #4cafe9 }
.zz-comp-network.is-bg .share-item i.qzone { background-color: #ffce00 }
.zz-comp-network.is-plain .share-item i.qzone { color: #ffce00; border: 1px solid #ffce00 }
.zz-comp-network.is-plain .share-item i.qzone svg, .zz-comp-network.is-plain .share-item i.qzone path { fill: #ffce00 }
.zz-comp-network.is-icon i.qzone { color: #ffce00 }
.zz-comp-network.is-icon i.qzone svg, .zz-comp-network.is-icon i.qzone path { fill: #ffce00 }
.zz-comp-network.is-bg .share-item i.tsina { background-color: #d32024 }
.zz-comp-network.is-plain .share-item i.tsina { color: #d32024; border: 1px solid #d32024 }
.zz-comp-network.is-plain .share-item i.tsina svg, .zz-comp-network.is-plain .share-item i.tsina path { fill: #d32024 }
.zz-comp-network.is-icon i.tsina { color: #d32024 }
.zz-comp-network.is-icon i.tsina svg, .zz-comp-network.is-icon i.tsina path { fill: #d32024 }
.zz-comp-network.is-bg .share-item i.huaban { background-color: #EC5867 }
.zz-comp-network.is-plain .share-item i.huaban { color: #EC5867; border: 1px solid #EC5867 }
.zz-comp-network.is-plain .share-item i.huaban svg, .zz-comp-network.is-plain .share-item i.huaban path { fill: #EC5867 }
.zz-comp-network.is-icon i.huaban { color: #EC5867 }
.zz-comp-network.is-icon i.huaban svg, .zz-comp-network.is-icon i.huaban path { fill: #EC5867 }
.zz-comp-network.is-bg .share-item i.fbook { background-color: #39579a }
.zz-comp-network.is-plain .share-item i.fbook { color: #39579a; border: 1px solid #39579a }
.zz-comp-network.is-plain .share-item i.fbook svg, .zz-comp-network.is-plain .share-item i.fbook path { fill: #39579a }
.zz-comp-network.is-icon i.fbook { color: #39579a }
.zz-comp-network.is-icon i.fbook svg, .zz-comp-network.is-icon i.fbook path { fill: #39579a }
.zz-comp-network.is-bg .share-item i.twi { background-color: #00aced }
.zz-comp-network.is-plain .share-item i.twi { color: #00aced; border: 1px solid #00aced }
.zz-comp-network.is-plain .share-item i.twi svg, .zz-comp-network.is-plain .share-item i.twi path { fill: #00aced }
.zz-comp-network.is-icon i.twi { color: #00aced }
.zz-comp-network.is-icon i.twi svg, .zz-comp-network.is-icon i.twi path { fill: #00aced }
.zz-comp-network.is-bg .share-item i.tel { background-color: #F1B109 }
.zz-comp-network.is-plain .share-item i.tel { color: #F1B109; border: 1px solid #F1B109 }
.zz-comp-network.is-plain .share-item i.tel svg, .zz-comp-network.is-plain .share-item i.tel path { fill: #F1B109 }
.zz-comp-network.is-icon i.tel { color: #F1B109 }
.zz-comp-network.is-icon i.tel svg, .zz-comp-network.is-icon i.tel path { fill: #F1B109 }
.zz-comp-network.is-bg .share-item i.email { background-color: #69c127 }
.zz-comp-network.is-plain .share-item i.email { color: #69c127; border: 1px solid #69c127 }
.zz-comp-network.is-plain .share-item i.email svg, .zz-comp-network.is-plain .share-item i.email path { fill: #69c127 }
.zz-comp-network.is-icon i.email { color: #69c127 }
.zz-comp-network.is-icon i.email svg, .zz-comp-network.is-icon i.email path { fill: #69c127 }
.zz-comp-network.is-bg i { color: #fff }
.zz-comp-network .share-item { display: inline-block; padding: 0; height: auto; background-image: none; margin: 0 10px 0 0 }
.zz-comp-network .share-item i { font-size: 18px; border-radius: 2px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; line-height: 1; padding: 10px; position: relative; z-index: -1 }
.zz-comp-network .share-item:last-of-type { margin-right: 0 }
.zz-comp-share { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }
.zz-comp-share.is-bg .icon-wechat { background-color: #7bc549 }
.zz-comp-share.is-plain .share-item i.wechat { color: #7bc549; border: 1px solid #7bc549 }
.zz-comp-share.is-icon i.wechat { color: #7bc549 }
.zz-comp-share.is-bg .icon-qq { background-color: #4cafe9 }
.zz-comp-share.is-plain .share-item i.qq { color: #4cafe9; border: 1px solid #4cafe9 }
.zz-comp-share.is-icon i.qq { color: #4cafe9 }
.zz-comp-share.is-bg .icon-qzone { background-color: #FDBE3D }
.zz-comp-share.is-plain .share-item i.qzone { color: #FDBE3D; border: 1px solid #FDBE3D }
.zz-comp-share.is-icon i.qzone { color: #FDBE3D }
.zz-comp-share.is-bg .icon-weibo { background-color: #ff763b }
.zz-comp-share.is-plain .share-item i.weibo { color: #ff763b; border: 1px solid #ff763b }
.zz-comp-share.is-icon i.weibo { color: #ff763b }
.zz-comp-share.is-bg .icon-douban { background-color: #33b045 }
.zz-comp-share.is-plain .share-item i.douban { color: #33b045; border: 1px solid #33b045 }
.zz-comp-share.is-icon i.douban { color: #33b045 }
.zz-comp-share.is-bg .icon-facebook { background-color: #39579a }
.zz-comp-share.is-plain .share-item i.facebook { color: #39579a; border: 1px solid #39579a }
.zz-comp-share.is-icon i.facebook { color: #39579a }
.zz-comp-share.is-bg .icon-twitter { background-color: #00aced }
.zz-comp-share.is-plain .share-item i.twitter { color: #00aced; border: 1px solid #00aced }
.zz-comp-share.is-icon i.twitter { color: #00aced }
.zz-comp-share.is-bg .social-share-icon { color: #fff }
.zz-comp-share.is-icon .social-share-icon { border: none }
.zz-comp-share.is-custom-bg .social-share-icon { color: #fff; background-color: #999; border: none }
.zz-comp-share.is-custom-plain .social-share-icon { color: #999; background-color: transparent; border-color: #999 }
.zz-comp-share.is-custom-icon .social-share-icon { color: #999; border: none; background-color: transparent }
.zz-comp-share.social-share .social-share-icon { height: auto; width: auto; padding: 10px; line-height: 1; border-radius: 5px; font-size: 18px }
.zz-comp-share.social-share .icon-wechat:hover .wechat-qrcode { display: none }
.zz-network-dlg { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center }
.zz-network-dlg .zz-dialog { border-radius: 10px }
.zz-network-dlg .zz-dialog__header { padding: 0 }
.zz-network-dlg .zz-dialog__body { padding: 10px }
.zz-network-dlg .zz-dialog__close { position: absolute; right: -10px; top: -10px; background: #999; color: #fff; border-radius: 50%; padding: 3px; border: 2px solid #fff; width: 28px; height: 28px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center }
.zz-network-dlg .zz-dialog__close i { color: #fff; font-size: 14px }
.zz-network-dlg .zz-dialog__close:hover { background-color: #409eff }
.share-item svg { width: 18px; height: 18px }
.wechat-qrcode { border: 1px solid #eee; position: absolute; z-index: 9; width: 200px; height: 192px; color: #666; font-size: 12px; text-align: center; background-color: #fff; -webkit-box-shadow: 0 2px 10px #aaa; box-shadow: 0 2px 10px #aaa }
.wechat-qrcode h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777 }
.wechat-qrcode .qrcode { width: 105px; margin: 10px auto }
.wechat-qrcode .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0 }
.zz-comp-search .search-wrapper { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; overflow: hidden }
.zz-comp-search .input_wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: auto; -moz-box-flex: 1; -ms-flex: auto; flex: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 44px; overflow: hidden; border-bottom-left-radius: inherit; border-top-left-radius: inherit }
.zz-comp-search .zz-input { height: 100%; padding: 0 15px; -webkit-box-flex: 1; -webkit-flex: auto; -moz-box-flex: 1; -ms-flex: auto; flex: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; background-color: #fff; color: #606266; outline: none; -webkit-appearance: none }
.zz-comp-search .zz-button { height: 44px; padding: 0 20px; -webkit-box-flex: 0; -webkit-flex: none; -moz-box-flex: 0; -ms-flex: none; flex: none; font-size: 16px; color: #333333; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center }
.zz-comp-search .zz-filter-select { width: 110px; line-height: 1 }
.zz-comp-search .zz-filter-select .zz-input__inner, .zz-comp-search .zz-filter-select .zz-input, .zz-comp-search .zz-filter-select .zz-select { height: 100% }
.zz-comp-search .zz-filter-select .zz-input__inner { border-radius: 0; border: none; background-color: inherit }
.zz-comp-search .input-searchBtn .zz-button { background-color: #45BB43; color: #fff }
.zz-comp-search .input-filter-searchBtn .zz-button { background-color: #45BB43; color: #fff }
.zz-comp-search .input-filter-searchBtn .zz-input { border-right: 1px solid #dcdfe6 }
.zz-comp-search .filter-input-searchBtn .zz-filter-select { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 }
.zz-comp-search .filter-input-searchBtn .zz-input { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; border-left: 1px solid #dcdfe6 }
.zz-comp-search .filter-input-searchBtn .zz-button { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; background-color: #45BB43; color: #fff }
.zz-comp-search .filter-input-searchIcon .input_wrapper { border-radius: inherit }
.zz-comp-search .filter-input-searchIcon .zz-filter-select { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 }
.zz-comp-search .filter-input-searchIcon .zz-input { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; border-left: 1px solid #dcdfe6 }
.zz-comp-search .filter-input-searchIcon .zz-button { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; border: none; position: absolute; right: 0; top: 0; background-color: transparent }
.zz-comp-search .filter-input-searchIcon .zz-button i { font-size: 16px }
.zz-comp-search .input-searchIcon { border-radius: 22px }
.zz-comp-search .input-searchIcon .input_wrapper { border-radius: inherit }
.zz-comp-search .input-searchIcon .zz-button { border: none; position: absolute; right: 0; top: 0; background-color: transparent }
.zz-comp-search .input-searchIcon .zz-button i { font-size: 16px }
.zz-comp-form select { width: 100%; height: 40px }
.zz-comp-form.is-line .zz-form-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex }
.zz-comp-form.is-line .zz-form-item__label { -webkit-box-flex: 0; -webkit-flex: none; -moz-box-flex: 0; -ms-flex: none; flex: none }
.zz-comp-form.is-line .zz-form-item__content { -webkit-box-flex: 1; -webkit-flex: auto; -moz-box-flex: 1; -ms-flex: auto; flex: auto }
.zz-comp-form .zz-comp-row { margin: 0 -10px }
.zz-comp-form .zz-column { padding: 0 10px }
.zz-form-item { padding-bottom: 22px }
.zz-form-item.is-required .zz-form-item__label::before { content: "*"; color: #f56c6c; margin-right: 4px }
.zz-form-item__label { vertical-align: middle; font-size: 14px; color: #606266; line-height: 40px; padding: 0 12px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.zz-form-item__content { line-height: 40px; position: relative; font-size: 14px }
.zz-textarea__inner { display: block; resize: vertical; padding: 5px 15px; line-height: 1.5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; font-size: inherit; color: #606266; background-color: #fff; background-image: none; border: none; border-radius: 4px; -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) }
.zz-submit-btn { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex }
.zz-submit-btn.response .zz-button__submit { width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center }
.zz-button__submit { -webkit-transition: all 0.1s; transition: all 0.1s }
.zz-button__submit:hover { opacity: 0.9 }
.zz-form-item__error { color: #f56c6c; font-size: 12px; line-height: 1; padding-top: 4px; position: absolute; top: 100%; left: 0 }
.grid-1 { width: 100% }
.grid-2 { width: 50% }
.grid-3 { width: 33.333333333333333% }
.grid-4 { width: 25% }
.grid-5 { width: 20% }
.grid-6 { width: 16.666666666666666% }
.grid-7 { width: 14.285671428571429% }
.grid-8 { width: 12.5% }
.grid-9 { width: 11.111111111111111% }
.grid-10 { width: 10% }
.zz-input__append { -webkit-box-flex: 0; -webkit-flex: none; -moz-box-flex: 0; -ms-flex: none; flex: none; cursor: pointer; background-color: #f5f7fa; color: #909399; border: 1px solid #dcdfe6; border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.zz-input__append span { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 40px; height: 100%; text-align: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center }
.zz-input__append span:not(:last-child) { border-right: 1px solid #dcdfe6 }
.zz-input { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex }
.zz-num .zz-input__inner { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important }
.zz-num__price { text-align: right; color: #666; font-size: 14px }
.zz-num__price .total-price { font-size: 32px; color: #FD921F }
.zz-image-choose .choose-list { margin-right: -15px }
.choose-item { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 15px 15px 0; cursor: pointer }
.choose-item .choose-item__wrapper { height: 100%; background: #fff; border: 1px solid #dadada; border-radius: 4px; pointer-events: none }
.choose-item .choose-item__wrapper:hover { border-color: #409eff }
.choose-item .choose-item__image { padding-top: 75%; position: relative; overflow: hidden }
.choose-item .choose-item__image img { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover }
.choose-item .choose-item__desc { width: 100%; height: 40px; padding: 0 10px }
.choose-item.is-checked .zz-radio__inner { border-color: #409eff; background: #409eff }
.choose-item.is-checked .zz-radio__inner:after { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1) }
.choose-item.is-checked .zz-checkbox__label, .choose-item.is-checked .zz-radio__label { color: #409eff }
.choose-item.is-checked .zz-checkbox__inner { border-color: #409eff; background-color: #409eff }
.choose-item.is-checked .zz-checkbox__inner:after { -webkit-transform: rotate(45deg) scaleY(1); transform: rotate(45deg) scaleY(1) }
.zz-city .city-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px }
.zz-city .city-wrapper .zz-select { -webkit-box-flex: 1; -webkit-flex: auto; -moz-box-flex: 1; -ms-flex: auto; flex: auto; padding: 0 10px 5px 0 }
.zz-form-image { overflow: hidden }
.zz-form-image .image-wrapper { padding-top: 50%; position: relative }
.zz-form-image img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain }
.zz-form-divide { position: relative }
.zz-form-divide .divide__inner { position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #dcdfe6 }
.zz-form-forbid { width: 100%; height: 350px; text-align: center; color: #444444; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center }
.zz-num { line-height: 1 }
.zz-comp-filter { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden }
.zz-comp-filter .zz-select .zz-input.is-focus .zz-input__inner { border-color: #57c22d }
.zz-comp-filter .zz-select .zz-input .zz-input__inner:focus { border-color: #57c22d }
.zz-filter-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex }
.zz-filter-wrapper.is-horizontal { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.zz-filter-wrapper .zz-filter-apply { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1 }
.zz-filter-wrapper .zz-filter-sort { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto }
.zz-filter-wrapper .zz-filter-sort .zz-filter-item { margin-right: 0 !important }
.zz-filter-item { padding: 10px; cursor: pointer }
.zz-filter-item.is-active { color: #45BB43 }
.zz-drop-menu .zz-dropdown-menu__item { padding: 0 }
.zz-drop-menu .zz-dropdown-menu__item a { padding: 0 20px; display: inline-block }
.zz-drop-menu .zz-dropdown-menu__item:hover { color: #45BB43; background-color: transparent }
.zz-drop-menu .zz-dropdown-menu__item.is-active { color: #45BB43 }
.zz-filter-date { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center }
.zz-filter-month, .zz-filter-year { margin-right: 5px }
.zz-filter-date__label { margin-right: 5px }
.zz-language-list, .zz-language-drop { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center }
.zz-language-list .zz-language-item-body, .zz-language-drop .zz-language-item-body { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center }
.zz-language-list .zz-language-item-body:last-child .space, .zz-language-drop .zz-language-item-body:last-child .space { display: none }
.zz-language-list .zz-language-item-body .space, .zz-language-drop .zz-language-item-body .space { font-weight: 500; line-height: 1 }
.zz-language-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; cursor: pointer }
.zz-language-item img { margin-right: 6px }
.zz-language-item span { line-height: 1 }
.zz-language-item.zz-dropdown-menu__item { padding: 0 }
.zz-language-item a { padding: 0 20px; display: inline-block }
.zz-icon--right { margin-left: 5px; font-size: 12px }
.zz-menu-item { position: relative; font-size: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; white-space: nowrap }
.zz-menu-item .menu-link { padding: 0 10px }
.zz-submenu { margin: 0; padding-left: 0; font-size: 14px }
.zz-submenu.is-opened>.menu-link .zz-submenu__icon-arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.zz-submenu__title { white-space: nowrap }
.zz-menu { margin: 0; padding: 0 }
.zz-menu .menu-icon { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center }
.zz-menu .menu-icon svg { width: 30px; height: 30px; fill: #909399 }
.zz-menu .menu-icon path { fill: #909399 }
.zz-menu .menu-icon img { -o-object-fit: contain; object-fit: contain; padding: 0 2px }
.zz-menu .menu-icon.icon-right .zz-menu__name { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 }
.zz-menu .menu-icon.icon-right .zz-menu__icon { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 }
.zz-menu .menu-icon.icon-right .zz-submenu__icon-arrow { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 }
.zz-menu .menu-icon.icon-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
.zz-menu .menu-icon.icon-bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
.zz-menu .menu-icon.icon-bottom .zz-menu__name { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 }
.zz-menu .menu-icon.icon-bottom .zz-menu__icon { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 }
.zz-menu .menu-link { text-decoration: none; height: 100%; color: #909399; -webkit-transition: all 0.3s; transition: all 0.3s; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: relative; cursor: pointer }
.zz-menu .menu-link:hover { -webkit-transition: all 0.3s; transition: all 0.3s }
.zz-menu>.zz-submenu .menu-link { padding: 0 15px }
.zz-menu--horizontal { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }
.zz-menu--horizontal .zz-submenu .menu-link, .zz-menu--horizontal .zz-menu-item .menu-link { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center }
.zz-menu--horizontal .zz-submenu__icon-arrow { margin-left: 8px }
.zz-menu--popup { z-index: 100; border: none; padding: 5px 0; border-radius: 2px; -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1); box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1); background-color: #fff; min-width: 140px; max-width: 280px }
.zz-menu--popup .zz-menu-item .menu-link { min-height: 36px; color: #909399 }
.zz-menu--popup .zz-submenu__title { min-height: 36px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center }
.zz-menu--popup img { max-height: 36px }
.zz-menu--vertical .zz-menu-item .menu-link { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center }
.zz-menu--vertical .zz-submenu .zz-submenu__icon-arrow { position: absolute; right: 20px; top: 50%; margin-top: -20px; padding: 15px }
.zz-submenu__icon-arrow { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; font-size: 12px }
.zz-loop-container:not(.swiper-wrapper) { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px }
.zz-loop-item { padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.zz-loop-item__wrapper { position: relative }
.swiper-slide.num-1, .zz-loop-item.num-1 { width: 100% }
.swiper-slide.num-2, .zz-loop-item.num-2 { width: 50% }
.swiper-slide.num-3, .zz-loop-item.num-3 { width: 33.333333333333333% }
.swiper-slide.num-4, .zz-loop-item.num-4 { width: 25% }
.swiper-slide.num-5, .zz-loop-item.num-5 { width: 20% }
.swiper-slide.num-6, .zz-loop-item.num-6 { width: 16.666666666666666% }
.swiper-slide.num-7, .zz-loop-item.num-7 { width: 14.285671428571429% }
.swiper-slide.num-8, .zz-loop-item.num-8 { width: 12.5% }
.swiper-slide.num-9, .zz-loop-item.num-9 { width: 11.111111111111111% }
.swiper-slide.num-10, .zz-loop-item.num-10 { width: 10% }
@media (max-width: 676px) {
.swiper-slide.num-1-mobile, .zz-loop-item.num-1-mobile { width: 100% }
.swiper-slide.num-2-mobile, .zz-loop-item.num-2-mobile { width: 50% }
.swiper-slide.num-3-mobile, .zz-loop-item.num-3-mobile { width: 33.333333333333333% }
.swiper-slide.num-4-mobile, .zz-loop-item.num-4-mobile { width: 25% }
.swiper-slide.num-5-mobile, .zz-loop-item.num-5-mobile { width: 20% }
.swiper-slide.num-6-mobile, .zz-loop-item.num-6-mobile { width: 16.666666666666666% }
.swiper-slide.num-7-mobile, .zz-loop-item.num-7-mobile { width: 14.285671428571429% }
.swiper-slide.num-8-mobile, .zz-loop-item.num-8-mobile { width: 12.5% }
.swiper-slide.num-9-mobile, .zz-loop-item.num-9-mobile { width: 11.111111111111111% }
.swiper-slide.num-10-mobile, .zz-loop-item.num-10-mobile { width: 10% }
}
@media (min-width: 678px) and (max-width: 1199px) {
.swiper-slide.num-1-ipad, .zz-loop-item.num-1-ipad { width: 100% }
.swiper-slide.num-2-ipad, .zz-loop-item.num-2-ipad { width: 50% }
.swiper-slide.num-3-ipad, .zz-loop-item.num-3-ipad { width: 33.333333333333333% }
.swiper-slide.num-4-ipad, .zz-loop-item.num-4-ipad { width: 25% }
.swiper-slide.num-5-ipad, .zz-loop-item.num-5-ipad { width: 20% }
.swiper-slide.num-6-ipad, .zz-loop-item.num-6-ipad { width: 16.666666666666666% }
.swiper-slide.num-7-ipad, .zz-loop-item.num-7-ipad { width: 14.285671428571429% }
.swiper-slide.num-8-ipad, .zz-loop-item.num-8-ipad { width: 12.5% }
.swiper-slide.num-9-ipad, .zz-loop-item.num-9-ipad { width: 11.111111111111111% }
.swiper-slide.num-10-ipad, .zz-loop-item.num-10-ipad { width: 10% }
}
.zz-pagination { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px }
.zz-pagination i { pointer-events: none; line-height: 28px }
.zz-pagination button { background-color: transparent; font-size: 14px }
.zz-pagination button[disabled="true"] { color: #c0c4cc !important; cursor: not-allowed }
.zz-pagination button:hover { color: #409EFF }
.zz-pagination .number { margin: 0 4px }
.zz-pagination .number, .zz-pagination .bn-prev, .zz-pagination .bn-next { height: 28px; width: 28px; text-align: center; border-radius: 2px }
.zz-pagination .bn-prev { margin-right: 4px }
.zz-pagination .bn-next { margin-left: 4px }
.zz-pager { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex }
.zz-pager li.active { pointer-events: none }
.zz-pager li [data-class='x-router-link'], .zz-pager li a { display: block; padding: 0 4px; font-size: 14px; width: 100%; height: 100%; line-height: 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; cursor: pointer }
.more-prev i:first-child, .more-next i:first-child { display: none }
.more-prev i:last-child, .more-next i:last-child { display: block }
.more-prev:hover i:first-child, .more-next:hover i:first-child { display: block }
.more-prev:hover i:last-child, .more-next:hover i:last-child { display: none }
.map-search-box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex }
.map-search-box .zz-input__inner { height: 44px }
.map-search-box .zz-button { padding: 12px 20px }
.map-list__filter { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 0 }
.map-list__filter .auto-location { min-width: 80px }
.reset-location { color: #999; cursor: pointer; font-size: 14px }
.zz-comp-map-list .zz-pagination { padding-bottom: 20px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
.zz-comp-map-list .number, .zz-comp-map-list .bn-prev, .zz-comp-map-list .bn-next { height: 28px; background-color: #f4f4f5; border-radius: 2px }
.zz-comp-map-list .bn-prev { margin-right: 4px }
.zz-comp-map-list .bn-next { margin-left: 4px }
.zz-comp-map-list .number { margin: 0 4px }
.zz-comp-map-list .el-scrollbar__bar.is-horizontal { display: none }
.province-city__filter { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex }
.province-city__filter .el-select .el-input.is-focus .el-input__inner { border: 1px solid #ccc }
.province-city__filter .el-select .el-input__inner:focus { border: 1px solid #ccc }
.zz-popper .popper__arrow { width: 0; height: 0; border-style: solid; position: absolute; margin: 5px; border-color: #fff }
.zz-popper[x-placement^="top"] { margin-bottom: 5px }
.zz-popper[x-placement^="top"] .popper__arrow { border-width: 5px 5px 0 5px; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; bottom: -5px; left: -webkit-calc(50% - 5px); left: calc(50% - 5px); margin-top: 0; margin-bottom: 0 }
.zz-popper[x-placement^="bottom"] { margin-top: 5px }
.zz-popper[x-placement^="bottom"] .popper__arrow { border-width: 0 5px 5px 5px; border-left-color: transparent; border-right-color: transparent; border-top-color: transparent; top: -5px; left: -webkit-calc(50% - 5px); left: calc(50% - 5px); margin-top: 0; margin-bottom: 0 }
.zz-popper[x-placement^="right"] { margin-left: 5px }
.zz-popper[x-placement^="right"] .popper__arrow { border-width: 5px 5px 5px 0; border-left-color: transparent; border-top-color: transparent; border-bottom-color: transparent; left: -5px; top: -webkit-calc(50% - 5px); top: calc(50% - 5px); margin-left: 0; margin-right: 0 }
.zz-popper[x-placement^="left"] { margin-right: 5px }
.zz-popper[x-placement^="left"] .popper__arrow { border-width: 5px 0 5px 5px; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; right: -5px; top: -webkit-calc(50% - 5px); top: calc(50% - 5px); margin-left: 0; margin-right: 0 }
.zz-dropdown-menu { position: absolute; top: 0; left: 0; padding: 10px 0; margin: 5px 0; background-color: #fff; border: 1px solid #ebeef5; border-radius: 4px; -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1); box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1) }
.zz-dropdown-menu__item { list-style: none; line-height: 36px; padding: 0 20px; margin: 0; font-size: 14px; color: #606266; cursor: pointer; outline: 0 }
.zz-dropdown-menu__item:hover { background-color: #ecf5ff; color: #66b1ff }
.single { overflow: visible }
.single.single-anchor-page { position: fixed; z-index: 1000; max-height: 100% }
.single .zz-container { overflow-x: hidden }
.single-mark { position: fixed; z-index: 999; top: 0; left: 0; bottom: 0; right: 0 }
.zz-select { display: inline-block; position: relative }
.zz-select-dropdown { border: 1px solid #e4e7ed; border-radius: 4px; z-index: 1001; background-color: #fff; -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1); box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1); margin: 5px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.zz-select-dropdown__list { padding: 6px 0 }
.zz-select-dropdown__wrap { max-height: 274px }
.zz-select-dropdown__item { font-size: 14px; padding: 0 20px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #606266; height: 34px; line-height: 34px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer }
.zz-select-dropdown__item:hover { background-color: #f5f7fa }
.zz-select-dropdown__item.selected { color: #409eff; font-weight: 700 }
.zz-select-dropdown__item a { display: block }
.zz-select-dropdown__empty { padding: 10px 0; margin: 0; text-align: center; color: #999; font-size: 14px }
.zz-upload__input { display: none }
.zz-upload__image { line-height: 1.5; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer }
.zz-upload__text { font-size: 12px; color: #BBBBBB }
.zz-upload__btn { border-radius: 4px; font-size: 14px; color: #BBBBBB; border: 1px solid #dcdfe6 }
.zz-upload--picture-card { background-color: #fff; border: 1px dashed #c0ccda; border-radius: 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 148px; height: 148px; line-height: 146px; vertical-align: top; display: inline-block }
.zz-upload-list--picture-card { display: inline }
.zz-upload-list--picture-card .zz-upload-list__item { position: relative; background-color: #fff; border: 1px dashed #c0ccda; border-radius: 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 148px; height: 148px; line-height: 146px; vertical-align: top; display: inline-block; margin: 0 8px 8px 0 }
.zz-upload-list--picture-card .zz-upload-list__item img { width: 100%; height: 100% }
.zz-upload-list--picture-card .zz-upload-list__item:hover .zz-upload-list__item-delete { display: block }
.zz-upload-list--picture-card .zz-upload-list__item-name { display: none }
.zz-upload-list--picture-card .zz-upload-list__item-delete { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); color: #fff; text-align: center; font-size: 18px; display: none }
.zz-upload-list--picture-text .zz-upload-list__item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.zz-upload-list--picture-text .zz-upload-list__item img { display: none }
.zz-upload-list__item-delete { cursor: pointer }
.zz-upload-container:not(.picture-card) { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
.zz-upload-container:not(.picture-card) .zz-upload-list { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 }
.zz-message { position: fixed; top: 20px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); min-width: 380px; border-width: 1px; border-style: solid; border-color: #ebeef5; border-radius: 4px; overflow: hidden; padding: 15px 15px 15px 20px; -webkit-transition: opacity 0.3s, -webkit-transform .4s; transition: opacity 0.3s, -webkit-transform .4s; transition: opacity 0.3s, transform .4s; transition: opacity 0.3s, transform .4s, -webkit-transform .4s; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; z-index: 2020; font-size: 14px }
.zz-message__close { position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; color: #c0c4cc; font-size: 16px }
.zz-message__close i { font-size: 14px }
.zz-message__close:hover { color: #909399 }
.zz-message--warning { background-color: #fdf6ec; border-color: #faecd8 }
.zz-message--warning .zz-message__content { color: #e6a23c }
.zz-message--error { background-color: #fef0f0; border-color: #fde2e2 }
.zz-message--error .zz-message__content { color: #F56C6C }
.zz-message--success { background-color: #f0f9eb; border-color: #e1f3d8 }
.zz-message--success .zz-message__content { color: #67C23A }
.zz-dialog { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 2000 }
.zz-dialog__wrapper { position: absolute; min-width: 200px; background-color: #fff; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; border-radius: 5px }
.zz-dialog__wrapper.xs { width: 320px }
.zz-dialog__footer { padding: 10px 20px 20px }
.zz-dialog__header { padding: 20px 20px 10px }
.zz-dialog__body { padding: 30px 20px; color: #606266; font-size: 14px }
.zz-dialog__mask { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.5) }
.zz-dialog__close { position: absolute; top: 20px; right: 20px; padding: 0; background: 0 0; border: none; outline: 0; cursor: pointer; font-size: 16px; text-align: center }
.captcha-dlg .captcha-input { width: 100%; padding: 10px; border-radius: 3px; border: 1px solid #eee }
.captcha-dlg .confirm-btn { width: 100%; color: #fff; background-color: #1cb514; text-align: center; padding: 10px 20px }
.zz-comp-breadcrumb { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex }
.zz-breadcrumb__item { font-weight: normal; display: inline-block }
.zz-breadcrumb__item:last-child .zz-breadcrumb__separator { display: none }
.zz-breadcrumb__separator { margin: 0 6px; font-weight: 400; font-size: 14px }
.zz-scrollbar { overflow: auto }
.zz-scrollbar:hover::-webkit-scrollbar-thumb {
display:block
}
.zz-scrollbar.is-invisible::-webkit-scrollbar {
display:none
}
.zz-scrollbar::-webkit-scrollbar {
width:5px;
height:5px;
position:absolute
}
.zz-scrollbar::-webkit-scrollbar-thumb {
display:none;
border-radius:5px;
background-color:rgba(0,0,0,0.1)
}
.zz-scrollbar::-webkit-scrollbar-thumb:hover {
background-color:rgba(0,0,0,0.3)
}
.zz-scrollbar::-webkit-scrollbar-track {
background-color:rgba(255,255,255,0)
}
.zz-scrollbar::-webkit-scrollbar-corner {
background-color:transparent
}
.zz-scrollbar__y { overflow-y: auto; overflow-x: hidden }
.zz-scrollbar__y:hover::-webkit-scrollbar-thumb {
display:block
}
.zz-scrollbar__y.is-invisible::-webkit-scrollbar {
display:none
}
.zz-scrollbar__y::-webkit-scrollbar {
width:5px;
height:5px;
position:absolute
}
.zz-scrollbar__y::-webkit-scrollbar-thumb {
display:none;
border-radius:5px;
background-color:rgba(0,0,0,0.1)
}
.zz-scrollbar__y::-webkit-scrollbar-thumb:hover {
background-color:rgba(0,0,0,0.3)
}
.zz-scrollbar__y::-webkit-scrollbar-track {
background-color:rgba(255,255,255,0)
}
.zz-scrollbar__y::-webkit-scrollbar-corner {
background-color:transparent
}
.zz-scrollbar__x { overflow-x: auto; overflow-y: hidden }
.zz-scrollbar__x:hover::-webkit-scrollbar-thumb {
display:block
}
.zz-scrollbar__x.is-invisible::-webkit-scrollbar {
display:none
}
.zz-scrollbar__x::-webkit-scrollbar {
width:5px;
height:5px;
position:absolute
}
.zz-scrollbar__x::-webkit-scrollbar-thumb {
display:none;
border-radius:5px;
background-color:rgba(0,0,0,0.1)
}
.zz-scrollbar__x::-webkit-scrollbar-thumb:hover {
background-color:rgba(0,0,0,0.3)
}
.zz-scrollbar__x::-webkit-scrollbar-track {
background-color:rgba(255,255,255,0)
}
.zz-scrollbar__x::-webkit-scrollbar-corner {
background-color:transparent
}
.zz-comp-image { overflow: hidden }
.zz-comp-image .image__wrapper { position: relative; padding-top: 50% }
.zz-comp-image .image__wrapper .img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; background-color: rgba(0,0,0,0); color: #fff }
.zz-comp-image .object-fit-cover { width: 100%;  max-height: 100% }
#zz--lightbox .zz-dialog__wrapper { background: rgba(0,0,0,0.5) }
#zz--lightbox .zz-dialog__close { color: #fff }
#zz--lightbox .swiper-container { height: -webkit-calc(100vh - 60px); height: calc(100vh - 60px) }
#zz--lightbox .swiper-container .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center }
#zz--lightbox .swiper-container .swiper-pagination { color: #fff; font-size: 14px; font-weight: bold; line-height: 25px }
#zz--lightbox .swiper-container .swiper-button-prev, #zz--lightbox .swiper-container .swiper-button-next { background-size: 24px 19px; height: 19px; width: 24px }
#zz--lightbox .preview-img { max-height: 80vh }
#zz--lightbox .zz-dialog__close { z-index: 2 }
.zz-radio-group { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }
.zz-radio__label { font-size: 14px; padding-left: 10px; cursor: pointer }
.zz-radio__inner { border: 1px solid #dcdfe6; border-radius: 100%; width: 14px; height: 14px; background-color: #fff; position: relative; cursor: pointer; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.zz-radio__inner::after { width: 4px; height: 4px; border-radius: 100%; background-color: #fff; content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); -webkit-transition: -webkit-transform .15s ease-in; transition: -webkit-transform .15s ease-in; transition: transform .15s ease-in; transition: transform .15s ease-in, -webkit-transform .15s ease-in }
.zz-radio__inner:hover { border-color: #409eff }
.zz-radio__original { opacity: 0; outline: none; position: absolute; margin: 0; width: 0; height: 0; z-index: -1 }
.zz-radio__input { white-space: nowrap; cursor: pointer; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle }
.zz-radio.is-checked .zz-radio__inner { background-color: #409eff; border-color: #409eff }
.zz-radio.is-checked .zz-radio__inner::after { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1) }
.zz-checkbox-group { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }
.zz-checkbox { cursor: pointer }
.zz-checkbox__inner { display: inline-block; position: relative; border: 1px solid #dcdfe6; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 14px; height: 14px; background-color: #fff; z-index: 1; -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46) }
.zz-checkbox__inner::after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; content: ""; border: 1px solid #fff; border-left: 0; border-top: 0; height: 7px; left: 4px; position: absolute; top: 1px; -webkit-transform: rotate(45deg) scaleY(0); transform: rotate(45deg) scaleY(0); width: 3px; -webkit-transition: -webkit-transform .15s ease-in .05s; transition: -webkit-transform .15s ease-in .05s; transition: transform .15s ease-in .05s; transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s; -webkit-transform-origin: center; transform-origin: center }
.zz-checkbox__inner:hover { border-color: #409eff }
.zz-checkbox__label { display: inline-block; padding-left: 10px; line-height: 19px; font-size: 14px }
.zz-checkbox__original { opacity: 0; outline: none; position: absolute; margin: 0; width: 0; height: 0; z-index: -1 }
.zz-checkbox__original:checked+.zz-checkbox__inner { background-color: #409eff; border-color: #409eff }
.zz-checkbox__original:checked+.zz-checkbox__inner::after { -webkit-transform: rotate(45deg) scaleY(1); transform: rotate(45deg) scaleY(1) }
.zz-checkbox__input { white-space: nowrap; cursor: pointer; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle }
.zz-comp-toTop { position: fixed; bottom: 80px; right: 10px; z-index: 1000; display: none }
.zz-comp-toTop button { -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.12); box-shadow: 0 0 6px rgba(0,0,0,0.12); background: #999; color:#fff; border:1px #999 solid !important }
.zz-comp-toTop button:hover { color: #fff; background-color:#0088fb; border:1px #0088fb solid !important}
.zz-input--mini .el-input__inner, .zz-input--mini .zz-input__inner { padding: 4px 15px }
.zz-input--mini .zz-input__append { padding: 4px 15px }
.zz-input--small .el-input__inner, .zz-input--small .zz-input__inner { padding: 8px 15px }
.zz-input--small .zz-input__append { padding: 8px 15px }
.zz-input--medium .el-input__inner, .zz-input--medium .zz-input__inner { padding: 12px 15px }
.zz-input--medium .zz-input__append { padding: 12px 15px }
.zz-input--large .el-input__inner, .zz-input--large .zz-input__inner { padding: 16px 15px }
.zz-input--large .zz-input__append { padding: 16px 15px }
.zz-input__inner { -webkit-appearance: none; outline: none; border: 1px solid #dcdfe6; background-color: #fff; background-image: none; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #606266; display: inline-block; font-size: inherit; padding: 10px 15px; -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); width: 100% }
.zz-input__prefix, .zz-input__icon { text-align: center; -webkit-transition: all .3s; transition: all .3s }
.zz-input__icon { width: 25px; text-align: center; font-size: 14px; display: inline-block }
.zz-input__icon.zz-select__caret { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s }
.zz-input__icon.is-reverse { -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.zz-input__icon.zz-select__clear { display: none; font-size: 18px }
.zz-input__prefix { position: absolute; left: 5px; top: 0; color: #c0c4cc; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 100% }
.zz-input__suffix { position: absolute; right: 5px; top: 0; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center }
.zz-input--prefix .zz-input__inner { padding-left: 30px }
.zz-input--suffix { position: relative; cursor: pointer }
.zz-comp-text table { border-collapse: collapse }
.zz-comp-text li { list-style-type: inherit }
.zz-comp-text table th, .zz-comp-text table td { border: 1px solid #ccc; padding: 0.4rem }
.zz-comp-text img { height: auto !important }
.zz-comp-text figure { display: table; margin: 1rem auto }
.zz-comp-text figure figcaption { color: #999; display: block; margin-top: 0.25rem; text-align: center }
.zz-comp-text hr { border-color: #ccc; border-style: solid; border-width: 1px 0 0 0 }
.zz-comp-text code { background-color: #e8e8e8; border-radius: 3px; padding: 0.1rem 0.2rem }
.zz-comp-text blockquote { border-left: 2px solid #ccc; margin-left: 1.5rem; padding-left: 1rem }
.zz-comp-text code[class*="language-"], .zz-comp-text pre[class*="language-"] { color: black; background: none; text-shadow: 0 1px white; font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; font-size: 1em; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -ms-hyphens: none; -moz-hyphens: none; hyphens: none }
.zz-comp-text pre[class*="language-"]::-moz-selection, .zz-comp-text pre[class*="language-"] ::-moz-selection, .zz-comp-text code[class*="language-"]::-moz-selection, .zz-comp-text code[class*="language-"] ::-moz-selection {
text-shadow:none;
background:#b3d4fc
}
.zz-comp-text pre[class*="language-"]::-moz-selection, .zz-comp-text pre[class*="language-"] ::-moz-selection, .zz-comp-text code[class*="language-"]::-moz-selection, .zz-comp-text code[class*="language-"] ::-moz-selection {
text-shadow:none;
background:#b3d4fc
}
.zz-comp-text pre[class*="language-"]::selection, .zz-comp-text pre[class*="language-"] ::selection, .zz-comp-text code[class*="language-"]::selection, .zz-comp-text code[class*="language-"] ::selection { text-shadow: none; background: #b3d4fc }
.zz-comp-text :not(pre)>code[class*="language-"] { padding: 0.1em; border-radius: 0.3em; white-space: normal }
.zz-comp-text .token.comment, .zz-comp-text .token.prolog, .zz-comp-text .token.doctype, .zz-comp-text .token.cdata { color: slategray }
.zz-comp-text .token.punctuation { color: #999 }
.zz-comp-text .namespace { opacity: 0.7 }
.zz-comp-text .token.property, .zz-comp-text .token.tag, .zz-comp-text .token.boolean, .zz-comp-text .token.number, .zz-comp-text .token.constant, .zz-comp-text .token.symbol, .zz-comp-text .token.deleted { color: #905 }
.zz-comp-text .token.selector, .zz-comp-text .token.attr-name, .zz-comp-text .token.string, .zz-comp-text .token.char, .zz-comp-text .token.builtin, .zz-comp-text .token.inserted { color: #690 }
.zz-comp-text .token.operator, .zz-comp-text .token.entity, .zz-comp-text .token.url, .zz-comp-text .language-css .token.string, .zz-comp-text .style .token.string { color: #9a6e3a; background: rgba(255,255,255,0.5) }
.zz-comp-text .token.atrule, .zz-comp-text .token.attr-value, .zz-comp-text .token.keyword { color: #07a }
.zz-comp-text .token.function, .zz-comp-text .token.class-name { color: #DD4A68 }
.zz-comp-text .token.regex, .zz-comp-text .token.important, .zz-comp-text .token.variable { color: #e90 }
.zz-comp-text .token.important, .zz-comp-text .token.bold { font-weight: bold }
.zz-comp-text .token.italic { font-style: italic }
.zz-comp-text .token.entity { cursor: help }
.zz-comp-text pre[class*="language-"] { padding: 1em; margin: 0.5em 0; overflow: auto }
.zz-comp-text :not(pre)>code[class*="language-"], .zz-comp-text pre[class*="language-"] { background: #f5f2f0 }
.zz-popover { position: absolute; background: #fff; min-width: 150px; border: 1px solid #ebeef5; padding: 12px; z-index: 2000; color: #606266; line-height: 1.4; text-align: justify; font-size: 14px; -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1); box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1); border-radius: 4px }
.component-error { position: absolute; top: 0; bottom: 0; left: 0; right: 0; min-height: 25px; z-index: 1; color: #E36049; font-size: 14px; background: rgba(0,0,0,0.75); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center }

@media (min-width: 768px) and (max-width: 1440px) {
.zz-menu>.zz-submenu .menu-link { padding: 0 5px }
.zz-button img{ width:20px !important; height:20px !important;}
.zz-button { padding: 12px 0px; text-align:left; white-space:normal; background: #fff }
}

@media (max-width: 767px) {
.zz-menu .menu-link { text-decoration: none; height: 100%; color: #333;-webkit-transition: all 0.3s; transition: all 0.3s; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: relative; cursor: pointer }
}