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: auto; } .ui-top-box .ui-top-wrap{ height: 100px; 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: rgba(33, 130, 218, 1); /*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(//saas-image.jingwxcx.com/upload_files/2022/05/30/f52f3ec5b4e196b1b07641b215b46b29.jpg?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100) center top repeat-x; } .ui-footer>.main{ height: 360px; } .ui-image-text .ui-image-text-btn{ background: #555555; } .ui-copy-right{ min-height: 50px; /*line-height: 50px;*/ background: rgba(51, 51, 51, 1); text-align: center; font-size: 14px; font-family: Arial; font-weight: normal; text-decoration: none; font-style: normal; } .ui-copy-right .ui-copy-right-item{ color: #f1f1f1; } .ui-copy-right .ui-copy-right-item-link:hover{ color: #999999; } .ui-bottom{ background: url(//saas-image.jingwxcx.com/upload_files/2022/05/30/f52f3ec5b4e196b1b07641b215b46b29.jpg?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100) rgba(34, 34, 34, 1) center top repeat-x; color: ; } .ui-toolbar .ui-toolbar-wrap.layout-2 .ui-toolbar-item-wrap{ background: rgba(30, 100, 188, 1); } .ui-toolbar .ui-toolbar-wrap.layout-2 .ui-toolbar-item-wrap + .ui-toolbar-item-wrap:before{ background: rgba(30, 100, 188, 1); } .ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-head{ color: rgba(30, 100, 188, 1); background: rgba(30, 100, 188, 1); } .ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-item-wrap{ background: rgba(30, 100, 188, 1); } .ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-item-wrap .ui-toolbar-item{ color: rgba(30, 100, 188, 1); } .ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-item-wrap .ui-toolbar-item::before{ border-bottom: 10px solid rgba(30, 100, 188, 1); } .ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-item-wrap.layout-0 .ui-toolbar-item{ border-top: 75px solid rgba(30, 100, 188, 1); } .ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-item-wrap{ background: rgba(30, 100, 188, 1); } .ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-item-wrap .ui-toolbar-item{ color: rgba(30, 100, 188, 1); } .ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-head{ background: rgba(30, 100, 188, 1); } .ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-item-wrap.layout-0 .ui-toolbar-item:before{ border-left: 75px solid rgba(30, 100, 188, 1); border-right: 75px solid rgba(30, 100, 188, 1); } .ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-item-wrap.layout-0 .ui-toolbar-item-text{ background: rgba(30, 100, 188, 1); } .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-navigation .ui-navigation-wrap{ top: 0px; height: 100px; z-index: 10; background: url(//saas-image.jingwxcx.com/upload_files/2022/03/23/310f49666984cc0b67281113f4137cd0.png?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100) 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: 100px; white-space: nowrap; } .ui-navigation .main-wrap{ height: 100px; /* background: url(//saas-image.jingwxcx.com/upload_files/2022/03/23/310f49666984cc0b67281113f4137cd0.png?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100) center no-repeat;*/ } .ui-navigation.narrow .main-wrap{ position: absolute; left: 0px; width: 1200px; background: url(//saas-image.jingwxcx.com/upload_files/2022/03/23/310f49666984cc0b67281113f4137cd0.png?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100) center no-repeat; } .ui-navigation .first-level>.ui-navigation-item{ height: 100px; line-height: 100px; width: 100px; background-color: rgba(255, 255, 255, 0); 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(255, 255, 255, 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: rgba(0, 0, 0, 0); color: rgba(255, 255, 255, 1); } .ui-navigation .ui-navigation-wrap .separate{ display: none; width: 0px; height: 40px; background-color: transparent; } .ui-navigation .second-level .ui-navigation-item-link{ background: rgba(7, 118, 204, 0.6); border-radius: 5px; border: 0 solid ; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; color: rgba(255, 255, 255, 1); font-size: 14px; text-align: left; font-weight: normal; font-style: normal; text-decoration: none; } .ui-navigation .third-level::before { border-left-color: rgba(219, 189, 125, 1); left: -0px; } .ui-navigation .ui-navigation-wrap .second-level .ui-navigation-item:hover > .ui-navigation-item-link{ background: rgba(219, 189, 125, 1); color: #ffffff; } .ui-navigation-drop{ width: 100%; } .ui-1172879{ position: relative; height: 800px; background: false repeat center; background-color: #fff; } .ui-1172879 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:fill } .ui-1172879>.main, .ui-1172879>.tempWrap [data-fullmeasure], .ui-1172879>.tempWrap [data-fullmeasure]>.carousel-item-box{ height: 800px; position: relative; } .ui-1172879.theme-1 [data-fullmeasure]>.carousel-item-box{ background: repeat center; } .ui-1172884{ left: -23px; top: 253px; z-index: 1; background: none; width: 619px; /*height: 229px;*/ height: 229px; } .ui-1172884 .ui-picture-img{ opacity: 1; } .ui-1172884.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-1172884 .ui-picture-animate-img{ width: 619px; height: 229px; } .ui-1172884 .ui-picture-animate-img.animate-1, .ui-1172884 .ui-picture-animate-img.animate-2 { margin-left: -309.5px; } .ui-1172884 .ui-picture-animate-img.animate-3, .ui-1172884 .ui-picture-animate-img.animate-4 { margin-top: -114.5px; } .ui-1176682 { left: 3px; top: 526.5px; z-index: 1; } .ui-1176682 .ui-button-link{ line-height: 45px; border-radius: 0px; color: rgba(7, 118, 204, 1); background: no-repeat center / cover rgba(255, 255, 255, 1); border: 0px solid currentColor; font-family: Microsoft Yahei; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; box-shadow: 0px 0px 0px currentColor; width: 159px; height: 45px; } .ui-1176682.old { background: ; } .ui-1176682.old.layout-2 .ui-button-link { background-color: rgba(255, 255, 255, 1); } .ui-1176682 .ui-button-link:hover{ background-color: rgba(7, 118, 204, 1); color: rgba(255, 255, 255, 1); } .ui-1177703{ background: none; padding: 5px; left: 285px; top: 231px; z-index: 1; width: 863px; } .ui-1177704{ background: none; padding: 5px; left: 508px; top: 316px; z-index: 1; width: 863px; } .ui-1177532 { left: 521.5px; top: 469px; z-index: 1; } .ui-1177532 .ui-button-link{ line-height: 45px; border-radius: 0px; color: #ffffff; background: no-repeat center / cover rgba(7, 118, 204, 1); border: 0px solid currentColor; font-family: Microsoft Yahei; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; box-shadow: 0px 0px 0px currentColor; width: 159px; height: 45px; } .ui-1177532.old { background: ; } .ui-1177532.old.layout-2 .ui-button-link { background-color: rgba(7, 118, 204, 1); } .ui-1177532 .ui-button-link:hover{ background-color: rgba(219, 189, 125, 1); color: rgba(255, 255, 255, 1); } .ui-1177211{ left: 160px; top: 158.5px; z-index: 1; background: none; width: 881px; /*height: 178px;*/ height: 178px; } .ui-1177211 .ui-picture-img{ opacity: 1; } .ui-1177211.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-1177211 .ui-picture-animate-img{ width: 881px; height: 178px; } .ui-1177211 .ui-picture-animate-img.animate-1, .ui-1177211 .ui-picture-animate-img.animate-2 { margin-left: -440.5px; } .ui-1177211 .ui-picture-animate-img.animate-3, .ui-1177211 .ui-picture-animate-img.animate-4 { margin-top: -89px; } .ui-1173250{ position: relative; height: 76px; background: rgba(249, 248, 248, 1) repeat center; background-color: rgba(249, 248, 248, 1); } .ui-1173250 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:fill } .ui-1173250>.main, .ui-1173250>.tempWrap [data-fullmeasure], .ui-1173250>.tempWrap [data-fullmeasure]>.carousel-item-box{ height: 76px; position: relative; } .ui-1173250.theme-1 [data-fullmeasure]>.carousel-item-box{ background: rgba(249, 248, 248, 1) repeat center; } .ui-1173251{ left: 945px; top: 12px; z-index: 10; } .ui-1173251 .ui-search-box .ui-search-keyword{ height: 42px; } .ui-1173251 .ui-search-box.layout-0 .ui-search-keyword{ width: 252px; } .ui-1173251 .ui-search-box.layout-1 .ui-search-keyword{ width: 252px; /* width: 182px; */ } .ui-1173251 .main { padding: 3px; } body > .ui-1173251 .ui-search-box .ui-search-keyword{ width: 322px !important; } body > .ui-1173251 .ui-search-box.type .ui-search-keyword{ width: 392px !important; } .ui-1173251 .ui-search-box.layout-0{ outline: 1px solid rgba(16, 113, 189, 1); border: 1px solid rgba(16, 113, 189, 1); } .ui-1173251 .ui-search-box.layout-0 .ui-search-keyword{ border: none; } .ui-1173251 .ui-search-type-box .cms-icon{ line-height: 39px; } .ui-1173251 .ui-search-type-box .ui-search-type-current{ line-height: 42px; } .ui-1173251 .ui-search-box.layout-0 .ui-search-type-box .ui-search-type-item-box{ border: 2px solid rgba(16, 113, 189, 1); border-top: none; } .ui-1173251 .ui-search-type-box .ui-search-type-item:hover, .ui-1173251 .ui-search-type-box .ui-search-type-item.active{ color: rgba(16, 113, 189, 1); } .ui-1173251 .ui-search-icon-wrap{ height: 42px; line-height: 42px; } .ui-1173251 .ui-search-box.layout-0 .ui-search-icon-wrap{ background: rgba(16, 113, 189, 1); } .ui-1173251 .ui-search-box.layout-1 .ui-search-icon-wrap .cms-icon{ color: rgba(16, 113, 189, 1); } .ui-1173251 .ui-search-recommand .ui-search-recommand-item:hover{ color: rgba(16, 113, 189, 1); } .ui-1173251 .ui-search .ui-search-recommand .ui-search-recommand-item { font-family: Microsoft Yahei; font-size: 14px; color: #666666; font-weight: normal; text-decoration: none; font-style: normal; } .ui-1173251 .ui-search .ui-search-recommand .ui-search-recommand-item:hover { color: #666666; } .ui-1177705{ background: none; padding: 5px; left: -5px; top: 20px; z-index: 1; width: 863px; } .ui-1173254{ position: relative; height: 664px; background: url(//saas-image.jingwxcx.com/upload_files/2022/05/30/f384d818faea1ef518625af7472caad1.jpg?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100) repeat center; background-color: #fff; } .ui-1173254 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:fill } .ui-1173254>.main, .ui-1173254>.tempWrap [data-fullmeasure], .ui-1173254>.tempWrap [data-fullmeasure]>.carousel-item-box{ height: 664px; position: relative; } .ui-1173254.theme-1 [data-fullmeasure]>.carousel-item-box{ background: url(//saas-image.jingwxcx.com/upload_files/2022/05/30/f384d818faea1ef518625af7472caad1.jpg?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100) repeat center; } .ui-1173262{ background: none; padding: 5px; left: 554px; top: 169px; z-index: 1; width: 623px; } .ui-1193234{ background: none; padding: 5px; left: 554px; top: 120px; z-index: 1; width: 260px; } .ui-1176335{ background: none; padding: 5px; left: 554px; top: 68px; z-index: 1; width: 260px; } .ui-1173263{ background: none; padding: 5px; left: 81px; top: 527px; z-index: 1; width: 165px; } .ui-1176336{ background: none; padding: 5px; left: 399px; top: 527px; z-index: 1; width: 165px; } .ui-1176337{ background: none; padding: 5px; left: 992px; top: 527px; z-index: 1; width: 165px; } .ui-1176338{ background: none; padding: 5px; left: 683px; top: 527px; z-index: 1; width: 165px; } .ui-1177673{ background: none; padding: 5px; left: 458px; top: 501px; z-index: 1; width: 36px; } .ui-1176339{ background: none; padding: 5px; left: 196px; top: 501px; z-index: 1; width: 36px; } .ui-1176340{ background: none; padding: 5px; left: 792px; top: 501px; z-index: 1; width: 66px; } .ui-1176341{ background: none; padding: 5px; left: 1074px; top: 501px; z-index: 1; width: 36px; } .ui-1176697 { left: 382px; top: 481px; z-index: 0; } .ui-1176697 .inner { width: 89px; height: 60px; line-height: 60px; font-family: Arial; font-size: 50px; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; color: rgb(51,51,51); } .ui-1176697 .inner .dynamic.is-animate { animation-duration: 1s; animation-delay: 0.2s; } .ui-1176342 { left: 75px; top: 481px; z-index: 0; } .ui-1176342 .inner { width: 129px; height: 60px; line-height: 60px; font-family: Arial; font-size: 50px; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; color: rgb(51,51,51); } .ui-1176342 .inner .dynamic.is-animate { animation-duration: 1s; animation-delay: 0.2s; } .ui-1176343 { left: 665px; top: 481px; z-index: 0; } .ui-1176343 .inner { width: 128px; height: 60px; line-height: 60px; font-family: Arial; font-size: 50px; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; color: rgb(51,51,51); } .ui-1176343 .inner .dynamic.is-animate { animation-duration: 1s; animation-delay: 0.2s; } .ui-1173261 { left: 982px; top: 481px; z-index: 0; } .ui-1173261 .inner { width: 98px; height: 60px; line-height: 60px; font-family: Arial; font-size: 50px; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; color: rgb(51,51,51); } .ui-1173261 .inner .dynamic.is-animate { animation-duration: 1s; animation-delay: 0.2s; } .ui-1188442 { width: 478px; height: 336px; left: 4px; top: 70px; z-index: 1; } .ui-1188442 .cover { background: url(//saas-image.jingwxcx.com/upload_files/2022/05/30/896fb7f851454f0b1867472b530a9d48.jpg?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100) center no-repeat transparent; background-size: cover; } .ui-1193233 { left: 554px; top: 356px; z-index: 1; } .ui-1193233 .ui-button-link{ line-height: 45px; border-radius: 0px; color: #ffffff; background: no-repeat center / cover rgba(7, 118, 204, 1); border: 0px solid currentColor; font-family: Microsoft Yahei; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; box-shadow: 0px 0px 0px currentColor; width: 159px; height: 45px; } .ui-1193233.old { background: ; } .ui-1193233.old.layout-2 .ui-button-link { background-color: rgba(7, 118, 204, 1); } .ui-1193233 .ui-button-link:hover{ background-color: rgba(219, 189, 125, 1); color: rgba(255, 255, 255, 1); } .ui-1176349{ left: 298px; top: 472px; z-index: 1; background: none; width: 12px; /*height: 99px;*/ height: 99px; } .ui-1176349 .ui-picture-img{ opacity: 1; } .ui-1176349.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-1176349 .ui-picture-animate-img{ width: 12px; height: 99px; } .ui-1176349 .ui-picture-animate-img.animate-1, .ui-1176349 .ui-picture-animate-img.animate-2 { margin-left: -6px; } .ui-1176349 .ui-picture-animate-img.animate-3, .ui-1176349 .ui-picture-animate-img.animate-4 { margin-top: -49.5px; } .ui-1176350{ left: 584px; top: 472px; z-index: 1; background: none; width: 12px; /*height: 99px;*/ height: 99px; } .ui-1176350 .ui-picture-img{ opacity: 1; } .ui-1176350.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-1176350 .ui-picture-animate-img{ width: 12px; height: 99px; } .ui-1176350 .ui-picture-animate-img.animate-1, .ui-1176350 .ui-picture-animate-img.animate-2 { margin-left: -6px; } .ui-1176350 .ui-picture-animate-img.animate-3, .ui-1176350 .ui-picture-animate-img.animate-4 { margin-top: -49.5px; } .ui-1176351{ left: 920px; top: 472px; z-index: 1; background: none; width: 12px; /*height: 99px;*/ height: 99px; } .ui-1176351 .ui-picture-img{ opacity: 1; } .ui-1176351.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-1176351 .ui-picture-animate-img{ width: 12px; height: 99px; } .ui-1176351 .ui-picture-animate-img.animate-1, .ui-1176351 .ui-picture-animate-img.animate-2 { margin-left: -6px; } .ui-1176351 .ui-picture-animate-img.animate-3, .ui-1176351 .ui-picture-animate-img.animate-4 { margin-top: -49.5px; } .ui-1193207{ position: relative; height: 900px; background: url(//saas-image.jingwxcx.com/upload_files/2022/05/29/8c265af1bcb7be05236e28ffa97ab1b3.jpg?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100) repeat center; background-color: rgba(244, 243, 243, 1); } .ui-1193207 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:fill } .ui-1193207>.main, .ui-1193207>.tempWrap [data-fullmeasure], .ui-1193207>.tempWrap [data-fullmeasure]>.carousel-item-box{ height: 900px; position: relative; } .ui-1193207.theme-1 [data-fullmeasure]>.carousel-item-box{ background: url(//saas-image.jingwxcx.com/upload_files/2022/05/29/8c265af1bcb7be05236e28ffa97ab1b3.jpg?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100) repeat center; } .ui-1193208 { width: 640px; height: 523px; left: 551px; top: 198px; z-index: 1; background: center no-repeat; background-size: cover; } body > .ui-1193208.layout-10 > .main { height: 523px; } .ui-1193208.layout-0 .ui-product-item-wrap, .ui-1193208.layout-1 .ui-product-item-wrap, .ui-1193208.layout-1 .ui-product-item-wrap .auto-img-box, .ui-1193208.layout-3 .ui-product-item-wrap .auto-img-box, .ui-1193208.layout-4 .ui-product-item-wrap, .ui-1193208.layout-5 .auto-img-box, .ui-1193208.layout-6 .ui-product-item-wrap, .ui-1193208.layout-8 .auto-img-box, .ui-1193208.layout-9 .ui-product-item-wrap{ border-radius: 0px; } .ui-1193208.layout-0 .ui-product-info-box, .ui-1193208.layout-3 .ui-product-info-box, .ui-1193208.layout-10 .ui-product-info-box, .ui-1193208.layout-4 .ui-product-info-box{ background: #ffffff; display: block } .ui-1193208.layout-0 .carousel-item-box:hover .ui-product-info-box, .ui-1193208.layout-3 .carousel-item-box:hover .ui-product-info-box, .ui-1193208.layout-10 .carousel-item-box:hover .ui-product-info-box, .ui-1193208.layout-4 .carousel-item-box:hover .ui-product-info-box{ background: #ffffff; } .ui-1193208.layout-0 .ui-product-title, .ui-1193208.layout-3 .ui-product-title, .ui-1193208.layout-4 .ui-product-title, .ui-1193208.layout-10 .ui-product-title, .ui-1193208.layout-9 .ui-product-title{ font-family: Microsoft Yahei; font-size: 14px; text-align: left; color: rgba(255, 255, 255, 1); display: ; } .ui-1193208.layout-0 .carousel-item-box:hover .ui-product-title, .ui-1193208.layout-3 .carousel-item-box:hover .ui-product-title, .ui-1193208.layout-4 .carousel-item-box:hover .ui-product-title, .ui-1193208.layout-10 .carousel-item-box:hover .ui-product-title, .ui-1193208.layout-9 .carousel-item-box:hover .ui-product-title{ color: rgba(219, 189, 125, 1); } .ui-1193208.layout-2 .main { padding-top: 10px; } .ui-1193208.layout-0 .ui-product-item-wrap { box-shadow: 0 0 10px rgb(0 0 0 / 10%); } .ui-1193223{ background: none; padding: 5px; left: 547px; top: 109px; z-index: 1; width: 161px; } .ui-1193222{ background: none; padding: 5px; left: 547px; top: 743px; z-index: 1; width: 585px; } .ui-1193209{ background: none; padding: 5px; left: 547px; top: 54px; z-index: 1; width: 302px; } .ui-1193216 { left: 527.5px; top: -128px; z-index: 1; } .ui-1193216 .ui-button-link{ line-height: 45px; border-radius: 10px; color: #ffffff; background: no-repeat center / cover rgba(7, 118, 204, 1); border: 0px solid currentColor; font-family: Microsoft Yahei; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; box-shadow: 0px 0px 0px currentColor; width: 160px; height: 45px; } .ui-1193216.old { background: ; } .ui-1193216.old.layout-2 .ui-button-link { background-color: rgba(7, 118, 204, 1); } .ui-1193216 .ui-button-link:hover{ background-color: rgba(219, 189, 125, 1); color: rgba(255, 255, 255, 1); } .ui-1193224 { left: 1028.5px; top: 104px; z-index: 1; } .ui-1193224 .ui-button-link{ line-height: 45px; border-radius: 0px; color: #ffffff; background: no-repeat center / cover rgba(7, 118, 204, 1); border: 0px solid currentColor; font-family: Microsoft Yahei; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; box-shadow: 0px 0px 0px currentColor; width: 160px; height: 45px; } .ui-1193224.old { background: ; } .ui-1193224.old.layout-2 .ui-button-link { background-color: rgba(7, 118, 204, 1); } .ui-1193224 .ui-button-link:hover{ background-color: rgba(219, 189, 125, 1); color: rgba(255, 255, 255, 1); } .ui-1176353{ position: relative; height: 546px; background: url(//saas-image.jingwxcx.com/upload_files/2022/05/30/1c3b534d459354325700016aac3d1fc9.jpg?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100) repeat center; background-color: #fff; } .ui-1176353 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:fill } .ui-1176353>.main, .ui-1176353>.tempWrap [data-fullmeasure], .ui-1176353>.tempWrap [data-fullmeasure]>.carousel-item-box{ height: 546px; position: relative; } .ui-1176353.theme-1 [data-fullmeasure]>.carousel-item-box{ background: url(//saas-image.jingwxcx.com/upload_files/2022/05/30/1c3b534d459354325700016aac3d1fc9.jpg?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100) repeat center; } .ui-1193226{ background: none; padding: 5px; left: 19px; top: 126.5px; z-index: 1; width: 160px; } .ui-1193227{ background: none; padding: 5px; left: 19px; top: 76px; z-index: 1; width: 160px; } .ui-1176356 { width: 1159px; height: 253px; left: 24.5px; top: 178px; z-index: 1; background: none center no-repeat; background-size: cover; } body > .ui-1176356.layout-18 > .main { height: 253px; } .ui-1176356.layout-10 .ui-article-item-wrap{ background: #ffffff; } .ui-1176356.layout-10 .ui-article-item-wrap:hover{ background: #f2f2f2; } .ui-1176356.layout-10 .ui-article-title{ font-family: Microsoft Yahei; font-size: 16px; color: #333333; display: none } .ui-1176356.layout-11 .main { padding: 10px; } .ui-1176356.layout-4 .auto-img-box, .ui-1176356.layout-5 .auto-img-box, .ui-1176356.layout-6 .ui-article-item-wrap, .ui-1176356.layout-8 .auto-img-box, .ui-1176356.layout-10 .auto-img-box, .ui-1176356.layout-11 .ui-article-item-wrap, .ui-1176356.layout-13 .ui-article-item-wrap, .ui-1176356.layout-12 .card .auto-img-box, .ui-1176356.layout-16 .auto-img-box, .ui-1176356.layout-17 .tempWrap{ border-radius: 0px; } .ui-1176356.layout-11 .ui-article-info-box, .ui-1176356.layout-13 .ui-article-info-box{ background: #ffffff; display: none } .ui-1176356.layout-10 .ui-article-info-box:hover, .ui-1176356.layout-11 .carousel-item-box:hover .ui-article-info-box, .ui-1176356.layout-18 .ui-article-info-box:hover, .ui-1176356.layout-13 .carousel-item-box:hover .ui-article-info-box { background: #f2f2f2; } .ui-1176356.layout-9 .ui-article-title { font-family: Microsoft Yahei; font-size: 16px; color: #333333; display: none } .ui-1176356.layout-11 .ui-article-title, .ui-1176356.layout-13 .ui-article-title, .ui-1176356.layout-18 .ui-article-title, .ui-1176356.layout-17 .ui-article-title{ font-family: Microsoft Yahei; font-size: 16px; text-align: left; color: #333333; display: none } .ui-1176356.layout-11 .ui-article-title { margin: 0 !important; } .ui-1176356.layout-9 .carousel-item-box:hover .ui-article-title, .ui-1176356.layout-10 .carousel-item-box:hover .ui-article-title, .ui-1176356.layout-11 .carousel-item-box:hover .ui-article-title, .ui-1176356.layout-18 .carousel-item-box:hover .ui-article-title, .ui-1176356.layout-13 .carousel-item-box:hover .ui-article-title, .ui-1176356.layout-17 .carousel-item-box:hover .ui-article-title{ color: #000000; } .ui-1176356.layout-9 .ui-article-remark, .ui-1176356.layout-10 .ui-article-remark, .ui-1176356.layout-11 .ui-article-remark, .ui-1176356.layout-13 .ui-article-remark{ font-family: Microsoft Yahei; font-size: 14px; text-align: left; color: #919191; display: none; } .ui-1176356.layout-9 .ui-article-remark { text-align: left; } .ui-1176356.layout-9 .carousel-item-box:hover .ui-article-remark, .ui-1176356.layout-10 .carousel-item-box:hover .ui-article-remark, .ui-1176356.layout-11 .carousel-item-box:hover .ui-article-remark, .ui-1176356.layout-13 .carousel-item-box:hover .ui-article-remark{ color: #555555; } .ui-1176356.layout-9 .ui-article-time1, .ui-1176356.layout-10 .ui-article-time, .ui-1176356.layout-11 .ui-article-time, .ui-1176356.layout-13 .ui-article-time{ font-family: Microsoft Yahei; font-size: 12px; text-align: left; color: #919191; display: none } .ui-1176356.layout-9 .carousel-item-box:hover .ui-article-time1, .ui-1176356.layout-10 .carousel-item-box:hover .ui-article-time, .ui-1176356.layout-11 .carousel-item-box:hover .ui-article-time, .ui-1176356.layout-13 .carousel-item-box:hover .ui-article-time{ color: #555555; } .ui-1176356.layout-9 .ui-article-remark-wrap, .ui-1176356.layout-13 .ui-article-remark-wrap{ display: none; } .ui-1176356.layout-13 .ui-article-time{ display: none } .ui-1176356.layout-18 .ui-article-info-box{ background: #ffffff; } .ui-1176356.layout-13 .ui-article-swiper-box { height: auto; } .ui-1176356.layout-13 .ui-article-item-wrap { box-shadow: 0 0 10px rgba(0, 0, 0, .1); } .ui-1176683 { left: 693.5px; top: -124px; z-index: 1; } .ui-1176683 .ui-button-link{ line-height: 45px; border-radius: 10px; color: #ffffff; background: no-repeat center / cover rgba(7, 118, 204, 1); border: 0px solid currentColor; font-family: Microsoft Yahei; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; box-shadow: 0px 0px 0px currentColor; width: 159px; height: 45px; } .ui-1176683.old { background: ; } .ui-1176683.old.layout-2 .ui-button-link { background-color: rgba(7, 118, 204, 1); } .ui-1176683 .ui-button-link:hover{ background-color: rgba(219, 189, 125, 1); color: rgba(255, 255, 255, 1); } .ui-1193218 { left: 1026px; top: 121.5px; z-index: 1; } .ui-1193218 .ui-button-link{ line-height: 45px; border-radius: 0px; color: #ffffff; background: no-repeat center / cover rgba(7, 118, 204, 1); border: 0px solid currentColor; font-family: Microsoft Yahei; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; box-shadow: 0px 0px 0px currentColor; width: 160px; height: 45px; } .ui-1193218.old { background: ; } .ui-1193218.old.layout-2 .ui-button-link { background-color: rgba(7, 118, 204, 1); } .ui-1193218 .ui-button-link:hover{ background-color: rgba(219, 189, 125, 1); color: rgba(255, 255, 255, 1); } .ui-1176670{ position: relative; height: 720px; background: url(//saas-image.jingwxcx.com/upload_files/2022/05/29/f9cef4caa452ef4acd5d44ec585093cb.jpg?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100) repeat center; background-color: rgba(247, 246, 246, 1); } .ui-1176670 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:fill } .ui-1176670>.main, .ui-1176670>.tempWrap [data-fullmeasure], .ui-1176670>.tempWrap [data-fullmeasure]>.carousel-item-box{ height: 720px; position: relative; } .ui-1176670.theme-1 [data-fullmeasure]>.carousel-item-box{ background: url(//saas-image.jingwxcx.com/upload_files/2022/05/29/f9cef4caa452ef4acd5d44ec585093cb.jpg?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100) repeat center; } .ui-1193228{ background: none; padding: 5px; left: -6px; top: 348px; z-index: 1; width: 373px; } .ui-1193229{ background: none; padding: 5px; left: 47px; top: 448px; z-index: 1; width: 777px; } .ui-1193230{ left: 537px; top: 231px; z-index: 1; background: none; width: 670px; /*height: 339px;*/ height: 339px; } .ui-1193230 .ui-picture-img{ opacity: 1; } .ui-1193230.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-1193230 .ui-picture-animate-img{ width: 670px; height: 339px; } .ui-1193230 .ui-picture-animate-img.animate-1, .ui-1193230 .ui-picture-animate-img.animate-2 { margin-left: -335px; } .ui-1193230 .ui-picture-animate-img.animate-3, .ui-1193230 .ui-picture-animate-img.animate-4 { margin-top: -169.5px; } .ui-1176354{ background: none; padding: 5px; left: 535px; top: 116.6125px; z-index: 1; width: 212px; } .ui-1193225{ background: none; padding: 5px; left: 537px; top: 166px; z-index: 1; width: 160px; } .ui-1168753{ position: relative; height: 652px; background: rgba(255, 255, 255, 1) repeat center; background-color: rgba(255, 255, 255, 1); } .ui-1168753 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:fill } .ui-1168753>.main, .ui-1168753>.tempWrap [data-fullmeasure], .ui-1168753>.tempWrap [data-fullmeasure]>.carousel-item-box{ height: 652px; position: relative; } .ui-1168753.theme-1 [data-fullmeasure]>.carousel-item-box{ background: rgba(255, 255, 255, 1) repeat center; } .ui-1193235{ background: none; padding: 5px; left: 20px; top: 137px; z-index: 1; width: 212px; } .ui-1173255{ background: none; padding: 5px; left: 20px; top: 85px; z-index: 1; width: 212px; } .ui-1190718 { width: 1185px; height: 386px; left: 3px; top: 189px; z-index: 1; background: none rgba(255, 0, 0, 0) center no-repeat; background-size: cover; } body > .ui-1190718.layout-18 > .main { height: 386px; } .ui-1190718.layout-10 .ui-article-item-wrap{ background: #ffffff; } .ui-1190718.layout-10 .ui-article-item-wrap:hover{ background: #f2f2f2; } .ui-1190718.layout-10 .ui-article-title{ font-family: Microsoft Yahei; font-size: 16px; color: #333333; display: } .ui-1190718.layout-11 .main { padding: 10px; } .ui-1190718.layout-4 .auto-img-box, .ui-1190718.layout-5 .auto-img-box, .ui-1190718.layout-6 .ui-article-item-wrap, .ui-1190718.layout-8 .auto-img-box, .ui-1190718.layout-10 .auto-img-box, .ui-1190718.layout-11 .ui-article-item-wrap, .ui-1190718.layout-13 .ui-article-item-wrap, .ui-1190718.layout-12 .card .auto-img-box, .ui-1190718.layout-16 .auto-img-box, .ui-1190718.layout-17 .tempWrap{ border-radius: 0px; } .ui-1190718.layout-11 .ui-article-info-box, .ui-1190718.layout-13 .ui-article-info-box{ background: #ffffff; display: block } .ui-1190718.layout-10 .ui-article-info-box:hover, .ui-1190718.layout-11 .carousel-item-box:hover .ui-article-info-box, .ui-1190718.layout-18 .ui-article-info-box:hover, .ui-1190718.layout-13 .carousel-item-box:hover .ui-article-info-box { background: #f2f2f2; } .ui-1190718.layout-9 .ui-article-title { font-family: Microsoft Yahei; font-size: 16px; color: #333333; display: } .ui-1190718.layout-11 .ui-article-title, .ui-1190718.layout-13 .ui-article-title, .ui-1190718.layout-18 .ui-article-title, .ui-1190718.layout-17 .ui-article-title{ font-family: Microsoft Yahei; font-size: 16px; text-align: left; color: #333333; display: } .ui-1190718.layout-11 .ui-article-title { margin: 0 !important; } .ui-1190718.layout-9 .carousel-item-box:hover .ui-article-title, .ui-1190718.layout-10 .carousel-item-box:hover .ui-article-title, .ui-1190718.layout-11 .carousel-item-box:hover .ui-article-title, .ui-1190718.layout-18 .carousel-item-box:hover .ui-article-title, .ui-1190718.layout-13 .carousel-item-box:hover .ui-article-title, .ui-1190718.layout-17 .carousel-item-box:hover .ui-article-title{ color: #000000; } .ui-1190718.layout-9 .ui-article-remark, .ui-1190718.layout-10 .ui-article-remark, .ui-1190718.layout-11 .ui-article-remark, .ui-1190718.layout-13 .ui-article-remark{ font-family: Microsoft Yahei; font-size: 14px; text-align: left; color: #919191; display: ; } .ui-1190718.layout-9 .ui-article-remark { text-align: left; } .ui-1190718.layout-9 .carousel-item-box:hover .ui-article-remark, .ui-1190718.layout-10 .carousel-item-box:hover .ui-article-remark, .ui-1190718.layout-11 .carousel-item-box:hover .ui-article-remark, .ui-1190718.layout-13 .carousel-item-box:hover .ui-article-remark{ color: #555555; } .ui-1190718.layout-9 .ui-article-time1, .ui-1190718.layout-10 .ui-article-time, .ui-1190718.layout-11 .ui-article-time, .ui-1190718.layout-13 .ui-article-time{ font-family: Microsoft Yahei; font-size: 12px; text-align: left; color: #919191; display: inline } .ui-1190718.layout-9 .carousel-item-box:hover .ui-article-time1, .ui-1190718.layout-10 .carousel-item-box:hover .ui-article-time, .ui-1190718.layout-11 .carousel-item-box:hover .ui-article-time, .ui-1190718.layout-13 .carousel-item-box:hover .ui-article-time{ color: #555555; } .ui-1190718.layout-9 .ui-article-remark-wrap, .ui-1190718.layout-13 .ui-article-remark-wrap{ display: ; } .ui-1190718.layout-13 .ui-article-time{ display: block } .ui-1190718.layout-18 .ui-article-info-box{ background: #ffffff; } .ui-1190718.layout-13 .ui-article-swiper-box { height: auto; } .ui-1190718.layout-13 .ui-article-item-wrap { box-shadow: 0 0 10px rgba(0, 0, 0, .1); } .ui-1188720 { left: 1005px; top: 124px; z-index: 1; } .ui-1188720 .ui-button-link{ line-height: 46px; border-radius: 0px; color: #ffffff; background: no-repeat center / cover rgba(7, 118, 204, 1); border: 0px solid currentColor; font-family: Microsoft Yahei; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; box-shadow: 0px 0px 0px currentColor; width: 160px; height: 46px; } .ui-1188720.old { background: ; } .ui-1188720.old.layout-2 .ui-button-link { background-color: rgba(7, 118, 204, 1); } .ui-1188720 .ui-button-link:hover{ background-color: rgba(219, 189, 125, 1); color: #ffffff; } .ui-1193231{ position: relative; height: 400px; background: url(//saas-image.jingwxcx.com/upload_files/2022/05/30/eab7fa7b0add5c19aa334674075e6f0f.jpg?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100) repeat center; background-color: #fff; } .ui-1193231 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:fill } .ui-1193231>.main, .ui-1193231>.tempWrap [data-fullmeasure], .ui-1193231>.tempWrap [data-fullmeasure]>.carousel-item-box{ height: 400px; position: relative; } .ui-1193231.theme-1 [data-fullmeasure]>.carousel-item-box{ background: url(//saas-image.jingwxcx.com/upload_files/2022/05/30/eab7fa7b0add5c19aa334674075e6f0f.jpg?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100) repeat center; } .ui-1193236{ background: none; padding: 5px; left: 268px; top: 143px; z-index: 1; width: 671px; } .ui-1193232{ background: none; padding: 5px; left: 126px; top: 193px; z-index: 1; width: 955px; } .ui-57540{ background: none; padding: 5px; left: 509px; top: 110px; z-index: 1; width: 87px; } .ui-57541{ background: none; padding: 5px; left: 509px; top: 63px; z-index: 1; width: 68px; } .ui-57542{ background: none; padding: 5px; left: 654.25px; top: 63px; z-index: 1; width: 86px; } .ui-57543{ background: none; padding: 5px; left: 817.5px; top: 63px; z-index: 1; width: 86px; } .ui-57544{ background: none; padding: 5px; left: 1065.5px; top: 225px; z-index: 1; width: 102px; } .ui-57545{ background: none; padding: 5px; left: 655.5px; top: 109px; z-index: 1; width: 87px; } .ui-57546{ background: none; padding: 5px; left: 817px; top: 109px; z-index: 1; width: 87px; } .ui-57547{ background: none; padding: 5px; left: 22px; top: 153px; z-index: 1; width: 370px; } .ui-57548{ left: 58px; top: 67px; z-index: 1; background: none; width: 208px; /*height: 70px;*/ height: 70px; } .ui-57548 .ui-picture-img{ opacity: 1; } .ui-57548.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-57548 .ui-picture-animate-img{ width: 208px; height: 70px; } .ui-57548 .ui-picture-animate-img.animate-1, .ui-57548 .ui-picture-animate-img.animate-2 { margin-left: -104px; } .ui-57548 .ui-picture-animate-img.animate-3, .ui-57548 .ui-picture-animate-img.animate-4 { margin-top: -35px; } .ui-57549{ left: 1035.5px; top: 67px; z-index: 1; background: none; width: 156px; /*height: 156px;*/ height: 156px; } .ui-57549 .ui-picture-img{ opacity: 1; } .ui-57549.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-57549 .ui-picture-animate-img{ width: 400px; height: 400px; } .ui-57549 .ui-picture-animate-img.animate-1, .ui-57549 .ui-picture-animate-img.animate-2 { margin-left: -200px; } .ui-57549 .ui-picture-animate-img.animate-3, .ui-57549 .ui-picture-animate-img.animate-4 { margin-top: -200px; } .ui-56100 .main { height: 150px; } .ui-56100 .ui-float-open-box { background: 0% / 100% 100% #00000099; height: 150px; } .ui-56100 .ui-float-close-box{ margin-left: -100px; width: 100px; height: 140px; background: url("//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; }