: 0; right: 0; bottom: 0; } .page-home .st-mainbody .module.module-3 .cont-wrap .btn-box .btn:hover img{ filter: brightness(100); } .st-mainbody .doc-navs .container{ transition: .2s; } .st-header .language .search .search-popup form input::placeholder{ color:#ccc; } .page-about .st-mainbody .team-detail-popup .detail-wrap { transform: scale(0.8); transition: 0.3s; } .page-product-d-item-a .st-mainbody .doc-body .cont>img, .page-product-d-item-c .st-mainbody .doc-body .container .cont img, .page-product-d-item-d .st-mainbody .doc-body .container .cont img { width: 100%; } /* 4-10 */ .st-header { padding: 0 5%; } .st-header.standby { padding: 0 2%; } .page-home .st-mainbody .module.module-5 .cont-body .cont-r .r-navs .r-nav, .page-about .st-mainbody .module.module-4 .mod-header .class-nav .nav-item, .page-about .st-mainbody .module.module-6 .mod-header .class-nav .nav-item, .page-join-staff .st-mainbody .doc-body .cont-navs .nav-item { border: 1px dashed #ccc; box-sizing: border-box; } .page-join-contact .st-mainbody .doc-body { padding-bottom: 0; } .page-join-contact .st-mainbody .doc-body .cont-form { padding-bottom: calc(50/var(--width)*100vw); } .page-join-contact .st-mainbody .doc-body .cont-map .cont-info { border-bottom: none; } .page-join-contact .st-mainbody .doc-body .cont-form .form>.required .form-control { background-color: rgba(255, 255, 255, .8); } .special-btn:hover { color: #fff !important; } .page-product-a .st-mainbody .doc-body .download-app-btn img { height: calc(60/var(--width)*100vw); } /* .page-about .st-mainbody .module.module-4 .mod-header .class-nav .nav-item:hover { background-color: unset; color: unset; } */ .page-join-staff .st-mainbody .doc-body .banners-wrap .swiper{ height:100%; } .page-join-staff .st-mainbody .doc-body .banners-wrap .banner .banner-item{ overflow: hidden;flex: none;margin: unset;border: 5px solid rgb(255, 255, 255);border-radius: calc(25/var(--width)*100vw);box-shadow: 0 0 calc(20/var(--width)*100vw) rgba(0,0,0,0.1); } .page-join-staff .st-mainbody .doc-body .banners-wrap .swiper .swiper-controls .swiper-button-prev{ position: absolute;top: 50%;left: calc(120/var(--width)*100vw);transform: translate(-50%, -50%); } .page-join-staff .st-mainbody .doc-body .banners-wrap .swiper .swiper-controls .swiper-button-next{ position: absolute;top: 50%;right: calc(120/var(--width)*100vw);transform: translate(-50%, -50%); } .page-join-staff .st-mainbody .doc-body .banners-wrap .banner .banner-item .item-thumb img{ cursor: pointer;width:100%;height:100%;position: relative;top: 50%; left: 50%;transform: translate(-50%, -50%); transition: .3s; } .page-join-staff .st-mainbody .doc-body .banners-wrap .banner .banner-item .item-thumb:hover img{ width:110%;height:110%; } /* .page-join-staff .st-mainbody .doc-body .banners-wrap .banner .banner-item .item-thumb{ overflow: hidden; border-radius: calc(25/var(--width)*100vw);box-shadow: 0 0 calc(20/var(--width)*100vw) rgba(0,0,0,0.1); } */ .page-join-staff .st-mainbody .doc-body .banners-wrap .banner .banner-item .item-title{ pointer-events: none; } .page-news-list .st-mainbody .doc-navs,.page-about .st-mainbody .doc-navs,.page-join-recruit .st-mainbody .doc-navs, .page-join-recruit-list .st-mainbody .doc-navs, .page-join-contact .st-mainbody .doc-navs, .page-join-staff .st-mainbody .doc-navs{z-index: 10;} .page-about .st-mainbody .module.module-1 .cont{ box-shadow: 0 0 calc(20/var(--width)*100vw) rgba(0,0,0,0.1);border-radius: calc(12/var(--width)*100vw); } .page-about .st-mainbody .module.module-1 .cont .cont-content{ margin-right: 20px; } .page-about .st-mainbody .module.module-1 .cont .cont-thumb .video .cover-image{ border-radius: calc(16/var(--width)*100vw) 0 0 calc(16/var(--width)*100vw);border: 5px solid #fff; } .page-about .st-mainbody .module.module-4 .cont .banners .b1 .ban-item .item-thumb{ border: 5px solid #fff; } .page-about .st-mainbody .module.module-5 .cont .cont-r .r-banners{border: 5px solid #fff;border-radius: calc(8/var(--width)*100vw);} .page-join-staff .st-mainbody .doc-body .banners-wrap .banner { padding: 20px 0; } .page-home .st-mainbody .module.module-4 .cont-body .cont-l{ border: 5px solid #fff; } .page-news-list .st-mainbody .cont .new-item .item-time { position: relative; } .page-news-list .st-mainbody .cont .new-item .item-time .time-year { position: absolute; right: 0; top: calc(70/var(--width)*100vw); font-size: calc(24/var(--width)*100vw); font-weight: 300; opacity: 0.8; } .page-join-staff .st-mainbody .doc-body .banners-wrap .banner .banner-item .item-thumb img,.page-join-staff .st-mainbody .doc-body .banners-wrap .banner .banner-item .item-title { border-radius: unset; } .st-mainbody .doc-header::after { content: none; } .st-mainbody .doc-header .title { font-weight: bold; } .page-home .st-mainbody .module.module-4 .cont-body .cont-r .new-item.new-item-active .item-date span, .page-home .st-mainbody .module.module-4 .cont-body .cont-r .new-item.new-item-active .item-date span, .page-home .st-mainbody .module.module-4 .cont-body .cont-r .new-item.new-item-active .item-title{ color: #17316c; } .page-home .st-mainbody .module.module-4 .cont-body .cont-r .new-item.new-item-active::after { background-color: #17316c; } .page-home .st-mainbody .module.module-3 .cards-wrap .card .item .card-cont { max-width: 18vw; } .page-join-recruit .st-mainbody .doc-body .container .cont-post .post-head, .page-join-recruit-list .st-mainbody .doc-body .container .cont-post .post-head { position: sticky; top: calc(176/var(--width)*100vw); z-index: 10; } .st-footer .container .foot-l .logo img { height: calc(60/var(--width)*100vw); } .page-about .st-mainbody .team-detail-popup .detail-wrap .cont .cont-r .content { opacity: 1; } .page-home .st-mainbody .module.module-5 .cont-body .cont-r .r-gallery { overflow: auto; } /* 表格不显示边框问题 */ .page-news-detail .st-mainbody .cont .cont-body tbody { border-right: 1px solid #eee; border-bottom: 1px solid #eee; } .page-news-detail .st-mainbody .cont .cont-body tbody td { padding: 2px 8px; border-left: 1px solid #eee; border-top: 1px solid #eee; } .page-news-list .st-mainbody .cont .new-item .item-info { flex: 1; } @media (max-width: 1024px){ .page-home .st-mainbody .module.module-3 .cards-wrap .card .item .card-cont { max-width: unset; } } @media (max-width: 800px){ .page-join-staff .st-mainbody .doc-body .banners-wrap .banner .banner-item{ height: calc(300/500*100vw);} .page-join-staff .st-mainbody .doc-body .banners-wrap .swiper .swiper-controls .swiper-button-prev{ left:10%; } .page-join-staff .st-mainbody .doc-body .banners-wrap .swiper .swiper-controls .swiper-button-next{ right:0; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ width: calc(50/500*100vw);height: calc(50/500*100vw); } .st-footer .container .foot-r>li { margin-left: 0; } .st-header .navs-wrap li a { padding: calc(25/500*100vw) 0; } .page-news-list .st-mainbody .cont .new-item .item-time { display: flex; align-items: center; } .page-news-list .st-mainbody .cont .new-item .item-time .time-year { margin-left: calc(15/var(--width)*100vw); line-height: 1em; position: unset; color: #17316c; opacity: 1; font-weight: 500; font-size: calc(16/var(--width)*100vw); } .page-news-detail .st-mainbody .cont .cont-body .cont-content { overflow-x: auto; } }