zc100/template/mobile-bak2/css/common.css

/*
font-family: "HarmonyOS Sans SC";
替换为
font-family: "HarmonyOS Sans SC";
"HarmonyOS Sans SC" !important 联盟起艺卢帅正锐黑体

//https://oss.zc10000.com/static/font/LianMengQiYiLuShuaiZhengRuiHeiTi-2.ttf
*/
/*@font-face {
    font-family: "HarmonyOS Sans SC";
    src: url("/template/mobile/font/HarmonyOS Sans SCQiYiLuShuaiZhengRuiHeiTi-2.ttf");
}*/

@font-face {
    font-family: "HarmonyOS Sans SC";
    src: url("https://oss.zc10000.com/static/font/HarmonyOS_Sans_SC_Regular.ttf");
}

body{
    width:100%;height:100%;
/*    background: rgb(178 204 246);*/
    background: #fff;
    position:relative;
/*    z-index: 100;*/
    overflow-x: hidden;
}
a{
    font-family: "HarmonyOS Sans SC" !important;
}
span{
    font-family: "HarmonyOS Sans SC" !important;
}
div{
    font-family: "HarmonyOS Sans SC" !important;
}
p{
    font-family: "HarmonyOS Sans SC" !important;
}
#bg_1{
    /* Ellipse 60 */
    position: absolute;
    width: 562px;
    height: 1000px;
    left: -159px;
    right: 1037px;
    top: -105px;
    bottom: -49px;
    filter: blur(600px);
    background: rgb(3, 8, 82);
    opacity: 4;
/*    z-index: 300;*/
    overflow: hidden;
}
#bg_2{/* Ellipse 62 */
    position: absolute;
    width: 617px;
    height: 617px;
    left: 484px;
    right: 339px;
    top: -21px;
    bottom: -188px;
    filter: blur(600px);
    background: rgb(248, 146, 79);
    opacity: 4;
/*    z-index: 300;*/
    overflow: hidden;
}
#bg_3{
    /* Ellipse 61 */
    position: absolute;
    width: 617px;
    height: 617px;
    left: 898px;
    right: -75px;
    top: 333px;
    bottom: -542px;
    filter: blur(600px);
    background: rgb(170, 128, 249);
    opacity: 1;
    overflow: hidden;
}
#bg_4{
    /* Rectangle */
    position: absolute;
    width: 447.43px;
    height: 447.43px;
    left: 11.38px;
    right: 1593.21px;
    top: 2960.87px;
    bottom: 1888.61px;
    transform: rotate(45.00deg);
    border-radius: 223.71px;

    filter: blur(500px);
    background: rgb(0, 165, 120);
    opacity: 1;
    overflow: hidden;
}
#bg_5{
    /* Rectangle */
    position: absolute;
    width: 452.56px;
    height: 452.56px;
    left: 1427.01px;
    right: 172.45px;
    top: 3796px;
    bottom: 1048.34px;
    transform: rotate(45.00deg);
    border-radius: 226.28px;

    filter: blur(500px);
    background: rgb(248, 146, 79);
    opacity: 1;
    overflow: hidden;
}
.tl{
    text-align: left;
}
.tc{
    text-align: center;
}
.tr{
    text-align: right;
}
.h100{
    height:100%;
}
.clear{
    clear: both;
}
.hide{
    display: none !important;
}
.content{
    width:100%;float:left;height:auto;
}
.box{
    width:100%;margin: 0 auto;
}

/*
美化滚动条
 */
/* 美化整个滚动条 */
::-webkit-scrollbar {
    width: 4px; /* 滚动条宽度 */
}

/* 美化滚动条轨道 */
::-webkit-scrollbar-track {
    background: #f1f1f1; /* 轨道颜色 */
    border-radius: 5px;
}

/* 美化滚动条滑块 */
::-webkit-scrollbar-thumb {
    background: #888; /* 滑块颜色 */
    border-radius: 5px;
}

/* 当滑块悬停或活动时的样式 */
::-webkit-scrollbar-thumb:hover {
    background: #555; /* 滑块悬停颜色 */
    border-radius: 5px;
}

.to-top {
    display: none;
    position: fixed;
    right: 3%;
    bottom: 8%;
    width: 50px;
    height: 50px;
/*    background-color: #333;*/
    cursor: pointer;
    z-index: 9999;
}
.to-top img {
    width: 48px;
    height: 48px;
}