.s_button1:before {
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%)
}
.s_button1:hover:before {
    animation: style1 .75s;
    z-index: 1
}
@keyframes style1 {
0% {
background:rgba(0,0,0,.25);
transform:translateX(-50%) translateY(-50%) scale(0)
}
to {
background:0 0;
transform:translateX(-50%) translateY(-50%) scale(1)
}
}
.s_button4::after {
    opacity: 1;
    width: 0
}
.s_button4:hover::after {
    width: 100%;
    background-color: #409ef4
}
.s_title {
    color: #333;
    line-height: 1.5
}
.s_button1:hover {
    background-color: #409eff;
    color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-style: solid;
    border-color: #409eff;
    font-size: 14px
}
.s_summary {
    font-size: 14px;
    color: #666;
    line-height: 1.5
}
.s_button1 {
    background-color: #409eff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    color: #fff;
    border-style: solid;
    border-color: #409eff;
    font-size: 14px;
    border-width: 1px;
    position: relative;
    overflow: hidden
}
.s_button5 {
    background-color: rgba(255,255,255,0);
    font-size: 14px;
    color: #409eff;
    border-style: solid;
    border-width: 1px;
    border-color: #409eff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transition: all .3s
}
.s_subtitle {
    color: #222;
    font-size: 28px;
    font-weight: 700;
    line-height: 1
}
.s_templatetitle {
    font-size: 16px;
    color: #333
}
.s_templatesum {
    font-size: 14px;
    color: #666
}
.s_body {
    font-size: 12px;
    color: #f56c6c;
    line-height: 1.5
}
.s_link {
    font-size: 14px;
    color: #666;
    line-height: 2
}
.s_list {
    background-color: rgba(255,255,255,0)
}
.s_item {
    background-color: #000
}
.s_comp {
    background-color: #fffef8
}
.s_tmpl {
    background-color: rgba(245,245,245,0)
}
body {
    background-color: rgba(255,255,255,0)
}
.s_button2 {
    background-color: #409eff;
    font-size: 14px;
    color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #409eff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    transition: all .3s
}
.s_button2:hover {
    background-color: #fff;
    color: #409eff;
    border-style: solid;
    border-color: #409eff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px
}
.s_button3 {
    background-color: #409eff;
    font-size: 14px;
    color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #409eff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    position: relative;
    overflow: hidden;
    transition: all .3s
}
.s_button3:hover {
    background-color: #338fee;
    color: #fff;
    border-style: solid;
    border-color: #338fee;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}
.s_button4 {
    background-color: #fff;
    font-size: 14px;
    color: #333;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    position: relative;
    overflow: hidden;
    transition: all .3s
}
.s_button4:hover {
    background-color: #fff;
    font-size: 14px;
    color: #409eff;
    border-style: solid;
    border-color: #409eff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px
}
.s_button5:hover {
    background-color: #409eff;
    font-size: 14px;
    color: #fff;
    border-style: solid;
    border-color: #409eff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}
.s_button6 {
    background-color: #fff;
    font-size: 14px;
    color: #409eff;
    border-style: solid;
    border-width: 1px;
    border-color: #409eff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transition: all .3s
}
.s_button6:hover {
    background-color: #409eff;
    font-size: 14px;
    color: #fff;
    border-style: solid;
    border-color: #409eff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}
.page_a {
    font-size: 14px;
    color: #8a8a8a;
    border-style: solid;
    border-width: 1px;
    border-color: #ebebeb;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    font-family: Arial;
    background-color: rgba(255,255,255,0)
}
.page_a:hover {
    color: #409eff;
    border-color: #409eff;
    background-color: rgba(255,255,255,0)
}
.page_a.current {
    background-color: #222a35;
    font-size: 14px;
    font-family: Arial;
    color: #fff;
    border-style: solid;
    border-width: 0;
    border-color: #222a35;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}
.page_a.current:hover {
    background-color: #474b52;
    color: #fff;
    border-color: #409eff
}
.page_jump {
    font-size: 14px;
    color: #747474
}
.page_jump:hover {
    color: #747474
}
.page_a.disabled {
    background-color: #f4f4f5;
    font-size: 14px;
    color: #c0c4cc;
    border-style: solid;
    border-width: 1px;
    border-color: #f4f4f5;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}
.page_a.disabled:hover {
    background-color: #f4f4f5;
    color: #c0c4cc;
    border-color: #f4f4f5
}
.page_input {
    background-color: rgba(255,255,255,0);
    font-size: 14px;
    color: #606266;
    border-style: solid;
    border-width: 1px;
    border-color: #ebebeb;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}
.page_input:hover {
    background-color: rgba(255,255,255,0);
    color: #606266;
    border-color: #409eff
}

@font-face {
    font-family: harmonyos_sans_sc_regular;
    src: url(../font/harmonyos_sans_sc_regular.ttf) format("truetype");
    font-alias: HarmonyOS_Sans_SC_Regular;
    font-display: swap
}

@font-face {
    font-family: harmonyos_sans_sc_bold;
    src: url(../font/harmonyos_sans_sc_bold.ttf) format("truetype");
    font-alias: HarmonyOS_Sans_SC_Bold;
    font-display: swap
}
@font-face {
    font-family: poppins-medium;
    src: url(../font/poppins-medium.ttf) format("truetype");
    font-alias: Poppins-Medium;
    font-display: swap
}
@font-face {
    font-family: poppins-bold;
    src: url(../font/poppins-bold.ttf) format("truetype");
    font-alias: Poppins-Bold;
    font-display: swap
}
@font-face {
    font-family: poppins-light;
    src: url(../font/poppins-light.ttf) format("truetype");
    font-alias: Poppins-Light;
    font-display: swap
}
@font-face {
    font-family: poppins-semibold;
    src: url(../font/poppins-semibold.ttf) format("truetype");
    font-alias: Poppins-SemiBold;
    font-display: swap
}
@font-face {
    font-family: poppins-regular;
    src: url(../font/poppins-regular.ttf) format("truetype");
    font-alias: Poppins-Regular;
    font-display: swap
}
body {
    overflow-x: hidden;
    word-break: break-word;
    font-family: harmonyos_sans_sc_regular
}
.pl_service2 .service_item {
    margin-bottom: 6px;
    position: relative;
    cursor: pointer;
    background-color: #f9cc34!important;
    color: #fff!important;
    transition: all .5s ease;
    border-radius: 5px
}
.pl_service2 .service_value {
    background-color: #f9cc34!important
}
.pl_service2 .service_value::after {
    border-left: 6px solid #f9cc34!important
}
#c_grid-116273709439190>div {
    max-width: 100%!important;
    margin: 0 auto!important;
    padding: 0!important;
    width: 100%!important
}
.page_a.current {
    background: var(--lqq_Color)!important;
    color: #fff
}
.tablecss tr td {
    padding: 15px;
    font-size: 16px;
    font-family: "PINGFANG MEDIUM";
    border: 2px solid #fff
}
.tablecss tr {
    background: #effbfe
}
.tablecss tr:nth-child(odd) {
    background: #f8f8f8
}
* {
--lqq_Color:#164b94
}