.w1146 {
    width:auto;
}
.footer {
    font-family:"PingFang SC";
    background-color:#2D3540;
    color:#fff;
}
.radius5{
    color: #fff;
}
.tips {
    display: flex;
    background-color: #fff;
    padding: 2%;
    justify-content: center;
}
.tips img { 
    width: 10%;
}
.tips span{
    color: rgb(51, 51, 51);
}

/* 搜索框容器样式 */

 .search-container {
    display: flex;
    height: 55px;
    width: 649px;
    background-color: rgb(245, 245, 245);
    border-radius: 8.5px;
    left: 0px;
    top: 0px;
    position: absolute;
    box-sizing: border-box;
    z-index: auto;
    /* 移除 pointer-events: none; */
    transition: unset;
    overflow: hidden;
}

.flex{
    display: flex;
    align-items: center;
}

/* 输入框样式 */
.search-input {
    flex: 1;
    height: 55px;
    width: 531px;
    justify-content: left;
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 16px;
    outline: none;
    transition: border-color 0.3s;
}

.search-input:focus {
    border-color: rgb(198, 25, 25);
}

.search-btn1 {
    height: 55px;
    padding: 12px 24px;
    background-color: rgb(198, 25, 25);
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s;
    justify-content: right;
}

.search-btn1:hover {
    background-color: #e88b35;
}


/* 图标容器 */
.icon-container {
    display: flex;
    justify-content: right;
}

/* 通用图标样式 */
.icon {
    display: flex;
    justify-content:center ;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #004DE9;
    color: rgb(126, 124, 118);
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 1.2rem;
    position: relative;
    overflow: hidden;
}

.icon.wechat::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9.5 6.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm7 0c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm-7 7c-1.7 0-3 1.3-3 3v5h2v-5c0-.6.4-1 1-1s1 .4 1 1v5h2v-5c0-1.7-1.3-3-3-3zm7 0c-.2 0-.5.1-.6.1-.2-.3-.5-.5-.9-.5-.8 0-1.5.7-1.5 1.5s.7 1.5 1.5 1.5c.4 0 .7-.2.9-.5.1.1.4.1.6.1.9 0 1.7-.7 1.7-1.5s-.8-1.5-1.7-1.5z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}
.call{
    display: flex;
    justify-content: center;
    margin-top: 10%;
    border: rgb(221, 157, 65) solid 1px;
    width: 100px;
    height: 30px;
    border-radius: 20px;

}

.center{
    margin-left: 10%;
}
.center span{
    color: #67665F;
}
.center a{
    float: center;
    color: rgb(221, 157, 65);
}
.call img{
    width: 20%;
    transform: 45deg;
}
.center li{
    color:#67665F;;
}
.callour .item{
    display: flex;
    margin-bottom: 18px;
}
.callour .item img{ 
    margin-right: 5px;
    width: 20px;
}

/* 渐变横线样式 */
.gradient-line {
    width: 100px; 
    height: 2px; 
    background: linear-gradient(90deg, 
        rgba(255, 255, 255, 0.8) 50%, 
        rgba(255, 255, 255, 0) 100%
    );
    margin: 6px 0 18px 0;
}
.service_box{
    width: 21%;
}
.service_box>div:nth-child(3){
    color: rgb(103, 102, 95);
}
.service_box>div:nth-child(3) a{
    color: rgb(103, 102, 95);
}
.foot_tips,.foot_box {
    padding:36px 0;
    justify-content: space-between;
}
.foot_tips p {
    margin-top:5px
}
.foot_tips .title {
    color:#fff;
    font-size:18px;
}
.foot_tips .sub_des {
    font-size:15px;
}
.foot_wrapper {
    border-top:1px solid #455161;
    font-size:15px;
}
.foot_tips>div {
    position:relative;
    padding-left:70px;
    min-width:260px;
}
.zonkvm-links-home {
    color: rgb(134, 137, 147);
    display: flex;
    height:60px;
    line-height:60px;
    border-bottom:1px solid #455161;
    border-top:1px solid #455161;
    font-size:12px;
    justify-content: space-between;
}
.zonkvm-links-home .any3{
    display: flex;
    align-items: center;
}
.zonkvm-links-home .any3 .i{
    margin-right: 30px; 
}   
.zonkvm-links-home a {
    color:rgb(134, 137, 147);
    margin-right:20px;
}
.zonkvm-links-right {
    float:right
}
/* .foot_tips>div:last-child {
	width:150px;
}
*/
.cpbuy {
        background-color: rgb(242, 177, 56);
    height:160px;
}
.footer .cpbuy a {
    display:inline-block;
    width:140px;
    height:36px;
    line-height:36px;
    color:white;
    border:1px #fff solid;
        background-color: rgb(242, 177, 56);
    text-align:center;
}
.cpbuy a:hover {
    opacity: .8;
}
.cpbuy h2 {
    font-size:24px;
    margin-bottom:25px;
    color:#fff;
    font-weight:500;
}
.d-flex-center-center {
    display:flex;
    align-items:center;
    justify-content:center;
}
.flex-column {
    flex-direction:column;
}
.foot_tips>div>img {
    position:absolute;
    left:0;
    top:0;
}
.foot_wrapper .service_box.center {
    width:21%!important;
}
.foot_wrapper .service_box a {
    display:inline-block;
    width:150px;
    color:#CCD3DB;
    font-size:14px;
    text-decoration:none;
}
.foot_wrapper .service_box p {
    font-size:14px;
}
.copyright a {
    color:#CCD3DB;
}
.onezon_footz a {
    display:inline;
}
.foot_wrapper .service_box a:hover,.copyright a:hover {
    color:#fff;
}
.foot_wrapper .service_box h3 {
    font-weight:500;
    color:#fff;
}
.foot_wrapper .line {
    width:32px;
    height:2px;
    background:#253654;
    margin:10px 0 20px 0;
}
.foot_wrapper .footer-qrcode {
    display:inline-block;
    border:1px dashed #ccc;
}
.foot_wrapper .footer-qrcode img {
    display:block;
}
.copyright {
    padding:20px 0;
    line-height:30px;
    font-size:12px;
}
.foot-honor {
    font-size:12px;
    overflow:hidden;
}
.foot-honor li {
    display:inline-block;
    height:24px;
    line-height:24px;
    color:#808792;
    margin-right:22px;
}
.foot-honor li:last-child {
    margin-right:0
}
.foot-honor li a {
    display:inline-block;
    color:#808792;
}
.foot-honor li a:hover {
    color:#fff;
}
.foot-honor .item1 {
    padding-left:24px;
    background:url("../images/foot-logo1.png") left center no-repeat
}
.foot-honor .item2 {
    padding-left:24px;
    background:url("../images/foot-logo2.png") left center no-repeat
}
.foot-honor .item3 {
    padding-left:35px;
    background:url("../images/foot-logo3.png") left center no-repeat
}
.foot-honor .item4 {
    padding-left:28px;
    background:url("../images/foot-logo4.png") left center no-repeat
}
.foot-honor .item5 {
    padding-left:28px;
    background:url("../images/foot-logo5.png") left center no-repeat
}
/* {
	$site.name
}
网络独家设计，版权所有，盗版必究，制作QQ:7099174，2021.09.25*/
.copy-alert {
    position:fixed;
    top:20%;
    left:50%;
    transform:translateX(-50%);
    padding:10px 20px;
    background-color:#4CAF50;
    color:white;
    border-radius:5px;
    box-shadow:0 2px 4px rgba(0,0,0,0.2);
    opacity:0;
    transition:opacity 0.3s ease-in-out;
    z-index:999;
}
.copy-alert.show {
    opacity:1;
}
.foot-zhengban {
    float:right;
    margin-top:-60px
}
/* {
	$site.name
}
网络独家设计，版权所有，盗版必究，制作QQ:7099174，2021.09.25*/
.fw-b {
    font-weight:bold
}
.fw-l {
    line-height:30px
}
.float-consult {
    right:12px !important;
    bottom:20px !important;
}
.float-consult .other {
    padding:10px 20px 10px !important;
}
.back-top {
    opacity:0;
    /* 初始不可见 */
    transform:translateY(100px);
    /* 初始位置偏移 */
    transition:all 0.3s ease-in-out;
    /* 过渡动画 */
}
.back-top.show {
    opacity:1;
    /* 显示时状态 */
    transform:translateY(0);
}
.float-consult {
    position:fixed;
    right:20px;
    bottom:100px;
    z-index:111;
}
.float-consult > ul {
    position:relative;
}
.float-consult > ul > li {
    width:90px;
    height:55px;
    margin:0 0 5px;
}
.float-consult .cloumn {
    float:right;
    width:55px;
    height:55px;
    background:#fff;
    text-align:center;
    font-size:12px;
    color:#666666;
    border:1px solid #eee;
    cursor:pointer;
}
.float-consult .cloumn:before {
    content:"";
    width:26px;
    height:26px;
    display:block;
    margin:5px auto 2px;
    background:url("../images/side-menu.png")  no-repeat;
}
.float-consult .cs1:before {
    background-position:1px 0;
}
.float-consult .cs2:before {
    background-position:-27px 0;
}
.float-consult .cs3:before {
    background-position:-56px 0;
}
.float-consult .cs4:before {
    background-position:-85px 0;
}
.float-consult .cs5:before {
    background-position:-116px 0;
}
.float-consult .cs6:before {
    background-position:-145px 0;
}
.float-consult .cs7:before {
    background-position:-176px 0;
}
.float-consult .cs8:before {
    background-position:-206px 0;
}
.float-consult .cs9:before {
    background-position:-95px -86px;
}
.float-consult .ewm {
    display:none;
    position:absolute;
    bottom:-5px;
    right:69px;
    z-index:111;
    background:#fff;
    width:128px;
    height:128px;
    border:1px solid #059fff;
}
.float-consult .ewm:after {
    content:"";
    width:5px;
    height:8px;
    display:block;
    position:absolute;
    right:-5px;
    top:30px;
    background:url("../images/ico2.png")  left center no-repeat;
}
.float-consult .ewm img {
    display:block;
    width:118px;
    height:118px;
    margin:5px;
}
.float-consult .service {
    display:none;
    position:absolute;
    top:240px;
    right:70px;
    font-size:16px;
    color:#fff;
    width:210px;
    background:#059fff;
    text-align:center;
    line-height:25px;
    padding:18px 0;
}
.float-consult .service:after {
    content:"";
    position:absolute;
    right:-5px;
    top:26px;
    display:inline-block;
    width:0;
    height:0;
    line-height:0;
    vertical-align:middle;
    border:5px dashed transparent;
    border-left-style:solid;
    border-left-color:#059fff;
    border-right-width:0;
}
.float-consult .consult {
    display:none;
    border:1px solid #eee;
    width:323px;
    background:#fff;
    position:absolute;
    right:70px;
    top:10px;
}
.float-consult .consult:before {
    content:"";
    display:block;
    width:6px;
    height:10px;
    position:absolute;
    right:-5px;
    background:url("../images/ico4.png")  center no-repeat;
}
.float-consult .consult h2 {
    font-size:20px;
    padding:13px 20px 13px;
    margin:0 0 15px;
    border-bottom:1px dashed #ddd;
}
.float-consult .consult h2 span {
    color:#999999;
    font-size:14px;
    margin-left:15px;
}
.float-consult .list {
    border-bottom:1px dashed #eee;
    padding:0 20px 15px;
}
.float-consult .tip {
    font-size:12px;
    overflow:hidden;
}
.float-consult .tip h5 {
    color:#ff8a00;
    font-size:14px;
    margin:0 0 5px;
}
.float-consult .tip p {
    color:#666;
    line-height:20px;
}
.float-consult .tip span {
    font-weight:600;
}
.float-consult .item {
    height:38px;
    border:1px solid #eeeeee;
    position:relative;
    padding-left:140px;
    text-align:center;
    min-height:38px;
    margin:0 0 15px;
}
.float-consult .item em {
    display:block;
    width:139px;
    height:38px;
    line-height:38px;
    background:#fafafa;
    position:absolute;
    left:0;
    top:0;
    color:#666666;
}
.float-consult .item .ico {
    display:inline-block;
    width:20px;
    height:20px;
    position:relative;
    margin:9px 10px 0;
    vertical-align:middle;
    cursor:pointer;
    background:url("../images/side-menu.png")  no-repeat;
}
.float-consult .item img {
    display:block;
    width:89px;
    height:89px;
}
.float-consult .item .phone {
    display:none;
    position:absolute;
    top:40px;
    left:-65px;
    font-size:16px;
    z-index:111;
    color:#fff;
    width:150px;
    background:#059fff;
    text-align:center;
    line-height:25px;
    padding:7px 0;
}
.float-consult .item .phone:after {
    content:"";
    position:absolute;
    left:70px;
    top:-5px;
    display:inline-block;
    width:0;
    height:0;
    line-height:0;
    vertical-align:middle;
    border:5px dashed transparent;
    border-bottom-style:solid;
    border-bottom-color:#059fff;
    border-top-width:0;
}
.float-consult .preale4 .phone {
    bottom:33px;
}
.float-consult .preale4 .phone:after {
    bottom:-5px;
    top:auto;
    border-top-width:thick;
    border-bottom-style:none;
    border-top-style:solid;
    border-top-color:#059fff;
    border-bottom-width:0;
}
.float-consult .list .qq {
    background-position:0 -60px;
}
.float-consult .list .wx {
    background-position:-22px -60px;
}
.float-consult .list .tel {
    background-position:-50px -60px;
}
.float-consult .list .qq:hover {
    background-position:-71px -60px;
}
.float-consult .list .wx:hover {
    background-position:-94px -60px;
}
.float-consult .list .tel:hover {
    background-position:-120px -60px;
}
.float-consult .other {
    clear:both;
    padding:20px 20px 10px;
    overflow:hidden;
}
.float-consult .other h3 {
    color:#059fff;
    font-size:14px;
    margin:0 0 10px;
}
.float-consult .other a {
    display:block;
    color:#999999;
    font-size:12px;
    line-height:20px;
}
.float-consult .other a:hover {
    color:#059fff;
}
.float-consult .preale:before {
    top:75px;
}
.float-consult .aftersale:before {
    top:192px;
}
.float-consult .beian:before {
    top:252px;
}
.float-consult li:hover .cloumn {
    border:1px solid #059fff;
    color:#059fff;
}
.float-consult li:hover .cs1:before {
    background-position:1px -30px;
}
.float-consult li:hover .cs2:before {
    background-position:-27px -28px;
}
.float-consult li:hover .cs3:before {
    background-position:-56px -28px;
}
.float-consult li:hover .cs4:before {
    background-position:-85px -28px;
}
.float-consult li:hover .cs5:before {
    background-position:-116px -28px;
}
.float-consult li:hover .cs6:before {
    background-position:-145px -28px;
}
.float-consult li:hover .cs7:before {
    background-position:-176px -27px;
}
.float-consult li:hover .cs8:before {
    background-position:-206px -27px;
}
.float-consult li:hover .cs9:before {
    background-position:-128px -86px;
}
.float-consult .cart:hover a {
    color:#ff8a00;
    border:1px solid #ff8a00;
}
.float-consult .cartActive a {
    border:1px solid #ff8a00;
    color:#ff8a00;
}
.float-consult .cartActive .cs7:before {
    background-position:-176px -27px;
}
.float-consult .cartActive em {
    width:20px;
    height:20px;
    position:absolute;
    left:20px;
    top:-10px;
    border-radius:100%;
    color:#fff;
    line-height:20px;
    text-align:center;
    font-size:12px;
    background:#ff8a00;
}
/* {
	$site.name
}
网络独家设计，版权所有，盗版必究，制作QQ:7099174，2021.09.25*/
.consult-drop:hover span {
    display:block!important;
}
.consult-drop a {
    color:#fff;
}
.float-consult .item .phone {
    top:25px;
}
.bottom-footer {
    text-align:center;
    margin-top:20px;
    padding-bottom:20px
}
.bottom-footer p {
    color:#808792;
    font-size:12px;
    margin-top:10px
}
.bottom-footer .banquan:hover {
    color:#fffc00;
    cursor:not-allowed;
}
.tooltip {
    position:relative;
    display:inline-block;
}
.tooltip .tooltiptext {
    visibility:hidden;
    width:250px;
    background-color:black;
    color:#fff;
    text-align:center;
    border-radius:6px;
    padding:5px 0;
    position:absolute;
    z-index:1;
    bottom:125%;
    left:50%;
    margin-left:-100px;
    opacity:0;
    transition:opacity 0.3s;
}
.tooltip .tooltiptext::after {
    content:"";
    position:absolute;
    top:100%;
    left:50%;
    margin-left:-5px;
    border-width:5px;
    border-style:solid;
    border-color:black transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
    visibility:visible;
    opacity:1;
}
.bottom-footer .dibua {
    margin-left:18px;
}
.bottom-footer p a {
    color:#808792;
}
.bottom-footer p a:hover {
    color:#fffc00;
}
.float-consult > ul > li {
    width:55px;
    height:55px;
}
.suspension-item {
    position:relative;
    display:block;
    width:55px;
    height:55px;
    background:#fff no-repeat center 8px;
    padding-top:35px;
    text-align:center;
    color:#666;
    border:1px solid #eeeeee;
    font-size:12px;
}
.suspension-item:hover {
    color:#059fff;
    border-color:#059fff;
}
.suspension-item.qq {
    background-image:url(../images/icon_suspension_qq.png);
}
.suspension-item.qq:hover {
    background-image:url(../images/icon_suspension_qq_active.png);
}
.suspension-item.wechat {
    background-image:url(../images/icon_suspension_wechat.png);
}
.suspension-item.wechat:hover {
    background-image:url(../images/icon_suspension_wechat_active.png);
}
.suspension-item.tel {
    background-image:url(../images/icon_suspension_tel.png);
}
.suspension-item.tel:hover {
    background-image:url(../images/icon_suspension_tel_active.png);
}
.suspension-detail-outer {
    display:none;
    position:absolute;
    top:-34%;
    right:54px;
    width:340px;
}
.suspension-detail {
    position:relative;
    width:325px;
    padding:20px;
    background:#fff;
    box-shadow:0px 1px 4px 1px rgba(0,0,0,0.1);
}
.suspension-detail:after {
    content:"";
    position:absolute;
    border:6px solid transparent;
    border-left-color:#fff;
    right:-12px;
    top:50%;
    margin-top:-6px;
}
.suspension-detail-title {
    color:#666666;
    font-size:14px;
    height:14px;
    text-align:left;
}
.suspension-detail-list li {
    float:left;
    width:142px;
    margin-top:18px;
    height:20px;
    line-height:20px;
}
.suspension-detail-list li a {
    display:block;
    width:100%;
    height:20px;
    line-height:20px;
    padding-left:30px;
    background:no-repeat left center;
    font-size:14px;
    text-align:left;
    color:#999;
}
.suspension-detail-list li a:hover {
    color:#059fff;
}
li.icon-consult a {
    background-image:url(../images/icon_suspension_consult.png);
}
li.icon-small-tel a {
    background-image:url(../images/icon_suspension_tel_orange.png);
}
.suspension-item:hover .suspension-detail-outer {
    display:block;
}
.wechat .suspension-detail-outer {
    left:auto;
    width:133px;
    top:-50%;
}
.wechat .suspension-detail {
    width:118px;
    height:118px;
    padding:0;
}
.tel .suspension-detail-outer {
    width:235px;
}
.tel .suspension-detail {
    width:220px;
}
/* {
	$site.name
}
网络独家设计，版权所有，盗版必究，制作QQ:7099174，2021.09.25*/
.c-999 {
    color:#999;
}
.foot-c-999 {
    color:#999;
    line-height:30px
}
.f-26 {
    font-size:22px
}
.f-28 {
    font-size:28px
}
.f-18 {
    font-size:18px
}
.f-14 {
    font-size:14px
}
.c-blue {
    color:#0066ff
}
.contactbox {
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:9999;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:10px;
}
.contactbox .close {
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:rgba(0,0,0,.3);
}
.contactbox .box2 {
    width:100%;
    max-width:1050px;
    position:relative;
    z-index:1;
    border-radius:2px;
    overflow:hidden;
}
.contactbox .box2 .top {
    background:url(../images/contact-bg.png) center no-repeat;
    background-size:cover;
    justify-content:center;
    color:#fff;
    padding:15px 5% 0 5%;
    height:70px;
}
.contactbox .box2 .top .ico {
    max-width:217px;
    float:left;
}
.contactbox .box2 .top .txt {
    margin-left:70px;
}
.contactbox .box2 .closebtn {
    position:absolute;
    right:20px;
    top:20px;
    cursor:pointer;
    width:43px;
    height:43px;
}
.contactbox .box2 .cont {
    background:#fff;
    padding:3%;
}
.contactbox .box2 .cont .sbar {
    overflow:auto;
    max-height:calc(100vh - 380px);
    padding:0 3%;
}
.contactbox .box2 .cont li {
    padding:2% 0;
}
.contactbox .box2 .cont li+li {
    border-top:1px solid #e4e4e4;
}
.contactbox .box2 .cont li.last {
    border-top:none;
    padding-top:0;
}
.contactbox .box2 .cont li.last .line {
    border-top:1px solid #e4e4e4;
    margin-bottom:3%;
}
.contactbox .box2 .cont li .left {
    float:left;
    border-right:1px solid #e4e4e4;
    width:28%;
    flex:0 0 auto;
    justify-content:flex-start;
    max-width:270px;
    padding-left:1%;
    text-align:center;
}
.contactbox .box2 .cont li .left * {
    vertical-align:top
}
.contactbox .box2 .cont li .left img {
    width:25px;
    height:25px;
    margin-right:10px;
}
.contactbox .box2 .cont li .right {
    width:65%;
    padding:0 3%;
    margin-left:260px;
}
.contactbox .box2 .cont li .right .flex {
    justify-content:flex-start;
    flex-wrap:wrap;
    padding-bottom:10px;
    margin-left:-20px;
}
.contactbox .box2 .cont li .right .flex > * {
    margin-left:20px;
    vertical-align:top;
}
.contactbox .box2 .cont li .right .flex .gdbtn {
    font-size:14px;
    background:#004DE9;
    height:38px;
    border:1px solid #fff;
    padding:10px 15px;
    line-height:38px;
    color:#fff;
}
.kf-list * {
    vertical-align:top
}
.kf-list .zonmkvm-kfts {
    font-size:12px;
    width:180px;
    padding:5px 10px;
    background:#ff6600;
    color:#ffffff
}
.kf-list a {
    line-height:30px;
}
.kf-list span {
    display:inline-block;
    line-height:26px;
    margin-left:5px;
    margin-right:15px;
    color:#32363f;
    font-size:14px;
}
.kf-list a:hover span {
    color:#598cf4
}
/* {
	$site.name
}
网络独家设计，版权所有，盗版必究，制作QQ:7099174，2021.09.25*/
.online,.offline,.onwxline {
    display:inline-block;
    width:24px;
    height:24px;
    background-size:100% 100%
}
.online {
    background-image:url(../images/qq-online.png);
}
.onwxline {
    background-image:url(../images/wx-online.png);
}
.offline {
    background-image:url(../images/qq-offline.png);
}
.zonkvm-kf {
    position:relative;
    display:inline-block;
}
.zonkvm-kf-wx {
    /* 默认隐藏联系信息 */
    display:none;
    position:absolute;
    top:100%;
    left:50%;
    width:220px;
    transform:translateX(-50%);
    margin-top:8px;
    padding:8px 12px;
    background-color:#f2f4f7;
    color:white;
    border-radius:4px;
    white-space:nowrap;
    z-index:99999;
    /* 添加过渡效果使显示更平滑 */
    opacity:0;
    transition:opacity 0.3s ease;
}
.zonkvm-kf-wxfoot {
    /* 默认隐藏联系信息 */
    display:none;
    position:absolute;
    bottom:100%;
    /* 相对于父元素底部定位，即显示在上方 */
    left:50%;
    width:220px;
    transform:translateX(-50%);
    margin-bottom:8px;
    /* 与下方元素保持距离 */
    padding:8px 12px;
    background-color:#f2f4f7;
    color:white;
    border-radius:4px;
    white-space:nowrap;
    z-index:99999;
    /* 添加过渡效果使显示更平滑 */
    opacity:0;
    transition:opacity 0.3s ease;
}
.zonkvm-kf-wx-tab {
    text-align:center;
    padding:10px;
    color:#323235
}
.zonkvm-kf-wx-left {
    float:left;
    padding-left:10px;
    padding-top:10px
}
.zonkvm-kf-wx-left img {
    width:85px
}
.zonkvm-kf-wx-right {
    float:right;
    padding-right:10px
}
.zonkvm-kf-wx-right p {
    line-height:35px;
    color:#9c9da0
}
.zonkvm-kf-wx-right .fa {
    color:#ff0000;
    margin-top:10px;
    margin-left:3px;
    color:#84de87
}
/* 为联系信息添加小箭头 */
.zonkvm-kf-wx::before {
    content:'';
    position:absolute;
    bottom:100%;
    left:50%;
    margin-left:-5px;
    border-width:5px;
    border-style:solid;
    border-color:transparent transparent #f2f4f7 transparent;
}
.zonkvm-kf-wxfoot::before {
    content:'';
    position:absolute;
    top:100%;
    /* 将箭头定位在元素上方 */
    left:50%;
    margin-left:-8px;
    border-width:8px;
    border-style:solid;
    /* 上边框设置颜色，其他方向透明，形成朝下的箭头 */
    border-color:#f2f4f7 transparent transparent transparent;
}
/* 鼠标悬停在图标上时显示联系信息 */
.zonkvm-kf:hover .zonkvm-kf-wx {
    display:block;
    opacity:1;
}
/* 鼠标悬停在图标上时显示联系信息 */
.zonkvm-kf:hover .zonkvm-kf-wxfoot {
    display:block;
    opacity:1;
}
.zonkvm-kf:hover .onwxline {
    transform:scale(1.1);
}

/* 底部样式优化 */
.footer-copyright {
    border-top: 1px solid #e8e9eb;
}

.footer-copyright .header-web-logo {
    margin-right: 50px;
}

.footer-copyright a {
    color: #666;
}

.footer-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer-item span{
    color: #fff;
    font-size: 1.1rem;
    margin-bottom: 1rem;
}
.footer-item{
    display: flex;
    flex-direction: column;
}
.footer-item a{
    color: #9CA3AF;
    font-size: 0.75rem;
    border-bottom: 1px solid transparent;
        padding: 0.5rem 0.5rem 0.5rem 0;
}
.footer-item a:hover{
    border-radius: 3px;
    color: white;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    border-radius: 1px solid rgba(255,255,255,0.129);
    background-color: rgba(255, 255, 255, 0.129); 
}
.footer-logo{
    border-top: 1px solid #1f2937;
    border-bottom: 1px solid #1F2937;
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
}
.footer-logo-left span{
    color: #D1D5DB;
    font-size: 0.85rem;
}
.footer-logo-left a{
    color: #D1D5DB;
    font-size: 0.85rem;
}
.footer-logo-left img{
    width: 85px;
}
.footer-logo-right{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: left;
}
.footer-logo-right p{
    color: #0066CC;
    font-weight: bold;
    font-size: 1.5rem;
}
.footer-bottom{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.footer-bottom img{
    width: 20px;
}
.footer-bottom-gov{
    display: flex;
    gap: 20px;
}
.footer-bottom-gov a{
    text-align: center;
    color: #6B7280;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    gap: 0.2rem;
}
.footer-bottom-gov span{
    text-align: center;
    color: #6B7280;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    gap: 0.2rem;
}
.footer-bottom-copy{
    text-align: center;
    color: #6B7280;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    gap: 0.2rem;
}
@media (max-width: 768px) { 
    .footer-top{
        display: none;
    }
    .footer-logo{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 2vw;
        border: 0;
    }
    .footer-bottom{
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
    }
    .footer-bottom-gov{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 2vw;
    }
    .footer-logo-right p{
        font-size: 13px;
    }
    .cpbuy h2{
        font-size: 14px;
    }
    .cpbuy{
        height: 125px;
    }
    .tips span{
        font-size: 12px;
    }
    .footer-logo-left{
        display: flex;
        flex-direction: column;
        justify-content: center;
            align-items: center;
    }
    .footer-logo-left-list{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .footer-logo{
        padding:0 0 20px 0;
    }
    .foot_box{
        padding: 36px 0 0  0;
    }
}