:root { --zs-color: #0d3c96; --ps-color: #39c0df; --qt-color: #000; --azt-size:16px; --bzt-size:18px; --czt-size:20px; --dzt-size:24px; --ezt-size:28px; --fzt-size:30px; --gzt-size:32px; --hzt-size:36px; --izt-size:40px; --zzt-size:42px; --xzt-size:48px; --tzt-size:50px; --yzt-size:52px; --uzt-size:56px; --ozt-size:60px; --pzt-size:72px; --azt-padding:40px; --bzt-padding:60px; --czt-padding:70px; --dzt-padding:80px; --ezt-padding:90px; --fzt-padding:100px; } ::-webkit-scrollbar { /*滚动条整体样式*/ width: 6px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; border-radius: 0px; } ::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 0px; box-shadow: inset 0 0 5px rgba(97, 184, 179, 0.1); background: var(--zs-color); opacity: 1; height: 100px; } ::-webkit-scrollbar-track { /*滚动条里面轨道*/ box-shadow: inset 0 0 5px rgba(87, 175, 187, 0.1); border-radius: 10px; background: #eee; border-radius: 0px; } .s_summary { font-size: 16px; color: #333; line-height: 1; text-align: left; } /*全局宽度*/ .plate{ width: 1600px!important; max-width: 94%; margin: 0 auto; } .s_title { font-size: 16px; color: #333; line-height: 1; text-align: left; font-weight: 500; } @media (max-width: 1440px){ :root { --azt-size:16px; --bzt-size:18px; --czt-size:20px; --dzt-size:22px; --ezt-size:24px; --fzt-size:26px; --gzt-size:28px; --hzt-size:32px; --izt-size:36px; --zzt-size:40px; --xzt-size:42px; --tzt-size:48px; --yzt-size:50px; --uzt-size:52px; --ozt-size:58px; --pzt-size:60px; --azt-padding:30px; --bzt-padding:40px; --czt-padding:50px; --dzt-padding:60px; --ezt-padding:70px; --fzt-padding:80px; } .plate{ width: 1200px!important; max-width: 94%; margin: 0 auto; } } @media (max-width: 768px){ :root { --azt-size:14px; --bzt-size:16px; --czt-size:18px; --dzt-size:20px; --ezt-size:22px; --fzt-size:24px; --gzt-size:26px; --hzt-size:28px; --izt-size:32px; --zzt-size:36px; --xzt-size:40px; --tzt-size:42px; --yzt-size:46px; --uzt-size:50px; --ozt-size:52px; --pzt-size:58px; --azt-padding:5%; --bzt-padding:6%; --czt-padding:7%; --dzt-padding:8%; --ezt-padding:9%; --fzt-padding:10%; } } body{ font-size: 16px; font-family: "albbr",Arial,Tahoma!important; word-break: break-word; max-width: 1920px; } /*全局宽度*/ @font-face{ font-family:"din"; src:url(https://omo-oss-file.thefastfile.com/portal-saas/new2023031418425769082/cms/file/4052523b-3582-49e5-b39a-d5374513ef43.OTF?cmsTs=1683853083647) } /* oppo ziti*/ @font-face { font-family: "oppor"; src: url(https://omo-oss-file.thefastfile.com/portal-saas/new2023040409555101104/cms/file/7173bd6a-b907-4ed5-b9df-e47ddd122ddc.ttf); } @font-face { font-family: "oppob"; src: url(https://omo-oss-file.thefastfile.com/portal-saas/new2023040409555101104/cms/file/df7218dc-b95e-4521-82de-a6336c9639d5.ttf); } /* oppo ziti*/ /* albb ziti*/ @font-face { font-family: "albbb"; src: url(https://omo-oss-file.thefastfile.com/portal-saas/new2023040409555101104/cms/file/5353739b-3de3-4959-af19-cbb8ff818214.ttf); } @font-face { font-family: "albbr"; src: url(https://omo-oss-file.thefastfile.com/portal-saas/new2023040409555101104/cms/file/5746fdea-cb62-4fd5-b807-f00fcdcc709f.ttf); } @font-face { font-family: "albbl"; src: url(https://omo-oss-file.thefastfile.com/portal-saas/new2023040409555101104/cms/file/bc54c8b8-023b-4592-9337-02d4ddc0a5b5.ttf); } /* albb ziti*/ .tpfd img{ transition: all ease .5s; } .tpfd:hover img { transform: scale(1.1); } .frtop{ opacity: 0; transform: translatey(200%); transition: all .5s ease-out; } .frtop.started{ opacity: 1; transform: none; } .started .frtop{ opacity: 1; transform: none; } .frleft{ opacity: 0; transform: translatex(200%); transition: all .5s ease-out; } .frleft.started{ opacity: 1; transform: none; } .frright{ opacity: 0; transform: translatex(-200%); transition: all .5s ease-out; } .frright.started{ opacity: 1; transform: none; } /*逐个向上*/ .duoge{ } .duoge_t{ opacity: 0; transform: translatey(200%); transition: all .7s ease-out; } .duoge.started .duoge_t { opacity: 1; transform: none; } .duoge.started .duoge_t:nth-child(1) { transition: all .7s ease-out .1s; } .duoge.started .duoge_t:nth-child(2) { transition: all .7s ease-out .3s; } .duoge.started .duoge_t:nth-child(3) { transition: all .7s ease-out .5s; } .duoge.started .duoge_t:nth-child(4) { transition: all .7s ease-out .7s; } .duoge.started .duoge_t:nth-child(5) { transition: all .7s ease-out .9s; } .duoge.started .duoge_t:nth-child(6) { transition: all .7s ease-out 1.1s; } .duoge.started .duoge_t:nth-child(7) { transition: all .7s ease-out 1.3s; } .duoge.started .duoge_t:nth-child(8) { transition: all .7s ease-out 1.5s; } .duoge.started .duoge_t:nth-child(9) { transition: all .7s ease-out 1.7s; } .duoge.started .duoge_t:nth-child(10) { transition: all .7s ease-out 1.8s; } .duoge.started .duoge_t:nth-child(11) { transition: all .7s ease-out 1.9s; } .duoge.started .duoge_t:nth-child(12) { transition: all .7s ease-out 2.1s; } .duoge.started .duoge_t:nth-child(13) { transition: all .7s ease-out 2.3s; } .duoge.started .duoge_t:nth-child(14) { transition: all .7s ease-out 2.5s; } .duoge.started .duoge_t:nth-child(15) { transition: all .7s ease-out 2.7s; } .duoge.started .duoge_t:nth-child(16) { transition: all .7s ease-out 2.9s; } .duoge.started .duoge_t:nth-child(17) { transition: all .7s ease-out 3.1s; } .duoge.started .duoge_t:nth-child(18) { transition: all .7s ease-out 3.3s; } /*逐个向左*/ .duoge_l{ opacity: 0; transform: translatex(-200%); transition: all .7s ease-out; } .duoge.started .duoge_l { opacity: 1; transform: none; } .duoge.started .duoge_l:nth-child(1) { transition: all .7s ease-out .1s; } .duoge.started .duoge_l:nth-child(2) { transition: all .7s ease-out .3s; } .duoge.started .duoge_l:nth-child(3) { transition: all .7s ease-out .5s; } .duoge.started .duoge_l:nth-child(4) { transition: all .7s ease-out .7s; } .duoge.started .duoge_l:nth-child(5) { transition: all .7s ease-out .9s; } .duoge.started .duoge_l:nth-child(6) { transition: all .7s ease-out 1.1s; } .duoge.started .duoge_l:nth-child(7) { transition: all .7s ease-out 1.3s; } .duoge.started .duoge_l:nth-child(8) { transition: all .7s ease-out 1.5s; } .duoge.started .duoge_l:nth-child(9) { transition: all .7s ease-out 1.7s; } .duoge.started .duoge_l:nth-child(10) { transition: all .7s ease-out 1.8s; } .duoge.started .duoge_l:nth-child(11) { transition: all .7s ease-out 1.9s; } .duoge.started .duoge_l:nth-child(12) { transition: all .7s ease-out 2.1s; } .duoge.started .duoge_l:nth-child(13) { transition: all .7s ease-out 2.3s; } .duoge.started .duoge_l:nth-child(14) { transition: all .7s ease-out 2.5s; } .duoge.started .duoge_l:nth-child(15) { transition: all .7s ease-out 2.7s; } .duoge.started .duoge_l:nth-child(16) { transition: all .7s ease-out 2.9s; } .duoge.started .duoge_l:nth-child(17) { transition: all .7s ease-out 3.1s; } .duoge.started .duoge_l:nth-child(18) { transition: all .7s ease-out 3.3s; } /*逐个向右*/ .duoge_r{ opacity: 0; transform: translatex(200%); transition: all .7s ease-out; } .duoge.started .duoge_r { opacity: 1; transform: none; } .duoge.started .duoge_r:nth-child(1) { transition: all .7s ease-out .1s; } .duoge.started .duoge_r:nth-child(2) { transition: all .7s ease-out .3s; } .duoge.started .duoge_r:nth-child(3) { transition: all .7s ease-out .5s; } .duoge.started .duoge_r:nth-child(4) { transition: all .7s ease-out .7s; } .duoge.started .duoge_r:nth-child(5) { transition: all .7s ease-out .9s; } .duoge.started .duoge_r:nth-child(6) { transition: all .7s ease-out 1.1s; } .duoge.started .duoge_r:nth-child(7) { transition: all .7s ease-out 1.3s; } .duoge.started .duoge_r:nth-child(8) { transition: all .7s ease-out 1.5s; } .duoge.started .duoge_r:nth-child(9) { transition: all .7s ease-out 1.7s; } .duoge.started .duoge_r:nth-child(10) { transition: all .7s ease-out 1.8s; } .duoge.started .duoge_r:nth-child(11) { transition: all .7s ease-out 1.9s; } .duoge.started .duoge_r:nth-child(12) { transition: all .7s ease-out 2.1s; } .duoge.started .duoge_r:nth-child(13) { transition: all .7s ease-out 2.3s; } .duoge.started .duoge_r:nth-child(14) { transition: all .7s ease-out 2.5s; } .duoge.started .duoge_r:nth-child(15) { transition: all .7s ease-out 2.7s; } .duoge.started .duoge_r:nth-child(16) { transition: all .7s ease-out 2.9s; } .duoge.started .duoge_r:nth-child(17) { transition: all .7s ease-out 3.1s; } .duoge.started .duoge_r:nth-child(18) { transition: all .7s ease-out 3.3s; } .sensitive { color: red; }