@import url('../../plugins-qianhai/element-ui/index.css'); @import url('componentStyle.css'); @import url('../../utils-qianhai/loginAlert/index.css'); @import url('../../components/ProblemConsultation/index.css'); @import url('../../components/Menggongchang/index.css'); @import url('../../components/qiyepingtai/index.css'); @import url('../../components/computedDialog/index.css'); @font-face { font-family: 'DingTalk JinBuTi'; src: url('../font/DingTalk-JinBuTi.ttf'); } @font-face { font-family: 'DingTalk-JinBuTi'; src: url('../font/DingTalk-JinBuTi.ttf'); } @font-face { font-family: 'YouSheBiaoTiHei'; src: url('../font/YouSheBiaoTiHei-bold.ttf'); } @font-face { font-family: 'YouSheBiaoTiHei-Bold'; src: url('../font/YouSheBiaoTiHei-bold.ttf'); } @font-face { font-family: 'AlimamaShuHeiTi-Bold'; src: url('../font/AlimamaShuHeiTi-Bold.ttf'); } @font-face { font-family: 'Alibaba PuHuiTi 2.0-35 Thin'; src: url('../font/Alibaba_PuHuiTi_2.0_35_Thin_35_Thin.ttf'); } @font-face { font-family: 'Alibaba PuHuiTi 2.0-45 Ligh'; src: url('../font/Alibaba_PuHuiTi_2.0_45_Light_45_Light.ttf'); } @font-face { font-family: 'Alibaba PuHuiTi 2.0-55 Regular'; src: url('../font/Alibaba_PuHuiTi_2.0_55_Regular_55_Regular.ttf'); } @font-face { font-family: 'Alibaba PuHuiTi 2.0'; src: url('../font/Alibaba_PuHuiTi_2.0_55_Regular_55_Regular.ttf'); } /* @font-face{ font-family: "Alibaba_PuHuiTi 2.0-55 Regular"; src: url("../font/Alibaba_PuHuiTi_2.0_55_Regular_85_Bold.ttf"); } */ @font-face { font-family: 'Alibaba PuHuiTi 2.0-65 Medium'; src: url('../font/Alibaba_PuHuiTi_2.0_65_Medium_65_Medium.ttf'); } @font-face { font-family: 'Alibaba PuHuiTi 2.0-75 SemiBold'; src: url('../font/Alibaba_PuHuiTi_2.0_75_SemiBold_75_SemiBold.ttf'); } @font-face { font-family: 'Alibaba PuHuiTi 2.0-95 ExtraBold'; src: url('../font/Alibaba_PuHuiTi_2.0_95_ExtraBold_95_ExtraBold.ttf'); } @font-face { font-family: 'Alibaba PuHuiTi 2.0-105 Heavy'; src: url('../font/Alibaba_PuHuiTi_2.0_105_Heavy_105_Heavy.ttf'); } @font-face { font-family: 'Alibaba PuHuiTi 2.0-115 Black'; src: url('../font/Alibaba_PuHuiTi_2.0_115_Black_115_Black.ttf'); } @font-face { font-family: 'Source_Han_Sans_SC_Regular'; src: url('../font/Source_Han_Sans_SC_Regular.otf') format('opentype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Source Han Sans'; src: url('../font/Source_Han_Sans_SC_Regular.otf') format('opentype'); } @font-face { font-family: 'Source Han Sans-Regular'; src: url('../font/Source_Han_Sans_SC_Regular.otf') format('opentype'); } @font-face { font-family: 'Source Han Sans-Normal'; src: url('../font/Source_Han_Sans_SC_Normal.otf') format('opentype'); } @font-face { font-family: 'Source Han Sans-Medium'; src: url('../font/Source_Han_Sans_SC_Medium.otf') format('opentype'); } @font-face { font-family: 'Source Han Sans-Light'; src: url('../font/Source_Han_Sans_SC_Light.otf') format('opentype'); } @font-face { font-family: 'Source Han Sans-Heavy'; src: url('../font/Source_Han_Sans_SC_Heavy.otf') format('opentype'); } @font-face { font-family: 'Source Han Sans-ExtraLight'; src: url('../font/Source_Han_Sans_SC_ExtraLight.otf') format('opentype'); } @font-face { font-family: 'Source Han Sans-Bold'; src: url('../font/Source_Han_Sans_SC_Bold.otf') format('opentype'); } @font-face { font-family: "Source Han Serif Regular"; font-weight: 400; src: url("../font/Source_Han_Serif_SC_Light_Light.otf") format('opentype'); ; font-display: swap; } @font-face { font-family: "Huiwen Min-Chao"; font-weight: 400; src: url("../font/huiwenmingchao.ttf") format('opentype'); ; font-display: swap; } @font-face { font-family: 'YS HelloFont BangBangTi'; src: url('../font/YS HelloFont BangBangTi-Regular.ttf') format('opentype'); } html, body { /* min-width: 720px; min-height: 700px; */ height: auto; /* Lucida Grande （safari浏览器） 思源黑体（win，mac中Chrome能识别，safari识别不了，页面返现了其他字体） pingfangFC（mac-Chrome） */ /* font-family: 'Lucida Grande', '微软雅黑', 'PingFangSC', 'PingFang SC' !important; */ /* font-family: 'Lucida Grande', 'Source_Han_Sans_SC_Regular', 'PingFangSC', 'PingFang SC' !important; */ /* font-family: "Alibaba PuHuiTi 2.0-55 Regular"; */ font-family: 'Lucida Grande', 'Source_Han_Sans_SC_Regular', 'PingFangSC','Arial','sans-serif' !important; padding: 0; margin: 0; /* 主题色 */ --theme-color: #037CFC; } body { /* 默认16rem？因为如果不修改调默认的字体单位px就会造成不给文字指定rem，还是使用16px会造成适配问题 */ font-size: 16rem; } body button { /* 默认16rem？因为如果不修改调默认的字体单位px就会造成不给文字指定rem，还是使用16px会造成适配问题 */ font-size: 16rem; } html { font-size: 1px; } #app { width: 100%; } iframe.nav-bar::-webkit-scrollbar { display: none !important; } @media only screen and (min-width: 7000px) and (max-width: 10000px) { html { font-size: 3.8px; } } @media only screen and (min-width: 6500px) and (max-width: 6999px) { html { font-size: 3.5px; } } @media only screen and (min-width: 6000px) and (max-width: 6499px) { html { font-size: 3.2px; } } @media only screen and (min-width: 5500px) and (max-width: 5999px) { html { font-size: 3px; } } @media only screen and (min-width: 5000px) and (max-width: 5499px) { html { font-size: 2.8px; } } @media only screen and (min-width: 4500px) and (max-width: 4999px) { html { font-size: 2.5px; } } @media only screen and (min-width: 4000px) and (max-width: 4499px) { html { font-size: 2.2px; } } @media only screen and (min-width: 3500px) and (max-width: 3999px) { html { font-size: 2px; } } @media only screen and (min-width: 3000px) and (max-width: 3499px) { html { font-size: 1.3px; } } @media only screen and (min-width: 2600px) and (max-width: 2999px) { html { font-size: 1.2px; } } @media only screen and (min-width: 2134px) and (max-width: 2599px) { html { /* font-size: 1.3px; 这里原来是1.3,但是会导致2.5k的屏幕下样式会错乱 */ font-size: 1.1px; } } @media only screen and (min-width: 1920px) and (max-width: 2133px) { html { font-size: 1px; } } @media only screen and (min-width: 1751px) and (max-width: 1919px) { html { font-size: 0.95px; } } @media only screen and (min-width: 1551px) and (max-width: 1750px) { html { font-size: 0.9px; } } @media only screen and (min-width: 1441px) and (max-width: 1550px) { html { font-size: 0.85px; } } /* @media only screen and (max-width: 1440px) { html { font-size: 0.8px; } } */ @media only screen and (min-width: 1365px) and (max-width: 1440px) { html { font-size: 0.8px; } } @media only screen and (min-width: 1200px) and (max-width: 1365px) { html { font-size: 0.7px !important; } } @media only screen and (min-width: 1080px) and (max-width: 1199px) { html { font-size: 0.6px !important; } } @media only screen and (min-width: 992px) and (max-width: 1080px) { html { font-size: 0.5px !important; } } @media only screen and (min-width: 768px) and (max-width: 992px) { html { font-size: 0.4px !important; } } div { box-sizing: border-box; } img { user-select: none; -webkit-user-drag: none; } a { text-decoration: none; color: #313131; } a:hover { text-decoration: none; } ul { list-style-type: none; } .ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .copyright-footer { width: 100%; margin: 0 auto; height: 340rem; background: #f4f4f4; display: flex; flex-direction: column; position: sticky; top: 100vh; } .copyright-footer .bottom-body { height: 0; flex: 1; display: flex; align-items: center; justify-content: center; padding: 50rem 0; } .copyright-footer .bottom-body > div { width: 300rem; margin-left: 40rem; } .copyright-footer .bottom-body > div:first-child { margin-left: 0; } .copyright-footer .bottom-body > div a { display: inline-block; width: 50%; line-height: 30rem; color: #737677; } .copyright-footer .bottom-body .box-type-1 { height: 100%; background: #eaebeb; border-radius: 4rem; padding: 18rem 24rem; } .copyright-footer .bottom-body .box-type-1 .title { font-weight: bold; margin-bottom: 20rem; } .copyright-footer .bottom-body .box-type-1 .apple-services { padding-bottom: 10rem; margin-bottom: 15rem; border-bottom: 1px dashed #d1d1d1; } .copyright-footer .bottom-body .box-type-2 { height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .copyright-footer .bottom-body .box-type-2 > div { width: 100%; height: 33%; background: #eaebeb; border-radius: 4rem; display: flex; align-items: center; padding-left: 24rem; } .copyright-footer .bottom-body .box-type-3 { height: 100%; display: flex; } .copyright-footer .bottom-body .box-type-3 > div { width: 30%; height: 100%; margin-left: 5rem; display: flex; align-items: center; justify-content: center; background: #eaebeb; } .copyright-footer .bottom-body .box-type-3 > div img { max-height: 40rem; } .copyright-footer .bottom-body .box-type-3 > div:first-child { width: 0; flex: 1; margin-left: 0; } .copyright-footer .copyright-footer { width: 100%; display: flex; flex-direction: column; align-items: center; background: #eaebeb; padding: 10rem 0; } .copyright-footer .copyright-footer > div { line-height: 25rem; } .copyright-footer .copyright-footer .copyright-info > span:nth-of-type(2n) { margin-right: 20rem; } .copyright-footer .copyright-footer .copyright-info > span:last-child { margin-right: 0; } .copyright-footer .copyright-footer .badge { max-height: 20rem; } [v-cloak] { display: none; } .myanimation { animation: load 1.5s linear; transform: translateY(0px); opacity: 1; } @keyframes load { 0% { opacity: 0; transform: translateY(70px); } 100% { opacity: 1; transform: translateY(0px); } } /* 运维端富文本表格事件 */ table.wang-editor-table { border-top: 1rem solid #ccc; border-left: 1rem solid #ccc; } table.wang-editor-table tr{ min-height: 30rem; height: 30rem; } table.wang-editor-table td, table.wang-editor-table th { border-bottom: 1rem solid #ccc; border-right: 1rem solid #ccc; padding: 3rem 5rem; } table.wang-editor-table th { border-bottom: 2rem solid #ccc; text-align: center; } .dialog{ margin: auto; }