body { background: #f5f5f5; background-position: center top; background-repeat: no-repeat; } a:hover, a:active { color: #555555; } .main{ width: 1200px; box-sizing: border-box; } body>.ui-page-product-list>.main, body>.ui-page-product-detail>.main, body>.ui-page-article-list>.main, body>.ui-page-article-detail>.main, body>.ui-page-about>.main, body>.ui-page-contact>.main, body>.ui-page-ly>.main, body>.ui-page-renova-design-detail>.main, body>.ui-page-renova-design-team-list>.main, body>.ui-page-renova-example-detail>.main, body>.ui-page-renova-example-list>.main { padding-left: 0px; padding-right: 0px; padding-top: 20px; padding-bottom: 0px; background-color: ; background-image: ; background-position: center top; background-repeat: no-repeat; } body>.ui-container>.main, body>.ui-search-panel>.main, body>.ui-product-center>.main, body>.ui-collapse>.main, body>.ui-product-list>.main, body>.ui-tabedy>.main, body>.ui-tabedx>.main, body>.ui-richtext>.main, body>.ui-form>.main, body>.ui-button>.main, body>.ui-article-list>.main{ width: 1200px; } .ui-richtext .ql-editor a:hover { /*color: #555555 !important;*/ opacity: .7; } .ui-float { z-index: 100; display: none; } .ui-navigation.narrow{ width: 1200px; } .category-box .category-item.active{ background: #555555; } .category-aside-box .category-aside-title{ background: #555555; } .category-aside-box .category-aside-item-link.active{ background: #555555; } .category-aside-box .category-aside-phone-number{ color: #555555; } .condition-filter-box .condition-filter-item-link.active, .condition-filter-box .condition-filter-item-link:hover{ background:#555555; } .ui-page .ui-page-item.active{ background: #555555; border-color: #555555; } .ui-top-box{ zoom: 1; height: 100px; } .ui-top-box .ui-top-wrap{ height: inherit; background: none center top no-repeat transparent; } .ui-top-box .ui-top-wrap.is-fixed { position: fixed; /*height: inherit;*/ } .ui-top-box .ui-top-wrap.is-absolute { position: absolute; /*height: inherit;*/ } .ui-top-box .ui-top-wrap.is-absolute.is-float { position: fixed; animation: fadeInDown .2s ease; background: transparent; /*height: inherit;*/ } .ui-header{ background: ; } .ui-header .ui-header-logo-box .ui-header-contact-box{ color: #555555; } .ui-header .ui-header-content-box{ background: ; } .ui-header .ui-header-content-box .ui-header-navigation-item-wrap{ color: ; } .ui-header .ui-header-content-box .ui-header-navigation-item-wrap:hover{ color: ; } .ui-header.layout-0 .ui-header-content-box .ui-header-navigation-item-wrap:hover, .ui-header.layout-2 .ui-header-content-box .ui-header-navigation-item-wrap:hover{ background: ; } .ui-header .ui-header-content-box .ui-header-seconed-navigation-box{ background: ; } .ui-header .ui-header-content-box .ui-header-navigation-item-wrap:after{ border-color: ; } .ui-header.layout-1 .ui-header-content-box .ui-header-navigation-item-wrap:hover{ background: #555555; } .ui-header.layout-2 .ui-header-content-box .ui-header-contact-box{ color: #555555; } .ui-article-list .carousel-item-box:hover .ui-article-title{ color: #555555; } .ui-article-list .ui-article-time5 .ui-article-time5-day{ color: #555555; } .ui-article-list .ui-article-time6{ background: #555555; } .ui-article-list .ui-article-btn{ background: #555555; } .ui-product-list.layout-1 .carousel-item-box:hover .ui-product-title{ color: #555555; } .ui-form .form-submit-btn{ background: #555555; } .ui-product-center .ui-product-category-title{ background: #555555; } .ui-product-center .ui-product-contact-phone{ color: #555555; } .ui-product-center.layout-1 .ui-product-category-item-footer{ background: #555555; } .ui-product-center.layout-1 .ui-product-category-item:hover{ background: #555555; color:#fff; } .ui-product-scroll-pack .ui-product-swiper-btn{ background: #555555; } .ui-center-navigation-link .ui-center-navigation-link-item:hover{ background: #555555; } .ui-page-product-list .ui-control-layout-1 .data-item-shadow .hl { background: #555555; } .ui-page-product-detail .ui-product-detail .ui-product-phone-box{ background: #555555; } .ui-page-product-detail .ui-product-detail .ui-product-phone-box2 .order a { background: #555555; } .ui-page-product-detail .ui-product-detail .ui-product-phone-box2 .order i, .ui-page-product-detail .ui-product-detail .ui-product-phone-box2 .hotline i { color: #555555; } .ui-page-product-detail .ui-product-detail .ui-product-content-head-item.active{ box-shadow: 0 5px 0 0px #555555 inset; color: #555555; } .ui-page-contact .ui-control-layout-1 .ui-page-contact-info-scroll .item:hover .name, .ui-page-contact .ui-control-layout-1 .ui-page-contact-info-scroll .item.active .name { color: #555555; } .ui-many-image.layout-0 .dots li.active{ background: #555555; } .ui-many-image.layout-1 .dots li.active{ background: #555555; border-color: #555555; } .ui-button.old.layout-1 .ui-button-link:hover{ color: #555555 } .ui-footer{ z-index: true; background: url(https://saas-image.jingwxcx.com/upload_files/2020/10/20/dbf9fd4919879f921d6db16d752bdedf.jpg?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100) center top repeat-x; } .ui-footer>.main{ height: 420px; } .ui-image-text .ui-image-text-btn{ background: #555555; } .ui-copy-right{ min-height: 50px; /*line-height: 50px;*/ background: ; text-align: center; font-size: 14px; font-family: 微软雅黑; font-weight: normal; text-decoration: none; font-style: normal; } .ui-copy-right .ui-copy-right-item{ color: rgba(153, 153, 153, 1); } .ui-copy-right .ui-copy-right-item-link:hover{ color: #999999; } .ui-bottom{ background: url(https://saas-image.jingwxcx.com/upload_files/2020/10/20/dbf9fd4919879f921d6db16d752bdedf.jpg?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100) rgba(1, 102, 182, 1) center top repeat-x; color: ; } .ui-toolbar .ui-toolbar-wrap.layout-2 .ui-toolbar-item-wrap{ background: ; } .ui-toolbar .ui-toolbar-wrap.layout-2 .ui-toolbar-item-wrap + .ui-toolbar-item-wrap:before{ background: ; } .ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-head{ color: ; background: ; } .ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-item-wrap{ background: ; } .ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-item-wrap .ui-toolbar-item{ color: ; } .ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-item-wrap .ui-toolbar-item::before{ border-bottom: 10px solid ; } .ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-item-wrap.layout-0 .ui-toolbar-item{ border-top: 75px solid ; } .ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-item-wrap{ background: ; } .ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-item-wrap .ui-toolbar-item{ color: ; } .ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-head{ background: ; } .ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-item-wrap.layout-0 .ui-toolbar-item:before{ border-left: 75px solid ; border-right: 75px solid ; } .ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-item-wrap.layout-0 .ui-toolbar-item-text{ background: ; } .ui-page-ly .ui-page-ly-phone{ color: #555555; } .ui-pagination .page-block { color: #555555; } .ui-pagination .page-block:hover, .ui-pagination .page-block.active { background: #555555; } .ui-28200{ left: 27px; top: 38px; z-index: 1; background: none; width: 84px; /*height: 84px;*/ height: 84px; } .ui-28200 .ui-picture-img{ opacity: 1; } .ui-28200.animate-4:hover .ui-picture-img-wrap{ border: 0 solid #000000; border-left-width: 0; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; box-shadow: 0px 0px 15px #000000; } .ui-28200 .ui-picture-animate-img{ width: 104px; height: 104px; } .ui-28200 .ui-picture-animate-img.animate-1, .ui-28200 .ui-picture-animate-img.animate-2 { margin-left: -52px; } .ui-28200 .ui-picture-animate-img.animate-3, .ui-28200 .ui-picture-animate-img.animate-4 { margin-top: -52px; } .ui-28201{ left: 332px; top: 37px; z-index: 1; background: none; width: 84px; /*height: 84px;*/ height: 84px; } .ui-28201 .ui-picture-img{ opacity: 1; } .ui-28201.animate-4:hover .ui-picture-img-wrap{ border: 0 solid #000000; border-left-width: 0; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; box-shadow: 0px 0px 15px #000000; } .ui-28201 .ui-picture-animate-img{ width: 110px; height: 110px; } .ui-28201 .ui-picture-animate-img.animate-1, .ui-28201 .ui-picture-animate-img.animate-2 { margin-left: -55px; } .ui-28201 .ui-picture-animate-img.animate-3, .ui-28201 .ui-picture-animate-img.animate-4 { margin-top: -55px; } .ui-28202{ background: none; padding: 5px; left: 124px; top: 60px; z-index: 1; width: 205px; } .ui-28203{ background: none; padding: 5px; left: 428px; top: 59px; z-index: 1; width: 205px; } .ui-28204{ background: none; padding: 5px; left: 710px; top: 60px; z-index: 1; width: 199px; } .ui-28205{ background: none; padding: 5px; left: 1014px; top: 60.5px; z-index: 1; width: 205px; } .ui-28206{ left: 609px; top: 37px; z-index: 1; background: none; width: 86px; /*height: 86px;*/ height: 86px; } .ui-28206 .ui-picture-img{ opacity: 1; } .ui-28206.animate-4:hover .ui-picture-img-wrap{ border: 0 solid #000000; border-left-width: 0; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; box-shadow: 0px 0px 15px #000000; } .ui-28206 .ui-picture-animate-img{ width: 110px; height: 110px; } .ui-28206 .ui-picture-animate-img.animate-1, .ui-28206 .ui-picture-animate-img.animate-2 { margin-left: -55px; } .ui-28206 .ui-picture-animate-img.animate-3, .ui-28206 .ui-picture-animate-img.animate-4 { margin-top: -55px; } .ui-28207{ left: 917px; top: 38.5px; z-index: 1; background: none; width: 83px; /*height: 83px;*/ height: 83px; } .ui-28207 .ui-picture-img{ opacity: 1; } .ui-28207.animate-4:hover .ui-picture-img-wrap{ border: 0 solid #000000; border-left-width: 0; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; box-shadow: 0px 0px 15px #000000; } .ui-28207 .ui-picture-animate-img{ width: 110px; height: 110px; } .ui-28207 .ui-picture-animate-img.animate-1, .ui-28207 .ui-picture-animate-img.animate-2 { margin-left: -55px; } .ui-28207 .ui-picture-animate-img.animate-3, .ui-28207 .ui-picture-animate-img.animate-4 { margin-top: -55px; } .ui-28209{ left: 7px; top: 37px; z-index: 1; background: none; width: 89px; /*height: 89px;*/ height: 89px; } .ui-28209 .ui-picture-img{ opacity: 1; } .ui-28209.animate-4:hover .ui-picture-img-wrap{ border: 0 solid #000000; border-left-width: 0; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; box-shadow: 0px 0px 15px #000000; } .ui-28209 .ui-picture-animate-img{ width: 98px; height: 98px; } .ui-28209 .ui-picture-animate-img.animate-1, .ui-28209 .ui-picture-animate-img.animate-2 { margin-left: -49px; } .ui-28209 .ui-picture-animate-img.animate-3, .ui-28209 .ui-picture-animate-img.animate-4 { margin-top: -49px; } .ui-28210{ background: none; padding: 5px; left: 107px; top: 62.5px; z-index: 1; width: 205px; } .ui-28211{ background: none; padding: 5px; left: 407px; top: 62px; z-index: 1; width: 217px; } .ui-28212{ background: none; padding: 5px; left: 715px; top: 62px; z-index: 1; width: 205px; } .ui-28213{ background: none; padding: 5px; left: 1005px; top: 64px; z-index: 1; width: 205px; } .ui-28214{ left: 915px; top: 39px; z-index: 1; background: none; width: 90px; /*height: 90px;*/ height: 90px; } .ui-28214 .ui-picture-img{ opacity: 1; } .ui-28214.animate-4:hover .ui-picture-img-wrap{ border: 0 solid #000000; border-left-width: 0; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; box-shadow: 0px 0px 15px #000000; } .ui-28214 .ui-picture-animate-img{ width: 106px; height: 106px; } .ui-28214 .ui-picture-animate-img.animate-1, .ui-28214 .ui-picture-animate-img.animate-2 { margin-left: -53px; } .ui-28214 .ui-picture-animate-img.animate-3, .ui-28214 .ui-picture-animate-img.animate-4 { margin-top: -53px; } .ui-28215{ left: 619px; top: 41px; z-index: 1; background: none; width: 86px; /*height: 86px;*/ height: 86px; } .ui-28215 .ui-picture-img{ opacity: 1; } .ui-28215.animate-4:hover .ui-picture-img-wrap{ border: 0 solid #000000; border-left-width: 0; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; box-shadow: 0px 0px 15px #000000; } .ui-28215 .ui-picture-animate-img{ width: 98px; height: 98px; } .ui-28215 .ui-picture-animate-img.animate-1, .ui-28215 .ui-picture-animate-img.animate-2 { margin-left: -49px; } .ui-28215 .ui-picture-animate-img.animate-3, .ui-28215 .ui-picture-animate-img.animate-4 { margin-top: -49px; } .ui-28208{ left: 307px; top: 37px; z-index: 1; background: none; width: 90px; /*height: 90px;*/ height: 90px; } .ui-28208 .ui-picture-img{ opacity: 1; } .ui-28208.animate-4:hover .ui-picture-img-wrap{ border: 0 solid #000000; border-left-width: 0; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; box-shadow: 0px 0px 15px #000000; } .ui-28208 .ui-picture-animate-img{ width: 101px; height: 101px; } .ui-28208 .ui-picture-animate-img.animate-1, .ui-28208 .ui-picture-animate-img.animate-2 { margin-left: -50.5px; } .ui-28208 .ui-picture-animate-img.animate-3, .ui-28208 .ui-picture-animate-img.animate-4 { margin-top: -50.5px; } .ui-28216 { left: 134px; top: 67.5px; z-index: 1; } .ui-28216 .ui-button-link{ line-height: 35px; border-radius: 0px; color: #ffffff; background: no-repeat center / cover ; border: 0px solid currentColor; font-family: Microsoft Yahei; font-size: 16px; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; box-shadow: 0px 0px 0px currentColor; width: 82px; height: 35px; } .ui-28216.old { background: ; } .ui-28216.old.layout-2 .ui-button-link { background-color: ; } .ui-28216 .ui-button-link:hover{ background-color: ; color: #ffffff; } .ui-28217 { left: 434px; top: 67.5px; z-index: 1; } .ui-28217 .ui-button-link{ line-height: 35px; border-radius: 0px; color: #ffffff; background: no-repeat center / cover ; border: 0px solid currentColor; font-family: Microsoft Yahei; font-size: 16px; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; box-shadow: 0px 0px 0px currentColor; width: 82px; height: 35px; } .ui-28217.old { background: ; } .ui-28217.old.layout-2 .ui-button-link { background-color: ; } .ui-28217 .ui-button-link:hover{ background-color: ; color: #ffffff; } .ui-28218{ left: 24px; top: 36px; z-index: 1; background: none; width: 98px; /*height: 98px;*/ height: 98px; } .ui-28218 .ui-picture-img{ opacity: 1; } .ui-28218.animate-4:hover .ui-picture-img-wrap{ border: 0 solid #000000; border-left-width: 0; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; box-shadow: 0px 0px 15px #000000; } .ui-28218 .ui-picture-animate-img{ width: 98px; height: 98px; } .ui-28218 .ui-picture-animate-img.animate-1, .ui-28218 .ui-picture-animate-img.animate-2 { margin-left: -49px; } .ui-28218 .ui-picture-animate-img.animate-3, .ui-28218 .ui-picture-animate-img.animate-4 { margin-top: -49px; } .ui-28219{ left: 319px; top: 36px; z-index: 1; background: none; width: 98px; /*height: 98px;*/ height: 98px; } .ui-28219 .ui-picture-img{ opacity: 1; } .ui-28219.animate-4:hover .ui-picture-img-wrap{ border: 0 solid #000000; border-left-width: 0; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; box-shadow: 0px 0px 15px #000000; } .ui-28219 .ui-picture-animate-img{ width: 98px; height: 98px; } .ui-28219 .ui-picture-animate-img.animate-1, .ui-28219 .ui-picture-animate-img.animate-2 { margin-left: -49px; } .ui-28219 .ui-picture-animate-img.animate-3, .ui-28219 .ui-picture-animate-img.animate-4 { margin-top: -49px; } .ui-navigation .ui-navigation-wrap{ top: 23px; height: 50px; z-index: 10; background: center no-repeat; } .ui-navigation.narrow .ui-navigation-wrap>.main{ position: relative; } .ui-navigation.narrow .ui-navigation-wrap{ background: none; } .ui-navigation .first-level{ text-align: right; height: 50px; white-space: nowrap; } .ui-navigation .main-wrap{ height: 50px; /* background: center no-repeat;*/ } .ui-navigation.narrow .main-wrap{ position: absolute; left: 0px; width: auto; background: center no-repeat; } .ui-navigation .first-level>.ui-navigation-item{ height: 50px; line-height: 50px; width: 115px; background-color: inherit; border-radius: 0px; } .ui-navigation .first-level>.ui-navigation-item>.ui-navigation-item-link{ border-radius: 0px; border: 0 solid ; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; color: rgba(51, 51, 51, 1); font-size: 16px; /* text-align: left; */ font-weight: normal; font-style: normal; text-decoration: none; } .ui-navigation .ui-navigation-wrap .first-level>.ui-navigation-item:hover>.ui-navigation-item-link{ background: none; color: rgba(1, 102, 182, 1); } .ui-navigation .ui-navigation-wrap .separate{ display: none; width: px; height: 50px; background-color: transparent; } .ui-navigation .second-level .ui-navigation-item-link{ background: rgba(1, 102, 182, 1); border-radius: 0px; border: 0 solid ; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; color: #ffffff; font-size: 14px; text-align: left; font-weight: normal; font-style: normal; text-decoration: none; } .ui-navigation .third-level::before { border-left-color: #000000; left: -0px; } .ui-navigation .ui-navigation-wrap .second-level .ui-navigation-item:hover > .ui-navigation-item-link{ background: #000000; color: #ffffff; } .ui-navigation-drop{ width: 100%; } .ui-26584{ left: 9px; top: 8px; z-index: 10; background: none; width: 240px; /*height: 65px;*/ height: 65px; } .ui-26584 .ui-picture-img{ opacity: 1; } .ui-26584.animate-4:hover .ui-picture-img-wrap{ border: 0 solid #000000; border-left-width: 0; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; box-shadow: 0px 0px 15px #000000; } .ui-26584 .ui-picture-animate-img{ width: 240px; height: 65px; } .ui-26584 .ui-picture-animate-img.animate-1, .ui-26584 .ui-picture-animate-img.animate-2 { margin-left: -120px; } .ui-26584 .ui-picture-animate-img.animate-3, .ui-26584 .ui-picture-animate-img.animate-4 { margin-top: -32.5px; } .ui-26677{ background: none; padding: 5px; left: 128px; top: 30px; z-index: 1; width: 205px; } .ui-26678{ background: none; padding: 5px; left: 431px; top: 32px; z-index: 1; width: 205px; } .ui-26679{ background: none; padding: 5px; left: 712px; top: 32px; z-index: 1; width: 205px; } .ui-26585{ background: none; padding: 5px; left: 1018px; top: 31px; z-index: 1; width: 205px; } .ui-26586{ left: -0.5px; top: 184px; z-index: 1; background: none; width: 280px; /*height: 68.7297297297295px;*/ height: 68.7297297297295px; } .ui-26586 .ui-picture-img{ opacity: 1; } .ui-26586.animate-4:hover .ui-picture-img-wrap{ border: 0 solid #000000; border-left-width: 0; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; box-shadow: 0px 0px 15px #000000; } .ui-26586 .ui-picture-animate-img{ width: 300px; height: 75px; } .ui-26586 .ui-picture-animate-img.animate-1, .ui-26586 .ui-picture-animate-img.animate-2 { margin-left: -150px; } .ui-26586 .ui-picture-animate-img.animate-3, .ui-26586 .ui-picture-animate-img.animate-4 { margin-top: -37.5px; } .ui-26680{ background: none; padding: 5px; left: 128px; top: 9.5px; z-index: 1; width: 205px; } .ui-26690{ left: 525px; top: 184px; z-index: 1; background: none; width: 157px; /*height: 198px;*/ height: 198px; } .ui-26690 .ui-picture-img{ opacity: 1; } .ui-26690.animate-4:hover .ui-picture-img-wrap{ border: 0 solid #000000; border-left-width: 0; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; box-shadow: 0px 0px 15px #000000; } .ui-26690 .ui-picture-animate-img{ width: 157px; height: 198px; } .ui-26690 .ui-picture-animate-img.animate-1, .ui-26690 .ui-picture-animate-img.animate-2 { margin-left: -78.5px; } .ui-26690 .ui-picture-animate-img.animate-3, .ui-26690 .ui-picture-animate-img.animate-4 { margin-top: -99px; } .ui-26691{ background: none; padding: 5px; left: 563px; top: 329px; z-index: 1; width: 86px; } .ui-26681{ background: none; padding: 5px; left: 431px; top: 9.5px; z-index: 1; width: 205px; } .ui-26682{ background: none; padding: 5px; left: 712px; top: 9.5px; z-index: 1; width: 205px; } .ui-26683{ background: none; padding: 5px; left: 1015px; top: 9.5px; z-index: 1; width: 205px; } .ui-26684{ left: 9px; top: 261px; z-index: 1; background: none; width: 35px; /*height: 35px;*/ height: 35px; } .ui-26684 .ui-picture-img{ opacity: 1; } .ui-26684.animate-4:hover .ui-picture-img-wrap{ border: 0 solid #000000; border-left-width: 0; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; box-shadow: 0px 0px 15px #000000; } .ui-26684 .ui-picture-animate-img{ width: 35px; height: 35px; } .ui-26684 .ui-picture-animate-img.animate-1, .ui-26684 .ui-picture-animate-img.animate-2 { margin-left: -17.5px; } .ui-26684 .ui-picture-animate-img.animate-3, .ui-26684 .ui-picture-animate-img.animate-4 { margin-top: -17.5px; } .ui-26587{ background: none; padding: 5px; left: 47px; top: 259px; z-index: 1; width: 272px; } .ui-26685{ left: 74px; top: 11.5px; z-index: 1; background: none; width: 36px; /*height: 36px;*/ height: 36px; } .ui-26685 .ui-picture-img{ opacity: 1; } .ui-26685.animate-4:hover .ui-picture-img-wrap{ border: 0 solid #000000; border-left-width: 0; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; box-shadow: 0px 0px 15px #000000; } .ui-26685 .ui-picture-animate-img{ width: 52px; height: 52px; } .ui-26685 .ui-picture-animate-img.animate-1, .ui-26685 .ui-picture-animate-img.animate-2 { margin-left: -26px; } .ui-26685 .ui-picture-animate-img.animate-3, .ui-26685 .ui-picture-animate-img.animate-4 { margin-top: -26px; } .ui-26686{ left: 369px; top: 11.5px; z-index: 1; background: none; width: 35px; /*height: 35px;*/ height: 35px; } .ui-26686 .ui-picture-img{ opacity: 1; } .ui-26686.animate-4:hover .ui-picture-img-wrap{ border: 0 solid #000000; border-left-width: 0; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; box-shadow: 0px 0px 15px #000000; } .ui-26686 .ui-picture-animate-img{ width: 49px; height: 49px; } .ui-26686 .ui-picture-animate-img.animate-1, .ui-26686 .ui-picture-animate-img.animate-2 { margin-left: -24.5px; } .ui-26686 .ui-picture-animate-img.animate-3, .ui-26686 .ui-picture-animate-img.animate-4 { margin-top: -24.5px; } .ui-26687{ left: 657px; top: 10.5px; z-index: 1; background: none; width: 36px; /*height: 36px;*/ height: 36px; } .ui-26687 .ui-picture-img{ opacity: 1; } .ui-26687.animate-4:hover .ui-picture-img-wrap{ border: 0 solid #000000; border-left-width: 0; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; box-shadow: 0px 0px 15px #000000; } .ui-26687 .ui-picture-animate-img{ width: 53px; height: 53px; } .ui-26687 .ui-picture-animate-img.animate-1, .ui-26687 .ui-picture-animate-img.animate-2 { margin-left: -26.5px; } .ui-26687 .ui-picture-animate-img.animate-3, .ui-26687 .ui-picture-animate-img.animate-4 { margin-top: -26.5px; } .ui-26688{ left: 956px; top: 11.5px; z-index: 1; background: none; width: 35px; /*height: 35px;*/ height: 35px; } .ui-26688 .ui-picture-img{ opacity: 1; } .ui-26688.animate-4:hover .ui-picture-img-wrap{ border: 0 solid #000000; border-left-width: 0; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; box-shadow: 0px 0px 15px #000000; } .ui-26688 .ui-picture-animate-img{ width: 50px; height: 50px; } .ui-26688 .ui-picture-animate-img.animate-1, .ui-26688 .ui-picture-animate-img.animate-2 { margin-left: -25px; } .ui-26688 .ui-picture-animate-img.animate-3, .ui-26688 .ui-picture-animate-img.animate-4 { margin-top: -25px; } .ui-26689{ background: none; padding: 5px; left: 956px; top: 240px; z-index: 1; width: 242px; } .ui-26593{ background: none; padding: 5px; left: 9px; top: 301px; z-index: 1; width: 377px; } .ui-26594{ background: none; padding: 5px; left: 1087px; top: 184px; z-index: 1; width: 133px; } .ui-27710 .main { height: 150px; } .ui-27710 .ui-float-open-box { background: 0% / 100% 100% #00000099; height: 150px; } .ui-27710 .ui-float-close-box{ margin-left: -100px; width: 100px; height: 140px; background: url("https://saas-image.jingwxcx.com/upload_files/2020/09/28/9abb57a1dcd7d7e64e6b4cae52cca7fc.jpg?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100") 0% / cover #0009; }