:root { --zs-color: #004C98; --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; } /*全局宽度*/ .plate{ width: 1200px!important; max-width: 94%; margin: 0 auto; } @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: 1080px!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; } /*全局宽度*/ @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); } .sensitive { color: red; } .newListBox { padding: 0px; position: relative; } .newList { min-height: 70px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; } .newList { padding-right: calc( 50% - 50px ); } .contentRight { position: relative; display: flex; flex-wrap: nowrap; border: 1px solid transparent; align-items: center; } .leftBox { width: 115px; padding-left: 2rem; color: #025298; font-size: 24px; } .content { width: calc( 100% - 200px ); align-content: center; padding-right: 2rem; transition: all 0.5s ease-out 0s; } .newList:nth-child(2n) .contentRight::after { left: 40px; right: auto; } .newList:nth-child(2n) { padding-left: calc( 50% - 50px ); padding-right: 5px; } .newList:nth-child(2n) .contentRight { flex-direction: row-reverse; } .newTitle { text-align: right; } .newMs { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: right; transition: all .5s ease; } .newList:nth-child(2n) .newTitle { text-align: left; } .newList:nth-child(2n) .newMs { text-align: left; } .newList:nth-child(2n) .leftBox { padding-left: 0px; } .newList:nth-child(2n) .content { padding-left: 2rem; padding-right: 5px; } .contentRight { transition: all 0.5s ease-out 0s; } .newDetailLink { display: block; overflow: hidden; color: #666; font-size: 16px; line-height: 180%; } .news::after { content: ''; display: block; width: 1px; background-color: #cfcfcf; position: absolute; left: 50%; top: 16px; bottom: 31px; z-index: 0; } .contentRight::after { position: absolute; top: 50%; transform: translateY(-50%); background-color: #fff; border: 2px solid #eee; border-radius: 13px; content: ""; width: 20px; height: 20px; right: 38px; transition: all 0.3s ease-out 0s; z-index: 1; } .newList:nth-child(2n) .contentRight::after { left: 40px; right: auto; } @media (max-width: 1080px){ .contentRight::after { display: none; content: ""; } .news::after { content: ''; display: none; } .newList { padding-right: 0%; width: 100%; } .contentRight { position: relative; display: flex; flex-wrap: nowrap; border: 1px solid transparent; align-items: flex-start; flex-direction: row-reverse; justify-content: flex-end; } .leftBox { width: 15%; padding-left: 0%; color: #999; font-size: 14px; } .content { width: calc( 100% - 15%); align-content: center; padding-right: 0%; transition: all 0.5s ease-out 0s; text-align: left; } .newTitle { text-align: left; margin: 0%; font-size: 14px; padding-left: 5%; } .newDetailLink { display: block; overflow: hidden; color: #666; font-size: 14px; line-height: 180%; } .newList:nth-child(2n) { padding-left: 0%; padding-right: 0%; padding-left: 5px; } .newList:nth-child(2n) .content { padding-left: 0%; padding-right: 0%; } }