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