/*----------------------------
    FHTShome
----------------------------*/
.container-fluid .navbar-brand img{width: 9.9rem;}
.feature-icon {width: 5rem;height: 5rem;border-radius: .75rem;margin: 3rem auto;}
.txt-justify{text-align: justify;}
.fhtssvg img{ width: 4.5rem;}
.fhtsico{vertical-align: -.125em;fill: currentColor;color: #ffffff;width: 3rem;height: 3rem;background-size: 3rem 3rem;padding: 0.5rem;}
.fhtsimg{pointer-events: none;}
.fhtspro {pointer-events: none;}
.fhtspro p{margin: 0;padding: 0;}
.fhtspro img{max-width:100%;height:auto;width:100%}
.bg-Viola{background-image: linear-gradient(to right, #7d83f6 , #d682e1);}
.bg-Violet{background-image: linear-gradient(to right, #d094fb , #b894fb);}
#homebgvideo {object-fit: cover;object-position: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; min-width: 100%; min-height: auto;  width: 100%; height: 80%; z-index: -100; background-size: cover; background: url('/assets/images/bgr.png') center/cover no-repeat;}
/*----------------------------
    FHTS精彩案例
----------------------------*/
.text-gray-dark{font-size: 1.1rem;font-weight: 450;line-height: 0rem;margin: 0.6rem 0 0.99rem 0;}
.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}
.b-example-divider {
    height: 3rem;
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}
.b-example-vr {
    flex-shrink: 0;
    width: 1.5rem;
    height: 100vh;
}
.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
}
.nav-scroller .nav {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}
/*----------------------------
    FHTS安全合规可信
----------------------------*/
.casebg{background: linear-gradient(to bottom, rgba(230,240,255,.9) 0%, #fff);}
.fhtsbox {position: relative;z-index: 1;background: linear-gradient(45deg, #dee7fc,var(--bs-white));}
.fhtsbox::before {content: '';position: absolute;inset: 0;z-index: -1;opacity: 0;background: linear-gradient(45deg, #dee7fc,var(--bs-white));transition: opacity 0.4s ease;  border-radius: inherit;}
.fhtsbox:hover::before {opacity: 1;}

.fhtsboxbt {position: relative;z-index: 1;background: linear-gradient(to bottom, #bcc8fa, #f9fafe);}
.fhtsboxbt::before {content: '';position: absolute;inset: 0;z-index: -1;opacity: 0;background: linear-gradient(to bottom, #7885ee,var(--bs-white));transition: opacity 0.4s ease;  border-radius: inherit;}
.fhtsboxbt:hover::before {opacity: 1;}
/*----------------------------
    FHTSFooter
----------------------------*/
footer a{text-decoration: none; color: #575a5e;}
footer a:hover{text-decoration: none; color: #dc3545;}
footer .list-unstyled a{text-decoration: none; color: #575a5e;}
footer .list-unstyled a:hover{text-decoration: none; color: #dc3545;}
.govc{background-image: url(/assets/images/govc.png); background-repeat: no-repeat;background-size: contain;padding-left: 1.45rem;}
.govd{background-image: url(/assets/images/govd.png); background-repeat: no-repeat;background-size: contain;padding-left: 1.45rem;}

/*----------------------------
    FHTS BACK TO TOP BUTTON
----------------------------*/
#button {
    display: inline-block;
    background-color: var(--accent--color);
    width: 2.8rem;
    height: 2.8rem;
    text-align: center;
    border-radius: 100px;
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-animation: spineer 2s infinite;
    animation: spineer 2s infinite;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.6s ease-in-out;
}

#button::after {
  content: "";
  width: 2.8rem;
  height: 2.8rem;
  background-image: url("/assets/dist/img/arrows.svg");
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.75;
}
#button.show {
    opacity: 1;
    visibility: visible;
}
#button:hover {
    transform: translateY(-5px);
    color: rgb(184, 137, 215);
}

@-webkit-keyframes spineer {
    from {
        box-shadow: 0 0 0 0 rgb(184 137 215 / 40%)
    }

    to {
        box-shadow: 0 0 0 35px rgba(115, 0, 209, .01)
    }
}

@keyframes spineer {
    from {
        /* box-shadow: 0 0 0 0 rgb(20 8 45 / 40%) */
        box-shadow: 0 0 0 0 rgb(184 137 215 / 40%)
    }

    to {
        box-shadow: 0 0 0 1rem rgba(115, 0, 209, .01)
    }
}

/*----------------------------
    FHTSButtons
----------------------------*/
:root {
  --bs-white:#fff;
  --bs-Lightwhite:#fefefe;

  --bs-xcloud: #0d6efd;
  --bs-xcloud-rgb: 13, 110, 253;
  --bs-xcloud-bg: rgba(var(--bs-xcloud-rgb), 0.1);
  --bs-xcloud-text: #0b5ed7;
  --bs-xcloud-border: rgba(var(--bs-xcloud-rgb), 0.2);
  --bs-xcloud-hover: #084298;
  --bs-xcloud-active: #0b5ed7;
  --bs-xcloud-text-emphasis: #0b5ed7;
  --bs-xcloud-bg-subtle:rgba(var(--bs-xcloud-rgb), 0.1);
  --bs-xcloud-border-subtle:rgba(var(--bs-xcloud-rgb), 0.2);
  
  --bs-dateal: #1ea75f;
  --bs-dateal-rgb: 30, 167, 95;
  --bs-dateal-bg: rgba(var(--bs-dateal-rgb), 0.1);
  --bs-dateal-text: #169e5a;
  --bs-dateal-border: rgba(var(--bs-dateal-rgb), 0.2);
  --bs-dateal-hover: #0f9555;
  --bs-dateal-active: #169e5a;
  --bs-dateal-text-emphasis: #169e5a;
  --bs-dateal-bg-subtle:rgba(var(--bs-dateal-rgb), 0.1);
  --bs-dateal-border-subtle:rgba(var(--bs-dateal-rgb), 0.2);

  --bs-orange: #f54e00;
  --bs-orange-rgb: 253, 126, 20;
  --bs-orange-bg: rgba(var(--bs-orange-rgb), 0.1);
  --bs-orange-text: #ad2102;
  --bs-orange-border: rgba(var(--bs-orange-rgb), 0.2);
  --bs-orange-hover: #871400;
  --bs-orange-active: #ad2102;
  --bs-orange-text-emphasis: #ca6510;
  --bs-orange-bg-subtle:rgba(var(--bs-orange-rgb), 0.1);
  --bs-orange-border-subtle:rgba(var(--bs-orange-rgb), 0.2);
  
  --bs-red: #dc3545;
  --bs-red-rgb: 220, 53, 69;
  --bs-red-bg: rgba(var(--bs-red-rgb), 0.1);
  --bs-red-text: #cf2531;
  --bs-red-border: rgba(var(--bs-red-rgb), 0.2);
  --bs-red-hover: #b02a37;
  --bs-red-active: #cf2531;
  --bs-red-text-emphasis: #cf2531;
  --bs-red-bg-subtle:rgba(var(--bs-red-rgb), 0.1);
  --bs-red-border-subtle:rgba(var(--bs-red-rgb), 0.2);
  
  --bs-sapphire: #4041ff;
  --bs-sapphire-rgb: 64, 65, 255;
  --bs-sapphire-bg: rgba(var(--bs-sapphire-rgb), 0.1);
  --bs-sapphire-text: #2526f5;
  --bs-sapphire-border: rgba(var(--bs-sapphire-rgb), 0.2);
  --bs-sapphire-hover: #1415c7;
  --bs-sapphire-active: #2526f5;
  --bs-sapphire-text-emphasis: #2526f5;
  --bs-sapphire-bg-subtle:rgba(var(--bs-sapphire-rgb), 0.1);
  --bs-sapphire-border-subtle:rgba(var(--bs-sapphire-rgb), 0.2);

  --bs-blue: #1677ff;
  --bs-blue-rgb: 9, 88, 217;
  --bs-blue-bg: rgba(var(--bs-blue-rgb), 0.1);
  --bs-blue-text: #0958d9;
  --bs-blue-border: rgba(var(--bs-blue-rgb), 0.2);
  --bs-blue-hover: #003eb3;
  --bs-blue-active: #0958d9;
  --bs-blue-text-emphasis: #0958d9;
  --bs-blue-bg-subtle:rgba(var(--bs-blue-rgb), 0.1);
  --bs-blue-border-subtle:rgba(var(--bs-blue-rgb), 0.2);

  --bs-darkblue: #1d39c4;
  --bs-darkblue-rgb: 29, 57, 196;
  --bs-darkblue-bg: rgba(var(--bs-darkblue-rgb), 0.1);
  --bs-darkblue-text: #10239e;
  --bs-darkblue-border: rgba(var(--bs-darkblue-rgb), 0.2);
  --bs-darkblue-hover: #061178;
  --bs-darkblue-active: #10239e;
  --bs-darkblue-text-emphasis: #10239e;
  --bs-darkblue-bg-subtle:rgba(var(--bs-darkblue-rgb), 0.1);
  --bs-darkblue-border-subtle:rgba(var(--bs-darkblue-rgb), 0.2);

  --bs-volcano: #fd7311;
  --bs-volcano-rgb: 253, 115, 17;
  --bs-volcano-bg: rgba(var(--bs-volcano-rgb), 0.1);
  --bs-volcano-text: #984c0c;
  --bs-volcano-border: rgba(var(--bs-volcano-rgb), 0.2);
  --bs-volcano-hover: #984c0c;
  --bs-volcano-active: #ca6510;
  --bs-volcano-text-emphasis: #ca6510;
  --bs-volcano-bg-subtle:rgba(var(--bs-volcano-rgb), 0.1);
  --bs-volcano-border-subtle:rgba(var(--bs-volcano-rgb), 0.2);

  --bs-magenta: #6f42c1;
  --bs-magenta-rgb: 111, 63, 193;
  --bs-magenta-bg: rgba(var(--bs-magenta-rgb), 0.1);
  --bs-magenta-text: #59359a;
  --bs-magenta-border: rgba(var(--bs-magenta-rgb), 0.2);
  --bs-magenta-hover: #432874;
  --bs-magenta-active: #59359a;
  --bs-magenta-text-emphasis: #59359a;
  --bs-magenta-bg-subtle:rgba(var(--bs-magenta-rgb), 0.1);
  --bs-magenta-border-subtle:rgba(var(--bs-magenta-rgb), 0.2);
}
.text-xcloud {color: var(--bs-xcloud) !important; }
.bg-xcloud {background-color: var(--bs-xcloud) !important; }
.bg-xcloud-subtle {background-color: var(--bs-xcloud-bg) !important; }
.border-xcloud {border-color: var(--bs-xcloud) !important; }
.link-xcloud {color: var(--bs-xcloud);text-decoration-color: rgba(var(--bs-xcloud-rgb),0.4);transition: color 0.2s ease;}
.link-xcloud:hover {color: var(--bs-xcloud-active);}
.btn-xcloud {--bs-btn-color:var(--bs-white);--bs-btn-bg: var(--bs-xcloud);--bs-btn-border-color: var(--bs-xcloud);--bs-btn-hover-color:var(--bs-white);--bs-btn-hover-bg: var(--bs-xcloud-active);--bs-btn-hover-border-color: var(--bs-xcloud-active);--bs-btn-active-color:var(--bs-white);--bs-btn-active-bg: var(--bs-xcloud-hover);--bs-btn-active-border-color: var(--bs-xcloud-hover);}
.list-group-item-xcloud {--bs-list-group-color:var(--bs-xcloud-text-emphasis);--bs-list-group-bg:var(--bs-xcloud-bg-subtle);--bs-list-group-border-color:var(--bs-xcloud-border-subtle);--bs-list-group-action-hover-bg:var(--bs-xcloud-border-subtle);--bs-list-group-action-active-bg:var(--bs-xcloud-border-subtle);--bs-list-group-active-color:var(--bs-xcloud-bg-subtle);--bs-list-group-active-bg:var(--bs-xcloud-text-emphasis);--bs-list-group-active-border-color:var(--bs-xcloud-text-emphasis);--bs-list-group-action-color:var(--bs-xcloud-text);--bs-list-group-action-hover-color:var(--bs-xcloud-text);--bs-list-group-action-active-color:var(--bs-xcloud-text);}

.text-dateal {color: var(--bs-dateal) !important; }
.bg-dateal {background-color: var(--bs-dateal) !important; }
.bg-dateal-subtle {background-color: var(--bs-dateal-bg) !important; }
.border-dateal {border-color: var(--bs-dateal) !important; }
.link-dateal {color: var(--bs-dateal);text-decoration-color: rgba(var(--bs-dateal-rgb),0.4);transition: color 0.2s ease;}
.link-dateal:hover {color: var(--bs-dateal-hover);}
.btn-dateal {--bs-btn-color:var(--bs-white);--bs-btn-bg: var(--bs-dateal);--bs-btn-border-color: var(--bs-dateal);--bs-btn-hover-color:var(--bs-white);--bs-btn-hover-bg: var(--bs-dateal-active);--bs-btn-hover-border-color: var(--bs-dateal-active);--bs-btn-active-color:var(--bs-white);--bs-btn-active-bg: var(--bs-dateal-hover);--bs-btn-active-border-color: var(--bs-dateal-hover);}
.list-group-item-dateal {--bs-list-group-color:var(--bs-dateal-text-emphasis);--bs-list-group-bg:var(--bs-dateal-bg-subtle);--bs-list-group-border-color:var(--bs-dateal-border-subtle);--bs-list-group-action-hover-bg:var(--bs-dateal-border-subtle);--bs-list-group-action-active-bg:var(--bs-dateal-border-subtle);--bs-list-group-active-color:var(--bs-dateal-bg-subtle);--bs-list-group-active-bg:var(--bs-dateal-text-emphasis);--bs-list-group-active-border-color:var(--bs-dateal-text-emphasis);--bs-list-group-action-color:var(--bs-dateal-text);--bs-list-group-action-hover-color:var(--bs-dateal-text);--bs-list-group-action-active-color:var(--bs-dateal-text);}

.text-orange {color: var(--bs-orange) !important; }
.bg-orange {background-color: var(--bs-orange) !important; }
.bg-orange-subtle {background-color: var(--bs-orange-bg) !important; }
.border-orange {border-color: var(--bs-orange) !important; }
.link-orange {color: var(--bs-orange);text-decoration-color: rgba(var(--bs-orange-rgb),0.4);transition: color 0.2s ease;}
.link-orange:hover {color: var(--bs-orange-active);}
.btn-orange {--bs-btn-color:var(--bs-white);--bs-btn-bg: var(--bs-orange);--bs-btn-border-color: var(--bs-orange);--bs-btn-hover-color:var(--bs-white);--bs-btn-hover-bg: var(--bs-orange-active);--bs-btn-hover-border-color: var(--bs-orange-active);--bs-btn-active-color:var(--bs-white);--bs-btn-active-bg: var(--bs-orange-hover);--bs-btn-active-border-color: var(--bs-orange-hover);}
.list-group-item-orange {--bs-list-group-color:var(--bs-orange-text-emphasis);--bs-list-group-bg:var(--bs-orange-bg-subtle);--bs-list-group-border-color:var(--bs-orange-border-subtle);--bs-list-group-action-hover-bg:var(--bs-orange-border-subtle);--bs-list-group-action-active-bg:var(--bs-orange-border-subtle);--bs-list-group-active-color:var(--bs-orange-bg-subtle);--bs-list-group-active-bg:var(--bs-orange-text-emphasis);--bs-list-group-active-border-color:var(--bs-orange-text-emphasis);--bs-list-group-action-color:var(--bs-orange-text);--bs-list-group-action-hover-color:var(--bs-orange-text);--bs-list-group-action-active-color:var(--bs-orange-text);}

.text-red {color: var(--bs-red) !important; }
.bg-red {background-color: var(--bs-red) !important; }
.bg-red-subtle {background-color: var(--bs-red-bg) !important; }
.border-red {border-color: var(--bs-red) !important; }
.link-red {color: var(--bs-red);text-decoration-color: rgba(var(--bs-red-rgb),0.4);transition: color 0.2s ease;}
.link-red:hover {color: var(--bs-red-active);}
.btn-red {--bs-btn-color:var(--bs-white);--bs-btn-bg: var(--bs-red);--bs-btn-border-color: var(--bs-red);--bs-btn-hover-color:var(--bs-white);--bs-btn-hover-bg: var(--bs-red-active);--bs-btn-hover-border-color: var(--bs-red-active);--bs-btn-active-color:var(--bs-white);--bs-btn-active-bg: var(--bs-red-hover);--bs-btn-active-border-color: var(--bs-red-hover);}
.list-group-item-red {--bs-list-group-color:var(--bs-red-text-emphasis);--bs-list-group-bg:var(--bs-red-bg-subtle);--bs-list-group-border-color:var(--bs-red-border-subtle);--bs-list-group-action-hover-bg:var(--bs-red-border-subtle);--bs-list-group-action-active-bg:var(--bs-red-border-subtle);--bs-list-group-active-color:var(--bs-red-bg-subtle);--bs-list-group-active-bg:var(--bs-red-text-emphasis);--bs-list-group-active-border-color:var(--bs-red-text-emphasis);--bs-list-group-action-color:var(--bs-red-text);--bs-list-group-action-hover-color:var(--bs-red-text);--bs-list-group-action-active-color:var(--bs-red-text);}

.text-sapphire {color: var(--bs-sapphire) !important; }
.bg-sapphire {background-color: var(--bs-sapphire) !important; }
.bg-sapphire-subtle {background-color: var(--bs-sapphire-bg) !important; }
.border-sapphire {border-color: var(--bs-sapphire) !important; }
.link-sapphire {color: var(--bs-sapphire);text-decoration-color: rgba(var(--bs-sapphire-rgb),0.4);transition: color 0.2s ease;}
.link-sapphire:hover {color: var(--bs-sapphire-active);}
.btn-sapphire {--bs-btn-color:var(--bs-white);--bs-btn-bg: var(--bs-sapphire);--bs-btn-border-color: var(--bs-sapphire);--bs-btn-hover-color:var(--bs-white);--bs-btn-hover-bg: var(--bs-sapphire-active);--bs-btn-hover-border-color: var(--bs-sapphire-active);--bs-btn-active-color:var(--bs-white);--bs-btn-active-bg: var(--bs-sapphire-hover);--bs-btn-active-border-color: var(--bs-sapphire-hover);}
.list-group-item-sapphire {--bs-list-group-color:var(--bs-sapphire-text-emphasis);--bs-list-group-bg:var(--bs-sapphire-bg-subtle);--bs-list-group-border-color:var(--bs-sapphire-border-subtle);--bs-list-group-action-hover-bg:var(--bs-sapphire-border-subtle);--bs-list-group-action-active-bg:var(--bs-sapphire-border-subtle);--bs-list-group-active-color:var(--bs-sapphire-bg-subtle);--bs-list-group-active-bg:var(--bs-sapphire-text-emphasis);--bs-list-group-active-border-color:var(--bs-sapphire-text-emphasis);--bs-list-group-action-color:var(--bs-sapphire-text);--bs-list-group-action-hover-color:var(--bs-sapphire-text);--bs-list-group-action-active-color:var(--bs-sapphire-text);}

.text-blue {color: var(--bs-blue) !important; }
.bg-blue {background-color: var(--bs-blue) !important; }
.bg-blue-subtle {background-color: var(--bs-blue-bg) !important; }
.border-blue {border-color: var(--bs-blue) !important; }
.link-blue {color: var(--bs-blue);text-decoration-color: rgba(var(--bs-blue-rgb),0.4);transition: color 0.2s ease;}
.link-blue:hover {color: var(--bs-blue-hover);}
.btn-blue {--bs-btn-color:var(--bs-white);--bs-btn-bg: var(--bs-blue);--bs-btn-border-color: var(--bs-blue);--bs-btn-hover-color:var(--bs-white);--bs-btn-hover-bg: var(--bs-blue-active);--bs-btn-hover-border-color: var(--bs-blue-active);--bs-btn-active-color:var(--bs-white);--bs-btn-active-bg: var(--bs-blue-hover);--bs-btn-active-border-color: var(--bs-blue-hover);}
.list-group-item-blue {--bs-list-group-color:var(--bs-blue-text-emphasis);--bs-list-group-bg:var(--bs-blue-bg-subtle);--bs-list-group-border-color:var(--bs-blue-border-subtle);--bs-list-group-action-hover-bg:var(--bs-blue-border-subtle);--bs-list-group-action-active-bg:var(--bs-blue-border-subtle);--bs-list-group-active-color:var(--bs-blue-bg-subtle);--bs-list-group-active-bg:var(--bs-blue-text-emphasis);--bs-list-group-active-border-color:var(--bs-blue-text-emphasis);--bs-list-group-action-color:var(--bs-blue-text);--bs-list-group-action-hover-color:var(--bs-blue-text);--bs-list-group-action-active-color:var(--bs-blue-text);}

.text-darkblue {color: var(--bs-darkblue) !important; }
.bg-darkblue {background-color: var(--bs-darkblue) !important; }
.bg-darkblue-subtle {background-color: var(--bs-darkblue-bg) !important; }
.border-darkblue {border-color: var(--bs-darkblue) !important; }
.link-darkblue {color: var(--bs-darkblue);text-decoration-color: rgba(var(--bs-darkblue-rgb),0.4);transition: color 0.2s ease;}
.link-darkblue:hover {color: var(--bs-darkblue-hover);}
.btn-darkblue {--bs-btn-color:var(--bs-white);--bs-btn-bg: var(--bs-darkblue);--bs-btn-border-color: var(--bs-darkblue);--bs-btn-hover-color:var(--bs-white);--bs-btn-hover-bg: var(--bs-darkblue-active);--bs-btn-hover-border-color: var(--bs-darkblue-active);--bs-btn-active-color:var(--bs-white);--bs-btn-active-bg: var(--bs-darkblue-hover);--bs-btn-active-border-color: var(--bs-darkblue-hover);}
.list-group-item-darkblue {--bs-list-group-color:var(--bs-darkblue-text-emphasis);--bs-list-group-bg:var(--bs-darkblue-bg-subtle);--bs-list-group-border-color:var(--bs-darkblue-border-subtle);--bs-list-group-action-hover-bg:var(--bs-darkblue-border-subtle);--bs-list-group-action-active-bg:var(--bs-darkblue-border-subtle);--bs-list-group-active-color:var(--bs-darkblue-bg-subtle);--bs-list-group-active-bg:var(--bs-darkblue-text-emphasis);--bs-list-group-active-border-color:var(--bs-darkblue-text-emphasis);--bs-list-group-action-color:var(--bs-darkblue-text);--bs-list-group-action-hover-color:var(--bs-darkblue-text);--bs-list-group-action-active-color:var(--bs-darkblue-text);}

.text-volcano {color: var(--bs-volcano) !important; }
.bg-volcano {background-color: var(--bs-volcano) !important; }
.bg-volcano-subtle {background-color: var(--bs-volcano-bg) !important; }
.border-volcano {border-color: var(--bs-volcano) !important; }
.link-volcano {color:var(--bs-volcano);text-decoration-color: rgba(var(--bs-volcano-rgb), 0.4);transition: color 0.2s ease;}
.link-volcano:hover{color:var(--bs-volcano-hover);}

.btn-volcano {
    --bs-btn-color:var(--bs-white);
    --bs-btn-bg: var(--bs-volcano);
    --bs-btn-border-color: var(--bs-volcano);
    --bs-btn-hover-color:var(--bs-white);
    --bs-btn-hover-bg: var(--bs-volcano-active);
    --bs-btn-hover-border-color: var(--bs-volcano-active);
    --bs-btn-active-color:var(--bs-white);
    --bs-btn-active-bg: var(--bs-volcano-hover);
    --bs-btn-active-border-color: var(--bs-volcano-hover);}
.list-group-item-volcano {
    --bs-list-group-color:var(--bs-volcano-text-emphasis);
    --bs-list-group-bg:var(--bs-volcano-bg-subtle);
    --bs-list-group-border-color:var(--bs-volcano-border-subtle);
    --bs-list-group-action-hover-bg:var(--bs-volcano-border-subtle);
    --bs-list-group-action-active-bg:var(--bs-volcano-border-subtle);
    --bs-list-group-active-color:var(--bs-volcano-bg-subtle);
    --bs-list-group-active-bg:var(--bs-volcano-text-emphasis);
    --bs-list-group-active-border-color:var(--bs-volcano-text-emphasis);
    --bs-list-group-action-color:var(--bs-volcano-text);
    --bs-list-group-action-hover-color:var(--bs-volcano-text);
    --bs-list-group-action-active-color:var(--bs-volcano-text);}

.text-magenta {color: var(--bs-magenta) !important; }
.bg-magenta {background-color: var(--bs-magenta) !important; }
.bg-magenta-subtle {background-color: var(--bs-magenta-bg) !important; }
.border-magenta {border-color: var(--bs-magenta) !important; }
.link-magenta {color: var(--bs-magenta);text-decoration-color: rgba(var(--bs-magenta-rgb),0.4);transition: color 0.2s ease;}
.link-magenta:hover {color: var(--bs-magenta-active);}
.btn-magenta {--bs-btn-color:var(--bs-white);--bs-btn-bg: var(--bs-magenta);--bs-btn-border-color: var(--bs-magenta);--bs-btn-hover-color:var(--bs-white);--bs-btn-hover-bg: var(--bs-magenta-active);--bs-btn-hover-border-color: var(--bs-magenta-active);--bs-btn-active-color:var(--bs-white);--bs-btn-active-bg: var(--bs-magenta-hover);--bs-btn-active-border-color: var(--bs-magenta-hover);}
.list-group-item-magenta {--bs-list-group-color:var(--bs-magenta-text-emphasis);--bs-list-group-bg:var(--bs-magenta-bg-subtle);--bs-list-group-border-color:var(--bs-magenta-border-subtle);--bs-list-group-action-hover-bg:var(--bs-magenta-border-subtle);--bs-list-group-action-active-bg:var(--bs-magenta-border-subtle);--bs-list-group-active-color:var(--bs-magenta-bg-subtle);--bs-list-group-active-bg:var(--bs-magenta-text-emphasis);--bs-list-group-active-border-color:var(--bs-magenta-text-emphasis);--bs-list-group-action-color:var(--bs-magenta-text);--bs-list-group-action-hover-color:var(--bs-magenta-text);--bs-list-group-action-active-color:var(--bs-magenta-text);}
/*----------------------------
    FHTS.CN PCnavbar
----------------------------*/
.PCnav {box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.01);}
.PCnav ul,li,img {margin: 0;padding: 0;}
.PCnav a {cursor: pointer;color: var(--bs-secondary);text-decoration: none;}
.PCnav a:hover {color: var(--bs-danger);text-decoration: none;}
.PCnav .navbar-collapse {background: var(--bs-danger);}
.PCnav .open > .dropdown-menu {display: none;}
.PCnav .menu-list-content .menu-list > li {float: left;display: inline;position: relative;width: 7.2rem;text-align: center;margin-right: 0;}
.PCnav .menu-list-content .menu-list > li.open > a {color:var(--bs-danger);background: transparent;}
.PCnav .menu-list-content .menu-list > li.open > a:focus {color:var(--bs-danger-text-emphasis);background: transparent;}
.PCnav .menu-list-content .menu-list > li.chose {background:var(--bs-Lightwhite);cursor: pointer;border-top: 2px solid var(--bs-danger);}

.PCnav .menu-list-content .menu-list > li.active {width: 15.2rem;margin-right: 1rem;background: url(/assets/images/logo.svg) no-repeat center,url(/assets/images/logo.svg) no-repeat center;background-size: contain;border-top: none !important;}
.PCnav .menu-list-content .menu-list > li.active > a {background: transparent;}
.PCnav .menu-list-content .menu-list > li.active:hover {background: url(/assets/images/logoactive.svg) no-repeat center,url(/assets/images/logo.svg) no-repeat center;background-size: contain;border-top: none !important;}

.PCnav .menu-list-content .menu-list > li > a {color: var(--bs-body-color);display: inline-block;padding: 0;width: 100%;line-height: 80px;}
.PCnav .menu-list-content .menu-list > li > a:hover {color:var(--bs-danger);text-decoration: none;background: transparent;}
.PCnav .menu-list-content .menu-list > li > a:focus {background: transparent;}
.PCnav .menu-list-content .menu-list > li:hover {transition: all .3s;background:var(--bs-Lightwhite);cursor: pointer;color: var(--bs-danger);height: 80px;border-top: 2px solid var(--bs-danger);}
.PCnav .menu-list-content .menu-list > li:hover > a {var(--bs-danger);background: transparent;}
.PCnav .menu-driven {position: absolute;left: 0;top: 80px;width: 100%;z-index: 3;background:var(--bs-Lightwhite);}
.PCnav .menu-driven .menu-down-cont {width: 100%;margin: 0;background:var(--bs-Lightwhite);position: absolute;top: 0;box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1);}
.PCnav .menu-driven .menu-dropdown {width: 1320px;margin-left: auto;margin-right: auto;padding: 27px 0;overflow-x: auto;}
.PCnav .menu-driven .menu-dropdown:before,
.PCnav .menu-driven .menu-dropdown:after {display: table;content: "";}
.PCnav .menu-driven .menu-dropdown:after {clear: both;}
.PCnav .menu-driven .menu-dropdown li {float: right;display: inline;border-left: 1px solid #e4e4e4;}
.PCnav .menu-driven .menu-dropdown li:last-child {border-left: none;}
.PCnav .menu-driven .menu-dropdown li a {display: block;line-height: 2rem;}
.PCnav .menu-driven .menu-dropdown li h3 {var(--bs-secondary);font-size: 20px;padding-bottom: 7px;}
.PCnav .menu-driven .menu-dropdown li h3 a {var(--bs-secondary);font-weight: 600;}
.PCnav .menu-driven .menu-dropdown li h3 a:hover {var(--bs-secondary);text-decoration: none;font-weight:bold;}
.PCnav .menu-driven .menu-dropdown li .dr-list {float: left;display: inline;}
.PCnav .menu-driven .menu-dropdown .domain-register {float: right;display: inline;*zoom: 1;}
.PCnav .menu-driven .menu-dropdown .domain-register:before,
.PCnav .menu-driven .menu-dropdown .domain-register:after {display: table;content: "";}
.PCnav .menu-driven .menu-dropdown .domain-register:after {clear: both;}
.PCnav .menu-driven .menu-dropdown .domain-register li.reg-question {padding-left: 2rem;}
.PCnav .menu-driven .menu-dropdown .domain-register li.domain-service {padding: 0 6px 0 20px;}
.PCnav .menu-driven .menu-dropdown .domain-register li.domain-service .dr-list {padding-right: 24px;}
.PCnav .menu-driven .menu-dropdown .domain-register li.top-domain {padding: 0 34px 0 24px;}
.PCnav .menu-driven .menu-dropdown .domain-register li.china-domain {padding: 0 0 0 22px;}
.PCnav .menu-driven .menu-dropdown .domain-register li.china-domain .dr-list {padding-right: 20px;}
.PCnav .menu-driven .menu-dropdown .domain-register li.intern-domain {padding: 0 0 0 27px;}
.PCnav .menu-driven .menu-dropdown .domain-register li.intern-domain .dr-list {padding-right: 27px;}
.PCnav .menu-driven .menu-dropdown .menu-advert {width: 240px;float: right;display: inline;margin-left: 2rem;}
.PCnav .menu-driven .menu-dropdown .menu-advert img {width: 100%;height: 150px;max-width: 240px;}
.PCnav .menu-driven .menu-dropdown .menu-domain-list {*zoom: 1;}
.PCnav .menu-driven .menu-dropdown .menu-domain-list:before,
.PCnav .menu-driven .menu-dropdown .menu-domain-list:after {display: table;content: "";}
.PCnav .menu-driven .menu-dropdown .menu-domain-list:after {clear: both;}
.PCnav .menu-driven .menu-dropdown .menu-domain-list li {padding-left: 2rem;}
.PCnav .menu-driven .menu-dropdown .menu-domain-list li.dns-bid-list {padding-right: 2rem;}
.PCnav .menu-driven .menu-dropdown .menu-domain-list li.ws-list .dr-list {padding-right: 2rem;}
/*----------------------------
    FHTS.CN 分页样式
----------------------------*/
.page_wrap{clear:both; margin-bottom:0.1rem; overflow:hidden;zoom:1; margin: 1rem auto 0 auto;}
.paginator {float:right; height:2.5rem; overflow:hidden; }
.paginator,
.paginator input,
.paginator button {font-size:1.2rem; }
.paginator a,
.paginator span {float:left; height:2.3rem; margin:0 0.5rem 0 0; text-align:center; white-space:nowrap; vertical-align:middle; line-height:2.3rem; background:#fff; }
.paginator a {color:#0d6efd; }
.paginator b{margin:0.3rem;font-weight:300;}
.paginator a:link,
.paginator a:visited,
.paginator a:hover,
.paginator a:active {text-decoration:none; }
.paginator .page-start,
.paginator a,
.paginator .page-end {padding:0 0.8rem; border:0.01rem solid #D3D3D3; background:#ffffff; }
.paginator .page-start {border-color:#dee2e6; color:#dee2e6; }
.paginator .page-end { border-color:#dee2e6;  color:#dee2e6; }
.paginator .page-this,
.paginator .page-break {padding:0 0.3rem; }
.paginator .page-break {border:0.01rem solid #fff; }
.paginator .page-this {border:0.01rem solid #D3D3D3;background-color:#dee2e6; color:#dc3545;padding:0rem 0.8rem; font-weight:bold; }
.paginator .page-skip {height:2.2rem; line-height:2.2rem; padding:0 0.3rem; margin:0; background:none; }
.paginator .page-skip input {width:2.6rem;  *width:2.3rem;height:1.9rem;line-height:1.9rem;border:0.01rem #D3D3D3 solid;font-size:1.2rem; margin:-0.1rem 0.6rem 0rem 0.6rem;#margin-top:0.1rem;_margin-top:0rem;padding:0rem 0rem 0rem 0.2rem; vertical-align:middle; padding-top:0rem; padding-bottom:0rem; }
.paginator .page-skip button {font-size:1.2rem; padding:0 0.5rem 0.5rem 0.5rem;_padding:0 0.5rem 0 0.5rem; width:auto; _width:0; height:2.2rem;  *height:2.3rem; *line-height:2rem; _height:1.6rem; _line-height:1.6rem; margin-left:1rem;  *margin-top:-0.1rem;overflow:visible; vertical-align:top; }
.paginator a:hover {border:0.01rem solid #A6A6A6;color:#868688; }
/*----------------------------
    FHTS.CN Tooltip
----------------------------*/
[class*=hint--]:before, [class*=hint--]:after {
  position: absolute;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-transition-delay: 0ms;
  -o-transition-delay: 0ms;
     transition-delay: 0ms;
}

[class*=hint--]:hover:before, [class*=hint--]:hover:after {
  visibility: visible;
  opacity: 1;
}

[class*=hint--]:hover:before, [class*=hint--]:hover:after {
  -webkit-transition-delay: 100ms;
  -o-transition-delay: 100ms;
     transition-delay: 100ms;
}

[class*=hint--]:before {
  content: "";
  position: absolute;
  background: transparent;
  border: 7px solid transparent;
  z-index: 1000001;
}

[class*=hint--]:after {
  background-image: url(/assets/dist/img/QRwx.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  padding: 3rem;
  font-size: 14px;
  line-height: 1;
  white-space: nowrap;
  border-radius: 5px;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
  width: 130px;
  height: 130px;
}

[class*=hint--][aria-label]:after {
  content: attr(aria-label);
}

[class*=hint--][data-hint]:after {
  content: attr(data-hint);
}

[aria-label=""]:before, [aria-label=""]:after,
[data-hint=""]:before,
[data-hint=""]:after {
  display: none !important;
}
.hint--top:before {border-top-color: #dc3545;}
.hint--top:before {margin-bottom: -13px;}
.hint--top:before {border-top-color: #dc3545; bottom: 100%; left: 50%;}
.hint--top:after {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  border: none !important;
  width: 136px;
  height: 136px;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.hint--top.img1:after {
  background-image: url(/assets/dist/img/QRwx.jpg);
}
.hint--top.img2:after {
  background-image: url(/assets/dist/img/QRdy.jpg);
}
.hint--top.img3:after {
  background-image: url(/assets/dist/img/QRqq.jpg);
}
.hint--top:before {left: calc(50% - 7px);}
.hint--top:after {-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.hint--top:hover:before {-webkit-transform: translateY(-8px);-ms-transform: translateY(-8px);transform: translateY(-8px);}
.hint--top:hover:after {-webkit-transform: translateX(-50%) translateY(-8px);-ms-transform: translateX(-50%) translateY(-8px);transform: translateX(-50%) translateY(-8px);}
.ht-social-networks .item {
  display: inline-block;
}
.ht-social-networks .item .social-link {
  display: block;
  padding: 5px 8px;
}
.ht-social-networks.flat-round .item, .ht-social-networks.solid-rounded-icon .item {
  margin: 0.2rem;
}
.ht-social-networks.flat-round .social-link, .ht-social-networks.solid-rounded-icon .social-link {
  display: block;
  text-align: center;
  height: 40px;
  width: 40px;
  line-height: 36px;
  background: #ededed;
  color: #696969;
  border-radius: 50%;
  position: relative;
}
.ht-social-networks.flat-round .social-link:hover, .ht-social-networks.solid-rounded-icon .social-link:hover {
  color: #ffffff;
  background: #dc3545;
}
.ht-social-networks.solid-rounded-icon .social-link {
  background: transparent;
  border: 1px solid #e0e0e0;
}
.ht-social-networks.solid-rounded-icon .social-link:hover {
  border: 1px solid #dc3545;
  color: #ffffff;
}
.ht-social-networks.solid-rounded-icon.social-white .social-link {
  color: #ffffff;
}
.ht-social-networks.solid-rounded-icon.social-white .social-link:hover {
  border: 1px solid #ffffff;
  color: #dc3545;
  background: #ffffff;
}
.ht-social-networks.icon-tilte .link-icon {
  font-size: 16px;
  min-width: 16px;
  margin-right: 10px;
  background: #000;
}
.ht-social-networks.tilte-style .social-link {
  position: relative;
}
.ht-social-networks.tilte-style .social-link::before {
  content: "-";
  position: absolute;
  top: 50%;
  left: -5px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #333;
}
.ht-social-networks.tilte-style .social-link:hover .link-text::after {
  background-color: #d2a98e;
  width: 100%;
  left: 0;
}
.ht-social-networks.tilte-style .item:first-child .social-link::before {
  display: none;
}
.ht-social-networks.tilte-style .link-text {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  color: #333;
  position: relative;
  padding: 5px 0;
  z-index: 1;
}
.ht-social-networks.tilte-style .link-text::before {
  content: "";
  height: 2px;
  bottom: 0;
  position: absolute;
  left: 0;
  right: 0;
  z-index: -2;
  background: rgba(0, 0, 0, 0.2);
}
.ht-social-networks.tilte-style .link-text::after {
  content: "";
  height: 2px;
  width: 0;
  bottom: 0;
  position: absolute;
  left: auto;
  right: 0;
  z-index: -1;
  -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  -o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
}
.ht-social-networks.white-tilte-social .social-link::before {
  color: rgba(255, 255, 255, 0.7);
}
.ht-social-networks.white-tilte-social .social-link:hover .link-text::after {
  background-color: #ffffff;
}
.ht-social-networks.white-tilte-social .link-text {
  color: #fff;
}
.ht-social-networks.white-tilte-social .link-text::before {
  background: rgba(255, 255, 255, 0.7);
}